From 0473dedf471cc439d72c5e59ad948084094d16cf Mon Sep 17 00:00:00 2001
From: camperbot <camperbot@users.noreply.github.com>
Date: Fri, 10 Dec 2021 11:14:24 +0530
Subject: [PATCH] chore(i18n,curriculum): processed translations - new
 ukrainian (#44447)

---
 .../basic-javascript/counting-cards.md        |    2 +-
 ...end-development-and-apis-certification.yml |   21 +
 ...ata-analysis-with-python-certification.yml |   22 +
 .../data-visualization-certification.yml      |   21 +
 ...nd-development-libraries-certification.yml |   21 +
 .../information-security-certification.yml    |   21 +
 ...thms-and-data-structures-certification.yml |   21 +
 .../legacy-back-end-certification.yml         |   36 +
 ...egacy-data-visualization-certification.yml |   36 +
 .../legacy-front-end-certification.yml        |   36 +
 .../legacy-full-stack-certification.yml       |   24 +
 ...ty-and-quality-assurance-certification.yml |   21 +
 ...ine-learning-with-python-certification.yml |   22 +
 .../quality-assurance-certification.yml       |   22 +
 .../relational-databases-certification.yml    |   21 +
 .../responsive-web-design-certification.yml   |   21 +
 ...ic-computing-with-python-certification.yml |   21 +
 ...ges-for-visually-impaired-accessibility.md |   46 +
 .../add-an-accessible-date-picker.md          |  105 ++
 ...choosing-colors-that-convey-information.md |   74 ++
 ...ess-issues-by-using-sufficient-contrast.md |   84 ++
 ...-meaning-by-using-descriptive-link-text.md |   75 ++
 ...of-audio-content-with-the-audio-element.md |  115 ++
 ...t-accessibility-with-the-figure-element.md |  161 +++
 ...ld-accessibility-with-the-label-element.md |  119 ++
 ...ove-readability-with-high-contrast-text.md |   80 ++
 ...t-to-the-content-using-the-main-element.md |   62 +
 ...know-when-alt-text-should-be-left-blank.md |   76 ++
 ...-to-a-screen-reader-by-using-custom-css.md |  244 ++++
 ...e-links-navigable-with-html-access-keys.md |  106 ++
 ...igation-easier-with-the-footer-landmark.md |  116 ++
 ...igation-easier-with-the-header-landmark.md |  111 ++
 ...navigation-easier-with-the-nav-landmark.md |  121 ++
 ...times-with-the-html5-datetime-attribute.md |  132 ++
 ...w-hierarchical-relationships-of-content.md |   92 ++
 ...dex-to-add-keyboard-focus-to-an-element.md |  144 +++
 ...-of-keyboard-focus-for-several-elements.md |  160 +++
 .../wrap-content-in-the-article-element.md    |   92 ++
 ...eldset-element-for-better-accessibility.md |  165 +++
 ...add-a-box-shadow-to-a-card-like-element.md |  154 +++
 ...t-the-background-color-property-of-text.md |  146 +++
 ...arious-elements-to-complementary-colors.md |  130 ++
 ...of-an-element-using-the-height-property.md |  118 ++
 ...adjust-the-hover-state-of-an-anchor-tag.md |   72 ++
 .../adjust-the-hue-of-a-color.md              |  129 ++
 ...ding-element-versus-a-paragraph-element.md |  119 ++
 .../adjust-the-tone-of-a-color.md             |  119 ++
 ...-of-an-element-using-the-width-property.md |  115 ++
 .../animate-elements-at-variable-rates.md     |  141 +++
 ...ually-using-an-infinite-animation-count.md |  107 ++
 ...ate-multiple-elements-at-variable-rates.md |  155 +++
 ...-horizontally-using-the-margin-property.md |   56 +
 .../change-an-elements-relative-position.md   |   77 ++
 .../change-animation-timing-with-keywords.md  |  127 ++
 ...ping-elements-with-the-z-index-property.md |   81 ++
 .../create-a-gradual-css-linear-gradient.md   |   76 ++
 .../create-a-graphic-using-css.md             |   89 ++
 ...-a-horizontal-line-using-the-hr-element.md |  122 ++
 .../create-movement-using-css-animation.md    |  136 ++
 ...-a-subtle-pattern-as-a-background-image.md |   50 +
 ...l-balance-using-the-text-align-property.md |  118 ++
 ...by-fading-an-element-from-left-to-right.md |   95 ++
 .../decrease-the-opacity-of-an-element.md     |  134 ++
 .../learn-about-complementary-colors.md       |   90 ++
 .../learn-about-tertiary-colors.md            |  114 ++
 .../learn-how-bezier-curves-work.md           |  136 ++
 ...keyframes-and-animation-properties-work.md |  136 ++
 ...to-its-parent-with-absolute-positioning.md |   90 ++
 ...e-browser-window-with-fixed-positioning.md |  120 ++
 ...tbeat-using-an-infinite-animation-count.md |  181 +++
 ...otion-more-natural-using-a-bezier-curve.md |  121 ++
 .../modify-fill-mode-of-an-animation.md       |   92 ++
 ...ely-positioned-element-with-css-offsets.md |   70 ++
 ...s-left-or-right-with-the-float-property.md |  100 ++
 ...font-size-for-multiple-heading-elements.md |  119 ++
 .../set-the-font-size-of-paragraph-text.md    |   52 +
 ...nt-weight-for-multiple-heading-elements.md |  132 ++
 .../set-the-line-height-of-paragraphs.md      |   54 +
 .../use-a-bezier-curve-to-move-a-graphic.md   |  128 ++
 ...ar-gradient-to-create-a-striped-element.md |  113 ++
 ...n-to-change-the-hover-state-of-a-button.md |  103 ++
 ...ewx-to-skew-an-element-along-the-x-axis.md |   77 ++
 ...ewy-to-skew-an-element-along-the-y-axis.md |   71 ++
 ...operty-to-change-the-size-of-an-element.md |   95 ++
 ...e-property-to-scale-an-element-on-hover.md |   79 ++
 .../use-the-em-tag-to-italicize-text.md       |  118 ++
 .../use-the-s-tag-to-strikethrough-text.md    |  135 ++
 .../use-the-strong-tag-to-make-text-bold.md   |  128 ++
 ...ansform-property-to-make-text-uppercase.md |  138 +++
 .../use-the-u-tag-to-underline-text.md        |  120 ++
 .../add-a-negative-margin-to-an-element.md    |  115 ++
 .../add-borders-around-your-elements.md       |  190 +++
 ...rent-margins-to-each-side-of-an-element.md |  136 ++
 ...rent-padding-to-each-side-of-an-element.md |  136 ++
 .../add-rounded-corners-with-border-radius.md |  164 +++
 .../adjust-the-margin-of-an-element.md        |  116 ++
 .../adjust-the-padding-of-an-element.md       |  118 ++
 ...tach-a-fallback-value-to-a-css-variable.md |  272 ++++
 .../change-a-variable-for-a-specific-area.md  |  254 ++++
 .../basic-css/change-the-color-of-text.md     |  122 ++
 .../change-the-font-size-of-an-element.md     |  119 ++
 .../basic-css/create-a-custom-css-variable.md |  241 ++++
 ...ive-a-background-color-to-a-div-element.md |  176 +++
 .../basic-css/import-a-google-font.md         |  175 +++
 ...ve-compatibility-with-browser-fallbacks.md |   70 ++
 .../basic-css/inherit-css-variables.md        |  244 ++++
 .../inherit-styles-from-the-body-element.md   |  111 ++
 ...ke-circular-images-with-a-border-radius.md |  159 +++
 ...ide-all-other-styles-by-using-important.md |  114 ++
 ...s-declarations-by-styling-id-attributes.md |  123 ++
 ...e-class-declarations-with-inline-styles.md |  102 ++
 .../override-styles-in-subsequent-css.md      |   94 ++
 .../prioritize-one-style-over-another.md      |   73 ++
 .../set-the-font-family-of-an-element.md      |  132 ++
 .../basic-css/set-the-id-of-an-element.md     |  170 +++
 .../basic-css/size-your-images.md             |  155 +++
 .../specify-how-fonts-should-degrade.md       |  172 +++
 ...tyle-multiple-elements-with-a-css-class.md |  133 ++
 .../basic-css/style-the-html-body-element.md  |   70 ++
 ...derstand-absolute-versus-relative-units.md |  123 ++
 .../use-a-css-class-to-style-an-element.md    |  142 +++
 .../basic-css/use-a-custom-css-variable.md    |  287 +++++
 .../use-a-media-query-to-change-a-variable.md |  281 +++++
 .../basic-css/use-abbreviated-hex-code.md     |  128 ++
 ...use-an-id-attribute-to-style-an-element.md |  197 +++
 ...e-attribute-selectors-to-style-elements.md |  210 ++++
 ...ion-to-specify-the-margin-of-an-element.md |  143 +++
 ...on-to-specify-the-padding-of-an-element.md |  141 +++
 .../use-css-selectors-to-style-elements.md    |  158 +++
 ...bles-to-change-several-elements-at-once.md |  257 ++++
 .../use-hex-code-for-specific-colors.md       |   66 +
 .../basic-css/use-hex-code-to-mix-colors.md   |  132 ++
 .../basic-css/use-rgb-to-mix-colors.md        |  140 +++
 .../use-rgb-values-to-color-elements.md       |   76 ++
 .../add-a-submit-button-to-a-form.md          |  113 ++
 .../add-images-to-your-website.md             |   92 ++
 .../add-placeholder-text-to-a-text-field.md   |  108 ++
 ...radio-buttons-and-checkboxes-by-default.md |  116 ++
 .../basic-html-and-html5/comment-out-html.md  |   76 ++
 .../create-a-bulleted-unordered-list.md       |  102 ++
 .../create-a-form-element.md                  |  106 ++
 .../create-a-set-of-checkboxes.md             |  135 ++
 .../create-a-set-of-radio-buttons.md          |  160 +++
 .../create-a-text-field.md                    |   89 ++
 .../create-an-ordered-list.md                 |  157 +++
 ...declare-the-doctype-of-an-html-document.md |   70 ++
 ...e-the-head-and-body-of-an-html-document.md |  140 +++
 .../delete-html-elements.md                   |   56 +
 ...fill-in-the-blank-with-placeholder-text.md |   50 +
 .../headline-with-the-h2-element.md           |   70 ++
 .../inform-with-the-paragraph-element.md      |   64 +
 .../introduction-to-html5-elements.md         |   98 ++
 ...-to-external-pages-with-anchor-elements.md |   78 ++
 ...sections-of-a-page-with-anchor-elements.md |  120 ++
 .../make-dead-links-using-the-hash-symbol.md  |   58 +
 ...st-an-anchor-element-within-a-paragraph.md |  163 +++
 ...ny-elements-within-a-single-div-element.md |  121 ++
 .../say-hello-to-html-elements.md             |   60 +
 .../turn-an-image-into-a-link.md              |   80 ++
 .../basic-html-and-html5/uncomment-html.md    |   70 ++
 .../use-html5-to-require-a-field.md           |   86 ++
 ...ibute-with-radio-buttons-and-checkboxes.md |  148 +++
 ...add-flex-superpowers-to-the-tweet-embed.md |  258 ++++
 ...elements-using-the-align-items-property.md |   95 ++
 ...ents-using-the-justify-content-property.md |   95 ++
 ...y-to-create-a-column-in-the-tweet-embed.md |  218 ++++
 ...perty-to-create-rows-in-the-tweet-embed.md |  230 ++++
 .../use-display-flex-to-position-two-boxes.md |   82 ++
 ...align-items-property-in-the-tweet-embed.md |  222 ++++
 .../use-the-align-self-property.md            |   92 ++
 ...erty-to-set-the-initial-size-of-an-item.md |  102 ++
 ...lex-direction-property-to-make-a-column.md |   82 ++
 ...e-flex-direction-property-to-make-a-row.md |   86 ++
 ...-the-flex-grow-property-to-expand-items.md |   90 ++
 .../use-the-flex-shorthand-property.md        |  106 ++
 ...he-flex-shrink-property-to-shrink-items.md |   94 ++
 ...x-wrap-property-to-wrap-a-row-or-column.md |  138 +++
 ...ify-content-property-in-the-tweet-embed.md |  224 ++++
 ...e-the-order-property-to-rearrange-items.md |   90 ++
 .../add-columns-with-grid-template-columns.md |   72 ++
 .../css-grid/add-gaps-faster-with-grid-gap.md |   69 ++
 .../add-rows-with-grid-template-rows.md       |   68 +
 ...-items-horizontally-using-justify-items.md |   71 ++
 ...-all-items-vertically-using-align-items.md |   69 ++
 ...an-item-horizontally-using-justify-self.md |   79 ++
 ...ign-an-item-vertically-using-align-self.md |   71 ++
 ...eate-a-column-gap-using-grid-column-gap.md |   76 ++
 .../create-a-row-gap-using-grid-row-gap.md    |   68 +
 ...create-flexible-layouts-using-auto-fill.md |  140 +++
 .../create-flexible-layouts-using-auto-fit.md |   91 ++
 .../css-grid/create-grids-within-grids.md     |  106 ++
 .../css-grid/create-your-first-css-grid.md    |   64 +
 .../divide-the-grid-into-an-area-template.md  |  113 ++
 ...mit-item-size-using-the-minmax-function.md |   77 ++
 ...grid-areas-using-the-grid-area-property.md |   86 ++
 ...ce-repetition-using-the-repeat-function.md |   93 ++
 ...-to-change-the-size-of-columns-and-rows.md |   83 ++
 ...area-without-creating-an-areas-template.md |   86 ++
 .../use-grid-column-to-control-spacing.md     |  139 +++
 .../use-grid-row-to-control-spacing.md        |  122 ++
 ...ia-queries-to-create-responsive-layouts.md |  174 +++
 .../create-a-media-query.md                   |   91 ++
 .../make-an-image-responsive.md               |   76 ++
 .../make-typography-responsive.md             |   77 ++
 ...na-image-for-higher-resolution-displays.md |   64 +
 .../build-a-personal-portfolio-webpage.md     |   47 +
 .../build-a-product-landing-page.md           |   55 +
 .../build-a-survey-form.md                    |   57 +
 .../build-a-technical-documentation-page.md   |   55 +
 .../build-a-tribute-page.md                   |   43 +
 .../basic-algorithm-scripting/boo-who.md      |   97 ++
 .../chunky-monkey.md                          |  110 ++
 .../confirm-the-ending.md                     |  113 ++
 .../convert-celsius-to-fahrenheit.md          |   76 ++
 .../factorialize-a-number.md                  |   73 ++
 .../falsy-bouncer.md                          |   63 +
 .../find-the-longest-word-in-a-string.md      |   87 ++
 .../finders-keepers.md                        |   58 +
 .../basic-algorithm-scripting/mutations.md    |  117 ++
 .../repeat-a-string-repeat-a-string.md        |   84 ++
 .../return-largest-numbers-in-arrays.md       |   92 ++
 .../reverse-a-string.md                       |   63 +
 .../slice-and-splice.md                       |   98 ++
 .../title-case-a-sentence.md                  |   64 +
 .../truncate-a-string.md                      |   91 ++
 .../where-do-i-belong.md                      |  143 +++
 ...-arrays-contents-using-bracket-notation.md |   82 ++
 ...ss-property-names-with-bracket-notation.md |  101 ++
 ...items-to-an-array-with-push-and-unshift.md |   87 ++
 .../add-items-using-splice.md                 |   93 ++
 ...d-key-value-pairs-to-javascript-objects.md |  124 ++
 ...the-presence-of-an-element-with-indexof.md |   93 ++
 .../check-if-an-object-has-a-property.md      |  161 +++
 ...combine-arrays-with-the-spread-operator.md |   63 +
 .../copy-an-array-with-the-spread-operator.md |  102 ++
 .../copy-array-items-using-slice.md           |   65 +
 ...create-complex-multi-dimensional-arrays.md |  218 ++++
 ...ray-of-all-object-keys-with-object.keys.md |  111 ++
 ...ugh-all-an-arrays-items-using-for-loops.md |  138 +++
 ...-of-an-object-with-a-for...in-statement.md |  138 +++
 .../modify-an-array-stored-in-an-object.md    |  112 ++
 ...odify-an-object-nested-within-an-object.md |  101 ++
 ...-items-from-an-array-with-pop-and-shift.md |   86 ++
 .../remove-items-using-splice.md              |   87 ++
 ...-an-array-to-store-a-collection-of-data.md |   95 ++
 ...ete-keyword-to-remove-object-properties.md |   86 ++
 .../access-array-data-with-indexes.md         |   89 ++
 ...s-multi-dimensional-arrays-with-indexes.md |   77 ++
 .../accessing-nested-arrays.md                |  121 ++
 .../accessing-nested-objects.md               |  100 ++
 ...object-properties-with-bracket-notation.md |  103 ++
 ...ing-object-properties-with-dot-notation.md |  100 ++
 ...essing-object-properties-with-variables.md |  125 ++
 ...d-new-properties-to-a-javascript-object.md |   90 ++
 .../add-two-numbers-with-javascript.md        |   62 +
 ...g-a-default-option-in-switch-statements.md |  128 ++
 .../appending-variables-to-strings.md         |   77 ++
 ...ng-the-value-of-one-variable-to-another.md |   86 ++
 .../assignment-with-a-returned-value.md       |   72 ++
 .../build-javascript-objects.md               |  159 +++
 .../chaining-if-else-statements.md            |  149 +++
 .../comment-your-javascript-code.md           |   63 +
 .../comparison-with-the-equality-operator.md  |   91 ++
 ...mparison-with-the-greater-than-operator.md |  113 ++
 ...h-the-greater-than-or-equal-to-operator.md |  115 ++
 ...comparison-with-the-inequality-operator.md |   93 ++
 .../comparison-with-the-less-than-operator.md |  108 ++
 ...with-the-less-than-or-equal-to-operator.md |  114 ++
 ...rison-with-the-strict-equality-operator.md |   82 ++
 ...son-with-the-strict-inequality-operator.md |   85 ++
 ...mparisons-with-the-logical-and-operator.md |  130 ++
 ...omparisons-with-the-logical-or-operator.md |  135 ++
 ...ound-assignment-with-augmented-addition.md |  101 ++
 ...ound-assignment-with-augmented-division.md |   95 ++
 ...ssignment-with-augmented-multiplication.md |   95 ++
 ...d-assignment-with-augmented-subtraction.md |   93 ++
 ...oncatenating-strings-with-plus-operator.md |   83 ++
 ...g-strings-with-the-plus-equals-operator.md |   68 +
 .../constructing-strings-with-variables.md    |   75 ++
 .../count-backwards-with-a-for-loop.md        |   77 ++
 .../create-decimal-numbers-with-javascript.md |   55 +
 ...ad-only-variable-with-the-const-keyword.md |   88 ++
 .../declare-javascript-variables.md           |   61 +
 .../declare-string-variables.md               |   87 ++
 .../decrement-a-number-with-javascript.md     |   80 ++
 ...ete-properties-from-a-javascript-object.md |   96 ++
 ...-one-decimal-by-another-with-javascript.md |   56 +
 ...e-one-number-by-another-with-javascript.md |   59 +
 .../escape-sequences-in-strings.md            |   99 ++
 .../escaping-literal-quotes-in-strings.md     |   72 ++
 ...rences-between-the-var-and-let-keywords.md |   74 ++
 .../find-the-length-of-a-string.md            |   68 +
 .../finding-a-remainder-in-javascript.md      |   67 +
 ...nerate-random-fractions-with-javascript.md |   69 ++
 ...te-random-whole-numbers-with-javascript.md |   90 ++
 ...ate-random-whole-numbers-within-a-range.md |  102 ++
 .../global-scope-and-functions.md             |  128 ++
 .../global-vs.-local-scope-in-functions.md    |   77 ++
 .../basic-javascript/golf-code.md             |  136 ++
 .../increment-a-number-with-javascript.md     |   80 ++
 ...-variables-with-the-assignment-operator.md |   50 +
 .../introducing-else-if-statements.md         |  114 ++
 .../introducing-else-statements.md            |  106 ++
 .../iterate-odd-numbers-with-a-for-loop.md    |   69 ++
 ...terate-through-an-array-with-a-for-loop.md |   81 ++
 ...terate-with-javascript-do...while-loops.md |  105 ++
 .../iterate-with-javascript-for-loops.md      |   81 ++
 .../iterate-with-javascript-while-loops.md    |   75 ++
 .../local-scope-and-functions.md              |   86 ++
 .../logical-order-in-if-else-statements.md    |  109 ++
 .../manipulate-arrays-with-pop.md             |   90 ++
 .../manipulate-arrays-with-push.md            |   78 ++
 .../manipulate-arrays-with-shift.md           |   88 ++
 .../manipulate-arrays-with-unshift.md         |   79 ++
 .../manipulating-complex-objects.md           |  179 +++
 .../modify-array-data-with-indexes.md         |   87 ++
 ...-identical-options-in-switch-statements.md |  149 +++
 .../multiply-two-decimals-with-javascript.md  |   52 +
 .../multiply-two-numbers-with-javascript.md   |   60 +
 .../nest-one-array-within-another-array.md    |   51 +
 .../basic-javascript/nesting-for-loops.md     |   92 ++
 ...sing-values-to-functions-with-arguments.md |  120 ++
 .../practice-comparing-different-values.md    |   78 ++
 .../basic-javascript/profile-lookup.md        |  144 +++
 .../quoting-strings-with-single-quotes.md     |   81 ++
 .../basic-javascript/record-collection.md     |  181 +++
 .../replace-loops-using-recursion.md          |  105 ++
 .../replacing-if-else-chains-with-switch.md   |  157 +++
 ...urn-a-value-from-a-function-with-return.md |   73 ++
 .../return-early-pattern-for-functions.md     |  106 ++
 ...returning-boolean-values-from-functions.md |   82 ++
 ...rom-many-options-with-switch-statements.md |  114 ++
 .../basic-javascript/shopping-list.md         |   97 ++
 .../basic-javascript/stand-in-line.md         |  116 ++
 ...in-one-variable-using-javascript-arrays.md |   63 +
 ...ing-values-with-the-assignment-operator.md |   77 ++
 ...one-number-from-another-with-javascript.md |   59 +
 .../testing-objects-for-properties.md         |   98 ++
 .../understand-string-immutability.md         |   70 ++
 .../understanding-boolean-values.md           |   60 +
 ...rstanding-case-sensitivity-in-variables.md |  100 ++
 ...ndefined-value-returned-from-a-function.md |   96 ++
 .../understanding-uninitialized-variables.md  |   79 ++
 .../updating-object-properties.md             |   78 ++
 ...to-find-the-first-character-in-a-string.md |   74 ++
 ...-to-find-the-last-character-in-a-string.md |   68 +
 ...n-to-find-the-nth-character-in-a-string.md |   68 +
 ...d-the-nth-to-last-character-in-a-string.md |   68 +
 ...se-conditional-logic-with-if-statements.md |   98 ++
 ...-multiple-conditional-ternary-operators.md |   96 ++
 .../use-recursion-to-create-a-countdown.md    |   92 ++
 ...-recursion-to-create-a-range-of-numbers.md |   81 ++
 .../use-the-conditional-ternary-operator.md   |   84 ++
 .../use-the-parseint-function-with-a-radix.md |   82 ++
 .../use-the-parseint-function.md              |   74 ++
 .../using-objects-for-lookups.md              |  155 +++
 .../basic-javascript/word-blanks.md           |  107 ++
 ...rite-reusable-javascript-with-functions.md |  101 ++
 ...the-wrong-order-when-calling-a-function.md |   57 +
 ...osing-parenthesis-after-a-function-call.md |   69 ++
 ...-misspelled-variable-and-function-names.md |   69 ++
 ...mixed-usage-of-single-and-double-quotes.md |   63 +
 ...h-off-by-one-errors-when-using-indexing.md |   93 ++
 ...-parentheses-brackets-braces-and-quotes.md |   49 +
 ...t-operator-instead-of-equality-operator.md |   81 ++
 ...e-loops-with-a-valid-terminal-condition.md |   63 +
 ...en-the-freecodecamp-and-browser-console.md |   65 +
 ...-reinitializing-variables-inside-a-loop.md |   97 ++
 ...onsole-to-check-the-value-of-a-variable.md |   54 +
 ...-typeof-to-check-the-type-of-a-variable.md |   66 +
 ...pare-scopes-of-the-var-and-let-keywords.md |  134 ++
 ...plete-a-promise-with-resolve-and-reject.md |   77 ++
 .../es6/create-a-javascript-promise.md        |   55 +
 .../es6/create-a-module-script.md             |   73 ++
 ...-an-export-fallback-with-export-default.md |   63 +
 .../create-strings-using-template-literals.md |  116 ++
 .../handle-a-fulfilled-promise-with-then.md   |   92 ++
 .../handle-a-rejected-promise-with-catch.md   |  100 ++
 .../es6/import-a-default-export.md            |   48 +
 .../mutate-an-array-declared-with-const.md    |   91 ++
 .../es6/prevent-object-mutation.md            |  104 ++
 .../es6/reuse-javascript-code-using-import.md |   70 ++
 ...t-default-parameters-for-your-functions.md |   64 +
 .../use--to-import-everything-from-a-file.md  |   60 +
 ...ns-to-write-concise-anonymous-functions.md |   91 ++
 ...syntax-to-define-a-constructor-function.md |  100 ++
 ...ignment-to-assign-variables-from-arrays.md |   71 ++
 ...to-assign-variables-from-nested-objects.md |  106 ++
 ...gnment-to-assign-variables-from-objects.md |   97 ++
 ...signment-to-extract-values-from-objects.md |  101 ++
 ...ass-an-object-as-a-functions-parameters.md |   94 ++
 ...st-parameter-to-reassign-array-elements.md |   85 ++
 .../es6/use-export-to-share-a-code-block.md   |   85 ++
 ...-setters-to-control-access-to-an-object.md |  174 +++
 ...rest-parameter-with-function-parameters.md |   80 ++
 ...ad-operator-to-evaluate-arrays-in-place.md |   84 ++
 .../write-arrow-functions-with-parameters.md  |   94 ++
 ...-concise-declarative-functions-with-es6.md |   86 ++
 ...rations-using-object-property-shorthand.md |   75 ++
 ...f-an-array-using-concat-instead-of-push.md |   88 ++
 ...ramming-to-convert-strings-to-url-slugs.md |   83 ++
 ...de-effects-using-functional-programming.md |   78 ++
 ...ray-into-a-string-using-the-join-method.md |   89 ++
 ...bine-two-arrays-using-the-concat-method.md |   77 ++
 .../implement-map-on-a-prototype.md           |   72 ++
 ...lement-the-filter-method-on-a-prototype.md |   67 +
 ...ion-to-currying-and-partial-application.md |  102 ++
 .../learn-about-functional-programming.md     |   86 ++
 ...avoid-external-dependence-in-a-function.md |   74 ++
 ...actor-global-variables-out-of-functions.md |  141 +++
 ...-an-array-using-slice-instead-of-splice.md |   84 ++
 ...ray-without-changing-the-original-array.md |   90 ++
 ...part-of-an-array-using-the-slice-method.md |   93 ++
 ...ay-alphabetically-using-the-sort-method.md |  101 ++
 ...ng-into-an-array-using-the-split-method.md |   87 ++
 ...tand-functional-programming-terminology.md |  112 ++
 ...nd-the-hazards-of-using-imperative-code.md |  139 +++
 ...er-or-reduce-to-solve-a-complex-problem.md |   97 ++
 ...ry-element-in-an-array-meets-a-criteria.md |   76 ++
 ...er-method-to-extract-data-from-an-array.md |  314 +++++
 ...ap-method-to-extract-data-from-an-array.md |  329 +++++
 .../use-the-reduce-method-to-analyze-data.md  |  345 ++++++
 ...ny-elements-in-an-array-meet-a-criteria.md |   76 ++
 .../arguments-optional.md                     |   91 ++
 .../binary-agents.md                          |   57 +
 .../convert-html-entities.md                  |   89 ++
 .../diff-two-arrays.md                        |  189 +++
 .../dna-pairing.md                            |   83 ++
 .../drop-it.md                                |  104 ++
 .../everything-be-true.md                     |  155 +++
 .../make-a-person.md                          |  206 ++++
 .../map-the-debris.md                         |   76 ++
 .../missing-letters.md                        |   72 ++
 .../pig-latin.md                              |   93 ++
 .../search-and-replace.md                     |  100 ++
 .../seek-and-destroy.md                       |  104 ++
 .../smallest-common-multiple.md               |   89 ++
 .../sorted-union.md                           |   68 +
 .../spinal-tap-case.md                        |   70 ++
 .../steamroller.md                            |   72 ++
 .../sum-all-numbers-in-a-range.md             |   70 ++
 .../sum-all-odd-fibonacci-numbers.md          |   82 ++
 .../sum-all-primes.md                         |   75 ++
 .../wherefore-art-thou.md                     |  130 ++
 .../caesars-cipher.md                         |   88 ++
 .../cash-register.md                          |  252 ++++
 .../palindrome-checker.md                     |  150 +++
 .../roman-numeral-converter.md                |  199 +++
 .../telephone-number-validator.md             |  211 ++++
 .../add-methods-after-inheritance.md          |  133 ++
 .../change-the-prototype-to-a-new-object.md   |  103 ++
 .../create-a-basic-javascript-object.md       |   69 ++
 .../create-a-method-on-an-object.md           |   70 ++
 .../define-a-constructor-function.md          |   67 +
 ...xtend-constructors-to-receive-arguments.md |   89 ++
 .../inherit-behaviors-from-a-supertype.md     |  127 ++
 .../iterate-over-all-properties.md            |  106 ++
 ...ode-more-reusable-with-the-this-keyword.md |   75 ++
 .../override-inherited-methods.md             |  100 ++
 ...or-property-when-changing-the-prototype.md |   86 ++
 ...reset-an-inherited-constructor-property.md |   91 ++
 ...-prototype-to-an-instance-of-the-parent.md |   79 ++
 .../understand-own-properties.md              |  104 ++
 .../understand-the-constructor-property.md    |   85 ++
 ...iately-invoked-function-expression-iife.md |   83 ++
 .../understand-the-prototype-chain.md         |   74 ++
 ...d-where-an-objects-prototype-comes-from.md |   63 +
 .../use-a-constructor-to-create-objects.md    |   80 ++
 ...mmon-behavior-between-unrelated-objects.md |  111 ++
 .../use-an-iife-to-create-a-module.md         |  106 ++
 ...n-object-from-being-modified-externally.md |   81 ++
 ...n-to-access-the-properties-of-an-object.md |   62 +
 ...inheritance-so-you-dont-repeat-yourself.md |  142 +++
 ...ype-properties-to-reduce-duplicate-code.md |   77 ++
 ...-an-objects-constructor-with-instanceof.md |   79 ++
 .../check-for-all-or-none.md                  |   77 ++
 .../check-for-mixed-grouping-of-characters.md |   90 ++
 .../regular-expressions/extract-matches.md    |   73 ++
 .../find-characters-with-lazy-matching.md     |   61 +
 .../find-more-than-the-first-match.md         |   85 ++
 .../find-one-or-more-criminals-in-a-hunt.md   |  108 ++
 .../ignore-case-while-matching.md             |  109 ++
 ...ral-string-with-different-possibilities.md |   90 ++
 .../match-all-letters-and-numbers.md          |   98 ++
 .../match-all-non-numbers.md                  |   85 ++
 .../regular-expressions/match-all-numbers.md  |   85 ++
 .../match-anything-with-wildcard-period.md    |  119 ++
 .../match-beginning-string-patterns.md        |   73 ++
 ...characters-that-occur-one-or-more-times.md |   59 +
 ...haracters-that-occur-zero-or-more-times.md |   96 ++
 .../match-ending-string-patterns.md           |   66 +
 ...atch-everything-but-letters-and-numbers.md |   92 ++
 .../match-letters-of-the-alphabet.md          |   71 ++
 .../match-literal-strings.md                  |   74 ++
 .../match-non-whitespace-characters.md        |   78 ++
 ...tch-numbers-and-letters-of-the-alphabet.md |   63 +
 ...e-character-with-multiple-possibilities.md |   85 ++
 .../match-single-characters-not-specified.md  |   57 +
 .../regular-expressions/match-whitespace.md   |   77 ++
 .../positive-and-negative-lookahead.md        |  122 ++
 .../remove-whitespace-from-start-and-end.md   |   61 +
 .../restrict-possible-usernames.md            |  136 ++
 .../reuse-patterns-using-capture-groups.md    |  115 ++
 .../specify-exact-number-of-matches.md        |   92 ++
 ...pecify-only-the-lower-number-of-matches.md |   95 ++
 ...ecify-upper-and-lower-number-of-matches.md |   93 ++
 ...se-capture-groups-to-search-and-replace.md |   88 ++
 .../using-the-test-method.md                  |   59 +
 ...dd-elements-within-your-bootstrap-wells.md |   90 ++
 ...ont-awesome-icons-to-all-of-our-buttons.md |  178 +++
 .../add-font-awesome-icons-to-our-buttons.md  |  195 +++
 ...add-id-attributes-to-bootstrap-elements.md |   93 ++
 ...pply-the-default-bootstrap-button-style.md |   77 ++
 ...call-out-optional-actions-with-btn-info.md |  175 +++
 .../bootstrap/center-text-with-bootstrap.md   |  157 +++
 ...create-a-block-element-bootstrap-button.md |  185 +++
 .../bootstrap/create-a-bootstrap-button.md    |  176 +++
 .../bootstrap/create-a-bootstrap-headline.md  |   67 +
 .../bootstrap/create-a-bootstrap-row.md       |   68 +
 ...a-class-to-target-with-jquery-selectors.md |   71 ++
 .../bootstrap/create-a-custom-heading.md      |  177 +++
 .../bootstrap/create-bootstrap-wells.md       |   71 ++
 .../ditch-custom-css-for-bootstrap.md         |  188 +++
 .../give-each-element-a-unique-id.md          |  125 ++
 ...-within-a-bootstrap-container-fluid-div.md |   53 +
 .../bootstrap/label-bootstrap-buttons.md      |  105 ++
 .../bootstrap/label-bootstrap-wells.md        |  101 ++
 ...rm-elements-responsively-with-bootstrap.md |  215 ++++
 .../make-images-mobile-responsive.md          |  176 +++
 .../responsively-style-checkboxes.md          |  192 +++
 .../responsively-style-radio-buttons.md       |  176 +++
 .../bootstrap/split-your-bootstrap-row.md     |   57 +
 .../style-text-inputs-as-form-controls.md     |  202 +++
 ...aste-the-bootstrap-button-color-rainbow.md |  167 +++
 .../use-a-span-to-target-inline-elements.md   |  185 +++
 .../bootstrap/use-comments-to-clarify-code.md |   98 ++
 ...-design-with-bootstrap-fluid-containers.md |  170 +++
 ...strap-grid-to-put-elements-side-by-side.md |  196 +++
 ...s-of-a-dangerous-action-with-btn-danger.md |  176 +++
 .../build-a-25-5-clock.md                     |   81 ++
 .../build-a-drum-machine.md                   |   39 +
 .../build-a-javascript-calculator.md          |   62 +
 .../build-a-markdown-previewer.md             |   39 +
 .../build-a-random-quote-machine.md           |   49 +
 ...nge-text-inside-an-element-using-jquery.md |  131 ++
 ...ange-the-css-of-an-element-using-jquery.md |  119 ++
 .../jquery/clone-an-element-using-jquery.md   |  121 ++
 .../jquery/delete-your-jquery-functions.md    |  125 ++
 .../jquery/disable-an-element-using-jquery.md |  120 ++
 ...how-script-tags-and-document-ready-work.md |  118 ++
 .../jquery/remove-an-element-using-jquery.md  |  109 ++
 ...ove-classes-from-an-element-with-jquery.md |  122 ++
 ...ecific-child-of-an-element-using-jquery.md |  144 +++
 .../target-elements-by-class-using-jquery.md  |  113 ++
 .../target-elements-by-id-using-jquery.md     |  123 ++
 .../target-even-elements-using-jquery.md      |  139 +++
 ...ml-elements-with-selectors-using-jquery.md |  118 ++
 ...the-children-of-an-element-using-jquery.md |  125 ++
 ...t-the-parent-of-an-element-using-jquery.md |  140 +++
 ...-element-with-multiple-jquery-selectors.md |  143 +++
 ...e-appendto-to-move-elements-with-jquery.md |  117 ++
 .../use-jquery-to-modify-the-entire-page.md   |  118 ++
 .../react-and-redux/connect-redux-to-react.md |  156 +++
 .../connect-redux-to-the-messages-app.md      |  300 +++++
 .../extract-local-state-into-redux.md         |  397 ++++++
 .../extract-state-logic-to-redux.md           |  115 ++
 .../getting-started-with-react-redux.md       |  102 ++
 .../manage-state-locally-first.md             |  260 ++++
 .../react-and-redux/map-dispatch-to-props.md  |  107 ++
 .../react-and-redux/map-state-to-props.md     |   69 ++
 .../moving-forward-from-here.md               |   69 ++
 .../use-provider-to-connect-redux-to-react.md |  263 ++++
 .../react/access-props-using-this.props.md    |  148 +++
 .../react/add-comments-in-jsx.md              |   82 ++
 .../react/add-event-listeners.md              |  179 +++
 .../react/add-inline-styles-in-react.md       |  112 ++
 .../react/bind-this-to-a-class-method.md      |  136 ++
 ...-conditionally-based-on-component-state.md |  176 +++
 .../react/compose-react-components.md         |  199 +++
 .../react/create-a-complex-jsx-element.md     |  110 ++
 .../create-a-component-with-composition.md    |  134 ++
 .../react/create-a-controlled-form.md         |  220 ++++
 .../react/create-a-controlled-input.md        |  150 +++
 .../react/create-a-react-component.md         |  102 ++
 .../react/create-a-simple-jsx-element.md      |   57 +
 .../react/create-a-stateful-component.md      |  134 ++
 ...create-a-stateless-functional-component.md |  102 ++
 .../react/define-an-html-class-in-jsx.md      |   62 +
 ...sibling-elements-a-unique-key-attribute.md |  147 +++
 .../react/introducing-inline-styles.md        |  103 ++
 .../learn-about-self-closing-jsx-tags.md      |   75 ++
 ...e-re-renders-with-shouldcomponentupdate.md |  187 +++
 .../react/override-default-props.md           |  112 ++
 .../react/pass-a-callback-as-props.md         |  217 ++++
 .../react/pass-an-array-as-props.md           |  186 +++
 ...ops-to-a-stateless-functional-component.md |  164 +++
 ...pass-state-as-props-to-child-components.md |  145 +++
 .../render-a-class-component-to-the-dom.md    |  159 +++
 .../react/render-conditionally-from-props.md  |  303 +++++
 .../react/render-html-elements-to-the-dom.md  |   75 ++
 ...react-on-the-server-with-rendertostring.md |   76 ++
 ...state-in-the-user-interface-another-way.md |  119 ++
 .../render-state-in-the-user-interface.md     |  113 ++
 .../react/render-with-an-if-else-condition.md |  155 +++
 ...ps-with-stateless-functional-components.md |  145 +++
 .../react/set-state-with-this.setstate.md     |  143 +++
 .../use--for-a-more-concise-conditional.md    |  146 +++
 ...ry-expression-for-conditional-rendering.md |  280 +++++
 ...anced-javascript-in-react-render-method.md |  334 +++++
 ...y.filter-to-dynamically-filter-an-array.md |  236 ++++
 ...rray.map-to-dynamically-render-elements.md |  265 ++++
 .../react/use-default-props.md                |   78 ++
 ...roptypes-to-define-the-props-you-expect.md |  132 ++
 .../use-react-to-render-nested-components.md  |  150 +++
 .../react/use-state-to-toggle-an-element.md   |  189 +++
 ...-the-lifecycle-method-componentdidmount.md |  127 ++
 ...the-lifecycle-method-componentwillmount.md |   87 ++
 .../write-a-react-component-from-scratch.md   |   84 ++
 .../react/write-a-simple-counter.md           |  146 +++
 .../redux/combine-multiple-reducers.md        |  175 +++
 .../copy-an-object-with-object.assign.md      |  133 ++
 .../redux/create-a-redux-store.md             |   61 +
 .../redux/define-a-redux-action.md            |   55 +
 .../redux/define-an-action-creator.md         |   57 +
 .../redux/dispatch-an-action-event.md         |   85 ++
 .../redux/get-state-from-the-redux-store.md   |   55 +
 .../redux/handle-an-action-in-the-store.md    |  108 ++
 .../redux/never-mutate-state.md               |  133 ++
 .../redux/register-a-store-listener.md        |  118 ++
 .../redux/remove-an-item-from-an-array.md     |  114 ++
 .../redux/send-action-data-to-the-store.md    |  107 ++
 ...ch-statement-to-handle-multiple-actions.md |  152 +++
 .../redux/use-const-for-action-types.md       |  205 +++
 ...ddleware-to-handle-asynchronous-actions.md |  170 +++
 .../use-the-spread-operator-on-arrays.md      |  114 ++
 .../redux/write-a-counter-with-redux.md       |  116 ++
 ...yle-until-a-condition-is-met-with-while.md |  117 ++
 .../sass/create-reusable-css-with-mixins.md   |  132 ++
 ...ne-set-of-css-styles-to-another-element.md |  116 ++
 .../sass/nest-css-with-sass.md                |  105 ++
 ...tyles-into-smaller-chunks-with-partials.md |   47 +
 .../sass/store-data-with-sass-variables.md    |  121 ++
 .../use-each-to-map-over-items-in-a-list.md   |  135 ++
 .../sass/use-for-to-create-a-sass-loop.md     |  139 +++
 ...if-and-else-to-add-logic-to-your-styles.md |  145 +++
 .../visualize-data-with-a-bar-chart.md        |   53 +
 .../visualize-data-with-a-choropleth-map.md   |   52 +
 .../visualize-data-with-a-heat-map.md         |   61 +
 ...visualize-data-with-a-scatterplot-graph.md |   57 +
 .../visualize-data-with-a-treemap-diagram.md  |   53 +
 .../add-a-hover-effect-to-a-d3-element.md     |  118 ++
 .../add-a-tooltip-to-a-d3-element.md          |  175 +++
 .../add-attributes-to-the-circle-elements.md  |  211 ++++
 .../add-axes-to-a-visualization.md            |  198 +++
 .../add-classes-with-d3.md                    |   93 ++
 .../add-document-elements-with-d3.md          |  105 ++
 .../add-inline-styling-to-elements.md         |   76 ++
 .../add-labels-to-d3-elements.md              |  153 +++
 .../add-labels-to-scatter-plot-circles.md     |  224 ++++
 .../change-styles-based-on-data.md            |  123 ++
 .../change-the-color-of-an-svg-element.md     |   88 ++
 .../change-the-presentation-of-a-bar-chart.md |  161 +++
 ...te-a-bar-for-each-data-point-in-the-set.md |  110 ++
 .../create-a-linear-scale-with-d3.md          |   88 ++
 .../create-a-scatterplot-with-svg-circles.md  |  103 ++
 .../display-shapes-with-svg.md                |  103 ++
 ...namically-change-the-height-of-each-bar.md |  145 +++
 ...ically-set-the-coordinates-for-each-bar.md |  151 +++
 .../invert-svg-elements.md                    |  143 +++
 .../learn-about-svg-in-d3.md                  |   93 ++
 .../select-a-group-of-elements-with-d3.md     |   82 ++
 .../set-a-domain-and-a-range-on-a-scale.md    |  106 ++
 .../style-d3-labels.md                        |  110 ++
 ...te-the-height-of-an-element-dynamically.md |  137 +++
 ...e-a-pre-defined-scale-to-place-elements.md |  347 ++++++
 .../use-dynamic-scales.md                     |  156 +++
 ...minimum-and-maximum-values-in-a-dataset.md |   90 ++
 .../work-with-data-in-d3.md                   |  105 ++
 .../work-with-dynamic-data-in-d3.md           |  122 ++
 .../access-the-json-data-from-an-api.md       |  167 +++
 .../change-text-with-click-events.md          |  140 +++
 .../convert-json-data-to-html.md              |  199 +++
 ...on-data-to-find-a-users-gps-coordinates.md |   98 ++
 ...t-json-with-the-javascript-fetch-method.md |  174 +++
 ...th-the-javascript-xmlhttprequest-method.md |  196 +++
 ...h-javascript-using-the-onclick-property.md |  140 +++
 ...th-the-javascript-xmlhttprequest-method.md |  206 ++++
 ...re-filter-json-to-get-the-data-you-need.md |  171 +++
 .../render-images-from-data-sources.md        |  163 +++
 .../exercise-tracker.md                       |  611 +++++++++
 .../request-header-parser-microservice.md     |   77 ++
 ...hain-middleware-to-create-a-time-server.md |   79 ++
 .../get-data-from-post-requests.md            |   78 ++
 ...t-query-parameter-input-from-the-client.md |   67 +
 ...t-route-parameter-input-from-the-client.md |   65 +
 ...-a-root-level-request-logger-middleware.md |   57 +
 .../meet-the-node-console.md                  |   53 +
 .../serve-an-html-file.md                     |   51 +
 .../serve-json-on-a-specific-route.md         |   47 +
 .../serve-static-assets.md                    |   51 +
 .../start-a-working-express-server.md         |   57 +
 .../use-body-parser-to-parse-post-requests.md |   63 +
 .../use-the-.env-file.md                      |   54 +
 .../add-a-description-to-your-package.json.md |   52 +
 .../add-a-license-to-your-package.json.md     |   48 +
 .../add-a-version-to-your-package.json.md     |   46 +
 .../add-keywords-to-your-package.json.md      |   84 ++
 ...project-with-external-packages-from-npm.md |   77 ++
 ...e-of-any-node.js-project-or-npm-package.md |   60 +
 ...es-by-understanding-semantic-versioning.md |   73 ++
 ...remove-a-package-from-your-dependencies.md |   52 +
 ...he-latest-minor-version-of-a-dependency.md |   75 ++
 ...he-latest-patch-version-of-a-dependency.md |   75 ++
 ...-query-helpers-to-narrow-search-results.md |   76 ++
 .../mongodb-and-mongoose/create-a-model.md    |   88 ++
 .../create-and-save-a-record-of-a-model.md    |   56 +
 .../create-many-records-with-model.create.md  |   68 +
 ...delete-many-documents-with-model.remove.md |   57 +
 ...-document-using-model.findbyidandremove.md |   53 +
 .../install-and-set-up-mongoose.md            |   85 ++
 ...-updates-by-running-find-edit-then-save.md |   54 +
 ...a-document-using-model.findoneandupdate.md |   58 +
 .../use-model.find-to-search-your-database.md |   53 +
 ....findbyid-to-search-your-database-by-id.md |   48 +
 ...le-matching-document-from-your-database.md |   51 +
 .../announce-new-users.md                     |   90 ++
 .../authentication-strategies.md              |   96 ++
 .../authentication-with-socket.io.md          |  154 +++
 .../clean-up-your-project-with-modules.md     |   64 +
 .../communicate-by-emitting.md                |  107 ++
 .../create-new-middleware.md                  |   87 ++
 .../handle-a-disconnect.md                    |   69 ++
 .../hashing-your-passwords.md                 |   86 ++
 .../how-to-put-a-profile-together.md          |   57 +
 .../how-to-use-passport-strategies.md         |   79 ++
 ...nt-the-serialization-of-a-passport-user.md |   91 ++
 ...lementation-of-social-authentication-ii.md |  114 ++
 ...ementation-of-social-authentication-iii.md |   80 ++
 ...implementation-of-social-authentication.md |  108 ++
 .../logging-a-user-out.md                     |   81 ++
 .../registration-of-new-users.md              |  205 +++
 .../send-and-display-chat-messages.md         |   79 ++
 .../serialization-of-a-user-object.md         |  131 ++
 .../set-up-a-template-engine.md               |  116 ++
 .../set-up-passport.md                        |  132 ++
 .../set-up-the-environment.md                 |  148 +++
 .../use-a-template-engines-powers.md          |   53 +
 ...ality-with-.deepequal-and-.notdeepequal.md |   79 ++
 .../compare-the-properties-of-two-elements.md |  109 ++
 .../learn-how-javascript-assertions-work.md   |   75 ++
 ...sponse-using-chai-http-iii---put-method.md |  148 +++
 ...esponse-using-chai-http-iv---put-method.md |  126 ++
 ...sts-on-api-endpoints-using-chai-http-ii.md |   75 ++
 ...-tests-on-api-endpoints-using-chai-http.md |  100 ++
 ...ional-tests-using-a-headless-browser-ii.md |  115 ++
 ...nctional-tests-using-a-headless-browser.md |  148 +++
 ...mulate-actions-using-a-headless-browser.md |   72 ++
 .../test-for-truthiness.md                    |  101 ++
 .../test-if-a-string-contains-a-substring.md  |   79 ++
 ...f-a-value-falls-within-a-specific-range.md |   87 ++
 .../test-if-a-value-is-a-string.md            |   93 ++
 .../test-if-a-value-is-an-array.md            |   77 ++
 ...ue-is-of-a-specific-data-structure-type.md |  133 ++
 ...st-if-a-variable-or-function-is-defined.md |   95 ++
 .../test-if-an-array-contains-an-item.md      |   77 ++
 .../test-if-an-object-has-a-property.md       |   93 ++
 ...-object-is-an-instance-of-a-constructor.md |  115 ++
 ...s-below-or-at-least-as-large-as-another.md |  109 ++
 .../use-assert.isok-and-assert.isnotok.md     |   87 ++
 ...se-regular-expressions-to-test-a-string.md |   79 ++
 ...se-the-double-equals-to-assert-equality.md |  111 ++
 ...triple-equals-to-assert-strict-equality.md |  111 ++
 .../american-british-translator.md            |  337 +++++
 .../issue-tracker.md                          |  369 ++++++
 .../metric-imperial-converter.md              |  318 +++++
 .../personal-library.md                       |  220 ++++
 .../sudoku-solver.md                          |  379 ++++++
 .../build-your-own-functions.md               |   71 ++
 .../comparing-and-sorting-tuples.md           |   61 +
 .../conditional-execution.md                  |   54 +
 .../data-visualization-mailing-lists.md       |   56 +
 .../data-visualization-page-rank.md           |   34 +
 .../dictionaries-and-loops.md                 |   53 +
 .../dictionaries-common-applications.md       |   47 +
 .../files-as-a-sequence.md                    |   44 +
 .../intermediate-expressions.md               |   56 +
 .../intermediate-strings.md                   |   53 +
 .../introduction-elements-of-python.md        |   40 +
 .../introduction-hardware-achitecture.md      |   34 +
 .../introduction-python-as-a-language.md      |   43 +
 .../introduction-why-program.md               |   46 +
 .../iterations-definite-loops.md              |   43 +
 .../iterations-loop-idioms.md                 |   49 +
 .../iterations-more-patterns.md               |   52 +
 .../loops-and-iterations.md                   |   55 +
 .../make-a-relational-database.md             |   52 +
 .../more-conditional-structures.md            |   60 +
 .../networking-protocol.md                    |   38 +
 .../networking-text-processing.md             |   34 +
 .../networking-using-urllib-in-python.md      |   41 +
 .../networking-web-scraping-with-python.md    |   60 +
 .../networking-with-python.md                 |   38 +
 .../networking-write-a-web-browser.md         |   54 +
 .../python-for-everybody/object-lifecycle.md  |   71 ++
 .../objects-a-sample-class.md                 |   62 +
 .../objects-inheritance.md                    |   38 +
 .../python-dictionaries.md                    |   59 +
 .../python-for-everybody/python-functions.md  |   42 +
 .../python-for-everybody/python-lists.md      |   43 +
 .../python-for-everybody/python-objects.md    |   38 +
 .../python-for-everybody/reading-files.md     |   42 +
 ...xpressions-matching-and-extracting-data.md |   45 +
 ...ular-expressions-practical-applications.md |   38 +
 .../regular-expressions.md                    |   42 +
 .../relational-database-design.md             |   38 +
 .../relational-databases-and-sqlite.md        |   38 +
 .../relational-databases-join-operation.md    |   34 +
 ...al-databases-many-to-many-relationships.md |   52 +
 ...ational-databases-relationship-building.md |   34 +
 ...-relationships-in-a-relational-database.md |   38 +
 .../python-for-everybody/strings-and-lists.md |   51 +
 .../python-for-everybody/strings-in-python.md |   63 +
 .../the-tuples-collection.md                  |   63 +
 .../using-web-services.md                     |   42 +
 .../variables-expressions-and-statements.md   |   38 +
 .../visualizing-data-with-python.md           |   42 +
 ...services-api-rate-limiting-and-security.md |   50 +
 .../python-for-everybody/web-services-apis.md |   38 +
 .../python-for-everybody/web-services-json.md |   60 +
 .../web-services-service-oriented-approach.md |   34 +
 .../web-services-xml-schema.md                |   34 +
 .../python-for-everybody/web-services-xml.md  |   47 +
 .../working-with-lists.md                     |   38 +
 .../arithmetic-formatter.md                   |  105 ++
 .../budget-app.md                             |  108 ++
 .../polygon-area-calculator.md                |  118 ++
 .../probability-calculator.md                 |   92 ++
 .../time-calculator.md                        |   85 ++
 .../data-analysis-example-a.md                |   47 +
 .../data-analysis-example-b.md                |   43 +
 .../data-cleaning-and-visualizations.md       |   47 +
 .../data-cleaning-duplicates.md               |   43 +
 .../data-cleaning-introduction.md             |   62 +
 .../data-cleaning-with-dataframes.md          |   74 ++
 .../how-to-use-jupyter-notebooks-intro.md     |   43 +
 .../introduction-to-data-analysis.md          |   43 +
 .../jupyter-notebooks-cells.md                |   42 +
 ...-notebooks-importing-and-exporting-data.md |   51 +
 .../numpy-algebra-and-size.md                 |   47 +
 .../numpy-arrays.md                           |   63 +
 .../numpy-boolean-arrays.md                   |   61 +
 .../numpy-introduction-a.md                   |   43 +
 .../numpy-introduction-b.md                   |   47 +
 .../numpy-operations.md                       |   54 +
 ...onal-selection-and-modifying-dataframes.md |   77 ++
 .../pandas-creating-columns.md                |   62 +
 .../pandas-dataframes.md                      |   70 ++
 ...ndas-indexing-and-conditional-selection.md |   69 ++
 .../pandas-introduction.md                    |   72 ++
 .../parsing-html-and-saving-data.md           |   47 +
 .../python-functions-and-collections.md       |   43 +
 .../python-introduction.md                    |   47 +
 .../python-iteration-and-modules.md           |   60 +
 .../reading-data-csv-and-txt.md               |   59 +
 .../reading-data-from-databases.md            |   43 +
 .../reading-data-introduction.md              |   76 ++
 ...ng-and-changing-elements,-rows,-columns.md |   54 +
 .../numpy/basics-of-numpy.md                  |   49 +
 .../numpy/copying-arrays-warning.md           |   48 +
 .../numpy/initialize-array-problem.md         |   65 +
 .../numpy/initializing-different-arrays.md    |   48 +
 .../loading-data-and-advanced-indexing.md     |   60 +
 .../numpy/mathematics.md                      |   53 +
 .../numpy/reorganizing-arrays.md              |   53 +
 .../numpy/what-is-numpy.md                    |   38 +
 .../secure-real-time-multiplayer-game.md      |  175 +++
 ...ur-site-via-https-only-with-helmet.hsts.md |   63 +
 ...-response-mime-type-with-helmet.nosniff.md |   42 +
 ...lmet-using-the-parent-helmet-middleware.md |   50 +
 ...client-side-caching-with-helmet.nocache.md |   47 +
 ...fetching-with-helmet.dnsprefetchcontrol.md |   44 +
 ...ash-and-compare-passwords-synchronously.md |   66 +
 ...-information-using-helmet.hidepoweredby.md |   40 +
 .../install-and-require-helmet.md             |   53 +
 ...-of-clickjacking-with-helmet.frameguard.md |   64 +
 ...pting-xss-attacks-with-helmet.xssfilter.md |   51 +
 ...ing-untrusted-html-with-helmet.ienoopen.md |   44 +
 ...olicy-with-helmet.contentsecuritypolicy.md |   71 ++
 .../understand-bcrypt-hashes.md               |   72 ++
 .../creating-a-tcp-client.md                  |   34 +
 .../developing-a-banner-grabber.md            |   47 +
 .../developing-a-port-scanner.md              |   34 +
 .../developing-an-nmap-scanner-part-1.md      |   34 +
 .../developing-an-nmap-scanner-part-2.md      |   34 +
 .../introduction-and-setup.md                 |   34 +
 ...nding-sockets-and-creating-a-tcp-server.md |   34 +
 .../find-the-symmetric-difference.md          |  150 +++
 .../algorithms/implement-bubble-sort.md       |  138 +++
 .../algorithms/implement-insertion-sort.md    |  135 ++
 .../algorithms/implement-merge-sort.md        |  156 +++
 .../algorithms/implement-quick-sort.md        |  142 +++
 .../algorithms/implement-selection-sort.md    |  131 ++
 .../algorithms/inventory-update.md            |  228 ++++
 .../algorithms/no-repeats-please.md           |  126 ++
 .../algorithms/pairwise.md                    |  100 ++
 ...d-a-new-element-to-a-binary-search-tree.md |  191 +++
 ...ts-at-a-specific-index-in-a-linked-list.md |  161 +++
 .../data-structures/adjacency-list.md         |   91 ++
 .../data-structures/adjacency-matrix.md       |  108 ++
 .../data-structures/breadth-first-search.md   |  182 +++
 ...ment-is-present-in-a-binary-search-tree.md |  175 +++
 .../check-if-binary-search-tree.md            |  136 ++
 .../create-a-circular-queue.md                |  235 ++++
 .../create-a-doubly-linked-list.md            |  216 ++++
 .../data-structures/create-a-hash-table.md    |  260 ++++
 .../create-a-linked-list-class.md             |  145 +++
 .../create-a-map-data-structure.md            |  204 +++
 .../create-a-priority-queue-class.md          |  231 ++++
 .../data-structures/create-a-queue-class.md   |  174 +++
 .../data-structures/create-a-set-class.md     |  219 ++++
 .../data-structures/create-a-stack-class.md   |  167 +++
 .../create-a-trie-search-tree.md              |  151 +++
 .../create-an-es6-javascript-map.md           |   45 +
 .../create-and-add-to-sets-in-es6.md          |   92 ++
 ...ete-a-leaf-node-in-a-binary-search-tree.md |  216 ++++
 ...-with-one-child-in-a-binary-search-tree.md |  285 +++++
 ...th-two-children-in-a-binary-search-tree.md |  399 ++++++
 .../data-structures/depth-first-search.md     |  208 ++++
 ...-maximum-height-of-a-binary-search-tree.md |  346 ++++++
 ...d-maximum-value-in-a-binary-search-tree.md |  369 ++++++
 .../implement-heap-sort-with-a-min-heap.md    |  144 +++
 .../data-structures/incidence-matrix.md       |  110 ++
 .../insert-an-element-into-a-max-heap.md      |  165 +++
 .../data-structures/invert-a-binary-tree.md   |  192 +++
 .../learn-how-a-stack-works.md                |   71 ++
 ...erform-a-difference-on-two-sets-of-data.md |  219 ++++
 ...form-a-subset-check-on-two-sets-of-data.md |  302 +++++
 .../perform-a-union-on-two-sets.md            |  155 +++
 ...orm-an-intersection-on-two-sets-of-data.md |  184 +++
 .../remove-an-element-from-a-max-heap.md      |  151 +++
 ...ve-elements-from-a-linked-list-by-index.md |  242 ++++
 .../remove-elements-from-a-linked-list.md     |  210 ++++
 .../remove-items-from-a-set-in-es6.md         |   67 +
 .../reverse-a-doubly-linked-list.md           |  205 +++
 .../search-within-a-linked-list.md            |  293 +++++
 .../data-structures/typed-arrays.md           |   94 ++
 .../use-.has-and-.size-on-an-es6-set.md       |   73 ++
 ...th-first-search-in-a-binary-search-tree.md |  261 ++++
 ...th-first-search-in-a-binary-search-tree.md |  328 +++++
 ...pread-and-notes-for-es5-set-integration.md |   59 +
 .../work-with-nodes-in-a-linked-list.md       |   55 +
 .../problem-1-multiples-of-3-and-5.md         |   73 ++
 .../problem-10-summation-of-primes.md         |   81 ++
 .../problem-100-arranged-probability.md       |   87 ++
 .../problem-101-optimum-polynomial.md         |   56 +
 .../problem-102-triangle-containment.md       |  156 +++
 ...problem-103-special-subset-sums-optimum.md |   53 +
 .../problem-104-pandigital-fibonacci-ends.md  |   44 +
 ...problem-105-special-subset-sums-testing.md |   59 +
 ...em-106-special-subset-sums-meta-testing.md |   49 +
 .../problem-107-minimal-network.md            |   71 ++
 .../problem-108-diophantine-reciprocals-i.md  |   46 +
 .../project-euler/problem-109-darts.md        |   52 +
 .../problem-11-largest-product-in-a-grid.md   |  182 +++
 .../problem-110-diophantine-reciprocals-ii.md |   46 +
 .../problem-111-primes-with-runs.md           |   61 +
 .../problem-112-bouncy-numbers.md             |   48 +
 .../problem-113-non-bouncy-numbers.md         |   46 +
 ...oblem-114-counting-block-combinations-i.md |   44 +
 ...blem-115-counting-block-combinations-ii.md |   50 +
 .../problem-116-red-green-or-blue-tiles.md    |   54 +
 .../problem-117-red-green-and-blue-tiles.md   |   44 +
 .../problem-118-pandigital-prime-sets.md      |   40 +
 .../problem-119-digit-power-sum.md            |   44 +
 ...m-12-highly-divisible-triangular-number.md |  139 +++
 .../problem-120-square-remainders.md          |   42 +
 .../problem-121-disc-game-prize-fund.md       |   44 +
 .../problem-122-efficient-exponentiation.md   |   52 +
 .../problem-123-prime-square-remainders.md    |   44 +
 .../problem-125-palindromic-sums.md           |   42 +
 .../problem-126-cuboid-layers.md              |   50 +
 .../project-euler/problem-127-abc-hits.md     |   56 +
 .../problem-128-hexagonal-tile-differences.md |   54 +
 .../problem-129-repunit-divisibility.md       |   44 +
 .../project-euler/problem-13-large-sum.md     |  286 +++++
 ...-composites-with-prime-repunit-property.md |   46 +
 .../problem-131-prime-cube-partnership.md     |   44 +
 .../problem-132-large-repunit-factors.md      |   42 +
 .../problem-133-repunit-nonfactors.md         |   44 +
 .../problem-134-prime-pair-connection.md      |   42 +
 .../problem-135-same-differences.md           |   44 +
 .../problem-136-singleton-difference.md       |   44 +
 .../problem-137-fibonacci-golden-nuggets.md   |   58 +
 ...problem-138-special-isosceles-triangles.md |   46 +
 .../problem-139-pythagorean-tiles.md          |   46 +
 .../problem-14-longest-collatz-sequence.md    |  111 ++
 ...m-140-modified-fibonacci-golden-nuggets.md |   52 +
 ...ressive-numbers-n-which-are-also-square.md |   46 +
 .../problem-142-perfect-square-collection.md  |   38 +
 ...ting-the-torricelli-point-of-a-triangle.md |   46 +
 ...ng-multiple-reflections-of-a-laser-beam.md |   61 +
 ...ble-numbers-are-there-below-one-billion.md |   42 +
 ...oblem-146-investigating-a-prime-pattern.md |   40 +
 ...m-147-rectangles-in-cross-hatched-grids.md |   48 +
 .../problem-148-exploring-pascals-triangle.md |   54 +
 ...searching-for-a-maximum-sum-subsequence.md |   54 +
 .../project-euler/problem-15-lattice-paths.md |   68 +
 ...y-for-a-sub-triangle-having-minimum-sum.md |   59 +
 ...tandard-sizes-an-expected-value-problem.md |   52 +
 ...ng-one-half-as-a-sum-of-inverse-squares.md |   46 +
 ...lem-153-investigating-gaussian-integers.md |   84 ++
 .../problem-154-exploring-pascals-pyramid.md  |   46 +
 ...problem-155-counting-capacitor-circuits.md |   50 +
 .../problem-156-counting-digits.md            |   68 +
 ...em-157-solving-the-diophantine-equation.md |   44 +
 ...hically-after-its-neighbour-to-the-left.md |   54 +
 ...159-digital-root-sums-of-factorisations.md |   60 +
 .../problem-16-power-digit-sum.md             |   85 ++
 .../problem-160-factorial-trailing-digits.md  |   44 +
 .../project-euler/problem-161-triominoes.md   |   52 +
 .../problem-162-hexadecimal-numbers.md        |   58 +
 .../problem-163-cross-hatched-triangles.md    |   50 +
 ...s-have-a-sum-greater-than-a-given-value.md |   40 +
 .../problem-165-intersections.md              |   60 +
 .../project-euler/problem-166-criss-cross.md  |   46 +
 ...roblem-167-investigating-ulam-sequences.md |   46 +
 .../problem-168-number-rotations.md           |   44 +
 ...an-be-expressed-as-a-sum-of-powers-of-2.md |   46 +
 .../problem-17-number-letter-counts.md        |  130 ++
 ...can-be-formed-by-concatenating-products.md |   48 +
 ...f-the-squares-of-the-digits-is-a-square.md |   44 +
 ...gating-numbers-with-few-repeated-digits.md |   38 +
 ...ent-hollow-square-laminae-can-be-formed.md |   44 +
 ...one-two-three-...-distinct-arrangements.md |   50 +
 ...an-be-expressed-as-a-sum-of-powers-of-2.md |   62 +
 ...-angled-triangles-that-share-a-cathetus.md |   40 +
 ...oblem-177-integer-angled-quadrilaterals.md |   48 +
 .../project-euler/problem-178-step-numbers.md |   46 +
 ...oblem-179-consecutive-positive-divisors.md |   38 +
 .../problem-18-maximum-path-sum-i.md          |  109 ++
 ...-zeros-of-a-function-of-three-variables.md |   52 +
 ...of-two-different-colours-can-be-grouped.md |   44 +
 .../problem-182-rsa-encryption.md             |  102 ++
 .../problem-183-maximum-product-of-parts.md   |   54 +
 ...lem-184-triangles-containing-the-origin.md |   46 +
 .../project-euler/problem-185-number-mind.md  |   52 +
 .../problem-186-connectedness-of-a-network.md |   57 +
 .../project-euler/problem-187-semiprimes.md   |   42 +
 ...188-the-hyperexponentiation-of-a-number.md |   44 +
 ...lem-189-tri-colouring-a-triangular-grid.md |   50 +
 .../problem-19-counting-sundays.md            |   76 ++
 ...oblem-190-maximising-a-weighted-product.md |   42 +
 .../problem-191-prize-strings.md              |   52 +
 .../problem-192-best-approximations.md        |   46 +
 .../problem-193-squarefree-numbers.md         |   40 +
 .../problem-194-coloured-configurations.md    |   46 +
 ...-triangles-with-one-angle-of-60-degrees.md |   46 +
 .../problem-196-prime-triplets.md             |   54 +
 ...viour-of-a-recursively-defined-sequence.md |   40 +
 .../problem-198-ambiguous-numbers.md          |   42 +
 .../problem-2-even-fibonacci-numbers.md       |  103 ++
 .../problem-20-factorial-digit-sum.md         |   79 ++
 ...ontaining-the-contiguous-sub-string-200.md |   48 +
 .../problem-201-subsets-with-a-unique-sum.md  |   48 +
 .../project-euler/problem-202-laserbeam.md    |   46 +
 ...em-203-squarefree-binomial-coefficients.md |   46 +
 ...problem-204-generalised-hamming-numbers.md |   46 +
 .../project-euler/problem-205-dice-game.md    |   44 +
 .../problem-206-concealed-square.md           |   38 +
 ...problem-207-integer-partition-equations.md |   52 +
 .../project-euler/problem-208-robot-walks.md  |   46 +
 .../problem-209-circular-logic.md             |   58 +
 .../problem-21-amicable-numbers.md            |   84 ++
 .../problem-210-obtuse-angled-triangles.md    |   46 +
 .../problem-211-divisor-square-sum.md         |   42 +
 .../problem-212-combined-volume-of-cuboids.md |   54 +
 .../project-euler/problem-213-flea-circus.md  |   42 +
 .../problem-214-totient-chains.md             |   46 +
 .../problem-215-crack-free-walls.md           |   46 +
 ...-primality-of-numbers-of-the-form-2n2-1.md |   46 +
 .../problem-217-balanced-numbers.md           |   46 +
 ...blem-218-perfect-right-angled-triangles.md |   56 +
 .../problem-219-skew-cost-coding.md           |   50 +
 .../project-euler/problem-22-names-scores.md  |   90 ++
 .../problem-220-heighway-dragon.md            |   57 +
 .../problem-221-alexandrian-integers.md       |   49 +
 .../problem-222-sphere-packing.md             |   40 +
 ...lem-223-almost-right-angled-triangles-i.md |   40 +
 ...em-224-almost-right-angled-triangles-ii.md |   40 +
 .../problem-225-tribonacci-non-divisors.md    |   44 +
 .../problem-226-a-scoop-of-blancmange.md      |   46 +
 .../project-euler/problem-227-the-chase.md    |   50 +
 .../problem-228-minkowski-sums.md             |   50 +
 ...-229-four-representations-using-squares.md |   52 +
 .../problem-23-non-abundant-sums.md           |  101 ++
 .../problem-230-fibonacci-words.md            |   60 +
 ...-factorisation-of-binomial-coefficients.md |   44 +
 .../project-euler/problem-232-the-race.md     |   50 +
 .../problem-233-lattice-points-on-a-circle.md |   42 +
 .../problem-234-semidivisible-numbers.md      |   46 +
 ...em-235-an-arithmetic-geometric-sequence.md |   44 +
 .../problem-236-luxury-hampers.md             |   65 +
 ...blem-237-tours-on-a-4-x-n-playing-board.md |   49 +
 .../problem-238-infinite-string-tour.md       |   58 +
 .../problem-239-twenty-two-foolish-primes.md  |   42 +
 .../problem-24-lexicographic-permutations.md  |   66 +
 .../project-euler/problem-240-top-dice.md     |   42 +
 .../problem-241-perfection-quotients.md       |   44 +
 .../project-euler/problem-242-odd-triplets.md |   44 +
 .../project-euler/problem-243-resilience.md   |   50 +
 .../project-euler/problem-244-sliders.md      |   56 +
 .../project-euler/problem-245-coresilience.md |   48 +
 .../problem-246-tangents-to-an-ellipse.md     |   58 +
 .../problem-247-squares-under-a-hyperbola.md  |   56 +
 ...which-eulers-totient-function-equals-13.md |   40 +
 .../problem-249-prime-subset-sums.md          |   42 +
 .../problem-25-1000-digit-fibonacci-number.md |   85 ++
 .../project-euler/problem-250-250250.md       |   38 +
 .../problem-251-cardano-triplets.md           |   46 +
 .../project-euler/problem-252-convex-holes.md |   50 +
 .../project-euler/problem-253-tidying-up.md   |   69 ++
 .../problem-254-sums-of-digit-factorials.md   |   48 +
 .../problem-255-rounded-square-roots.md       |   66 +
 .../problem-256-tatami-free-rooms.md          |   56 +
 .../problem-257-angular-bisectors.md          |   46 +
 ...problem-258-a-lagged-fibonacci-sequence.md |   43 +
 .../problem-259-reachable-numbers.md          |   49 +
 .../problem-26-reciprocal-cycles.md           |   68 +
 .../project-euler/problem-260-stone-game.md   |   60 +
 .../problem-261-pivotal-square-sums.md        |   46 +
 .../problem-262-mountain-range.md             |   50 +
 ...roblem-263-an-engineers-dream-come-true.md |   57 +
 .../problem-264-triangle-centres.md           |   71 ++
 .../problem-265-binary-circles.md             |   53 +
 .../problem-266-pseudo-square-root.md         |   46 +
 .../project-euler/problem-267-billionaire.md  |   48 +
 ...ur-distinct-prime-factors-less-than-100.md |   42 +
 ...ynomials-with-at-least-one-integer-root.md |   54 +
 .../problem-27-quadratic-primes.md            |   76 ++
 .../problem-270-cutting-squares.md            |   48 +
 .../problem-271-modular-cubes-part-1.md       |   42 +
 .../problem-272-modular-cubes-part-2.md       |   42 +
 .../problem-273-sum-of-squares.md             |   48 +
 .../problem-274-divisibility-multipliers.md   |   52 +
 .../problem-275-balanced-sculptures.md        |   51 +
 .../problem-276-primitive-triangles.md        |   42 +
 ...problem-277-a-modified-collatz-sequence.md |   56 +
 ...m-278-linear-combinations-of-semiprimes.md |   44 +
 ...th-integral-sides-and-an-integral-angle.md |   38 +
 .../problem-28-number-spiral-diagonals.md     |   83 ++
 .../problem-280-ant-and-seeds.md              |   42 +
 .../problem-281-pizza-toppings.md             |   46 +
 .../problem-282-the-ackermann-function.md     |   44 +
 .../problem-284-steady-squares.md             |   50 +
 .../problem-285-pythagorean-odds.md           |   46 +
 .../problem-286-scoring-probabilities.md      |   42 +
 ...encoding-a-simple-compression-algorithm.md |   59 +
 .../problem-288-an-enormous-factorial.md      |   48 +
 .../problem-289-eulerian-cycles.md            |   50 +
 .../problem-290-digital-signature.md          |   38 +
 .../problem-291-panaitopol-primes.md          |   40 +
 .../problem-292-pythagorean-polygons.md       |   51 +
 .../problem-293-pseudo-fortunate-numbers.md   |   46 +
 ...oblem-294-sum-of-digits---experience-23.md |   47 +
 .../problem-295-lenticular-holes.md           |   58 +
 ...roblem-296-angular-bisector-and-tangent.md |   44 +
 .../problem-297-zeckendorf-representation.md  |   52 +
 .../problem-298-selective-amnesia.md          |   57 +
 .../problem-299-three-similar-triangles.md    |   56 +
 .../problem-3-largest-prime-factor.md         |   95 ++
 .../problem-30-digit-n-powers.md              |   74 ++
 .../problem-300-protein-folding.md            |   56 +
 .../project-euler/problem-301-nim.md          |   58 +
 .../problem-302-strong-achilles-numbers.md    |   50 +
 ...problem-303-multiples-with-small-digits.md |   44 +
 .../project-euler/problem-304-primonacci.md   |   46 +
 .../problem-305-reflexive-position.md         |   46 +
 .../problem-306-paper-strip-game.md           |   54 +
 .../project-euler/problem-307-chip-defects.md |   42 +
 ...8-an-amazing-prime-generating-automaton.md |   54 +
 .../problem-309-integer-ladders.md            |   46 +
 .../project-euler/problem-31-coin-sums.md     |   77 ++
 .../project-euler/problem-310-nim-square.md   |   46 +
 ...em-311-biclinic-integral-quadrilaterals.md |   50 +
 ...em-312-cyclic-paths-on-sierpiski-graphs.md |   51 +
 .../project-euler/problem-313-sliding-game.md |   48 +
 .../problem-314-the-mouse-on-the-moon.md      |   50 +
 .../problem-315-digital-root-clocks.md        |   72 ++
 ...oblem-316-numbers-in-decimal-expansions.md |   58 +
 .../project-euler/problem-317-firecracker.md  |   42 +
 .../project-euler/problem-318-2011-nines.md   |   52 +
 .../problem-319-bounded-sequences.md          |   48 +
 .../problem-32-pandigital-products.md         |  118 ++
 ...-factorials-divisible-by-a-huge-integer.md |   44 +
 .../problem-321-swapping-counters.md          |   52 +
 ...2-binomial-coefficients-divisible-by-10.md |   42 +
 ...itwise-or-operations-on-random-integers.md |   49 +
 .../problem-324-building-a-tower.md           |   44 +
 .../problem-325-stone-game-ii.md              |   50 +
 .../problem-326-modulo-summations.md          |   50 +
 .../problem-327-rooms-of-doom.md              |   62 +
 .../problem-328-lowest-cost-search.md         |   56 +
 .../project-euler/problem-329-prime-frog.md   |   54 +
 .../problem-33-digit-cancelling-fractions.md  |  102 ++
 .../problem-330-eulers-number.md              |   52 +
 .../problem-332-spherical-triangles.md        |   52 +
 .../problem-333-special-partitions.md         |   52 +
 .../problem-334-spilling-the-beans.md         |   50 +
 .../problem-335-gathering-the-beans.md        |   46 +
 .../problem-336-maximix-arrangements.md       |   58 +
 ...problem-337-totient-stairstep-sequences.md |   52 +
 ...blem-338-cutting-rectangular-grid-paper.md |   52 +
 .../problem-339-peredur-fab-efrawg.md         |   44 +
 .../problem-34-digit-factorials.md            |   50 +
 .../problem-340-crazy-function.md             |   46 +
 ...em-341-golombs-self-describing-sequence.md |   46 +
 ...m-342-the-totient-of-a-square-is-a-cube.md |   45 +
 .../problem-343-fractional-sequences.md       |   55 +
 .../problem-344-silver-dollar-game.md         |   56 +
 .../project-euler/problem-345-matrix-sum.md   |   46 +
 .../problem-346-strong-repunits.md            |   42 +
 ...largest-integer-divisible-by-two-primes.md |   48 +
 .../problem-348-sum-of-a-square-and-a-cube.md |   46 +
 .../project-euler/problem-349-langtons-ant.md |   45 +
 .../problem-35-circular-primes.md             |  132 ++
 ...e-least-greatest-and-the-greatest-least.md |   48 +
 .../problem-351-hexagonal-orchards.md         |   48 +
 .../project-euler/problem-352-blood-tests.md  |   70 ++
 .../project-euler/problem-353-risky-moon.md   |   54 +
 ...oblem-354-distances-in-a-bees-honeycomb.md |   46 +
 .../problem-355-maximal-coprime-subset.md     |   42 +
 ...-356-largest-roots-of-cubic-polynomials.md |   44 +
 .../problem-357-prime-generating-integers.md  |   42 +
 .../problem-358-cyclic-numbers.md             |   52 +
 .../problem-359-hilberts-new-hotel.md         |   59 +
 .../problem-36-double-base-palindromes.md     |   66 +
 .../project-euler/problem-360-scary-sphere.md |   48 +
 ...-361-subsequence-of-thue-morse-sequence.md |   54 +
 .../problem-362-squarefree-factors.md         |   52 +
 .../project-euler/problem-363-bzier-curves.md |   56 +
 .../problem-364-comfortable-distance.md       |   50 +
 ...problem-365-a-huge-binomial-coefficient.md |   42 +
 .../problem-366-stone-game-iii.md             |   68 +
 .../project-euler/problem-367-bozo-sort.md    |   56 +
 .../problem-368-a-kempner-like-series.md      |   50 +
 .../project-euler/problem-369-badugi.md       |   42 +
 .../problem-37-truncatable-primes.md          |   66 +
 .../problem-370-geometric-triangles.md        |   44 +
 .../problem-371-licence-plates.md             |   48 +
 .../problem-372-pencils-of-rays.md            |   44 +
 .../problem-373-circumscribed-circles.md      |   44 +
 ...m-374-maximum-integer-partition-product.md |   54 +
 .../problem-375-minimum-of-subsequences.md    |   46 +
 .../problem-376-nontransitive-sets-of-dice.md |   67 +
 ...problem-377-sum-of-digits-experience-13.md |   46 +
 .../problem-378-triangle-triples.md           |   44 +
 ...problem-379-least-common-multiple-count.md |   44 +
 .../problem-38-pandigital-multiples.md        |   96 ++
 .../problem-380-amazing-mazes.md              |   54 +
 .../problem-381-prime-k-factorial.md          |   48 +
 .../problem-382-generating-polygons.md        |   65 +
 ...isibility-comparison-between-factorials.md |   46 +
 .../problem-384-rudin-shapiro-sequence.md     |   62 +
 .../problem-385-ellipses-inside-triangles.md  |   55 +
 ...blem-386-maximum-length-of-an-antichain.md |   50 +
 .../problem-387-harshad-numbers.md            |   58 +
 .../problem-388-distinct-lines.md             |   44 +
 .../problem-389-platonic-dice.md              |   48 +
 .../problem-39-integer-right-triangles.md     |   91 ++
 ...th-non-rational-sides-and-integral-area.md |   46 +
 .../project-euler/problem-391-hopping-game.md |   59 +
 .../problem-392-enmeshed-unit-circle.md       |   58 +
 .../problem-393-migrating-ants.md             |   46 +
 .../project-euler/problem-394-eating-pie.md   |   53 +
 .../problem-395-pythagorean-tree.md           |   52 +
 .../problem-396-weak-goodstein-sequence.md    |   62 +
 .../problem-397-triangle-on-parabola.md       |   44 +
 .../project-euler/problem-398-cutting-rope.md |   42 +
 ...roblem-399-squarefree-fibonacci-numbers.md |   60 +
 .../problem-4-largest-palindrome-product.md   |   64 +
 .../problem-40-champernownes-constant.md      |   77 ++
 .../problem-400-fibonacci-tree-game.md        |   54 +
 .../problem-401-sum-of-squares-of-divisors.md |   46 +
 .../problem-402-integer-valued-polynomials.md |   51 +
 ...ce-points-enclosed-by-parabola-and-line.md |   46 +
 .../problem-404-crisscross-ellipses.md        |   54 +
 .../problem-405-a-rectangular-tiling.md       |   52 +
 .../problem-406-guessing-game.md              |   66 +
 .../project-euler/problem-407-idempotents.md  |   44 +
 ...lem-408-admissible-paths-through-a-grid.md |   46 +
 .../project-euler/problem-409-nim-extreme.md  |   48 +
 .../problem-41-pandigital-prime.md            |  117 ++
 .../problem-410-circle-and-tangent-line.md    |   46 +
 .../project-euler/problem-411-uphill-paths.md |   50 +
 .../problem-412-gnomon-numbering.md           |   52 +
 .../problem-413-one-child-numbers.md          |   46 +
 .../problem-414-kaprekar-constant.md          |   63 +
 .../project-euler/problem-415-titanic-sets.md |   46 +
 .../project-euler/problem-416-a-frogs-trip.md |   44 +
 .../problem-417-reciprocal-cycles-ii.md       |   48 +
 .../problem-418-factorisation-triples.md      |   47 +
 .../problem-419-look-and-say-sequence.md      |   65 +
 .../problem-42-coded-triangle-numbers.md      |   71 ++
 ...problem-420-2x2-positive-integer-matrix.md |   52 +
 .../problem-421-prime-factors-of-n151.md      |   50 +
 ...m-422-sequence-of-points-on-a-hyperbola.md |   54 +
 .../problem-423-consecutive-die-throws.md     |   58 +
 .../project-euler/problem-424-kakuro.md       |   77 ++
 .../problem-425-prime-connection.md           |   53 +
 .../problem-426-box-ball-system.md            |   60 +
 .../project-euler/problem-427-n-sequences.md  |   48 +
 .../problem-428-necklace-of-circles.md        |   59 +
 ...-429-sum-of-squares-of-unitary-divisors.md |   46 +
 .../problem-43-sub-string-divisibility.md     |  126 ++
 .../project-euler/problem-430-range-flips.md  |   50 +
 .../problem-431-square-space-silo.md          |   48 +
 .../project-euler/problem-432-totient-sum.md  |   42 +
 .../problem-433-steps-in-euclids-algorithm.md |   50 +
 .../project-euler/problem-434-rigid-graphs.md |   66 +
 ...em-435-polynomials-of-fibonacci-numbers.md |   44 +
 .../project-euler/problem-436-unfair-wager.md |   56 +
 .../problem-437-fibonacci-primitive-roots.md  |   52 +
 ...-part-of-polynomial-equations-solutions.md |   51 +
 .../problem-439-sum-of-sum-of-divisors.md     |   46 +
 .../problem-44-pentagon-numbers.md            |   77 ++
 .../problem-440-gcd-and-tiling.md             |   56 +
 ...he-inverse-summation-of-coprime-couples.md |   48 +
 .../problem-442-eleven-free-integers.md       |   44 +
 .../project-euler/problem-443-gcd-sequence.md |   48 +
 .../problem-444-the-roundtable-lottery.md     |   61 +
 .../problem-445-retractions-a.md              |   50 +
 .../problem-446-retractions-b.md              |   50 +
 .../problem-447-retractions-c.md              |   50 +
 ...oblem-448-average-least-common-multiple.md |   48 +
 .../problem-449-chocolate-covered-candy.md    |   46 +
 ...-45-triangular-pentagonal-and-hexagonal.md |   82 ++
 ...blem-450-hypocycloid-and-lattice-points.md |   62 +
 .../problem-451-modular-inverses.md           |   52 +
 .../problem-452-long-products.md              |   44 +
 .../problem-453-lattice-quadrilaterals.md     |   48 +
 ...problem-454-diophantine-reciprocals-iii.md |   46 +
 ...problem-455-powers-with-trailing-digits.md |   44 +
 ...-456-triangles-containing-the-origin-ii.md |   50 +
 ...polynomial-modulo-the-square-of-a-prime.md |   46 +
 .../problem-458-permutations-of-project.md    |   44 +
 .../problem-459-flipping-game.md              |   62 +
 .../problem-46-goldbachs-other-conjecture.md  |   99 ++
 .../problem-460-an-ant-on-the-move.md         |   57 +
 .../project-euler/problem-461-almost-pi.md    |  153 +++
 ...lem-462-permutation-of-3-smooth-numbers.md |   58 +
 ...problem-463-a-weird-recurrence-relation.md |   46 +
 ...roblem-464-mbius-function-and-intervals.md |   57 +
 .../problem-465-polar-polygons.md             |   54 +
 ...istinct-terms-in-a-multiplication-table.md |   50 +
 .../project-euler/problem-467-superinteger.md |   56 +
 ...mooth-divisors-of-binomial-coefficients.md |   52 +
 .../project-euler/problem-469-empty-chairs.md |   48 +
 .../problem-47-distinct-primes-factors.md     |  113 ++
 .../project-euler/problem-470-super-ramvok.md |   50 +
 ...oblem-471-triangle-inscribed-in-ellipse.md |   60 +
 .../problem-472-comfortable-distance-ii.md    |   56 +
 .../problem-473-phigital-number-base.md       |   56 +
 .../problem-474-last-digits-of-divisors.md    |   44 +
 .../problem-475-music-festival.md             |   48 +
 .../problem-476-circle-packing-ii.md          |   44 +
 .../problem-477-number-sequence-game.md       |   62 +
 .../project-euler/problem-478-mixtures.md     |   56 +
 .../problem-479-roots-on-the-rise.md          |   46 +
 .../project-euler/problem-48-self-powers.md   |   80 ++
 .../problem-480-the-last-question.md          |   66 +
 .../problem-49-prime-permutations.md          |   93 ++
 .../problem-5-smallest-multiple.md            |   83 ++
 .../problem-50-consecutive-prime-sum.md       |   95 ++
 .../problem-51-prime-digit-replacements.md    |  125 ++
 .../problem-52-permuted-multiples.md          |   81 ++
 .../problem-53-combinatoric-selections.md     |   89 ++
 .../project-euler/problem-54-poker-hands.md   | 1096 +++++++++++++++++
 .../problem-55-lychrel-numbers.md             |  113 ++
 .../problem-56-powerful-digit-sum.md          |  101 ++
 .../problem-57-square-root-convergents.md     |   98 ++
 .../project-euler/problem-58-spiral-primes.md |  105 ++
 .../problem-59-xor-decryption.md              |   58 +
 .../problem-6-sum-square-difference.md        |   78 ++
 .../problem-60-prime-pair-sets.md             |   46 +
 .../problem-61-cyclical-figurate-numbers.md   |  252 ++++
 .../problem-62-cubic-permutations.md          |   97 ++
 .../problem-63-powerful-digit-counts.md       |  122 ++
 .../problem-64-odd-period-square-roots.md     |  148 +++
 .../problem-65-convergents-of-e.md            |  117 ++
 .../problem-66-diophantine-equation.md        |  129 ++
 .../problem-67-maximum-path-sum-ii.md         |   96 ++
 .../problem-68-magic-5-gon-ring.md            |   71 ++
 .../problem-69-totient-maximum.md             |  110 ++
 .../project-euler/problem-7-10001st-prime.md  |   86 ++
 .../problem-70-totient-permutation.md         |  118 ++
 .../problem-71-ordered-fractions.md           |   95 ++
 .../problem-72-counting-fractions.md          |   90 ++
 ...roblem-73-counting-fractions-in-a-range.md |   83 ++
 .../problem-74-digit-factorial-chains.md      |  123 ++
 ...lem-75-singular-integer-right-triangles.md |  117 ++
 .../problem-76-counting-summations.md         |   83 ++
 .../problem-77-prime-summations.md            |  110 ++
 .../problem-78-coin-partitions.md             |  103 ++
 .../problem-79-passcode-derivation.md         |  115 ++
 .../problem-8-largest-product-in-a-series.md  |   92 ++
 ...roblem-80-square-root-digital-expansion.md |  109 ++
 .../problem-81-path-sum-two-ways.md           |  183 +++
 .../problem-82-path-sum-three-ways.md         |  193 +++
 .../problem-83-path-sum-four-ways.md          |  213 ++++
 .../project-euler/problem-84-monopoly-odds.md |  268 ++++
 .../problem-85-counting-rectangles.md         |  109 ++
 .../project-euler/problem-86-cuboid-route.md  |   94 ++
 .../problem-87-prime-power-triples.md         |  131 ++
 .../problem-88-product-sum-numbers.md         |  110 ++
 .../problem-89-roman-numerals.md              |  117 ++
 .../problem-9-special-pythagorean-triplet.md  |   74 ++
 .../problem-90-cube-digit-pairs.md            |   65 +
 ...ight-triangles-with-integer-coordinates.md |  119 ++
 .../problem-92-square-digit-chains.md         |  152 +++
 .../problem-93-arithmetic-expressions.md      |   59 +
 ...problem-94-almost-equilateral-triangles.md |   84 ++
 .../problem-95-amicable-chains.md             |  124 ++
 .../project-euler/problem-96-su-doku.md       |  296 +++++
 .../problem-97-large-non-mersenne-prime.md    |   88 ++
 .../problem-98-anagramic-squares.md           |  205 +++
 .../problem-99-largest-exponential.md         |   83 ++
 .../rosetta-code/100-doors.md                 |   67 +
 .../rosetta-code/24-game.md                   |  203 +++
 .../9-billion-names-of-god-the-integer.md     |  116 ++
 .../rosetta-code/abc-problem.md               |  136 ++
 ...ient-and-perfect-number-classifications.md |   95 ++
 .../rosetta-code/accumulator-factory.md       |   79 ++
 .../rosetta-code/ackermann-function.md        |   71 ++
 .../rosetta-code/align-columns.md             |  189 +++
 .../rosetta-code/amicable-pairs.md            |  126 ++
 .../rosetta-code/averages-mode.md             |   79 ++
 .../averages-pythagorean-means.md             |  144 +++
 .../rosetta-code/averages-root-mean-square.md |   57 +
 .../rosetta-code/babbage-problem.md           |   78 ++
 .../rosetta-code/balanced-brackets.md         |  188 +++
 ...cles-of-given-radius-through-two-points.md |  150 +++
 .../rosetta-code/closest-pair-problem.md      |  414 +++++++
 .../rosetta-code/combinations.md              |   95 ++
 .../rosetta-code/comma-quibbling.md           |  101 ++
 .../rosetta-code/compare-a-list-of-strings.md |  132 ++
 .../convert-seconds-to-compound-duration.md   |  128 ++
 .../count-occurrences-of-a-substring.md       |   79 ++
 .../rosetta-code/count-the-coins.md           |   93 ++
 .../rosetta-code/cramers-rule.md              |  167 +++
 .../cumulative-standard-deviation.md          |  101 ++
 .../rosetta-code/cusip.md                     |  118 ++
 .../rosetta-code/cut-a-rectangle.md           |  203 +++
 .../rosetta-code/date-format.md               |   90 ++
 .../rosetta-code/date-manipulation.md         |  109 ++
 .../rosetta-code/day-of-the-week.md           |   74 ++
 .../rosetta-code/deal-cards-for-freecell.md   |  210 ++++
 .../rosetta-code/deepcopy.md                  |   85 ++
 .../define-a-primitive-data-type.md           |  132 ++
 .../rosetta-code/department-numbers.md        |  126 ++
 .../rosetta-code/discordian-date.md           |  195 +++
 .../rosetta-code/dot-product.md               |   75 ++
 .../rosetta-code/element-wise-operations.md   |  214 ++++
 .../rosetta-code/emirp-primes.md              |  138 +++
 .../rosetta-code/entropy.md                   |   96 ++
 .../rosetta-code/equilibrium-index.md         |  130 ++
 .../rosetta-code/ethiopian-multiplication.md  |  156 +++
 .../rosetta-code/euler-method.md              |  152 +++
 .../evaluate-binomial-coefficients.md         |   74 ++
 .../execute-a-markov-algorithm.md             |  246 ++++
 .../rosetta-code/execute-brain.md             |  229 ++++
 .../extensible-prime-generator.md             |  139 +++
 .../rosetta-code/factorial.md                 |   80 ++
 .../factors-of-a-mersenne-number.md           |  148 +++
 .../rosetta-code/factors-of-an-integer.md     |   74 ++
 .../rosetta-code/farey-sequence.md            |  109 ++
 .../fibonacci-n-step-number-sequences.md      |  133 ++
 .../rosetta-code/fibonacci-sequence.md        |   75 ++
 .../rosetta-code/fibonacci-word.md            |  121 ++
 .../rosetta-code/fizzbuzz.md                  |   92 ++
 .../rosetta-code/fractran.md                  |  139 +++
 .../rosetta-code/gamma-function.md            |  104 ++
 .../rosetta-code/gaussian-elimination.md      |  230 ++++
 .../rosetta-code/general-fizzbuzz.md          |  175 +++
 .../generate-lower-case-ascii-alphabet.md     |   99 ++
 .../rosetta-code/generator-exponential.md     |  117 ++
 .../rosetta-code/gray-code.md                 |  122 ++
 .../rosetta-code/greatest-common-divisor.md   |   79 ++
 .../greatest-subsequential-sum.md             |  113 ++
 .../rosetta-code/hailstone-sequence.md        |   98 ++
 .../rosetta-code/happy-numbers.md             |  129 ++
 .../rosetta-code/harshad-or-niven-series.md   |   87 ++
 .../rosetta-code/hash-from-two-arrays.md      |  105 ++
 .../rosetta-code/hash-join.md                 |  237 ++++
 .../rosetta-code/heronian-triangles.md        |  155 +++
 .../hofstadter-figure-figure-sequences.md     |  166 +++
 .../rosetta-code/hofstadter-q-sequence.md     |   92 ++
 .../rosetta-code/i-before-e-except-after-c.md |  101 ++
 .../rosetta-code/iban.md                      |  104 ++
 .../rosetta-code/identity-matrix.md           |   88 ++
 .../rosetta-code/iterated-digits-squaring.md  |   96 ++
 .../rosetta-code/jaro-distance.md             |  146 +++
 .../rosetta-code/jortsort.md                  |   90 ++
 .../rosetta-code/josephus-problem.md          |   98 ++
 .../rosetta-code/k-d-tree.md                  |  469 +++++++
 .../rosetta-code/kaprekar-numbers.md          |  110 ++
 .../rosetta-code/knapsack-problem-0-1.md      |  255 ++++
 .../rosetta-code/knapsack-problem-bounded.md  |  212 ++++
 .../knapsack-problem-continuous.md            |  169 +++
 .../knapsack-problem-unbounded.md             |  185 +++
 .../rosetta-code/knights-tour.md              |  225 ++++
 .../largest-int-from-concatenated-ints.md     |   85 ++
 .../rosetta-code/last-friday-of-each-month.md |   99 ++
 .../rosetta-code/last-letter-first-letter.md  |  211 ++++
 .../rosetta-code/leap-year.md                 |   79 ++
 .../rosetta-code/least-common-multiple.md     |   87 ++
 .../rosetta-code/left-factorials.md           |  115 ++
 .../rosetta-code/letter-frequency.md          |  209 ++++
 .../rosetta-code/levenshtein-distance.md      |  105 ++
 .../linear-congruential-generator.md          |   97 ++
 .../rosetta-code/long-multiplication.md       |  111 ++
 .../longest-common-subsequence.md             |  102 ++
 .../longest-increasing-subsequence.md         |  120 ++
 .../rosetta-code/longest-string-challenge.md  |  101 ++
 .../rosetta-code/look-and-say-sequence.md     |   92 ++
 ...oop-over-multiple-arrays-simultaneously.md |  139 +++
 .../rosetta-code/lu-decomposition.md          |  318 +++++
 .../rosetta-code/lucas-lehmer-test.md         |  109 ++
 .../rosetta-code/ludic-numbers.md             |  129 ++
 .../luhn-test-of-credit-card-numbers.md       |  125 ++
 .../rosetta-code/lychrel-numbers.md           |  151 +++
 .../rosetta-code/lzw-compression.md           |  239 ++++
 .../rosetta-code/s-expressions.md             |   96 ++
 .../sailors-coconuts-and-a-monkey-problem.md  |   90 ++
 .../rosetta-code/search-a-list-of-records.md  |  103 ++
 .../rosetta-code/sedols.md                    |   96 ++
 .../rosetta-code/self-describing-numbers.md   |  100 ++
 .../rosetta-code/self-referential-sequence.md |  202 +++
 .../rosetta-code/semiprime.md                 |  146 +++
 .../rosetta-code/set-consolidation.md         |  196 +++
 .../rosetta-code/set-of-real-numbers.md       |  239 ++++
 .../rosetta-code/sha-1.md                     |  180 +++
 .../rosetta-code/sha-256.md                   |  435 +++++++
 .../sort-an-array-of-composite-structures.md  |  116 ++
 .../rosetta-code/sort-disjoint-sublist.md     |  147 +++
 .../rosetta-code/sort-stability.md            |  168 +++
 .../sort-using-a-custom-comparator.md         |  121 ++
 .../sorting-algorithms-bead-sort.md           |  129 ++
 .../sorting-algorithms-bogosort.md            |  126 ++
 .../sorting-algorithms-cocktail-sort.md       |  140 +++
 .../sorting-algorithms-comb-sort.md           |  179 +++
 .../sorting-algorithms-gnome-sort.md          |  124 ++
 .../sorting-algorithms-pancake-sort.md        |  124 ++
 .../sorting-algorithms-permutation-sort.md    |  131 ++
 .../sorting-algorithms-shell-sort.md          |  106 ++
 .../sorting-algorithms-stooge-sort.md         |  125 ++
 .../sorting-algorithms-strand-sort.md         |  118 ++
 .../rosetta-code/soundex.md                   |  151 +++
 .../rosetta-code/spiral-matrix.md             |  109 ++
 ...ter-string-based-on-change-of-character.md |  145 +++
 .../rosetta-code/state-name-puzzle.md         |  159 +++
 .../rosetta-code/stern-brocot-sequence.md     |  112 ++
 .../rosetta-code/straddling-checkerboard.md   |  186 +++
 .../rosetta-code/stream-merge.md              |  140 +++
 ...s-and-extended-characters-from-a-string.md |   80 ++
 .../rosetta-code/subleq.md                    |  178 +++
 .../rosetta-code/sudoku.md                    |  321 +++++
 .../rosetta-code/sum-digits-of-an-integer.md  |   89 ++
 .../rosetta-code/sum-multiples-of-3-and-5.md  |   77 ++
 .../rosetta-code/sum-of-a-series.md           |   82 ++
 .../rosetta-code/sum-of-squares.md            |   79 ++
 .../rosetta-code/sum-to-100.md                |  180 +++
 .../sutherland-hodgman-polygon-clipping.md    |  199 +++
 .../rosetta-code/symmetric-difference.md      |  121 ++
 .../rosetta-code/taxicab-numbers.md           |  140 +++
 .../tokenize-a-string-with-escaping.md        |  124 ++
 .../rosetta-code/top-rank-per-group.md        |  192 +++
 .../rosetta-code/topological-sort.md          |  185 +++
 .../rosetta-code/towers-of-hanoi.md           |   87 ++
 .../rosetta-code/vector-cross-product.md      |   75 ++
 .../rosetta-code/vector-dot-product.md        |   96 ++
 .../rosetta-code/word-frequency.md            |  136 ++
 .../rosetta-code/word-wrap.md                 |  105 ++
 .../rosetta-code/y-combinator.md              |   87 ++
 .../zeckendorf-number-representation.md       |  205 +++
 .../zhang-suen-thinning-algorithm.md          |  320 +++++
 .../rosetta-code/zig-zag-matrix.md            |  117 ++
 .../build-a-camper-leaderboard.md             |   31 +
 .../build-a-light-bright-app.md               |   37 +
 .../build-a-nightlife-coordination-app.md     |   31 +
 .../build-a-pinterest-clone.md                |   37 +
 .../take-home-projects/build-a-pong-game.md   |   33 +
 .../take-home-projects/build-a-recipe-box.md  |   37 +
 .../build-a-roguelike-dungeon-crawler-game.md |   41 +
 .../take-home-projects/build-a-simon-game.md  |   41 +
 .../build-a-tic-tac-toe-game.md               |   29 +
 .../take-home-projects/build-a-voting-app.md  |   37 +
 .../build-a-wikipedia-viewer.md               |   33 +
 ...build-an-image-search-abstraction-layer.md |   27 +
 .../build-the-game-of-life.md                 |   39 +
 .../chart-the-stock-market.md                 |   29 +
 .../manage-a-book-trading-club.md             |   35 +
 .../map-data-across-the-globe.md              |   31 +
 .../p2p-video-chat-application.md             |   41 +
 ...-contiguity-with-a-force-directed-graph.md |   31 +
 .../show-the-local-weather.md                 |   33 +
 .../use-the-twitch-json-api.md                |   35 +
 .../deep-learning-demystified.md              |   34 +
 .../how-convolutional-neural-networks-work.md |   30 +
 .../how-deep-neural-networks-work.md          |   30 +
 ...rks-rnn-and-long-short-term-memory-lstm.md |   30 +
 .../book-recommendation-engine-using-knn.md   |   35 +
 .../cat-and-dog-image-classifier.md           |   33 +
 ...near-regression-health-costs-calculator.md |   35 +
 .../neural-network-sms-text-classifier.md     |   33 +
 .../rock-paper-scissors.md                    |   33 +
 .../tensorflow/conclusion.md                  |   34 +
 ...al-neural-networks-evaluating-the-model.md |   34 +
 ...ral-networks-picking-a-pretrained-model.md |   53 +
 ...neural-networks-the-convolutional-layer.md |   34 +
 .../convolutional-neural-networks.md          |   34 +
 ...-learning-algorithms-building-the-model.md |   34 +
 ...core-learning-algorithms-classification.md |   34 +
 .../core-learning-algorithms-clustering.md    |   42 +
 ...earning-algorithms-hidden-markov-models.md |   34 +
 ...earning-algorithms-the-training-process.md |   34 +
 ...ng-algorithms-training-and-testing-data.md |   34 +
 ...using-probabilities-to-make-predictions.md |   34 +
 ...e-learning-algorithms-working-with-data.md |   34 +
 .../tensorflow/core-learning-algorithms.md    |   40 +
 ...creating-a-convolutional-neural-network.md |   56 +
 ...roduction-machine-learning-fundamentals.md |   34 +
 .../tensorflow/introduction-to-tensorflow.md  |   42 +
 ...processing-with-rnns-building-the-model.md |   66 +
 ...ssing-with-rnns-create-a-play-generator.md |   44 +
 ...processing-with-rnns-making-predictions.md |   34 +
 ...al-language-processing-with-rnns-part-2.md |   34 +
 ...ing-with-rnns-recurring-neural-networks.md |   38 +
 ...ocessing-with-rnns-sentimental-analysis.md |   54 +
 ...processing-with-rnns-training-the-model.md |   58 +
 .../natural-language-processing-with-rnns.md  |   34 +
 .../neural-networks-activation-functions.md   |   34 +
 .../neural-networks-creating-a-model.md       |   54 +
 .../tensorflow/neural-networks-optimizers.md  |   34 +
 .../neural-networks-with-tensorflow.md        |   34 +
 ...cement-learning-with-q-learning-example.md |   50 +
 ...rcement-learning-with-q-learning-part-2.md |   30 +
 .../reinforcement-learning-with-q-learning.md |   34 +
 .../celestial-bodies-database.md              |   18 +
 ...sh-by-building-a-kitty-ipsum-translator.md |   18 +
 ...-and-sql-by-building-a-bike-rental-shop.md |   17 +
 .../learn-bash-by-building-a-boilerplate.md   |   18 +
 ...ash-scripting-by-building-five-programs.md |   18 +
 ...git-by-building-an-sql-reference-object.md |   18 +
 ...building-a-list-of-inspirational-quotes.md |   18 +
 .../learn-nano-by-building-a-castle.md        |   18 +
 ...-databases-by-building-a-mario-database.md |   18 +
 ...l-by-building-a-student-database-part-1.md |   18 +
 ...l-by-building-a-student-database-part-2.md |   18 +
 .../number-guessing-game.md                   |   18 +
 .../periodic-table-database.md                |   18 +
 .../salon-appointment-scheduler.md            |   18 +
 .../world-cup-database.md                     |   18 +
 .../dictionaries/ukrainian/comments.json      |  110 ++
 1663 files changed, 156692 insertions(+), 1 deletion(-)
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/back-end-development-and-apis-certification/back-end-development-and-apis-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/data-analysis-with-python-certification/data-analysis-with-python-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/data-visualization-certification/data-visualization-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/front-end-development-libraries-certification/front-end-development-libraries-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/information-security-certification/information-security-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/machine-learning-with-python-certification/machine-learning-with-python-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/relational-databases-certification/relational-databases-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/00-certifications/scientific-computing-with-python-certification/scientific-computing-with-python-certification.yml
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-links-navigable-with-html-access-keys.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-heading-element-versus-a-paragraph-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-color-of-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/import-a-google-font.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-css-variables.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/size-your-images.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-the-html-body-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-grids-within-grids.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-your-first-css-grid.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md
 create mode 100644 curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-the-keys-of-an-object-with-a-for...in-statement.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md
 create mode 100644 curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-headline.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-row.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-bootstrap-wells.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/give-each-element-a-unique-id.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-buttons.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-wells.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/split-your-bootstrap-row.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-comments-to-clarify-code.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-text-inside-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-the-css-of-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/clone-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/delete-your-jquery-functions.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/disable-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/learn-how-script-tags-and-document-ready-work.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-classes-from-an-element-with-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-class-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-id-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-even-elements-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-html-elements-with-selectors-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-children-of-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-parent-of-an-element-using-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-appendto-to-move-elements-with-jquery.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-jquery-to-modify-the-entire-page.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-state-logic-to-redux.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-state-to-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/moving-forward-from-here.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/access-props-using-this.props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-comments-in-jsx.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-event-listeners.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-inline-styles-in-react.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/bind-this-to-a-class-method.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/change-inline-css-conditionally-based-on-component-state.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/compose-react-components.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-complex-jsx-element.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-component-with-composition.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-form.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-input.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-react-component.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateful-component.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateless-functional-component.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/define-an-html-class-in-jsx.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/give-sibling-elements-a-unique-key-attribute.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/introducing-inline-styles.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/learn-about-self-closing-jsx-tags.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/optimize-re-renders-with-shouldcomponentupdate.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/override-default-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-a-callback-as-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-an-array-as-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-props-to-a-stateless-functional-component.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-state-as-props-to-child-components.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-a-class-component-to-the-dom.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-conditionally-from-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-html-elements-to-the-dom.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-react-on-the-server-with-rendertostring.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-with-an-if-else-condition.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/review-using-props-with-stateless-functional-components.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/set-state-with-this.setstate.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use--for-a-more-concise-conditional.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-advanced-javascript-in-react-render-method.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.filter-to-dynamically-filter-an-array.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.map-to-dynamically-render-elements.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-default-props.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-proptypes-to-define-the-props-you-expect.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-react-to-render-nested-components.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentdidmount.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentwillmount.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-react-component-from-scratch.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-simple-counter.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/combine-multiple-reducers.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/copy-an-object-with-object.assign.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/create-a-redux-store.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-a-redux-action.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-an-action-creator.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/dispatch-an-action-event.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/get-state-from-the-redux-store.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/handle-an-action-in-the-store.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/remove-an-item-from-an-array.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/send-action-data-to-the-store.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-middleware-to-handle-asynchronous-actions.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/write-a-counter-with-redux.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/extend-one-set-of-css-styles-to-another-element.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/nest-css-with-sass.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/store-data-with-sass-variables.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-for-to-create-a-sass-loop.md
 create mode 100644 curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/style-d3-labels.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.md
 create mode 100644 curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-data-from-post-requests.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-query-parameter-input-from-the-client.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-version-to-your-package.json.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-keywords-to-your-package.json.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/chain-search-query-helpers-to-narrow-search-results.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-and-save-a-record-of-a-model.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-many-records-with-model.create.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-many-documents-with-model.remove.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-one-document-using-model.findbyidandremove.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-classic-updates-by-running-find-edit-then-save.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-new-updates-on-a-document-using-model.findoneandupdate.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.find-to-search-your-database.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findbyid-to-search-your-database-by-id.md
 create mode 100644 curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findone-to-return-a-single-matching-document-from-your-database.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/simulate-actions-using-a-headless-browser.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md
 create mode 100644 curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/conditional-execution.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-mailing-lists.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-page-rank.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-and-loops.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-strings.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-python-as-a-language.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-definite-loops.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/make-a-relational-database.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/object-lifecycle.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-lists.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-in-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/the-tuples-collection.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-apis.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
 create mode 100644 curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-a.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-b.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-and-visualizations.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-duplicates.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-introduction.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-with-dataframes.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/how-to-use-jupyter-notebooks-intro.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-cells.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-importing-and-exporting-data.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-algebra-and-size.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-boolean-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-a.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-b.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-operations.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-conditional-selection-and-modifying-dataframes.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-creating-columns.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-dataframes.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-indexing-and-conditional-selection.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-introduction.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/parsing-html-and-saving-data.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-functions-and-collections.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-introduction.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-iteration-and-modules.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-csv-and-txt.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-from-databases.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-introduction.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/accessing-and-changing-elements,-rows,-columns.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/basics-of-numpy.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/copying-arrays-warning.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initialize-array-problem.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initializing-different-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/loading-data-and-advanced-indexing.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/mathematics.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/reorganizing-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/what-is-numpy.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md
 create mode 100644 curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-bubble-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-insertion-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-merge-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-quick-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-selection-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/inventory-update.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/no-repeats-please.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/pairwise.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/breadth-first-search.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-circular-queue.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-doubly-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-hash-table.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-linked-list-class.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-map-data-structure.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-priority-queue-class.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-queue-class.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-set-class.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-stack-class.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-trie-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-an-es6-javascript-map.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/depth-first-search.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/incidence-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/invert-a-binary-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/learn-how-a-stack-works.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-union-on-two-sets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/search-within-a-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/typed-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-10-summation-of-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-102-triangle-containment.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-109-darts.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-111-primes-with-runs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-112-bouncy-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-119-digit-power-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-120-square-remainders.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-123-prime-square-remainders.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-125-palindromic-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-126-cuboid-layers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-127-abc-hits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-129-repunit-divisibility.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-13-large-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-132-large-repunit-factors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-134-prime-pair-connection.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-135-same-differences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-136-singleton-difference.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-142-perfect-square-collection.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-15-lattice-paths.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-156-counting-digits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-16-power-digit-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-161-triominoes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-165-intersections.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-166-criss-cross.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-168-number-rotations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-17-number-letter-counts.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-178-step-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-182-rsa-encryption.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-185-number-mind.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-187-semiprimes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-19-counting-sundays.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-191-prize-strings.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-192-best-approximations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-193-squarefree-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-194-coloured-configurations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-196-prime-triplets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-202-laserbeam.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-205-dice-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-206-concealed-square.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-207-integer-partition-equations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-208-robot-walks.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-209-circular-logic.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-21-amicable-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-211-divisor-square-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-213-flea-circus.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-214-totient-chains.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-215-crack-free-walls.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-217-balanced-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-219-skew-cost-coding.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-22-names-scores.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-220-heighway-dragon.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-221-alexandrian-integers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-222-sphere-packing.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-227-the-chase.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-228-minkowski-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-23-non-abundant-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-230-fibonacci-words.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-232-the-race.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-236-luxury-hampers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-238-infinite-string-tour.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-240-top-dice.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-241-perfection-quotients.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-242-odd-triplets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-243-resilience.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-244-sliders.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-245-coresilience.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-249-prime-subset-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-250-250250.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-251-cardano-triplets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-252-convex-holes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-253-tidying-up.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-255-rounded-square-roots.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-257-angular-bisectors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-259-reachable-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-260-stone-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-262-mountain-range.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-264-triangle-centres.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-265-binary-circles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-266-pseudo-square-root.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-267-billionaire.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-27-quadratic-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-270-cutting-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-273-sum-of-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-275-balanced-sculptures.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-276-primitive-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-280-ant-and-seeds.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-281-pizza-toppings.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-282-the-ackermann-function.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-284-steady-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-285-pythagorean-odds.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-286-scoring-probabilities.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-289-eulerian-cycles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-290-digital-signature.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-291-panaitopol-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-295-lenticular-holes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-298-selective-amnesia.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-299-three-similar-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-3-largest-prime-factor.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-30-digit-n-powers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-300-protein-folding.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-301-nim.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-304-primonacci.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-305-reflexive-position.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-306-paper-strip-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-307-chip-defects.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-309-integer-ladders.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-31-coin-sums.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-310-nim-square.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-313-sliding-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-315-digital-root-clocks.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-317-firecracker.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-318-2011-nines.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-319-bounded-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-32-pandigital-products.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-321-swapping-counters.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-324-building-a-tower.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-325-stone-game-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-326-modulo-summations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-327-rooms-of-doom.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-328-lowest-cost-search.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-329-prime-frog.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-332-spherical-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-333-special-partitions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-334-spilling-the-beans.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-335-gathering-the-beans.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-336-maximix-arrangements.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-34-digit-factorials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-340-crazy-function.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-343-fractional-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-344-silver-dollar-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-345-matrix-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-346-strong-repunits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-349-langtons-ant.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-35-circular-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-352-blood-tests.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-353-risky-moon.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-357-prime-generating-integers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-358-cyclic-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-36-double-base-palindromes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-360-scary-sphere.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-362-squarefree-factors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-363-bzier-curves.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-364-comfortable-distance.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-366-stone-game-iii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-367-bozo-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-369-badugi.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-37-truncatable-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-370-geometric-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-371-licence-plates.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-372-pencils-of-rays.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-373-circumscribed-circles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-378-triangle-triples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-38-pandigital-multiples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-380-amazing-mazes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-381-prime-k-factorial.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-382-generating-polygons.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-387-harshad-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-388-distinct-lines.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-389-platonic-dice.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-39-integer-right-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-391-hopping-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-393-migrating-ants.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-394-eating-pie.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-395-pythagorean-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-398-cutting-rope.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-40-champernownes-constant.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-406-guessing-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-407-idempotents.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-409-nim-extreme.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-41-pandigital-prime.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-411-uphill-paths.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-412-gnomon-numbering.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-413-one-child-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-414-kaprekar-constant.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-415-titanic-sets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-416-a-frogs-trip.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-418-factorisation-triples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-424-kakuro.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-425-prime-connection.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-426-box-ball-system.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-427-n-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-428-necklace-of-circles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-430-range-flips.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-431-square-space-silo.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-432-totient-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-434-rigid-graphs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-436-unfair-wager.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-44-pentagon-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-442-eleven-free-integers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-443-gcd-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-445-retractions-a.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-446-retractions-b.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-447-retractions-c.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-451-modular-inverses.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-452-long-products.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-458-permutations-of-project.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-459-flipping-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-461-almost-pi.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-465-polar-polygons.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-467-superinteger.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-469-empty-chairs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-470-super-ramvok.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-473-phigital-number-base.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-475-music-festival.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-476-circle-packing-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-477-number-sequence-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-478-mixtures.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-48-self-powers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-480-the-last-question.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-49-prime-permutations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-5-smallest-multiple.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-52-permuted-multiples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-53-combinatoric-selections.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-54-poker-hands.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-55-lychrel-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-57-square-root-convergents.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-58-spiral-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-59-xor-decryption.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-6-sum-square-difference.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-60-prime-pair-sets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-62-cubic-permutations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-65-convergents-of-e.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-66-diophantine-equation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-69-totient-maximum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-7-10001st-prime.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-70-totient-permutation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-71-ordered-fractions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-72-counting-fractions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-76-counting-summations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-77-prime-summations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-78-coin-partitions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-79-passcode-derivation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-84-monopoly-odds.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-85-counting-rectangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-86-cuboid-route.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-87-prime-power-triples.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-88-product-sum-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-89-roman-numerals.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-96-su-doku.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/100-doors.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/24-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abc-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/accumulator-factory.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ackermann-function.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/align-columns.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/amicable-pairs.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-mode.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-pythagorean-means.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-root-mean-square.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/babbage-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/balanced-brackets.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/closest-pair-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/combinations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/comma-quibbling.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/compare-a-list-of-strings.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-the-coins.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cramers-rule.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cumulative-standard-deviation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cusip.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cut-a-rectangle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-format.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-manipulation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/day-of-the-week.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deal-cards-for-freecell.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deepcopy.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/define-a-primitive-data-type.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/department-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/discordian-date.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/dot-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/element-wise-operations.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/emirp-primes.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/entropy.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/equilibrium-index.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ethiopian-multiplication.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/euler-method.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-brain.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/extensible-prime-generator.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factorial.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-an-integer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/farey-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-word.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fizzbuzz.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fractran.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gamma-function.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gaussian-elimination.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/general-fizzbuzz.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generator-exponential.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gray-code.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-common-divisor.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-subsequential-sum.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hailstone-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/happy-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/harshad-or-niven-series.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-from-two-arrays.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-join.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/heronian-triangles.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-q-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/i-before-e-except-after-c.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iban.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/identity-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iterated-digits-squaring.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jaro-distance.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jortsort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/josephus-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/k-d-tree.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/kaprekar-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-0-1.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-bounded.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-continuous.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-unbounded.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knights-tour.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/largest-int-from-concatenated-ints.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-friday-of-each-month.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-letter-first-letter.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/leap-year.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/least-common-multiple.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/left-factorials.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/letter-frequency.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/levenshtein-distance.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/linear-congruential-generator.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/long-multiplication.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-common-subsequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-increasing-subsequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-string-challenge.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/look-and-say-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/loop-over-multiple-arrays-simultaneously.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lu-decomposition.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lucas-lehmer-test.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ludic-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/luhn-test-of-credit-card-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lychrel-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lzw-compression.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/s-expressions.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/search-a-list-of-records.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sedols.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-describing-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-referential-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/semiprime.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-consolidation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-of-real-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-1.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-256.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-an-array-of-composite-structures.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-disjoint-sublist.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-stability.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-using-a-custom-comparator.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bead-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bogosort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-cocktail-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-comb-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-gnome-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-pancake-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-permutation-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-shell-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-stooge-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-strand-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/soundex.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/spiral-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/split-a-character-string-based-on-change-of-character.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/state-name-puzzle.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stern-brocot-sequence.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/straddling-checkerboard.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stream-merge.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/strip-control-codes-and-extended-characters-from-a-string.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/subleq.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sudoku.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-digits-of-an-integer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-multiples-of-3-and-5.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-a-series.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-squares.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-to-100.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sutherland-hodgman-polygon-clipping.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/symmetric-difference.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/taxicab-numbers.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/top-rank-per-group.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/topological-sort.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/towers-of-hanoi.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-cross-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-dot-product.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-frequency.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-wrap.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/y-combinator.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zeckendorf-number-representation.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zig-zag-matrix.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pinterest-clone.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pong-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-recipe-box.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-simon-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-voting-app.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-the-game-of-life.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/chart-the-stock-market.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/manage-a-book-trading-club.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/map-data-across-the-globe.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/p2p-video-chat-application.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-the-local-weather.md
 create mode 100644 curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/use-the-twitch-json-api.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/deep-learning-demystified.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-convolutional-neural-networks-work.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-deep-neural-networks-work.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/recurrent-neural-networks-rnn-and-long-short-term-memory-lstm.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/book-recommendation-engine-using-knn.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/cat-and-dog-image-classifier.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/linear-regression-health-costs-calculator.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/neural-network-sms-text-classifier.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/conclusion.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-evaluating-the-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-picking-a-pretrained-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-the-convolutional-layer.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-building-the-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-classification.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-clustering.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-hidden-markov-models.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-the-training-process.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-training-and-testing-data.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-using-probabilities-to-make-predictions.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-working-with-data.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/creating-a-convolutional-neural-network.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-machine-learning-fundamentals.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-to-tensorflow.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-building-the-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-create-a-play-generator.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-making-predictions.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-part-2.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-recurring-neural-networks.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-sentimental-analysis.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-training-the-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-activation-functions.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-creating-a-model.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-optimizers.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-with-tensorflow.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-example.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-part-2.md
 create mode 100644 curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/celestial-bodies-database.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-advanced-bash-by-building-a-kitty-ipsum-translator.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-and-sql-by-building-a-bike-rental-shop.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-by-building-a-boilerplate.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-scripting-by-building-five-programs.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-git-by-building-an-sql-reference-object.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-github-by-building-a-list-of-inspirational-quotes.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-nano-by-building-a-castle.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-relational-databases-by-building-a-mario-database.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-1.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-2.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/number-guessing-game.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/periodic-table-database.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/salon-appointment-scheduler.md
 create mode 100644 curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/world-cup-database.md
 create mode 100644 curriculum/dictionaries/ukrainian/comments.json

diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
index 5e8fb5b8cd..44e512b9c8 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
@@ -25,7 +25,7 @@ Não inclua aspas (simples ou duplas) na saída.
 
 # --hints--
 
-Sequências de cartas 2, 3, 4, 5, 6 deve retornar `5 Bet`
+Sequência de cartas 2, 3, 4, 5, 6 deve retornar a string `5 Bet`
 
 ```js
 assert(
diff --git a/curriculum/challenges/ukrainian/00-certifications/back-end-development-and-apis-certification/back-end-development-and-apis-certification.yml b/curriculum/challenges/ukrainian/00-certifications/back-end-development-and-apis-certification/back-end-development-and-apis-certification.yml
new file mode 100644
index 0000000000..31a1cd348d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/back-end-development-and-apis-certification/back-end-development-and-apis-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 561add10cb82ac38a17523bc
+title: Back End розробка та сертифікація API
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7158d8c443edefaeb5bdef
+    title: Мікросервіс Timestamp
+  - 
+    id: bd7158d8c443edefaeb5bdff
+    title: Мікросервіс синтаксичного аналізатора заголовків запиту
+  - 
+    id: bd7158d8c443edefaeb5bd0e
+    title: Мікросервіс скорочування URL-адрес
+  - 
+    id: 5a8b073d06fa14fcfde687aa
+    title: Фітнес-трекер
+  - 
+    id: bd7158d8c443edefaeb5bd0f
+    title: Мікросервіс метаданих файлу
diff --git a/curriculum/challenges/ukrainian/00-certifications/data-analysis-with-python-certification/data-analysis-with-python-certification.yml b/curriculum/challenges/ukrainian/00-certifications/data-analysis-with-python-certification/data-analysis-with-python-certification.yml
new file mode 100644
index 0000000000..921040030a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/data-analysis-with-python-certification/data-analysis-with-python-certification.yml
@@ -0,0 +1,22 @@
+---
+id: 5e46fc95ac417301a38fb934
+title: Аналіз даних за допомогою сертифікату Python
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 5e46f7e5ac417301a38fb928
+    title: Калькулятор середньоквадратичного відхилення
+  - 
+    id: 5e46f7e5ac417301a38fb929
+    title: Аналізатор демографічних даних
+  - 
+    id: 5e46f7f8ac417301a38fb92a
+    title: Візуалізатор медичних даних
+  - 
+    id: 5e46f802ac417301a38fb92b
+    title: Візуалізатор часового ряду перегляду сторінки
+  - 
+    id: 5e4f5c4b570f7e3a4949899f
+    title: Прогнозування змін рівня моря
+
diff --git a/curriculum/challenges/ukrainian/00-certifications/data-visualization-certification/data-visualization-certification.yml b/curriculum/challenges/ukrainian/00-certifications/data-visualization-certification/data-visualization-certification.yml
new file mode 100644
index 0000000000..4cda3e35a1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/data-visualization-certification/data-visualization-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 5a553ca864b52e1d8bceea14
+title: Сертифікація Візуалізації Даних
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7168d8c242eddfaeb5bd13
+    title: Візуалізуйте дані за допомогою гістограми
+  - 
+    id: bd7178d8c242eddfaeb5bd13
+    title: Відобразити дані за допомогою діаграми розсіювання
+  - 
+    id: bd7188d8c242eddfaeb5bd13
+    title: Візуалізувати дані за допомогою теплокарти
+  - 
+    id: 587d7fa6367417b2b2512bbf
+    title: Візуалізувати дані за допомогою карти Хороплета
+  - 
+    id: 587d7fa6367417b2b2512bc0
+    title: Візуалізувати дані за допомогою діаграми Treemap
diff --git a/curriculum/challenges/ukrainian/00-certifications/front-end-development-libraries-certification/front-end-development-libraries-certification.yml b/curriculum/challenges/ukrainian/00-certifications/front-end-development-libraries-certification/front-end-development-libraries-certification.yml
new file mode 100644
index 0000000000..e4d7157a89
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/front-end-development-libraries-certification/front-end-development-libraries-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 561acd10cb82ac38a17513bc
+title: Сертифікація бібліотеки Front End розробки
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7158d8c442eddfaeb5bd13
+    title: Створіть генератор випадкових цитат
+  - 
+    id: bd7157d8c242eddfaeb5bd13
+    title: Створіть Markdown-програму попереднього перегляду
+  - 
+    id: 587d7dbc367417b2b2512bae
+    title: Створіть драм-машину
+  - 
+    id: bd7158d8c442eddfaeb5bd17
+    title: Створіть JavaScript калькулятор
+  - 
+    id: bd7158d8c442eddfaeb5bd0f
+    title: Створіть таймер 25 + 5
diff --git a/curriculum/challenges/ukrainian/00-certifications/information-security-certification/information-security-certification.yml b/curriculum/challenges/ukrainian/00-certifications/information-security-certification/information-security-certification.yml
new file mode 100644
index 0000000000..035a01a41b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/information-security-certification/information-security-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 5e6021435ac9d0ecd8b94b00
+title: Сертифікат інформаційної безпеки
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 587d824a367417b2b2512c44
+    title: Перевірка цін на акції
+  - 
+    id: 587d824a367417b2b2512c45
+    title: Анонімна панель повідомлень
+  - 
+    id: 5e46f979ac417301a38fb932
+    title: Сканер портів
+  - 
+    id: 5e46f983ac417301a38fb933
+    title: Програма для злому паролів SHA-1
+  - 
+    id: 5e601c775ac9d0ecd8b94aff
+    title: Захищена мультиплеєрна гра в режимі реального часу
diff --git a/curriculum/challenges/ukrainian/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml b/curriculum/challenges/ukrainian/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
new file mode 100644
index 0000000000..d7679431b4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 561abd10cb81ac38a17513bc
+title: Алгоритми JavaScript та сертифікація структури даних
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: aaa48de84e1ecc7c742e1124
+    title: Перевірка паліндромів
+  - 
+    id: a7f4d8f2483413a6ce226cac
+    title: Конвертер римських цифр
+  - 
+    id: 56533eb9ac21ba0edf2244e2
+    title: Шифр Цезаря
+  - 
+    id: aff0395860f5d3034dc0bfc9
+    title: Перевірка телефонного номера
+  - 
+    id: aa2e6f85cab2ab736c9a9b24
+    title: Касовий апарат
diff --git a/curriculum/challenges/ukrainian/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml b/curriculum/challenges/ukrainian/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
new file mode 100644
index 0000000000..de85c3c64c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
@@ -0,0 +1,36 @@
+---
+id: 660add10cb82ac38a17513be
+title: Застарілий Бекенд Сертифікат
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7158d8c443edefaeb5bdef
+    title: Мікросервіс Timestamp
+  - 
+    id: bd7158d8c443edefaeb5bdff
+    title: Мікросервіс синтаксичного аналізатора заголовків запиту
+  - 
+    id: bd7158d8c443edefaeb5bd0e
+    title: Мікросервіс скорочування URL посилань
+  - 
+    id: bd7158d8c443edefaeb5bdee
+    title: Рівень абстракції пошуку зображень
+  - 
+    id: bd7158d8c443edefaeb5bd0f
+    title: Мікросервіс метаданих файлу
+  - 
+    id: bd7158d8c443eddfaeb5bdef
+    title: Створіть додаток для голосування
+  - 
+    id: bd7158d8c443eddfaeb5bdff
+    title: Створіть додаток для координації нічного життя
+  - 
+    id: bd7158d8c443eddfaeb5bd0e
+    title: Складіть графік фондового ринку
+  - 
+    id: bd7158d8c443eddfaeb5bd0f
+    title: Керуйте клубом книготоргівлі
+  - 
+    id: bd7158d8c443eddfaeb5bdee
+    title: Cтворіть копію Pinterest
diff --git a/curriculum/challenges/ukrainian/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml b/curriculum/challenges/ukrainian/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
new file mode 100644
index 0000000000..58ad04db54
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
@@ -0,0 +1,36 @@
+---
+id: 561add10cb82ac39a17513bc
+title: Застаріла сертифікація візуалізації даних
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7157d8c242eddfaeb5bd13
+    title: Створіть Markdown-програму попереднього перегляду
+  - 
+    id: bd7156d8c242eddfaeb5bd13
+    title: Створіть таблицю лідерів-кемперів
+  - 
+    id: bd7155d8c242eddfaeb5bd13
+    title: Створіть збірник рецептів
+  - 
+    id: bd7154d8c242eddfaeb5bd13
+    title: Створіть гру Життя
+  - 
+    id: bd7153d8c242eddfaeb5bd13
+    title: Створіть гру Roguelike Dungeon Crawler
+  - 
+    id: bd7168d8c242eddfaeb5bd13
+    title: Візуалізуйте дані за допомогою гістограми
+  - 
+    id: bd7178d8c242eddfaeb5bd13
+    title: Візуалізація даних за допомогою точкової діаграми
+  - 
+    id: bd7188d8c242eddfaeb5bd13
+    title: Візуалізуйте дані за допомогою теплової карти
+  - 
+    id: bd7198d8c242eddfaeb5bd13
+    title: Покажіть національну спільність за допомогою орієнтованого графу
+  - 
+    id: bd7108d8c242eddfaeb5bd13
+    title: Картографічні дані по всьому світу
diff --git a/curriculum/challenges/ukrainian/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml b/curriculum/challenges/ukrainian/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
new file mode 100644
index 0000000000..41d21385b0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
@@ -0,0 +1,36 @@
+---
+id: 561add10cb82ac38a17513be
+title: Застарілий код Legacy
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7158d8c242eddfaeb5bd13
+    title: Створити веб-сторінку персонального портфоліо
+  - 
+    id: bd7158d8c442eddfaeb5bd13
+    title: Створити генератор випадкових цитат
+  - 
+    id: bd7158d8c442eddfaeb5bd0f
+    title: Створити таймер 25 + 5 хвилин
+  - 
+    id: bd7158d8c442eddfaeb5bd17
+    title: Створити калькулятор за допомогою JavaScript
+  - 
+    id: bd7158d8c442eddfaeb5bd10
+    title: Показати місцеву погоду
+  - 
+    id: bd7158d8c442eddfaeb5bd1f
+    title: Використовувати Twitch JSON API
+  - 
+    id: bd7158d8c442eddfaeb5bd18
+    title: Стилізувати стрічку новин на Camper News
+  - 
+    id: bd7158d8c442eddfaeb5bd19
+    title: Вбудувати опцію перегляду Вікіпедії
+  - 
+    id: bd7158d8c442eedfaeb5bd1c
+    title: Створити гру Хрестики-нулики
+  - 
+    id: bd7158d8c442eddfaeb5bd1c
+    title: Створити гру Simon
diff --git a/curriculum/challenges/ukrainian/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml b/curriculum/challenges/ukrainian/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
new file mode 100644
index 0000000000..9bb8288b23
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
@@ -0,0 +1,24 @@
+---
+id: 561add10cb82ac38a17213bd
+title: Застаріла сертифікація програмного забезпечення повного циклу
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 561add10cb82ac38a17513bc
+    title: Сертифікація адаптивного вебдизайну
+  - 
+    id: 561abd10cb81ac38a17513bc
+    title: Алгоритми JavaScript та Сертифікація структури даних
+  - 
+    id: 561acd10cb82ac38a17513bc
+    title: Сертифікація бібліотек Front End
+  - 
+    id: 5a553ca864b52e1d8bceea14
+    title: Сертифікація візуалізації даних
+  - 
+    id: 561add10cb82ac38a17523bc
+    title: Сертифікація API та мікросервісів
+  - 
+    id: 561add10cb82ac38a17213bc
+    title: Інформаційна безпека попередніх версій та сертифікат якості
diff --git a/curriculum/challenges/ukrainian/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml b/curriculum/challenges/ukrainian/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
new file mode 100644
index 0000000000..9368658938
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 561add10cb82ac38a17213bc
+title: Інформаційна безпека попередніх версій та сертифікат якості
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 587d8249367417b2b2512c41
+    title: Метрично-імперський конвертер
+  - 
+    id: 587d8249367417b2b2512c42
+    title: Система відстеження помилок
+  - 
+    id: 587d824a367417b2b2512c43
+    title: Особиста бібліотека
+  - 
+    id: 587d824a367417b2b2512c44
+    title: Перевірка цін на акції
+  - 
+    id: 587d824a367417b2b2512c45
+    title: Анонімна панель повідомлень
diff --git a/curriculum/challenges/ukrainian/00-certifications/machine-learning-with-python-certification/machine-learning-with-python-certification.yml b/curriculum/challenges/ukrainian/00-certifications/machine-learning-with-python-certification/machine-learning-with-python-certification.yml
new file mode 100644
index 0000000000..e5173fca79
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/machine-learning-with-python-certification/machine-learning-with-python-certification.yml
@@ -0,0 +1,22 @@
+---
+id: 5e46fc95ac417301a38fb935
+title: Машинне навчання з отриманням сертифікату Python
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 5e46f8d6ac417301a38fb92d
+    title: Камінь-ножиці-папір
+  - 
+    id: 5e46f8dcac417301a38fb92e
+    title: Класифікатор зображень котів і собак
+  - 
+    id: 5e46f8e3ac417301a38fb92f
+    title: Інструмент рекомендацій книг із використанням KNN
+  - 
+    id: 5e46f8edac417301a38fb930
+    title: Калькулятор лінійної регресії витрат на охорону здоров'я
+  - 
+    id: 5e46f8edac417301a38fb931
+    title: Нейронна мережа для класифікації текстів SMS
+
diff --git a/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml b/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml
new file mode 100644
index 0000000000..2060e2fc1a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml
@@ -0,0 +1,22 @@
+---
+id: 5e611829481575a52dc59c0e
+title: Сертифікат забезпечення якості
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 587d8249367417b2b2512c41
+    title: Конвертер метрично-британських величин
+  - 
+    id: 587d8249367417b2b2512c42
+    title: Система відстеження помилок
+  - 
+    id: 587d824a367417b2b2512c43
+    title: Персональна бібліотека
+  - 
+    id: 5e601bf95ac9d0ecd8b94afd
+    title: Програма для розв'язування судоку
+  - 
+    id: 5e601c0d5ac9d0ecd8b94afe
+    title: Перекладач американської та британської англійської
+
diff --git a/curriculum/challenges/ukrainian/00-certifications/relational-databases-certification/relational-databases-certification.yml b/curriculum/challenges/ukrainian/00-certifications/relational-databases-certification/relational-databases-certification.yml
new file mode 100644
index 0000000000..241cd8c13c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/relational-databases-certification/relational-databases-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 606243f50267e718b1e755f4
+title: Сертифікація реляційних баз даних
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 5f1a4ef5d5d6b5ab580fc6ae
+    title: База даних небесних тіл
+  - 
+    id: 5f9771307d4d22b9d2b75a94
+    title: База даних чемпіонату світу
+  - 
+    id: 5f87ac112ae598023a42df1a
+    title: Планувальник зустрічей в салоні
+  - 
+    id: 602d9ff222201c65d2a019f2
+    title: База даних періодичної таблиці
+  - 
+    id: 602da04c22201c65d2a019f4
+    title: Гра на відгадування чисел
diff --git a/curriculum/challenges/ukrainian/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml b/curriculum/challenges/ukrainian/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml
new file mode 100644
index 0000000000..68f7fdfe5a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 561add10cb82ac38a17513bc
+title: Сертифікація з адаптивного веб-дизайну
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: bd7158d8c442eddfaeb5bd18
+    title: Створіть пам'ятну сторінку
+  - 
+    id: 587d78af367417b2b2512b03
+    title: Створіть форму опитування
+  - 
+    id: 587d78af367417b2b2512b04
+    title: Створіть цільову сторінку продукту
+  - 
+    id: 587d78b0367417b2b2512b05
+    title: Створіть сторінку технічної документації
+  - 
+    id: bd7158d8c242eddfaeb5bd13
+    title: Створіть сайт з персональним портфоліо
diff --git a/curriculum/challenges/ukrainian/00-certifications/scientific-computing-with-python-certification/scientific-computing-with-python-certification.yml b/curriculum/challenges/ukrainian/00-certifications/scientific-computing-with-python-certification/scientific-computing-with-python-certification.yml
new file mode 100644
index 0000000000..8df364d5c9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/00-certifications/scientific-computing-with-python-certification/scientific-computing-with-python-certification.yml
@@ -0,0 +1,21 @@
+---
+id: 5e44431b903586ffb414c951
+title: Наукові обчислення за допомогою сертифікату Python
+challengeType: 7
+isPrivate: true
+tests:
+  - 
+    id: 5e44412c903586ffb414c94c
+    title: Арифметичне форматування
+  - 
+    id: 5e444136903586ffb414c94d
+    title: Калькулятор часу
+  - 
+    id: 5e44413e903586ffb414c94e
+    title: Додаток для ведення бюджету
+  - 
+    id: 5e444147903586ffb414c94f
+    title: Калькулятор площі многокутника
+  - 
+    id: 5e44414f903586ffb414c950
+    title: Калькулятор ймовірностей
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.md
new file mode 100644
index 0000000000..4d36657065
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.md
@@ -0,0 +1,46 @@
+---
+id: 587d774c367417b2b2512a9c
+title: Додайте альтернативний текст до зображень для людей з вадами зору
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cPp7VfD'
+forumTopicId: 16628
+dashedName: add-a-text-alternative-to-images-for-visually-impaired-accessibility
+---
+
+# --description--
+
+Цілком імовірно, що ви бачили атрибут `alt` тегу `img` в інших завданнях. Текст атрибуту `alt` описує вміст зображення та забезпечує його текстовий замінник. Атрибут `alt` допомагає у випадках, коли зображення не завантажується, або яке користувач не бачить. Пошукові системи також використовують його, щоб визначити вміст зображення та включити його в результати пошуку. Наприклад:
+
+```html
+<img src="importantLogo.jpeg" alt="Company logo">
+```
+
+Люди з вадами зору використовують зчитувачі екрану, що перетворюють контент сайту в аудіо формат. Вони не отримають інформацію, якщо вона подана тільки візуально. Що стосується зображень, програма зчитування з екрану може мати доступ до атрибуту `alt` і зчитувати їхній вміст, щоб передати ключову інформацію.
+
+Якісний текст атрибуту `alt` надає програмі зчитування з екрану короткий опис зображення. Завжди додавайте атрибут `alt` до вашого зображення. Згідно зі специфікаціями HTML5, наразі це вважається обов'язковим.
+
+# --instructions--
+
+Кіт Кампер є одночасно ніндзя-кодувальником і справжнім ніндзя, який створює сайт, щоб поділитися знаннями. Фото профілю, яке він використовує, відображає його навички, тож усім відвідувачам сайту слід його цінувати. Додайте атрибут `alt` в тег `img`, який пояснює, що Кіт Кампер займається карате. (Зображення `src` не має посилання на існуючий файл, тож ви маєте побачити текст `alt` на дисплеї.)
+
+# --hints--
+
+Ваш теґ `img` повинен містити атрибут `alt` і не має бути порожнім.
+
+```js
+assert($('img').attr('alt'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<img src="doingKarateWow.jpeg">
+```
+
+# --solutions--
+
+```html
+<img src="doingKarateWow.jpeg" alt="Someone doing karate">
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.md
new file mode 100644
index 0000000000..dfac4d4165
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.md
@@ -0,0 +1,105 @@
+---
+id: 587d778b367417b2b2512aa8
+title: Додайте доступне поле для вибору дати
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cR3bRbCV'
+forumTopicId: 301008
+dashedName: add-an-accessible-date-picker
+---
+
+# --description--
+
+Форми часто містять поле `input`, яке можна використовувати, щоб створити декілька різних елементів керування формою. Атрибут `type` на цьому елементі позначає, який різновид елементу `input` буде створений.
+
+Ви могли помітити типи введення `text` і `submit` у попередніх завданнях; HTML5 запропонував опцію, щоб вказати поле `date`. Залежно від підтримки браузера, поле вибору дати з'являється в полі `input`, коли воно у фокусі, що спрощує заповнення форми для всіх користувачів.
+
+У старих браузерах за замовчуванням буде відтворюватися тип `text`, тож варто показати користувачам очікуваний формат дати в `label` або тексті `placeholder` про всяк випадок.
+
+Наприклад:
+
+```html
+<label for="input1">Enter a date:</label>
+<input type="date" id="input1" name="input1">
+```
+
+# --instructions--
+
+Кіт Кампер організовує турнір у Mortal Kombat і хоче опитати своїх супротивників, щоб визначити найкращу дату. Додайте теґ `input` з атрибутом `type` для `date`, атрибут `id` для `pickdate` і атрибут `name` для `date`.
+
+# --hints--
+
+Ваш код має додати один теґ `input` для поля вибору дати.
+
+```js
+assert($('input').length == 2);
+```
+
+Ваш теґ `input` повинен містити атрибут `type` зі значенням `date`.
+
+```js
+assert($('input').attr('type') == 'date');
+```
+
+Ваш теґ `input` повинен містити атрибут `id` зі значенням `pickdate`.
+
+```js
+assert($('input').attr('id') == 'pickdate');
+```
+
+Ваш теґ `input` повинен містити атрибут `name` зі значенням `date`.
+
+```js
+assert($('input').attr('name') == 'date');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+
+        <!-- Only change code below this line -->
+
+
+
+        <!-- Only change code above this line -->
+
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <main>
+    <section>
+      <h2>Mortal Kombat Tournament Survey</h2>
+      <form>
+        <p>Tell us the best date for the competition</p>
+        <label for="pickdate">Preferred Date:</label>
+        <input type="date" id="pickdate" name="date">
+        <input type="submit" name="submit" value="Submit">
+      </form>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.md
new file mode 100644
index 0000000000..c1eb6562da
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information.md
@@ -0,0 +1,74 @@
+---
+id: 587d778f367417b2b2512aad
+title: >-
+  Щоб уникнути проблем, пов'язаних із дальтонізмом, ретельно добирайте кольори, що передають інформацію
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c437as3'
+forumTopicId: 301011
+dashedName: >-
+  avoid-colorblindness-issues-by-carefully-choosing-colors-that-convey-information
+---
+
+# --description--
+
+Існують різні види дальтонізму. Вони можуть варіюватися від зниженої чутливості до певної частоти світлової хвилі до повної нездатності бачити колір. Найрозповсюдженішим різновидом є знижена чутливість до розпізнавання зеленого кольору.
+
+Наприклад, якщо подібні між собою зелені кольори є на передньому та задньому планах вашого контенту, користувач із дальтонізмом може їх не розрізнити. Подібні один до одного кольори вважаються сусідніми на спектральному колі, тож не слід використовувати їхні комбінації для передачі важливої інформації.
+
+**Примітка:** деякі онлайн-інструменти вибору кольорів мають візуальні симуляції того, як бачать кольори люди з різними видами дальтонізму. Це чудові ресурси на додачу до онлайн-калькуляторів для перевірки контрасту.
+
+# --instructions--
+
+Кіт Кампер тестує різні стилі для важливої кнопки, проте жовтий (`#FFFF33`) колір фону `background-color` і зелений (`#33FF33`) колір тексту `color` розташовані по сусідству на спектральному колі, і їх майже не розрізнити користувачам із дальтонізмом. (Їхня схожа освітленість також зане проходитьперевірку на коефіцієнт контрасності). Замініть колір тексту `color` на темно-блакитний (`#003366`), щоб вирішити обидві проблеми.
+
+# --hints--
+
+Ваш код має змінити колір тексту `color` для кнопки `button` на темно-блакитний.
+
+```js
+assert($('button').css('color') == 'rgb(0, 51, 102)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+  button {
+    color: #33FF33;
+    background-color: #FFFF33;
+    font-size: 14px;
+    padding: 10px;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+    button {
+      color: #003366;
+      background-color: #FFFF33;
+      font-size: 14px;
+      padding: 10px;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Danger!</h1>
+  </header>
+  <button>Delete Internet</button>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.md
new file mode 100644
index 0000000000..3ba91b88ed
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.md
@@ -0,0 +1,84 @@
+---
+id: 587d778f367417b2b2512aac
+title: Щоб уникнути проблем, пов'язаних із дальтонізмом, використовуйте належну контрастність
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cmzMEUw'
+forumTopicId: 301012
+dashedName: avoid-colorblindness-issues-by-using-sufficient-contrast
+---
+
+# --description--
+
+Колір є величезною частиною візуального дизайну, але його використання призводить до двох проблем, пов'язаних із доступністю для людей з обмеженими можливостями. По-перше, колір не слід використовувати як єдиний спосіб передачі важливої інформації, адже користувачі, що використовують програми зчитування з екрану не матимуть змоги його побачити. По-друге, кольори переднього та заднього планів потребують належної контрастності, щоб користувачі з дальтонізмом могли їх розрізнити.
+
+Попередні завдання були пов'язані з впровадженням текстових альтернатив для вирішення першої проблеми. В останньому завданні були представлені інструменти для перевірки контрастності, щоб розібратися з другою проблемою. Рекомендований WCAG коефіцієнт контрастності 4.5:1 підходить як для кольорів, так і для комбінацій відтінків сірого.
+
+Користувачі з дальтонізмом часто стикаються з неможливістю відрізнити деякі кольори від інших - зазвичай це стосується тону, але іноді й яскравості. Можливо, ви пам'ятаєте, що коефіцієнт контрастності вираховується за допомогою відносної яскравості (або освітленості) значень кольорів переднього та заднього планів.
+
+На практиці, коефіцієнта контрастності 4.5:1 можна досягнути за допомогою затемнення (додавання чорного) темнішого кольору та освітлення (додавання білого) світлішого. Темнішими тонами на кольоровому колі вважаються відтінки блакитного, фіолетового, пурпурового та червоного, тоді як світлішими є відтінки помаранчевого, жовтого, зеленого та синьо-зеленого.
+
+# --instructions--
+
+Camper Cat експериментує з кольорами тексту та тла його блоґу, але поточне поєднання зеленуватого фонового кольору `background-color` з коричневим текстом `color` має коефіцієнт контрастності 2.5:1. Ви можете легко налаштувати світлість кольорів, адже він визначив їх за допомогою CSS `hsl()` (що розшифровується як тон, насиченість, світлість), змінивши третій параметр. Збільшіть світлість кольору фону `background-color` з 35% до 55%, і зменшіть світлість кольору тексту `color` з 20% до 15%. Це покращить контрастність до значення 5.9:1.
+
+# --hints--
+
+Ваш код має змінити світлість кольору тексту `color` на значення 15%.
+
+```js
+assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi));
+```
+
+Ваш код має змінити світлість фонового кольору `background-color` на значення 55%.
+
+```js
+assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 20%);
+    background-color: hsl(120, 25%, 35%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+  body {
+    color: hsl(0, 55%, 15%);
+    background-color: hsl(120, 25%, 55%);
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.md
new file mode 100644
index 0000000000..00e1566594
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.md
@@ -0,0 +1,75 @@
+---
+id: 587d778f367417b2b2512aae
+title: Надайте значення посиланням, використовуючи текстовий опис
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c437DcV'
+forumTopicId: 301013
+dashedName: give-links-meaning-by-using-descriptive-link-text
+---
+
+# --description--
+
+Користувачі пристроїв для читання з екрану мають різні варіанти контенту для читання. Ці варіанти містять перехід до елементів навігації (або їх пропуск), перехід до основного вмісту або отримання короткого змісту сторінки з заголовків. Ще одна опція - прослухати посилання, доступні на сторінці.
+
+Зчитувачі з екрану, читають текст посилання або ж те, що знаходиться між теґами прив'язки (`a`). Список посилань на зразок "натисніть тут" або "читати більше" не допоможе у такому випадку. Замість цього використовуйте короткий, але змістовний, текст у межах теґів `a`, щоб користувачі змогли зрозуміти призначення лінку.
+
+# --instructions--
+
+Текст посилання, який використовує Кіт Кампер, не дуже змістовний поза контекстом. Перемістіть теґи прив'язки (`a`) так, щоб вони огортали текст `information about batteries` замість `Click here`.
+
+# --hints--
+
+Ваш код має перемістити теґи прив'язки `a` навколо слів `Click here` так, щоб огорнути слова `information about batteries`.
+
+```js
+assert(
+  $('a')
+    .text()
+    .match(/^(information about batteries)$/g)
+);
+```
+
+Елемент `a` повинен мати атрибут `href` зі значенням порожнього рядка `""`.
+
+```js
+assert($('a').attr('href') === '');
+```
+
+Елемент `a` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/a>/g) &&
+    code.match(/<\/a>/g).length === code.match(/<a href=(''|"")>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
+  </article>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near. Click here for <a href="">information about batteries</a></p>
+  </article>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
new file mode 100644
index 0000000000..129d6e2646
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
@@ -0,0 +1,115 @@
+---
+id: 587d7789367417b2b2512aa4
+title: Як покращити доступність аудіоконтенту за допомогою елементу audio
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJVkcZ'
+forumTopicId: 301014
+dashedName: improve-accessibility-of-audio-content-with-the-audio-element
+---
+
+# --description--
+
+Елемент HTML5 `audio` має семантичне значення в розмітці, якщо він огортає звуковий чи аудіо-потоковий контент. Аудіоконтент також потребує текстової альтернативи, щоб до нього мали доступ люди з глухотою чи вадами слуху. Її можна створити, розмістивши текст поряд з елементом або ж за допомогою посилання на субтитри.
+
+Теґ `audio` підтримує атрибут `controls`. Він відображає елементи браузера за замовчуванням: відтворення, паузу та інші; а також підтримує функціональність клавіатури. Це логічний (булевий) атрибут, тобто такий, що не потребує значення, його присутність на тезі вмикає налаштування.
+
+Наприклад:
+
+```html
+<audio id="meowClip" controls>
+  <source src="audio/meow.mp3" type="audio/mpeg">
+  <source src="audio/meow.ogg" type="audio/ogg">
+</audio>
+```
+
+**Примітка:** Мультимедійний контент зазвичай має як візуальні, так і аудіальні компоненти. Він потребує синхронізованих субтитрів і розшифровки, щоб користувачі з вадами зору та/або слуху мали до нього доступ. Загалом, веб-розробник не є відповідальним за створення субтитрів чи розшифровки, але повинен вміти їх додавати.
+
+# --instructions--
+
+Давайте відпочинемо від Camper Cat та зустрінемося з його приятелем Зерсіаксом (@zersiax), чемпіоном з доступності та користувачем програми для читання з екрану. Щоб почути запис роботи зчитувача з екрану, додайте елемент `audio` після `p`. Додайте атрибут `controls`. Потім розмістіть теґ `source` всередині теґів `audio`, налаштувавши значення атрибуту `src` на `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3`, а значення атрибуту `type` - на `"audio/mpeg"`.
+
+**Примітка:** Запис може здатися занадто швидким і малозрозумілим, але це звичайна швидкість для користувачів зчитувачів з екрану.
+
+# --hints--
+
+Ваш код повинен містити один теґ `audio`.
+
+```js
+assert($('audio').length === 1);
+```
+
+Елемент `audio` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/audio>/g).length === 1 &&
+    code.match(/<audio.*>[\s\S]*<\/audio>/g)
+);
+```
+
+Теґ `audio` повинен містити атрибут `controls`.
+
+```js
+assert($('audio').attr('controls'));
+```
+
+Ваш код повинен містити один теґ `source`.
+
+```js
+assert($('source').length === 1);
+```
+
+Теґ `source` повинен знаходитися всередині теґів `audio`.
+
+```js
+assert($('audio').children('source').length === 1);
+```
+
+Значення атрибута `src` на тезі `source` має повністю збігатися з посиланням в поясненнях.
+
+```js
+assert(
+  $('source').attr('src') ===
+    'https://s3.amazonaws.com/freecodecamp/screen-reader.mp3'
+);
+```
+
+Ваш код повинен містити атрибут `type` на тезі `source` зі значенням audio/mpeg.
+
+```js
+assert($('source').attr('type') === 'audio/mpeg');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+
+
+
+  </main>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Real Coding Ninjas</h1>
+  </header>
+  <main>
+    <p>A sound clip of Zersiax's screen reader in action.</p>
+    <audio controls>
+      <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg"/>
+    </audio>
+  </main>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.md
new file mode 100644
index 0000000000..8861ba1675
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-chart-accessibility-with-the-figure-element.md
@@ -0,0 +1,161 @@
+---
+id: 587d778a367417b2b2512aa5
+title: Як покращити доступність графіків за допомогою Елемента figure
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cGJMqtE'
+forumTopicId: 301015
+dashedName: improve-chart-accessibility-with-the-figure-element
+---
+
+# --description--
+
+HTML5 впровадив елемент `figure` і пов'язаний з ним `figcaption`. При спільному використанні вони огортають візуальне відображення (зокрема зображення, діаграму або графік) з підписом. Поєднання обох елементів посилює доступність завдяки групуванню спорідненого контенту, а також наданню текстової альтернативи, що пояснює вміст `figure`.
+
+Для візуалізації даних на кшталт графіків можна використовувати підпис із короткими відмітками прогнозів чи висновків для користувачів із вадами зору. Ще одна проблема полягає в тому, щоб перемістити табличні дані графіку за межі екрану (за допомогою CSS) для користувачів зчитувачів з екрану.
+
+Ось приклад - зверніть увагу не те, що `figcaption` знаходиться всередині теґів `figure` і може поєднуватися з іншими елементами:
+
+```html
+<figure>
+  <img src="roundhouseDestruction.jpeg" alt="Photo of Camper Cat executing a roundhouse kick">
+  <br>
+  <figcaption>
+    Master Camper Cat demonstrates proper form of a roundhouse kick.
+  </figcaption>
+</figure>
+```
+
+# --instructions--
+
+Кіт Кампер сумлінно працює над створенням гістограми з накопиченням, яка показує кількість часу на тиждень, що відводиться на тренування невловимості, бойових мистецв та володіння зброєю. Допоможіть йому краще структурувати сторінку, змінивши теґ `div`, який він використав, на теґ `figure`, а теґ the `p`, що оточує заголовок, на теґ `figcaption`.
+
+# --hints--
+
+Ваш код повинен містити один теґ `figure`.
+
+```js
+assert($('figure').length == 1);
+```
+
+Ваш код повинен містити один теґ `figcaption`.
+
+```js
+assert($('figcaption').length == 1);
+```
+
+Ваш код не повинен містити жодних теґів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+Ваш код не повинен містити жодних теґів `p`.
+
+```js
+assert($('p').length == 0);
+```
+
+Теґ `figcaption` має бути дочірнім елементом теґу `figure`.
+
+```js
+assert($('figure').children('figcaption').length == 1);
+```
+
+Елемент `figure` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/figure>/g) &&
+    code.match(/<\/figure>/g).length === code.match(/<figure>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+
+      <!-- Only change code below this line -->
+      <div>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <p>Breakdown per week of time to spend training in stealth, combat, and weapons.</p>
+      </div>
+      <!-- Only change code above this line -->
+
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section>
+      <figure>
+        <!-- Stacked bar chart will go here -->
+        <br>
+        <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+      </figure>
+    </section>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.md
new file mode 100644
index 0000000000..4810cfd048
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-form-field-accessibility-with-the-label-element.md
@@ -0,0 +1,119 @@
+---
+id: 587d778a367417b2b2512aa6
+title: Як покращити доступність поля форми за допомогою Елементу Label
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cGJMMAN'
+forumTopicId: 301016
+dashedName: improve-form-field-accessibility-with-the-label-element
+---
+
+# --description--
+
+Покращення доступності за допомогою семантичної розмітки HTML стосується використання як відповідних назв тегів, так і атрибутів. Наступні декілька завдань охоплюють деякі важливі сценарії використання атрибутів у формах.
+
+Тег `label`, який огортає текст певного елемента керування формою, зазвичай це ім'я або мітка на вибору. Це додає більше змісту елементу і робить форму більш читабельною. Атрибут `for` тегу `label` явно пов'язує `label` з елементом керування формою і використовується програмами зчитування з екрану.
+
+Ви ознайомилися з радіокнопками та їхніми мітками на уроці в розділі "База HTML". На цьому уроку, ми згорнули елемент введення радіокнопки всередині елемента `label` разом з текстом мітки для того, щоб зробити текст активним на екрані. Інший варіант — це використати атрибут `for`, про що йдеться у цьому уроці.
+
+Значення атрибута `for` має збігатися зі значенням атрибута `id` елемента керування формою. Приклад:
+
+```html
+<form>
+  <label for="name">Name:</label>
+  <input type="text" id="name" name="name">
+</form>
+```
+
+# --instructions--
+
+Camper Cat очікує великого інтересу до своїх продуманих публікацій у блозі і хоче включити форму реєстрації електронною поштою. Додайте атрибут `for` до `label` електронної пошти, яка збігається з `id` на полі `input`.
+
+# --hints--
+
+Ваш код має містити атрибут `for` у не пустому тезі `label`.
+
+```js
+assert($('label').attr('for'));
+```
+
+Ваше значення атрибута `for` має співпадати зі значенням `id` у полі `input` електронної адреси.
+
+```js
+assert($('label').attr('for') == 'email');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label>Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+
+
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.md
new file mode 100644
index 0000000000..2bbebc8e70
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/improve-readability-with-high-contrast-text.md
@@ -0,0 +1,80 @@
+---
+id: 587d778e367417b2b2512aab
+title: Як покращити читабельність за допомогою контрасного тексту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cKb3nCq'
+forumTopicId: 301017
+dashedName: improve-readability-with-high-contrast-text
+---
+
+# --description--
+
+Низький контраст між кольорами тексту та фону може ускладнити читання тексту. Достатня контрастність покращує читабельність вмісту, але що саме означає "достатня"?
+
+В рекомендаціях Web Content Accessibility Guidelines (WCAG) пропонується виставляти коефіцієнт контрастності від 4.5 до 1 для звичайного тексту. Коефіцієнт вираховується шляхом порівняння відносної яскравості двох кольорів. Співвідношення варіюється від 1:1 для одного й того ж кольору (без контрасту) до 21:1 для білого на фоні чорного (найбільший контраст). Існує багато онлайн-засобів, які перевіряють контрастність та розраховують для вас цей коефіцієнт.
+
+# --instructions--
+
+Світло сірий текст на білому фоні в останньому пості блогу Кота Кампера зі співвідношенням коефіцієнта контрастності 1.5:1 ускладнює прочитання тексту. Змініть `color` тексту з наявного сірого (`#D3D3D3`) на темніший сірий (`#636363`), щоб покращити коефіцієнт контрастності до 6:1.
+
+# --hints--
+
+Ваш код повинен змінити текст `color` для `body` на темно-сірий.
+
+```js
+assert($('body').css('color') == 'rgb(99, 99, 99)');
+```
+
+Ваш код не повинен міняти колір фона `background-color` для `body`.
+
+```js
+assert($('body').css('background-color') == 'rgb(255, 255, 255)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+  body {
+    color: #D3D3D3;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+  body {
+    color: #636363;
+    background-color: #FFF;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+    <h2>A Word on the Recent Catnip Doping Scandal</h2>
+    <p>The influence that catnip has on feline behavior is well-documented, and its use as an herbal supplement in competitive ninja circles remains controversial. Once again, the debate to ban the substance is brought to the public's attention after the high-profile win of Kittytron, a long-time proponent and user of the green stuff, at the Claw of Fury tournament.</p>
+    <p>As I've stated in the past, I firmly believe a true ninja's skills must come from within, with no external influences. My own catnip use shall continue as purely recreational.</p>
+  </article>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
new file mode 100644
index 0000000000..988c577410
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
@@ -0,0 +1,62 @@
+---
+id: 587d774e367417b2b2512a9f
+title: Перехід прямо до контенту, використовуючи елемент main
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cPp7zuE'
+forumTopicId: 301018
+dashedName: jump-straight-to-the-content-using-the-main-element
+---
+
+# --description--
+
+HTML5 ввів декілька нових елементів, які надають розробникам більше можливостей, а також містять функції спеціальних можливостей. Серед них теґи `main`, `header`, `footer`, `nav`, `article` і `section` та інші.
+
+У браузері ці елементи за замовчуванням відображені як звичайний `div`. Однак, використання їх у тих випадках, коли це доречно, надає додаткового значення вашій розмітці. Назва тегу може вказувати на тип інформації, що в ньому міститься; це додає семантичного змісту до цього контенту. Допоміжні технології можуть отримати доступ до цієї інформації, щоб надати своїм користувачам кращий зміст сторінки чи варіанти навігації.
+
+Як ви могли здогадатися, елемент `main` використовується, щоб огортати основний вміст, він має бути лише один на сторінку. Він призначений для зосередження на інформації, пов'язаної з центральною темою вашої сторінки. Він не повинен містити елементи, що повторюються на різних сторінках, на кшталт посилань чи банерів.
+
+Тег `main` також має вбудовану функцію орієнтира, якою можуть скористатися допоміжні технології, для швидкого переходу до основного змісту. Ви могли зустрічати посилання "Jump to Main Content" у верхній частині сторінки — використання тегу `main` автоматично дає допоміжним пристроям таку можливість.
+
+# --instructions--
+
+Кіт Кампер має кілька грандіозних ідей стосовно сторінки про зброю ніндзя. Допоможіть йому встановити розмітку, розмістивши початковий та кінцевий теги `main` між `header` і `footer` (які розглядаються в інших завданнях). Поки що залишіть теги `main` порожніми.
+
+# --hints--
+
+Ваш код має містити один теґ `main`.
+
+```js
+assert($('main').length == 1);
+```
+
+Теги `main` мають знаходитися між кінцевим теґом `header` і початковим теґом `footer`.
+
+```js
+assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+
+
+
+<footer></footer>
+```
+
+# --solutions--
+
+```html
+<header>
+  <h1>Weapons of the Ninja</h1>
+</header>
+<main>
+
+</main>
+<footer></footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.md
new file mode 100644
index 0000000000..f46d3f600a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/know-when-alt-text-should-be-left-blank.md
@@ -0,0 +1,76 @@
+---
+id: 587d774c367417b2b2512a9d
+title: Коли потрібно залишити атрибут alt текст порожнім
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cM9P4t2'
+forumTopicId: 301019
+dashedName: know-when-alt-text-should-be-left-blank
+---
+
+# --description--
+
+Під час останнього завдання ви вивчили, що включати атрибут `alt` при використанні тегу `img` є обов'язковим. Хоча інколи фото можуть бути згрупованими з уже існуючим описом або використовуються лише для декорації. У таких випадках текст `alt` буде зайвим та необов'язковим.
+
+Якщо до зображення вже існує текстовий вміст або зображення не має значення для сторінки, `img` все ще потребує атрибут `alt`, але його можна встановити як порожній рядок. Наприклад:
+
+```html
+<img src="visualDecoration.jpeg" alt="">
+```
+
+Фонові зображення також підпадають під мітку "декоративні". Однак вони зазвичай застосовуються з правилами CSS, і тому не є частиною процесу читання з екрану.
+
+**Примітка:** Для зображень із підписом ви все одно можете додати `alt` текст, оскільки це допомагає пошуковим системам класифікувати вміст зображення.
+
+# --instructions--
+
+Camper Cat закодували макет сторінки для розділу блогу на своєму вебсайті. Вони планують додати візуальний розрив між двома статтями з декоративним зображенням самурайського меча. Додайте атрибут `alt` до тегу `img` і присвойте йому порожній рядок. (Зверніть увагу, що зображення `src` не посилається на фактичний файл — не хвилюйтесь, що на дисплеї не відображаються мечі.)
+
+# --hints--
+
+Ваш тег `img` має містити атрибут `alt`.
+
+```js
+assert(!($('img').attr('alt') == undefined));
+```
+
+Атрибуту `alt` має бути призначений порожній рядок.
+
+```js
+assert($('img').attr('alt') == '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+```
+
+# --solutions--
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<article>
+  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+  <p>To Come...</p>
+</article>
+
+<img src="samuraiSwords.jpeg" alt="">
+
+<article>
+  <h2>Is Chuck Norris a Cat Person?</h2>
+  <p>To Come...</p>
+</article>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.md
new file mode 100644
index 0000000000..884dbd3033
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-elements-only-visible-to-a-screen-reader-by-using-custom-css.md
@@ -0,0 +1,244 @@
+---
+id: 587d778d367417b2b2512aaa
+title: Зробіть елементи видимими тільки програми екранного зчитування за допомогою Custom CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cJ8QGkhJ'
+forumTopicId: 301020
+dashedName: make-elements-only-visible-to-a-screen-reader-by-using-custom-css
+---
+
+# --description--
+
+Ви помітили, що в жодному з попередніх завдань, пов'язаних із доступністю, не використовувався CSS? Це демонструє важливість використання логічної структури документа і семантично змістовних теґів у вашому контенті перед тим, як вводити візуальний дизайн.
+
+Однак магія CSS також може поліпшити доступність вашої сторінки, якщо ви маєте на меті приховати вміст, призначений виключно для читання з екрану. Це трапляється, коли інформація міститься у візуальному форматі (наприклад, на графіку), але користувачі програми для читання потребують альтернативної подачі (у таблиці), щоб мати до неї доступ. CSS використовується для розміщення елементів екрану тільки для читання з візуальної зони вікна браузера.
+
+Ось приклад правил CSS, які це здійснюють:
+
+```css
+.sr-only {
+  position: absolute;
+  left: -10000px;
+  width: 1px;
+  height: 1px;
+  top: auto;
+  overflow: hidden;
+}
+```
+
+**Примітка:** Наступні підходи CSS НЕ будуть робити те саме:
+
+<ul>
+<li><code>display: none;</code> чи <code>visibility: hidden;</code> приховують вміст від усіх, включаючи користувачів програми зчитування з екрана</li>
+<li>Нульові значення для піксельних розмірів, зокрема <code>width: 0px; height: 0px;</code> вилучають цей елемент з вашого документа, тобто програма для читання з екрана буде його ігнорувати</li>
+</ul>
+
+# --instructions--
+
+Camper Cat створив просто чудову гістограму для своєї навчальної сторінки, а для користувачів із вадами зору подав інформацію у таблиці. Таблиця вже має клас `sr-only`, але правила CSS ще не заповнені. Надайте елементу `position` значення `absolute`, елементу the `left` - значення `-10000px`, а елементам `width` і `height` - значення `1px`.
+
+# --hints--
+
+Ваш код має встановити властивість `position` класу `sr-only` на значення `absolute`.
+
+```js
+assert($('.sr-only').css('position') == 'absolute');
+```
+
+Ваш код має встановити властивість `left` класу `sr-only` на значення `-10000px`.
+
+```js
+assert($('.sr-only').css('left') == '-10000px');
+```
+
+Ваш код має встановити властивість `width` класу `sr-only` на значення `1` піксель.
+
+```js
+assert(code.match(/width:\s*?1px/gi));
+```
+
+Ваш код має встановити властивість `height` класу `sr-only` на значення `1` піксель.
+
+```js
+assert(code.match(/height:\s*?1px/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: ;
+    left: ;
+    width: ;
+    height: ;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training -->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+  .sr-only {
+    position: absolute;
+    left: -10000px;
+    width: 1px;
+    height: 1px;
+    top: auto;
+    overflow: hidden;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <section>
+    <h2>Master Camper Cat's Beginner Three Week Training Program</h2>
+    <figure>
+      <!-- Stacked bar chart of weekly training -->
+      <p>[Stacked bar chart]</p>
+      <br />
+      <figcaption>Breakdown per week of time to spend training in stealth, combat, and weapons.</figcaption>
+    </figure>
+    <table class="sr-only">
+      <caption>Hours of Weekly Training in Stealth, Combat, and Weapons</caption>
+      <thead>
+        <tr>
+          <th></th>
+          <th scope="col">Stealth &amp; Agility</th>
+          <th scope="col">Combat</th>
+          <th scope="col">Weapons</th>
+          <th scope="col">Total</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <th scope="row">Week One</th>
+          <td>3</td>
+          <td>5</td>
+          <td>2</td>
+          <td>10</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Two</th>
+          <td>4</td>
+          <td>5</td>
+          <td>3</td>
+          <td>12</td>
+        </tr>
+        <tr>
+          <th scope="row">Week Three</th>
+          <td>4</td>
+          <td>6</td>
+          <td>3</td>
+          <td>13</td>
+        </tr>
+      </tbody>
+    </table>
+  </section>
+  <section id="stealth">
+    <h2>Stealth &amp; Agility Training</h2>
+    <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+    <article><h3>No training is NP-complete without parkour</h3></article>
+  </section>
+  <section id="combat">
+    <h2>Combat Training</h2>
+    <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+    <article><h3>Goodbye, world: 5 proven ways to knock out an opponent</h3></article>
+  </section>
+  <section id="weapons">
+    <h2>Weapons Training</h2>
+    <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+    <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-links-navigable-with-html-access-keys.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-links-navigable-with-html-access-keys.md
new file mode 100644
index 0000000000..5ca9e10bab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-links-navigable-with-html-access-keys.md
@@ -0,0 +1,106 @@
+---
+id: 587d7790367417b2b2512aaf
+title: Створіть навігаційні посилання з клавішами доступу HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cQvmaTp'
+forumTopicId: 301021
+dashedName: make-links-navigable-with-html-access-keys
+---
+
+# --description--
+
+HTML пропонує атрибут `accesskey` для встановлення гарячої клавіші, що активує елемент або зосереджується на ньому. Додавання атрибута `accesskey` може покращити ефективність навігації для користувачів, здатних послуговуватися лише клавіатурою.
+
+HTML5 дозволяє використовувати цей атрибут на будь-якому елементі, але він особливо корисний з інтерактивними елементами. Включає лінки, кнопки та керування формами.
+
+Наприклад:
+
+```html
+<button accesskey="b">Important Button</button>
+```
+
+# --instructions--
+
+Camper Cat хоче додати клавіші доступу до посилань поряд з заголовками двох статей у блозі, щоб користувачі могли швидко перейти до повного тексту. Додайте атрибут `accesskey` до обох посилань і встановіть перший на `g` (for Garfield), а другий - на `c` (for Chuck Norris).
+
+# --hints--
+
+Ваш код має додати атрибут `accesskey` до теґа `a` зі значенням `id` встановленим на `first`.
+
+```js
+assert($('#first').attr('accesskey'));
+```
+
+Ваш код має додати атрибут `accesskey` до теґа `a` зі значенням `id`, встановленим на `second`.
+
+```js
+assert($('#second').attr('accesskey'));
+```
+
+Ваш код має налаштувати атрибут `accesskey` на тезі `a` зі значенням `id`, встановленим на `first`, на `g`. Зауважте, що написання з великої чи маленької літери має значення.
+
+```js
+assert($('#first').attr('accesskey') == 'g');
+```
+
+Ваш код має налаштувати атрибут `accesskey` на тезі `a` зі значенням `id`, встановленим на `second`, на `c`. Зауважте, що написання з великої чи маленької літери має значення.
+
+```js
+assert($('#second').attr('accesskey') == 'c');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" href="#">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" href="#">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <article>
+
+
+    <h2><a id="first" accesskey="g" href="#">The Garfield Files: Lasagna as Training Fuel?</a></h2>
+
+
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <article>
+
+
+    <h2><a id="second" accesskey="c" href="#">Is Chuck Norris a Cat Person?</a></h2>
+
+
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.md
new file mode 100644
index 0000000000..db81da99cd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-footer-landmark.md
@@ -0,0 +1,116 @@
+---
+id: 587d7788367417b2b2512aa3
+title: Полегшіть навігацію сторінки за допомогою нижньої орієнтації екрану
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/crVrDh8'
+forumTopicId: 301022
+dashedName: make-screen-reader-navigation-easier-with-the-footer-landmark
+---
+
+# --description--
+
+Елемент `footer`, подібно до `header` і `nav`, має вбудовану функцію областей, яка дозволяє допоміжним пристроям швидко перейти до них. Насамперед вони застосовуються для збереження інформації про авторські права або посилання на пов'язані з ними документи, які зазвичай знаходяться внизу сторінки.
+
+# --instructions--
+
+Сторінка навчання Camper Cat успішно розвивається. Змініть `div` який використовувався, щоб відобразити інформацію про авторські права у нижній частині сторінки на елемент `footer`.
+
+# --hints--
+
+Ваш код повинен містити один тег `footer`.
+
+```js
+assert($('footer').length == 1);
+```
+
+Ваш код не повинен містити жодних тегів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+Ваш код повинен містити відкритий і закритий тег `footer` tag.
+
+```js
+assert(code.match(/<footer>\s*&copy; 2018 Camper Cat\s*<\/footer>/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <div>&copy; 2018 Camper Cat</div>
+
+
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Training</h1>
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+
+
+  <footer>&copy; 2018 Camper Cat</footer>
+
+
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
new file mode 100644
index 0000000000..01530ef0c3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
@@ -0,0 +1,111 @@
+---
+id: 587d7787367417b2b2512aa1
+title: Полегшіть навігацію сторінки за допомогою нижньої орієнтації екрану
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cB76vtv'
+forumTopicId: 301023
+dashedName: make-screen-reader-navigation-easier-with-the-header-landmark
+---
+
+# --description--
+
+Наступний елемент HTML5, що має змогу додавати семантичне значення і покращує доступ, є тегом `header`. Це використовується для зберігання вступної інформації або навігаційних посилань для батьківського тегу і добре працює з інформацією, яка з'являється повторно зверху на кожній сторінці.
+
+`header` використовує функцію зі збереженою закладкою, яку ви бачили з `main`, дозволяючи допоміжним функціям швидко орієнтуватися у цьому контенті.
+
+**Note:** `header` призначений для використання в тегу `body` вашого HTML документа. Це відрізняється від елемента `head`, який містить заголовок сторінки, метаінформацію і так далі.
+
+# --instructions--
+
+Camper Cat пише декілька захоплюючих статей про навчання ніндзя, і хоче додати для них сторінку на своєму сайті. Змініть верхній `div`, який містить `h1`, на тег `header`.
+
+# --hints--
+
+Ваш код повинен містити один тег `header`.
+
+```js
+assert($('header').length == 1);
+```
+
+Ваш `header`повинен охоплювати `h1`.
+
+```js
+assert($('header').children('h1').length == 1);
+```
+
+Ваш код не повинен містити жодних тегів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+Ваш елемент `header` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/header>/g) &&
+    code.match(/<\/header>/g).length === code.match(/<header>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+
+  <div>
+    <h1>Training with Camper Cat</h1>
+  </div>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+
+  <header>
+    <h1>Training with Camper Cat</h1>
+  </header>
+
+
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
new file mode 100644
index 0000000000..d51e5ac388
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
@@ -0,0 +1,121 @@
+---
+id: 587d7788367417b2b2512aa2
+title: Полегшіть навігацію по екрані за допомогою навігаційного орієнтиру
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/czVwWSv'
+forumTopicId: 301024
+dashedName: make-screen-reader-navigation-easier-with-the-nav-landmark
+---
+
+# --description--
+
+Теґ `nav` - це ще один елемент HTML5 із вбудованою функцією орієнтира, що спрощує навігацію по екрані. Цей теґ призначений для об'єднання основних навігаційних посилань на сторінці.
+
+Якщо в нижній частині сторінки містяться повторювані посилання, не обов'язково також позначати їх теґом `nav`. Достатньо використати теґ `footer` (розглядатиметься в наступному завданні).
+
+# --instructions--
+
+Camper Cat включив навігаційні посилання у верхній частині тренувальної сторінки, але розмістив їх у `div`. Замініть теґ `div` на `nav`, щоб покращити доступність його сторінки.
+
+# --hints--
+
+Ваш код має містити один теґ `nav`.
+
+```js
+assert($('nav').length == 1);
+```
+
+Ваші теґи `nav` мають обгортати `ul` і елементи його списку.
+
+```js
+assert($('nav').children('ul').length == 1);
+```
+
+Ваш код не має містити жодних теґів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+Елемент `nav` має містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/nav>/g) &&
+    code.match(/<\/nav>/g).length === code.match(/<nav>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <div>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </div>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Training with Camper Cat</h1>
+
+    <nav>
+      <ul>
+        <li><a href="#stealth">Stealth &amp; Agility</a></li>
+        <li><a href="#combat">Combat</a></li>
+        <li><a href="#weapons">Weapons</a></li>
+      </ul>
+    </nav>
+
+  </header>
+  <main>
+    <section id="stealth">
+      <h2>Stealth &amp; Agility Training</h2>
+      <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
+      <article><h3>No training is NP-complete without parkour</h3></article>
+    </section>
+    <section id="combat">
+      <h2>Combat Training</h2>
+      <article><h3>Dispatch multiple enemies with multithreaded tactics</h3></article>
+      <article><h3>Goodbye world: 5 proven ways to knock out an opponent</h3></article>
+    </section>
+    <section id="weapons">
+      <h2>Weapons Training</h2>
+      <article><h3>Swords: the best tool to literally divide and conquer</h3></article>
+      <article><h3>Breadth-first or depth-first in multi-weapon training?</h3></article>
+    </section>
+  </main>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.md
new file mode 100644
index 0000000000..2794edd04c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/standardize-times-with-the-html5-datetime-attribute.md
@@ -0,0 +1,132 @@
+---
+id: 587d778c367417b2b2512aa9
+title: Стандартизуйте час за допомогою атрибута datetime в HTML5
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cmzMgtz'
+forumTopicId: 301025
+dashedName: standardize-times-with-the-html5-datetime-attribute
+---
+
+# --description--
+
+Продовжуючи тему дати, HTML5 запропонував елемент `time` разом з атрибутом `datetime` з метою стандартизації часу. Елемент `time` є вбудованим і може зберігати дату або час на сторінці. Атрибут `datetime` містить правильний формат дати. До цього значення мають доступ допоміжні пристрої. Атрибут допомагає уникнути плутанини, вказуючи стандартизований формат часу, навіть якщо він неформально вказаний у тексті.
+
+Наприклад:
+
+```html
+<p>Master Camper Cat officiated the cage match between Goro and Scorpion <time datetime="2013-02-13">last Wednesday</time>, which ended in a draw.</p>
+```
+
+# --instructions--
+
+Результати опитування Camper Cat стосовно Mortal Combat готові! Обгорніть теґ `time` навколо тексту `Thursday, September 15<sup>th</sup>` і додайте атрибут `datetime`, встановлений на значення `2016-09-15`.
+
+# --hints--
+
+Ваш код має містити елемент `p`, що включає текст `Thank you to everyone for responding to Master Camper Cat's survey.` і елемент `time`.
+
+```js
+assert(timeElement.length);
+```
+
+Додані теґи `time` мають обгортати текст `Thursday, September 15<sup>th</sup>`.
+
+```js
+assert(
+  timeElement.length &&
+    $(timeElement).html().trim() === 'Thursday, September 15<sup>th</sup>'
+);
+```
+
+Доданий теґ `time` має містити атрибут `datetime`, який не є порожнім.
+
+```js
+assert(datetimeAttr && datetimeAttr.length);
+```
+
+Доданий атрибут `datetime` має бути встановленим на значення `2016-09-15`.
+
+```js
+assert(datetimeAttr === '2016-09-15');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```html
+<script>
+const pElement = $("article > p")
+  .filter((_, elem) => $(elem).text().includes("Thank you to everyone for responding to Master Camper Cat's survey."));
+const timeElement = pElement[0] ? $(pElement[0]).find("time") : null;
+const datetimeAttr = $(timeElement).attr("datetime");
+</script>
+```
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <!-- Only change code below this line -->
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15<sup>th</sup>. May the best ninja win!</p>
+
+    <!-- Only change code above this line -->
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Tournaments</h1>
+  </header>
+  <article>
+    <h2>Mortal Kombat Tournament Survey Results</h2>
+
+    <p>Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is <time datetime="2016-09-15">Thursday, September 15<sup>th</sup></time>. May the best ninja win!</p>
+
+    <section>
+      <h3>Comments:</h3>
+      <article>
+        <p>Posted by: Sub-Zero on <time datetime="2016-08-13T20:01Z">August 13<sup>th</sup></time></p>
+        <p>Johnny Cage better be there, I'll finish him!</p>
+      </article>
+      <article>
+        <p>Posted by: Doge on <time datetime="2016-08-15T08:12Z">August 15<sup>th</sup></time></p>
+        <p>Wow, much combat, so mortal.</p>
+      </article>
+      <article>
+        <p>Posted by: The Grim Reaper on <time datetime="2016-08-16T00:00Z">August 16<sup>th</sup></time></p>
+        <p>Looks like I'll be busy that day.</p>
+      </article>
+    </section>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.md
new file mode 100644
index 0000000000..409ed8b2e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-headings-to-show-hierarchical-relationships-of-content.md
@@ -0,0 +1,92 @@
+---
+id: 587d774d367417b2b2512a9e
+title: Використовуйте заголовки для того, щоб показати ієрархічні зв'язки вмісту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cqVEktm'
+forumTopicId: 301026
+dashedName: use-headings-to-show-hierarchical-relationships-of-content
+---
+
+# --description--
+
+Заголовки (`h1` through `h6` elements) - це суто робочі теги, які допомагають забезпечити структуру і маркування вашого контенту. Програми читання з екрану можна налаштувати тільки для читання заголовків на сторінці для того щоб користувачі мали доступ до короткого змісту. Це означає, що дуже важливо, щоб теги заголовків в вашій розмітці мали семантичне значення і співвідносились один з одним, а не вибирались тільки за величиною їх розміру.
+
+*Semantic meaning* означає, що тег, який ви використовуєте разом із вмістом, вказує на тип інформації, яку він містить.
+
+Якби вам довелось писати роботу із вступом, головною частиною і висновками, то, напевно, було б недоречно розміщувати висновки в основній частині вашої роботи. Це має бути як окремий розділ. Аналогічна ситуація також із заголовками тегів на веб-сторінці, які повинні йти в правильному порядку і вказувати на ієрархічні зв'язки вашого контенту.
+
+Заголовки з рівним (або вищим) статусом започатковують нові запропоновані розділи, а заголовки із нижчим статусом - починають підрозділи попередніх.
+
+Наприклад, сторінка з елементом `h2`, яка супроводжується декількома підрозділами позначена тегом `h4` заплутає користувача, який використовує програму зчитування з екрану. Є шість варіантів. Ми радимо скористатися тегом, адже він виглядає ліпше у браузері, хоча ви також можете використовувати CSS, щоб редагувати відносний порядок за розміром.
+
+І під кінець, кожна сторінка повинна зажди мати один (і тільки один) елемент `h1`, який є ключовим об'єктом вашого контенту. Цей та інші заголовки частково використовуються пошуковими системами, щоб зрозуміти тему сторінки.
+
+# --instructions--
+
+Camper Cat хоче мати сторінку, яка призначена для того, щоб допомогти йому стати ніндзею. Допоможіть йому справитися із заголовками в такий спосіб, щоб розмітка надала оте семантичне значення до контенту і вказала на коректний тісний зв'язок з його розділами. Змініть всі `h5` теги на правильний рівень заголовка, щоб показати, що вони є підрозділами цих кодів `h2`. Використовуйте теги `h3` за потреби.
+
+# --hints--
+
+Ваш код повинен налічувати 6 `h3` елементів.
+
+```js
+assert($('h3').length === 6);
+```
+
+Ваш код має містити 6 тегів `h3`.
+
+```js
+assert((code.match(/\/h3/g) || []).length === 6);
+```
+
+Ваш код не повинен містити жодних елементів `h5`.
+
+```js
+assert($('h5').length === 0);
+```
+
+Ваш код не повинен містити жодних тегів `h5`.
+
+```js
+assert(/\/h5/.test(code) === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h5>How to Hide in Plain Sight</h5>
+  <h5>How to Climb a Wall</h5>
+
+  <h2>Learn the Art of Battle</h2>
+  <h5>How to Strengthen your Body</h5>
+  <h5>How to Fight like a Ninja</h5>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h5>How to Breathe Properly</h5>
+  <h5>How to Simplify your Life</h5>
+</main>
+```
+
+# --solutions--
+
+```html
+<h1>How to Become a Ninja</h1>
+<main>
+  <h2>Learn the Art of Moving Stealthily</h2>
+  <h3>How to Hide in Plain Sight</h3>
+  <h3>How to Climb a Wall</h3>
+
+  <h2>Learn the Art of Battle</h2>
+  <h3>How to Strengthen your Body</h3>
+  <h3>How to Fight like a Ninja</h3>
+
+  <h2>Learn the Art of Living with Honor</h2>
+  <h3>How to Breathe Properly</h3>
+  <h3>How to Simplify your Life</h3>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.md
new file mode 100644
index 0000000000..5e7e1dc95b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-add-keyboard-focus-to-an-element.md
@@ -0,0 +1,144 @@
+---
+id: 587d7790367417b2b2512ab0
+title: Використовуйте tabindex, щоб додати фокус клавіатури до елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cmzMDHW'
+forumTopicId: 301027
+dashedName: use-tabindex-to-add-keyboard-focus-to-an-element
+---
+
+# --description--
+
+Значення HTML `tabindex` має три різні функції, що відносяться до елемента фокусу на клавіатурі. Коли він з'явиться на клавіатурі, це означає, що елемент можна фокусувати. Значення (ціле число: додатнє, від'ємне або нуль) визначає поводження об'єкта.
+
+Певні елементи, такі як посилання і форми управління, отримують автоматично фокус клавіатури, якщо користувач виділяє їх через сторінку. В тому ж самому порядку як елементи надходять у HTML джерела розмітки. Цю ж саму функцію можна додати до інших елементів, таких як `div`, `span` і `p`, розмістивши для них значення `tabindex="0"`. Для прикладу:
+
+```html
+<div tabindex="0">I need keyboard focus!</div>
+```
+
+**Note:**: від'ємне значення `tabindex` (як правило -1) показує, що елемент фокусується, але не доступний за допомогою клавіатури. Зазвичай цей метод використовується для надання контенту фокусу програмного (наприклад, коли `div` використовується для активації спливаючого вікна), і виходить за рамки самих завдань.
+
+# --instructions--
+
+Camper Cat створив нову анкету, щоб зібрати інформацію про своїх користувачів. Він знає, що поля вводу автоматично фокусуються на клавіатурі, але хоче переконатися, що його користувачі клавіатури слідують інструкціям при табуляції через елементи. Додайте значення `tabindex` до тегу `p` та задайте це значення до `0`. Бонус - використання `tabindex` також дозволяє псевдокласу CSS `:focus` працювати з тегом `p`.
+
+# --hints--
+
+Ваш код повинен додати значення `tabindex` до тегу `p`, який містить інструкції до форми.
+
+```js
+assert($('p').attr('tabindex'));
+```
+
+Ваш код повинен встановити значення `tabindex` до тегу `p` зі значенням 0.
+
+```js
+assert($('p').attr('tabindex') == '0');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p>Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+  p:focus {
+    background-color: yellow;
+  }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Ninja Survey</h1>
+  </header>
+  <section>
+    <form>
+
+
+      <p tabindex="0">Instructions: Fill in ALL your information then click <b>Submit</b></p>
+
+
+      <label for="username">Username:</label>
+      <input type="text" id="username" name="username"><br>
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">9th Life Master</label>
+      </fieldset>
+      <br>
+      <fieldset>
+      <legend>Select your favorite weapons:</legend>
+      <input id="stars" type="checkbox" name="weapons" value="stars">
+      <label for="stars">Throwing Stars</label><br>
+      <input id="nunchucks" type="checkbox" name="weapons" value="nunchucks">
+      <label for="nunchucks">Nunchucks</label><br>
+      <input id="sai" type="checkbox" name="weapons" value="sai">
+      <label for="sai">Sai Set</label><br>
+      <input id="sword" type="checkbox" name="weapons" value="sword">
+      <label for="sword">Sword</label>
+      </fieldset>
+      <br>
+      <input type="submit" name="submit" value="Submit">
+    </form><br>
+  </section>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md
new file mode 100644
index 0000000000..3b68c355be
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.md
@@ -0,0 +1,160 @@
+---
+id: 587d7790367417b2b2512ab1
+title: Використовуйте tabindex, щоб точно визначити фокус клавіатури для декількох елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cmzRRcb'
+forumTopicId: 301028
+dashedName: use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements
+---
+
+# --description--
+
+Значення `tabindex` також вказує на точний порядок вкладки елементів. Це досягається тоді, коли при встановленні значення символ дорівнює додатньому числу 1 або вище.
+
+Налаштування `tabindex="1"` дозволить для початку сфокусувати елемент для клавіатури. Тоді він переходить через послідовність вказаних значень `tabindex` (2,3, і так далі.), перед переходом до елементів за замовчуванням `tabindex="0"`.
+
+Важливо зазначити, що коли порядок вкладок встановлюється таким чином, він замінює стандартний порядок (який використовує джерело HTML). Це може викликати труднощі у користувачів, які хочуть почати навігацію з верхньої частини сторінки. Цей спосіб може стати необхідним в деяких випадках, але з точки зору доступності - будьте обережні перед його застосуванням.
+
+Наприклад:
+
+```html
+<div tabindex="1">I get keyboard focus, and I get it first!</div>
+```
+
+```html
+<div tabindex="2">I get keyboard focus, and I get it second!</div>
+```
+
+# --instructions--
+
+Camper Cat має поле для пошуку на сторінці з цитатами, що надихають, які він хоче розмістити в правому верхньому куті з CSS. Він хоче, щоб форми контролю пошук `input` і введення `input` були першими елементами у порядку вкладок. Додайте значення `tabindex` до `1` до `search``input`, і значення `tabindex` до `2` і до `submit` `input`.
+
+Cлід також зауважити, що деякі браузери можуть розмістити вас всередині вашого порядку вкладок, при натисканні на елемент. Елемент був доданий до сторінки, а це гарантує вам те, що ви завжди будете починати з початку вашого порядку вкладок.
+
+# --hints--
+
+Ваш код повинен додати значення `tabindex` до тегу `search` `input`.
+
+```js
+assert($('#search').attr('tabindex'));
+```
+
+Ваш код повинен додати значення `tabindex` до тегу `submit` `input`.
+
+```js
+assert($('#submit').attr('tabindex'));
+```
+
+Ваш код повинен встановити значення `tabindex` до тегу `search` `input` зі значенням 1.
+
+```js
+assert($('#search').attr('tabindex') == '1');
+```
+
+Ваш код повинен встановити значення `tabindex` до тегу `submit` `input` зі значенням 2.
+
+```js
+assert($('#submit').attr('tabindex') == '2');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <div tabindex="1" class="overlay"></div>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input type="search" name="search" id="search">
+    <input type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+<style>
+  body {
+    height: 100%;
+    margin: 0 !important;
+    padding: 8px;
+  }
+  .overlay {
+    margin: -8px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+```
+
+# --solutions--
+
+```html
+<body>
+  <div tabindex="1" class="overlay"></div>
+  <header>
+    <h1>Even Deeper Thoughts with Master Camper Cat</h1>
+    <nav>
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Blog</a></li>
+        <li><a href="">Training</a></li>
+      </ul>
+    </nav>
+  </header>
+  <form>
+    <label for="search">Search:</label>
+
+
+    <input tabindex="1" type="search" name="search" id="search">
+    <input tabindex="2" type="submit" name="submit" value="Submit" id="submit">
+
+
+  </form>
+  <h2>Inspirational Quotes</h2>
+  <blockquote>
+    <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
+    - Chuck Norris</p>
+  </blockquote>
+  <blockquote>
+    <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
+    - TMNT</p>
+  </blockquote>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+<style>
+  body {
+    height: 100%;
+    margin: 0 !important;
+    padding: 8px;
+  }
+  .overlay {
+    margin: -8px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.md
new file mode 100644
index 0000000000..527d78d0d8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-content-in-the-article-element.md
@@ -0,0 +1,92 @@
+---
+id: 587d774e367417b2b2512aa0
+title: Перенесення вмісту в тег елементу статті
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cPp79S3'
+forumTopicId: 301029
+dashedName: wrap-content-in-the-article-element
+---
+
+# --description--
+
+`article` це ще один з нових елементів в HTML5 та додає семантичного значення до Вашої розмітки. `article` - це елемент розділення, який використовується для обгортання незалежного, автономного контенту. Даний тег добре застосовувати для блогів, повідомлень на форумах або новин.
+
+Визначення того, чи вміст може бути поданий окремо, зазвичай є власним суб'єктивним рішенням, але ви можете скористатися парою простих тестів. Запитайте себе, чи мав би цей контент все ще сенс, якби ви видалили весь контекст? Аналогічно і з текстом, чи збережеться контент, якщо він знаходиться у RSS-каналі?
+
+Пам'ятайте, що люди, які використовують допоміжні технології, покладаються на організовану, семантично значущу розмітку, щоб краще зрозуміти вашу роботу.
+
+**Note:** Елемент `section` є також новим у HTML5 і має дещо інше смислове значення, ніж `article`. Елемент `article` призначений для автономного контенту, а `section` для групування тематично пов’язаного контенту. За необхідності їх можна використовувати всередині один одного. Наприклад, якщо книга - це `article`, то кожен розділ - `section`. Якщо між групами контенту немає зв’язку, використовуйте `div`.
+
+`<div>` - вміст груп `<section>` - вміст, пов'язаний з групами `<article>` - незалежний, автономний вміст груп
+
+# --instructions--
+
+Camper Cat використовував теги `article`, щоб обгортати публікації на своїй сторінці блогу, але він забув використати їх навколо верхнього блоку. Змініть тег `div`, щоб замість нього використовувати `article`.
+
+# --hints--
+
+Ваш код повинен мати три теги `article`.
+
+```js
+assert($('article').length == 3);
+```
+
+Ваш код не повинен містити жодних тегів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <div>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </div>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+```
+
+# --solutions--
+
+```html
+<h1>Deep Thoughts with Master Camper Cat</h1>
+<main>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+
+  <img src="samuraiSwords.jpeg" alt="">
+
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.md
new file mode 100644
index 0000000000..6f83927231
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-accessibility/wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility.md
@@ -0,0 +1,165 @@
+---
+id: 587d778b367417b2b2512aa7
+title: Зберігайте радіокнопки в елементі fieldset для кращої доступності
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJVefw'
+forumTopicId: 301030
+dashedName: wrap-radio-buttons-in-a-fieldset-element-for-better-accessibility
+---
+
+# --description--
+
+Наступна тема стосується доступності радіокнопок. Кожній опції надається мітка `label` з атрибутом `for`, прив'язаним до `id` відповідного об'єкта, як пояснюється в останньому завданні. Оскільки радіокнопки часто знаходяться в групі, де користувач має обрати лише одну, існує спосіб семантично продемонструвати, що вибір є частиною набору.
+
+Для цього всю групу радіокнопок оточує теґ `fieldset`. Він часто використовує теґ `legend`, щоб забезпечити наявність опису групи кнопок, який фіксують зчитувачі з екрана для кожної опції в елементі `fieldset`.
+
+Обгортання `fieldset` і теґ `legend` не є обов'язковими у використанні, коли опції зрозумілі самі по собі, наприклад, як вибір статі. Достатньо використовувати `label` з атрибутом `for` для кожної радіокнопки.
+
+Наприклад:
+
+```html
+<form>
+  <fieldset>
+    <legend>Choose one of these three items:</legend>
+    <input id="one" type="radio" name="items" value="one">
+    <label for="one">Choice One</label><br>
+    <input id="two" type="radio" name="items" value="two">
+    <label for="two">Choice Two</label><br>
+    <input id="three" type="radio" name="items" value="three">
+    <label for="three">Choice Three</label>
+  </fieldset>
+</form>
+```
+
+# --instructions--
+
+Camper Cat хоче отримувати інформацію про рівень ніндзя користувачів на його сайті, коли вони підписуються на електронну розсилку. Він уже додав набір радіокнопок, а на попередньому уроці навчився використовувати теґи `label` з атрибутами `for` для кожної опції. Вперед, Camper Cat! Однак його код усе ще потребує допомоги. Замініть теґ `div`, що оточує радіокнопки, на теґ `fieldset`, а потім замініть теґ `p` усередині нього на `legend`.
+
+# --hints--
+
+Ваш код має містити теґ `fieldset` навколо набору радіокнопок.
+
+```js
+assert($('fieldset').length == 1);
+```
+
+Елемент `fieldset` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/fieldset>/g) &&
+    code.match(/<\/fieldset>/g).length === code.match(/<fieldset>/g).length
+);
+```
+
+Ваш код має містити теґ `legend` навколо тексту із запитанням про рівень ніндзя.
+
+```js
+assert($('legend').length == 1);
+```
+
+Ваш код не повинен містити жодних тегів `div`.
+
+```js
+assert($('div').length == 0);
+```
+
+Ваш код уже не має містити теґ `p` навколо тексту з запитанням про рівень ніндзя.
+
+```js
+assert($('p').length == 4);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+
+      <!-- Only change code below this line -->
+      <div>
+        <p>What level ninja are you?</p>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </div>
+      <!-- Only change code above this line -->
+
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <header>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+  </header>
+  <section>
+    <form>
+      <p>Sign up to receive Camper Cat's blog posts by email here!</p>
+      <label for="email">Email:</label>
+      <input type="text" id="email" name="email">
+
+      <fieldset>
+        <legend>What level ninja are you?</legend>
+        <input id="newbie" type="radio" name="levels" value="newbie">
+        <label for="newbie">Newbie Kitten</label><br>
+        <input id="intermediate" type="radio" name="levels" value="intermediate">
+        <label for="intermediate">Developing Student</label><br>
+        <input id="master" type="radio" name="levels" value="master">
+        <label for="master">Master</label>
+      </fieldset>
+
+      <input type="submit" name="submit" value="Submit">
+    </form>
+  </section>
+  <article>
+    <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
+    <p>The internet is littered with varying opinions on nutritional paradigms, from catnip paleo to hairball cleanses. But let's turn our attention to an often overlooked fitness fuel, and examine the protein-carb-NOM trifecta that is lasagna...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near...</p>
+  </article>
+  <img src="samuraiSwords.jpeg" alt="">
+  <article>
+    <h2>Is Chuck Norris a Cat Person?</h2>
+    <p>Chuck Norris is widely regarded as the premier martial artist on the planet, and it's a complete coincidence anyone who disagrees with this fact mysteriously disappears soon after. But the real question is, is he a cat person?...</p>
+  </article>
+  <footer>&copy; 2018 Camper Cat</footer>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
new file mode 100644
index 0000000000..527b75cbe4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/add-a-box-shadow-to-a-card-like-element.md
@@ -0,0 +1,154 @@
+---
+id: 587d781b367417b2b2512abe
+title: Додавання тіні до карткового елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cvVZdUd'
+forumTopicId: 301031
+dashedName: add-a-box-shadow-to-a-card-like-element
+---
+
+# --description--
+
+Властивість `box-shadow` додає одну або більше тіней до елемента.
+
+Властивість `box-shadow` приймає значення
+
+<ul>
+  <li><code>offset-x</code> (наскільки далеко відсунути тінь від елемента по горизонталі)</li>
+  <li><code>offset-y</code> (наскільки далеко відсунути тінь від елемента по вертикалі)</li>
+  <li><code>blur-radius</code>,</li>
+  <li><code>spread-radius</code> і</li>
+  <li><code>color</code>, в такому порядку.</li>
+</ul>
+
+Значення `blur-radius` та `spread-radius` є необов'язковими.
+
+Можна створити кілька тіней, використовуючи коми для розділення властивостей кожного елемента `box-shadow`.
+
+Ось приклад CSS для створення декількох тіней майже прозорого чорного кольору з невеликою розмитістю:
+
+```css
+box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+```
+
+# --instructions--
+
+Тепер елемент має id `thumbnail`. За допомогою цього селектора, використайте значення з прикладу CSS вище, щоб застосувати `box-shadow` на картці.
+
+# --hints--
+
+Ваш код повинен додати властивість `box-shadow` до id `thumbnail`.
+
+```js
+assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g));
+```
+
+Вам потрібно використати даний CSS для значення `box-shadow`.
+
+```js
+assert(
+  code.match(
+    /box-shadow:\s*?0\s+?10px\s+?20px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.19\)\s*?,\s*?0\s+?6px\s+?6px\s+?rgba\(\s*?0\s*?,\s*?0\s*?,\s*?0\s*?,\s*?0?\.23\)/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+
+
+
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
new file mode 100644
index 0000000000..b80295c6b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
@@ -0,0 +1,146 @@
+---
+id: 587d781b367417b2b2512abc
+title: Налаштування властивості фонового кольору тексту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cEDqwA6'
+forumTopicId: 301032
+dashedName: adjust-the-background-color-property-of-text
+---
+
+# --description--
+
+Замість того, щоб налаштовувати загальний фон чи колір тексту, аби передній план легко читався, ви можете додати `background-color` до елемента з текстом, який хочете підкреслити. В цьому завданні використовується код `rgba()` замість `hex` чи стандартного `rgb()`.
+
+<blockquote>rgba означає:<br>  r = red (червоний)<br>  g = green (зелений)<br>  b = blue (синій)<br>  a = alpha/рівень непрозорості</blockquote>
+
+Значення RGB можуть змінюватися в діапазоні від 0 до 255. Значення альфа може змінюватися від 1, коли колір повністю непрозорий або суцільний, до 0, коли колір стає повністю прозорий і виразний. `rgba()` чудово підходить в цій ситуації, оскільки дозволяє вам налаштувати непрозорість. Це значить, що вам не треба повністю загороджувати фон.
+
+В цьому завданні вам слід використати `background-color: rgba(45, 45, 45, 0.1)`. Це створить темно-сірий колір, який буде майже прозорим через низький рівень непрозорості.
+
+# --instructions--
+
+Щоб текст більше виділявся, поміняйте властивість `background-color` елемента `h4` на дане значення `rgba()`.
+
+Також видаліть в `h4` властивість `height` та додайте `padding` з 10px.
+
+# --hints--
+
+Ваш код повинен додати властивість `background-color` до елемента `h4` з налаштуванням `rgba(45, 45, 45, 0.1)`.
+
+```js
+assert(
+  /(background-color|background):rgba\(45,45,45,0?\.1\)(;?}|;)/gi.test(
+    code.replace(/\s/g, '')
+  )
+);
+```
+
+Ваш код повинен додати властивість `padding` до елемента `h4` та налаштувати її до 10 пікселів.
+
+```js
+assert(
+  $('h4').css('padding-top') == '10px' &&
+    $('h4').css('padding-right') == '10px' &&
+    $('h4').css('padding-bottom') == '10px' &&
+    $('h4').css('padding-left') == '10px'
+);
+```
+
+Властивість `height` елемента `h4` потрібно видалити.
+
+```js
+assert(!($('h4').css('height') == '25px'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    padding: 10px;
+    background-color: rgba(45, 45, 45, 0.1);
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.md
new file mode 100644
index 0000000000..52b9709316
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-color-of-various-elements-to-complementary-colors.md
@@ -0,0 +1,130 @@
+---
+id: 587d78a4367417b2b2512ad3
+title: Змінити колір різних елементів до додаткових кольорів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cWmPpud'
+forumTopicId: 301033
+dashedName: adjust-the-color-of-various-elements-to-complementary-colors
+---
+
+# --description--
+
+Згідно з завданням про доповняльні кольори, якщо протилежні кольори розташувати на палітрі один біля одного, це зробить їх більш насиченими. Проте, у разі використання на сайті насиченого візуалу, це може викликати роздратування і ускладнювати читання, особливо якщо колір фону доповняльний. На практиці, один із кольорів зазвичай є домінантним, а доповняльний використовується, щоб надати особливої уваги змісту на сторінці.
+
+# --instructions--
+
+Для цієї сторінки буде використано відтінок бірюзового (`#09A7A1`) як домінантний колір, та доповняльний йому - помаранчевий (`#FF790E`), щоб візуально виділити кнопку реєстрації. Змініть колір `background-color` елементів `header` та `footer` з чорного на бірюзовий. Потім змініть також властивість `color` тексту `h2` на бірюзовий. І під кінець, змініть колір `background-color` кнопки `button` на помаранчевий.
+
+# --hints--
+
+Елементу `header` необхідно мати властивість `background-color` із значенням #09A7A1.
+
+```js
+assert($('header').css('background-color') == 'rgb(9, 167, 161)');
+```
+
+Елементу `footer` необхідно мати властивість `background-color` із значенням #09A7A1.
+
+```js
+assert($('footer').css('background-color') == 'rgb(9, 167, 161)');
+```
+
+Елементу `h2` необхідно мати властивість `color` із значенням #09A7A1.
+
+```js
+assert($('h2').css('color') == 'rgb(9, 167, 161)');
+```
+
+Елементу `button` необхідно мати властивість `background-color` із значенням #FF790E.
+
+```js
+assert($('button').css('background-color') == 'rgb(255, 121, 14)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: black;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: black;
+  }
+  button {
+    background-color: white;
+  }
+  footer {
+    background-color: black;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: white;
+  }
+  header {
+    background-color: #09A7A1;
+    color: white;
+    padding: 0.25em;
+  }
+  h2 {
+    color: #09A7A1;
+  }
+  button {
+    background-color: #FF790E;
+  }
+  footer {
+    background-color: #09A7A1;
+    color: white;
+    padding: 0.5em;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+</header>
+<main>
+  <article>
+    <h2>Machine Learning in the Kitchen</h2>
+    <p>Join this two day workshop that walks through how to implement cutting-edge snack-getting algorithms with a command line interface. Coding usually involves writing exact instructions, but sometimes you need your computer to execute flexible commands, like <code>fetch Pringles</code>.</p>
+    <button>Sign Up</button>
+  </article>
+  <article>
+    <h2>Bisection Vegetable Chopping</h2>
+    <p>This week-long retreat will level-up your coding ninja skills to actual ninja skills. No longer is the humble bisection search limited to sorted arrays or coding interview questions, applying its concepts in the kitchen will have you chopping carrots in O(log n) time before you know it.</p>
+    <button>Sign Up</button>
+  </article>
+</main>
+<br>
+<footer>&copy; 2018 FCC Kitchen</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
new file mode 100644
index 0000000000..b51df08a20
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
@@ -0,0 +1,118 @@
+---
+id: 587d7791367417b2b2512ab5
+title: Змініть висоту елементу за допомогою властивості висоти
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cEDaDTN'
+forumTopicId: 301034
+dashedName: adjust-the-height-of-an-element-using-the-height-property
+---
+
+# --description--
+
+Ви можете вказати висоту елементу, використовуючи властивість `height` в CSS, схожу до властивості `width`. Ось приклад, який задає зображенню висоту в 20 пікселів:
+
+```css
+img {
+  height: 20px;
+}
+```
+
+# --instructions--
+
+Додайте властивість `height` до тегу `h4` і задайте йому значення у 25 пікселів.
+
+**Примітка:** Вам може знадобитися збільшити масштаб на 100%, щоб пройти тест у цьому завданні.
+
+# --hints--
+
+Вам код має змінити значення властивості `height` тегу `h4` на 25 пікселів.
+
+```js
+assert(
+  Math.round(document.querySelector('h4').getBoundingClientRect().height) ===
+    25 &&
+    /h4{\S*height:25px(;\S*}|})/.test($('style').text().replace(/\s/g, ''))
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.md
new file mode 100644
index 0000000000..7022cb4708
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hover-state-of-an-anchor-tag.md
@@ -0,0 +1,72 @@
+---
+id: 587d781d367417b2b2512ac8
+title: Зміна стану якірного тега при наведенні курсора
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cakRGcm'
+forumTopicId: 301035
+dashedName: adjust-the-hover-state-of-an-anchor-tag
+---
+
+# --description--
+
+У цьому завданні буде йти мова про псевдокласи. Псевдоклас - це ключове слове, яке можна додавати до селекторів, щоб обрати певний стан елемента.
+
+Наприклад, стиль якірного тега при наведенні курсора можна змінити за допомогою `:hover` селектора псевдокласу. Ось CSS для зміни властивості `color` якірного тегу на червоний при наведенні:
+
+```css
+a:hover {
+  color: red;
+}
+```
+
+# --instructions--
+
+Редактор коду має правило CSS, щоб змінити колір усіх тегів `a` на чорний. Додайте таке правило, щоб при наведенні користувачем курсора на тег `a` його колір `color` ставав синім.
+
+# --hints--
+
+Колір якірного тегу `color` має залишатися чорним, додайте правила CSS лише для стану `:hover`.
+
+```js
+assert($('a').css('color') == 'rgb(0, 0, 0)');
+```
+
+Колір якірного тега має ставати синім `color` при наведенні.
+
+```js
+assert(
+  code.match(
+    /a:hover\s*?{\s*?color:\s*?(blue|rgba\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?,\s*?1\s*?\)|#00F|rgb\(\s*?0\s*?,\s*?0\s*?,\s*?255\s*?\))\s*?;\s*?}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+
+
+
+</style>
+<a href="https://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+```
+
+# --solutions--
+
+```html
+<style>
+  a {
+    color: #000;
+  }
+  a:hover {
+    color: rgba(0,0,255,1);
+  }
+</style>
+<a href="https://freecatphotoapp.com/" target="_blank">CatPhotoApp</a>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
new file mode 100644
index 0000000000..a9d1899fe0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.md
@@ -0,0 +1,129 @@
+---
+id: 587d78a4367417b2b2512ad4
+title: Регулювання відтінку кольору
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cPp38TZ'
+forumTopicId: 301036
+dashedName: adjust-the-hue-of-a-color
+---
+
+# --description--
+
+Кольори мають декілька характеристик, включно з відтінком, насиченістю та яскравістю. У CSS3 властивість `hsl()` представлена як альтернативний спосіб вибору кольору, з налаштуванням усіх трьох характеристик.
+
+Під**відтінком** люди часто розуміють колір. Якщо уявити спектр кольорів, починаючи з червоного зліва, через зелений посередині, і закінчуючи синім справа, то відтінок - це місце на цій лінії, де знаходиться колір. У `hsl()`, для визначення відтінку замість спектру використовується концепція колірного кола, де кут кольору на окружності задається значенням від 0 до 360.
+
+**Насиченість** це кількість сірого в кольорі. Чим менше сірого, тим насиченішим є колір, тоді як мінімально насичений колір майже повністю сірий. Це задається відсотками, де 100% означає максимально насичений колір.
+
+**Яскравість** це вміст білого або чорного в кольорі. Відсоток задається значенням від 0% (чорний) до 100% (білий), де 50% це стандартний колір.
+
+Ось кілька прикладів використання `hsl()` з максимально насиченими кольорами зі стандартною яскравістю:
+
+<table class='table table-striped'><thead><tr><th>Колір</th><th>HSL</th></tr></thead><tbody><tr><td>червоний</td><td>hsl(0, 100%, 50%)</td></tr><tr><td>жовтий</td><td>hsl(60, 100%, 50%)</td></tr><tr><td>зелений</td><td>hsl(120, 100%, 50%)</td></tr><tr><td>блакитний</td><td>hsl(180, 100%, 50%)</td></tr><tr><td>синій</td><td>hsl(240, 100%, 50%)</td></tr><tr><td>пурпуровий</td><td>hsl(300, 100%, 50%)</td></tr></tbody></table>
+
+# --instructions--
+
+Змініть колір фону `background-color` кожного `div` елемента, відповідно до імен класу (зелений `green`, блакитний `cyan`, або синій `blue`), використовуючи колірну модель `hsl()`. Усі три повинні мати максимальну насиченість і стандартну яскравість.
+
+# --hints--
+
+Ви маєте використати властивість `hsl()`, щоб задати зелений колір `green`.
+
+```js
+assert(code.match(/\.green\s*?{\s*?background-color\s*:\s*?hsl/gi));
+```
+
+Ви маєте використати властивість `hsl()`, щоб задати блакитний колір `cyan`.
+
+```js
+assert(code.match(/\.cyan\s*?{\s*?background-color\s*:\s*?hsl/gi));
+```
+
+Ви маєте використати властивість `hsl()`, щоб задати синій колір `blue`.
+
+```js
+assert(code.match(/\.blue\s*?{\s*?background-color\s*:\s*?hsl/gi));
+```
+
+У `div` елементу класу `green` колір фону `background-color` має бути зеленим.
+
+```js
+assert($('.green').css('background-color') == 'rgb(0, 255, 0)');
+```
+
+У `div` елементу класу `cyan` колір фону `background-color` має бути блакитним.
+
+```js
+assert($('.cyan').css('background-color') == 'rgb(0, 255, 255)');
+```
+
+У `div` елементу класу `blue` колір фону `background-color` має бути синім.
+
+```js
+assert($('.blue').css('background-color') == 'rgb(0, 0, 255)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .blue {
+    background-color: #000000;
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .green {
+    background-color: hsl(120, 100%, 50%);
+  }
+
+  .cyan {
+    background-color:   hsl(180, 100%, 50%);
+  }
+
+  .blue {
+    background-color: hsl(240, 100%, 50%);
+  }
+
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="green"></div>
+<div class="cyan"></div>
+<div class="blue"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-heading-element-versus-a-paragraph-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-heading-element-versus-a-paragraph-element.md
new file mode 100644
index 0000000000..774334684d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-size-of-a-heading-element-versus-a-paragraph-element.md
@@ -0,0 +1,119 @@
+---
+id: 587d781b367417b2b2512abd
+title: Налаштування розміру заголовка елемента відносно параграфу елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c3bRPTz'
+forumTopicId: 301037
+dashedName: adjust-the-size-of-a-heading-element-versus-a-paragraph-element
+---
+
+# --description--
+
+Розмір шрифту елементів заголовка (`h1` through `h6`) в цілому повинен бути більшим, аніж розмір шрифту тегів параграфів. Для користувача це значно полегшує сприйняття макета візуально та розуміння важливості кожного елемента на сторінці. Використовуйте властивість `font-size`, щоб змінити розмір тексту елемента.
+
+# --instructions--
+
+Для того, щоб зробити заголовок значно більшим, ніж сам параграф, змініть розмір шрифту `font-size` of the `h4` елемента на 27 пікселів.
+
+# --hints--
+
+Ваш код повинен додати властивість `font-size` до елемента `h4` і встановити значення на 27 пікселів.
+
+```js
+assert($('h4').css('font-size') == '27px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.md
new file mode 100644
index 0000000000..dc502c25b3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-tone-of-a-color.md
@@ -0,0 +1,119 @@
+---
+id: 587d78a4367417b2b2512ad5
+title: Регулювання відтінку кольору
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cEDJvT7'
+forumTopicId: 301038
+dashedName: adjust-the-tone-of-a-color
+---
+
+# --description--
+
+Опція колірної моделі `hsl()` в CSS також спрощує налаштування тональності кольору. Якщо змішати білий зі світлим відтінком, можна отримати світлий тон, а якщо з чорним - темний. Окрім цього, тон можна змінити за допомогою одночасного освітлення та затемнення відтінку. Нагадуємо, що в колірній моделі `hsl()` букви 's' і 'l' відповідають за насиченість і яскравість відповідно. Відсоткове значення насиченості змінює кількість сірого в кольорі, а відсоток яскравості визначає, скільки білого та чорного міститься в кольорі. Це стає в нагоді, коли Вам необхідно отримати декілька варіацій кольору, який вам подобається.
+
+# --instructions--
+
+Усі елементи мають `background-color`, який за замовченням є `transparent`. Наш елемент `nav` зараз, вочевидь, має фон кольору `cyan`, через те, що властивості `background-color` елементу за ним надано значення `cyan`. Додайте `background-color` до елемента `nav` так, щоб він використовував той самий колір `cyan`, але з насиченістю `80%` і яскравістю `25%`, щоб змінити його тон і відтінок.
+
+# --hints--
+
+Елемент `nav` повинен містити `background-color` блакитного кольору, налаштованого за допомогою властивості `hsl()`.
+
+```js
+assert(
+  code.match(/nav\s*?{\s*?background-color:\s*?hsl\(180,\s*?80%,\s*?25%\)/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+```
+
+# --solutions--
+
+```html
+<style>
+  header {
+    background-color: hsl(180, 90%, 35%);
+    color: #FFFFFF;
+  }
+
+  nav {
+    background-color: hsl(180, 80%, 25%);
+  }
+
+  h1 {
+    text-indent: 10px;
+    padding-top: 10px;
+  }
+
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+</style>
+<header>
+  <h1>Cooking with FCC!</h1>
+  <nav>
+    <ul>
+      <li><a href="#">Home</a></li>
+      <li><a href="#">Classes</a></li>
+      <li><a href="#">Contact</a></li>
+    </ul>
+  </nav>
+</header>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.md
new file mode 100644
index 0000000000..d6d4398176
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/adjust-the-width-of-an-element-using-the-width-property.md
@@ -0,0 +1,115 @@
+---
+id: 587d7791367417b2b2512ab4
+title: Налаштування ширини елементу за допомогою властивості width
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cvVLPtN'
+forumTopicId: 301039
+dashedName: adjust-the-width-of-an-element-using-the-width-property
+---
+
+# --description--
+
+Ви можете вказати ширину елементу, використовуючи властивість `width` в CSS. Значення можуть бути виражені у відносних одиницях довжини (таких як `em`), абсолютних одиницях довжини (таких як `px`), або у відсотках від розміру вихідного елементу. Ось приклад, який задає зображенню висоту 220 пікселів:
+
+```css
+img {
+  width: 220px;
+}
+```
+
+# --instructions--
+
+Застосуйте властивість `width` до всієї картки і встановіть їй абсолютне значення 245 пікселів. Використайте значення `fullCard`, щоб обрати елемент.
+
+# --hints--
+
+Ваш код має змінити властивість `width` картки на 245 пікселів, використовуючи селектор значення `fullCard`.
+
+```js
+const fullCard = code.match(/\.fullCard\s*{[\s\S]+?[^}]}/g);
+assert(
+  fullCard &&
+    /width\s*:\s*245px\s*(;|})/gi.test(fullCard[0]) &&
+    $('.fullCard').css('maxWidth') === 'none'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+    text-align: left;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.md
new file mode 100644
index 0000000000..2766dc6fe3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-at-variable-rates.md
@@ -0,0 +1,141 @@
+---
+id: 587d78a8367417b2b2512ae5
+title: Анімаційні елементи у змінних ставках
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cZ89WA4'
+forumTopicId: 301040
+dashedName: animate-elements-at-variable-rates
+---
+
+# --description--
+
+Існує безліч способів зміни частоти анімації аналогічно анімованих елементів. Поки що цього було досягнуто шляхом застосування властивості `animation-iteration-count` і встановлення правил `@keyframes`.
+
+До прикладу, анімація справа складається з двох зірок, розмір і прозорість кожної з яких у правилі `@keyframes` зменшується до позначки 20%, що створює ефект миготіння. Ви можете змінити правило `@keyframes` для одного з елементів, щоб зірки миготіли з різною швидкістю.
+
+# --instructions--
+
+Змініть частоту кадрів анімації елементу класу `star-1`, змінивши значення його `@keyframes` правила на 50%.
+
+# --hints--
+
+Правило `@keyframes` для класу `star-1` повинно становити 50%.
+
+```js
+assert(code.match(/twinkle-1\s*?{\s*?50%/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-name: twinkle-1;
+    animation-duration: 1s;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-name: twinkle-2;
+    animation-duration: 1s;
+  }
+
+  @keyframes twinkle-1 {
+    50% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes twinkle-2 {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.md
new file mode 100644
index 0000000000..2b70639eb3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-elements-continually-using-an-infinite-animation-count.md
@@ -0,0 +1,107 @@
+---
+id: 587d78a8367417b2b2512ae3
+title: Безперервна анімація елементів за допомогою властивості Infinite Animation Count
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJDVfq'
+forumTopicId: 301041
+dashedName: animate-elements-continually-using-an-infinite-animation-count
+---
+
+# --description--
+
+Попередні завдання стосувалися використання деяких властивостей анімації та правила `@keyframes`. Іншою властивістю анімації є `animation-iteration-count`, яка дозволяє вам контролювати, скільки разів буде повторюватися анімація. До прикладу:
+
+```css
+animation-iteration-count: 3;
+```
+
+У цьому випадку анімація зупиниться лише після 3-го запуску, але її можна зробити безперервною, якщо задати значення `infinite`.
+
+# --instructions--
+
+Щоб м'яч стрибав безперервно, змініть властивість `animation-iteration-count` на `infinite`.
+
+# --hints--
+
+Властивості `animation-iteration-count` має бути надано значення `infinite`.
+
+```js
+assert($('#ball').css('animation-iteration-count') == 'infinite');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: 3;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #ball {
+    width: 100px;
+    height: 100px;
+    margin: 50px auto;
+    position: relative;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: bounce;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+
+  @keyframes bounce{
+    0% {
+      top: 0px;
+    }
+    50% {
+      top: 249px;
+      width: 130px;
+      height: 70px;
+    }
+    100% {
+      top: 0px;
+    }
+  }
+</style>
+<div id="ball"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.md
new file mode 100644
index 0000000000..7677ec7e52
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/animate-multiple-elements-at-variable-rates.md
@@ -0,0 +1,155 @@
+---
+id: 587d78a8367417b2b2512ae6
+title: Анімація елементів зі змінною швидкістю
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cnpWZc9'
+forumTopicId: 301042
+dashedName: animate-multiple-elements-at-variable-rates
+---
+
+# --description--
+
+У попередньому завданні ви змінили швидкість анімації для двох елементів зі схожою анімацією, змінивши їхні правила `@keyframes`. Ви можете досягти тієї ж мети, маніпулюючи `animation-duration` кількох елементів.
+
+В анімації, що виконується в редакторі коду, представлено три зірки на небі, які безперервно миготять з однаковою швидкістю. Щоб вони мерехтіли не синхронно, ви можете встановити властивість `animation-duration` для різних значень у кожному елементі.
+
+# --instructions--
+
+Встановіть `animation-duration` елементів класу `star-1`, `star-2`, і `star-3` на 1, 0.9 та 1.1 секунди відповідно.
+
+# --hints--
+
+Так `animation-duration` властивість для зірки класу `star-1` має становити 1 секунду.
+
+```js
+assert($('.star-1').css('animation-duration') == '1s');
+```
+
+Тоді як `animation-duration` властивість для зірки класу `star-2` має становити 0.9 секунди.
+
+```js
+assert($('.star-2').css('animation-duration') == '0.9s');
+```
+
+А `animation-duration` властивість для зірки класу `star-3` має складати 1.1 секунди.
+
+```js
+assert($('.star-3').css('animation-duration') == '1.1s');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .stars {
+    background-color: white;
+    height: 30px;
+    width: 30px;
+    border-radius: 50%;
+    animation-iteration-count: infinite;
+  }
+
+  .star-1 {
+    margin-top: 15%;
+    margin-left: 60%;
+    animation-duration: 1s;
+    animation-name: twinkle;
+  }
+
+  .star-2 {
+    margin-top: 25%;
+    margin-left: 25%;
+    animation-duration: 0.9s;
+    animation-name: twinkle;
+  }
+
+  .star-3 {
+    margin-top: 10%;
+    margin-left: 50%;
+    animation-duration: 1.1s;
+    animation-name: twinkle;
+  }
+
+  @keyframes twinkle {
+    20% {
+      transform: scale(0.5);
+      opacity: 0.5;
+    }
+  }
+
+  #back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(black, #000099, #66c2ff, #ffcccc, #ffeee6);
+  }
+</style>
+<div id="back"></div>
+<div class="star-1 stars"></div>
+<div class="star-2 stars"></div>
+<div class="star-3 stars"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
new file mode 100644
index 0000000000..235ce5693d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
@@ -0,0 +1,56 @@
+---
+id: 587d78a3367417b2b2512ad0
+title: Вирівнювання елемента горизонтально по центру з використанням властивості margin
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cyLJqU4'
+forumTopicId: 301043
+dashedName: center-an-element-horizontally-using-the-margin-property
+---
+
+# --description--
+
+Ще однією технікою вирівнювання є розташувати блок-елемент горизонтально по центру. Одним зі способів це зробити є встановити властивість `margin` для значення "auto".
+
+Цей метод працює і для зображень. Зображення є вбудованими (inline) елементами за замовчуванням, але їх можна зробити елементами-блоками, якщо надати властивості `display` значення `block`.
+
+# --instructions--
+
+Відцентруйте `div` на сторінці, додавши `margin` властивість із значенням `auto`.
+
+# --hints--
+
+Властивість `margin` для `div` потрібно встановити на `auto`.
+
+```js
+assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+
+  }
+</style>
+<div></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    background-color: blue;
+    height: 100px;
+    width: 100px;
+    margin: auto;
+  }
+</style>
+<div></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.md
new file mode 100644
index 0000000000..4ade9880a2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-an-elements-relative-position.md
@@ -0,0 +1,77 @@
+---
+id: 587d781e367417b2b2512ac9
+title: Змінити відносну позицію елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/czVmMtZ'
+forumTopicId: 301044
+dashedName: change-an-elements-relative-position
+---
+
+# --description--
+
+CSS сприймає кожний елемент HTML як власний блок, який зазвичай називають <dfn>CSS Box Model</dfn>. Елементи-блоки автоматично переміщуються на новий рядок (такий як заголовок, параграф, сектор), тоді як вбудовані елементи можуть бути оточені іншими матеріалами (такими як зображення або інтервали). У такому разі шаблон елементів, що використовується за замовчуванням, називається <dfn>normal flow</dfn> документа, але CSS пропонує властивість position (розміщення), щоб змінити його.
+
+Коли елементу задана властивість `relative`, що дозволяє вам визначити, як має рухатися CSS *relative* відносно свого поточного розміщення у стандартному блоці сторінки. Разом з CSS властивість offset (розміщення) може бути `left` або `right`, і `top` або `bottom`. Це вказує на кількість пікселів, відсотків або em, необхідних для переміщення елементу *away* у стандартну позицію. Ось приклад того, як пересунути параграф на 10 пікселів вгору:
+
+```css
+p {
+  position: relative;
+  bottom: 10px;
+}
+```
+
+Змінюючи позицію елементу на відносну, ви не прибираєте елемент зі стандартного блоку - інші об'єкти на сторінці розташовані так, ніби елемент не змінював свого положення за замовчуванням.
+
+**Примітка:** Зміна розташування дозволяє вам краще оперувати візуальним шаблоном сторінки. Пам'ятайте, що незважаючи на положення елементів, нижча розмітка HTML повинна бути організована і мати сенс при читанні зверху знизу. Саме так користувачі і порушеннями зору (які покладаються на допоміжні пристрої, такі як зчитувачі екрану) отримують доступ до ваших матеріалів.
+
+# --instructions--
+
+Змініть `position` для `h2` на `relative`, та скористайтеся властивістю offset (розміщення) для CSS, задля переміщення на 15 пікселів від `top`, тобто стандартного блоку. Перевірте, чи не змінилося розташування інших елементів відносно h1 та p.
+
+# --hints--
+
+Елемент `h2` повинен мати властивість `position` в позиції `relative`.
+
+```js
+assert($('h2').css('position') == 'relative');
+```
+
+Ваш код має використовувати зсув CSS, щоб змістити `h2` на 15 пікселів від його стандартного розташування відносно `top`.
+
+```js
+assert($('h2').css('top') == '15px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h2 {
+
+
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  h2 {
+    position: relative;
+    top: 15px;
+  }
+</style>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.md
new file mode 100644
index 0000000000..020dab1e3c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-animation-timing-with-keywords.md
@@ -0,0 +1,127 @@
+---
+id: 587d78a8367417b2b2512ae7
+title: Змінити час анімації за допомогою ключових слів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cJKvwCM'
+forumTopicId: 301045
+dashedName: change-animation-timing-with-keywords
+---
+
+# --description--
+
+В анімаціях CSS, властивість `animation-timing-function` контролює наскільки швидко змінюється тривалість анімації елементу. Якщо анімацією є авто, яке за певний час переміщується з точки А у точку Б (властивість `animation-duration`), то властивість `animation-timing-function` відповідатиме за те, як пришвидшується або уповільнюється його швидкість.
+
+Існує певний набір готових ключових слів, які містять найпоширеніші завдання. Наприклад, якщо значення за замовчуванням - `ease`, то анімація починається повільно, на середині прискорюється і знову уповільнюється вкінці. Інші завдання відповідають за властивість `ease-out`, при якій анімація починається швидко і сповільнюються вкінці, властивість `ease-in`, де анімація починається повільно і прискорюється вкінці, та властивість `linear`, яка надає анімації постійну незмінну швидкість.
+
+# --instructions--
+
+До кожного елементу з id `ball1` та `ball2` додайте властивість `animation-timing-function`, та для `#ball1` встановіть властивість `linear`, а до `#ball2` додайте `ease-out`. Зверніть увагу на те, як по різному рухаються анімовані елементи, при чому анімація зупиняється одночасно, якщо властивість `animation-duration` кожного елемента встановлено на 2 секунди.
+
+# --hints--
+
+Значення властивості `animation-timing-function` елементів з id `ball1` має бути `linear`.
+
+```js
+const ball1Animation = __helpers.removeWhiteSpace(
+  $('#ball1').css('animation-timing-function')
+);
+assert(ball1Animation == 'linear' || ball1Animation == 'cubic-bezier(0,0,1,1)');
+```
+
+Значення властивості `animation-timing-function` для елементів з id `ball2` має бути `ease-out`.
+
+```js
+const ball2Animation = __helpers.removeWhiteSpace(
+  $('#ball2').css('animation-timing-function')
+);
+assert(
+  ball2Animation == 'ease-out' || ball2Animation == 'cubic-bezier(0,0,0.58,1)'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+
+  }
+  #ball2 {
+    left:56%;
+
+  }
+
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left:27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left:56%;
+    animation-timing-function: ease-out;
+  }
+
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.md
new file mode 100644
index 0000000000..20c3395a7a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/change-the-position-of-overlapping-elements-with-the-z-index-property.md
@@ -0,0 +1,81 @@
+---
+id: 587d78a3367417b2b2512acf
+title: Змініть розташування елементів, які перекриваються, за допомогою властивості z-index
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cM94aHk'
+forumTopicId: 301046
+dashedName: change-the-position-of-overlapping-elements-with-the-z-index-property
+---
+
+# --description--
+
+Коли елементи розташовані з перекриттям (тобто використовується `position: absolute | relative | fixed | sticky`), елемент, що з'явився пізніше в розмітці HTML, буде за замовчуванням знаходитися над іншими. Однак властивість `z-index` може впорядкувати розташування елементів, які накладаються один на одного. Це значення має бути цілим числом, а не дробом, а більші значення властивості `z-index` рухають його вище відносно менших значень.
+
+# --instructions--
+
+Додайте властивість `z-index` до елемента з назвою класу `first` (червоний прямокутник), встановіть значення 2, щоб він перекрив інший елемент (блакитний прямокутник).
+
+# --hints--
+
+Елемент з класом `first` повинен мати значення `z-index`, із значенням 2.
+
+```js
+assert($('.first').css('z-index') == '2');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+
+<div class="first"></div>
+<div class="second"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    width: 60%;
+    height: 200px;
+    margin-top: 20px;
+  }
+
+  .first {
+    background-color: red;
+    position: absolute;
+    z-index: 2;
+  }
+  .second {
+    background-color: blue;
+    position: absolute;
+    left: 40px;
+    top: 50px;
+    z-index: 1;
+  }
+</style>
+<div class="first"></div>
+<div class="second"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md
new file mode 100644
index 0000000000..4d786d78c3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md
@@ -0,0 +1,76 @@
+---
+id: 587d78a5367417b2b2512ad6
+title: Створити поступовий лінійний градієнт CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cg4dpt9'
+forumTopicId: 301047
+dashedName: create-a-gradual-css-linear-gradient
+---
+
+# --description--
+
+Використання кольору для елементів HTML не обмежується лише одним відтінком. CSS надає можливість використовувати переходи між кольорами, які відомі як градієнти на елементах. Це дозволено робити через функцію `background` property's `linear-gradient()`. Ось загальний порядок:
+
+```css
+background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...);
+```
+
+Перший аргумент вказує напрямок, від якого починається перехід кольору - його можна позначити як ступінь, де `90deg` робить горизонтальний градієнт (зліва направо) і `45deg` робить градієнт по діагоналі (зліва знизу вправо вверх). Наступні аргументи визначають порядок кольорів, які використовуються в градієнті.
+
+Наприклад:
+
+```css
+background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));
+```
+
+# --instructions--
+
+Використовуйте `linear-gradient()` для елемента `div`, і встановіть йому напрям 35 градусів для зміни кольору від `#CCFFFF` до `#FFCCCC`.
+
+# --hints--
+
+Елемент `div` повинен мати a `linear-gradient` `background` з вказаним напрямом і кольорами.
+
+```js
+assert(
+  $('div')
+    .css('background-image')
+    .match(
+      /linear-gradient\(35deg, rgb\(204, 255, 255\), rgb\(255, 204, 204\)\)/gi
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+
+  }
+
+</style>
+
+<div></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin: 50px auto;
+    background: linear-gradient(35deg, #CCFFFF, #FFCCCC);
+  }
+</style>
+<div></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
new file mode 100644
index 0000000000..14c3ef64bb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-graphic-using-css.md
@@ -0,0 +1,89 @@
+---
+id: 587d78a6367417b2b2512add
+title: Створення графіки за допомогою CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cEDWPs6'
+forumTopicId: 301048
+dashedName: create-a-graphic-using-css
+---
+
+# --description--
+
+Керуючи різними селекторами та властивостями, ви можете створювати цікаві фігури. Однією з найпростіших фігур є фігура півмісяця. Для цього завдання вам необхідно використати властивість `box-shadow`, яка задає тінь елементу, та властивість `border-radius`, яка контролює округлення кутів елементу.
+
+Ви створите круглий, прозорий об'єкт з чіткою тінню, що трохи зсунута в сторону і повторює форму півмісяця.
+
+Щоб створити круглий об'єкт, необхідно задати властивості `border-radius` значення 50%.
+
+Як ви могли помітити в попередньому завданні, властивість `box-shadow` приймає значення: `offset-x`, `offset-y`, `blur-radius`, `spread-radius` і значення кольору. Значення `blur-radius` і `spread-radius` необов'язкові.
+
+# --instructions--
+
+Керуйте квадратним елементом у редакторі, щоб створити форму місяця. Спочатку змініть `background-color` на `transparent`, тоді надайте властивості `border-radius` значення 50%, щоб створити круглу форму. Вкінці змініть властивість `box-shadow`, щоб надати властивості `offset-x` значення 25 пікселів, властивості `offset-y` - 10 пікселів, `blur-radius` - 0, `spread-radius` - 0, а за допомогою властивості `blue` встановити колір.
+
+# --hints--
+
+Значення властивості `background-color` має бути встановлено на `transparent`.
+
+```js
+assert(code.match(/background-color:\s*?transparent;/gi));
+```
+
+Значення властивості `border-radius` має бути встановлено на `50%`.
+
+```js
+assert(code.match(/border-radius:\s*?50%;/gi));
+```
+
+Значення властивості `box-shadow` повинно мати значення 25 пікселів для `offset-x`, 10 пікселів для `offset-y`, 0 для `blur-radius`, 0 для `spread-radius`, та колір має бути задано за допомогою `blue`.
+
+```js
+assert(
+  code.match(/box-shadow:\s*?25px\s+?10px\s+?0(px)?\s+?0(px)?\s+?blue\s*?;/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .center {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100px;
+    height: 100px;
+    background-color: blue;
+    border-radius: 0px;
+    box-shadow: 25px 10px 10px 10px green;
+  }
+
+</style>
+<div class="center"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .center {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100px;
+    height: 100px;
+    background-color: transparent;
+    border-radius: 50%;
+    box-shadow: 25px 10px 0 0 blue;
+  }
+</style>
+<div class="center"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
new file mode 100644
index 0000000000..36d95d2156
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
@@ -0,0 +1,122 @@
+---
+id: 587d781b367417b2b2512abb
+title: Створення горизонтального рядка за допомогою елемента hr
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c3bR8t7'
+forumTopicId: 301049
+dashedName: create-a-horizontal-line-using-the-hr-element
+---
+
+# --description--
+
+Ви можете використовувати теґ `hr`, щоб додати горизонтальний рядок до ширини елемента, який він містить. Цей теґ можна використовувати для того, щоб позначити зміну теми або візуально розділити групи контенту.
+
+# --instructions--
+
+Додайте тег `hr` під`h4`, який містить заголовок карти.
+
+**Примітка:** У HTML, `hr` - само завершувальний тег і тому тег, що окремо закривається - не потрібен.
+
+# --hints--
+
+Ваш код має додати тег `hr` у текст розмітки.
+
+```js
+assert($('hr').length == 1);
+```
+
+Тег `hr` повинен бути між заголовком та абзацом.
+
+```js
+assert(code.match(/<\/h4>\s*?<hr(>|\s*?\/>)\s*?<p>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
new file mode 100644
index 0000000000..33dba17c40
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
@@ -0,0 +1,136 @@
+---
+id: 587d78a7367417b2b2512ae1
+title: Створення руху за допомогою CSS анімації
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c7amZfW'
+forumTopicId: 301051
+dashedName: create-movement-using-css-animation
+---
+
+# --description--
+
+Коли елементи мають певну `position`, наприклад `fixed` або `relative`, `right`, `left`, `top`, і `bottom` CSS офсет властивості зміщення можуть застосовуватись до анімацій, щоб створювати рух.
+
+Як показано на прикладі нижче, ви можете перемістити об'єкт вниз, а потім вгору, якщо встановити його на 50px `50%` властивості `top`, але спочатку встановити 0px (`0%`), і останнє — (`100%`).
+
+```css
+@keyframes rainbow {
+  0% {
+    background-color: blue;
+    top: 0px;
+  }
+  50% {
+    background-color: green;
+    top: 50px;
+  }
+  100% {
+    background-color: yellow;
+    top: 0px;
+  }
+}
+```
+
+# --instructions--
+
+Додавання горизонтального руху до `div` анімації. Використовуючи властивість `left`, додайте до правила `@keyframes`, щоб веселка починалась на 0 pixels в `0%`, рухалась до 25 pixels в `50%` і закінчилась на -25 pixels в `100%`. Не переміщайте властивість `top` у редактор - анімація повинна мати як вертикальний, так і горизонтальний рух.
+
+# --hints--
+
+0px офсет `left` повинен використовуватись з правилом `@keyframes` для `0%`.
+
+```js
+assert(code.match(/[^50]0%\s*?{[\s\S]*?left:\s*?0px(;[\s\S]*?|\s*?)}/gi));
+```
+
+25px офсет `left` повинен використовуватись з правилом `@keyframes` для `50%`.
+
+```js
+assert(code.match(/50%\s*?{[\s\S]*?left:\s*?25px(;[\s\S]*?|\s*?)}/gi));
+```
+
+-25px офсет `left` повинен використовуватись з правилом `@keyframes` для `100%`.
+
+```js
+assert(code.match(/100%\s*?{[\s\S]*?left:\s*?-25px(;[\s\S]*?|\s*?)}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+  #rect {
+    animation-name: rainbow;
+    animation-duration: 4s;
+  }
+
+  @keyframes rainbow {
+    0% {
+      background-color: blue;
+      top: 0px;
+
+    }
+    50% {
+      background-color: green;
+      top: 50px;
+
+    }
+    100% {
+      background-color: yellow;
+      top: 0px;
+
+    }
+  }
+</style>
+
+<div id="rect"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+    position: relative;
+  }
+
+  #rect {
+    animation-name: rainbow;
+    animation-duration: 4s;
+  }
+
+  @keyframes rainbow {
+    0% {
+      background-color: blue;
+      top: 0px;
+      left: 0px;
+    }
+    50% {
+      background-color: green;
+      top: 50px;
+      left: 25px;
+    }
+    100% {
+      background-color: yellow;
+      top: 0px;
+      left: -25px;
+    }
+  }
+</style>
+<div id="rect"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.md
new file mode 100644
index 0000000000..de789ed3b6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-texture-by-adding-a-subtle-pattern-as-a-background-image.md
@@ -0,0 +1,50 @@
+---
+id: 587d78a5367417b2b2512ad8
+title: Створити текстуру, додавши тонкий шаблон у вигляді фонового зображення
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cQdwJC8'
+forumTopicId: 301052
+dashedName: create-texture-by-adding-a-subtle-pattern-as-a-background-image
+---
+
+# --description--
+
+Один із варіантів додати текстуру та надати фону цікавості і, щоб зробити його ще більше - це додати тонкий шаблон. Головне - це баланс, так як ви ж не не хочете, щоб фон дуже виділявся, заберіть його з переднього плану. Властивість `background` підтримує функцію `url()` для того, щоб посилатися на зображення вибраної текстури або шаблону. Посилання загорнуте в лапки всередині дужок.
+
+# --instructions--
+
+Використання URL-адреси `https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png`, встановіть `background` для всієї сторінки селектора `body`.
+
+# --hints--
+
+Ваш елемент `body` повинен містити властивості `background`, встановленого за заданим посиланням `url()`.
+
+```js
+assert(
+  code.match(
+    /background(-image)?:\s*?url\(\s*("|'|)https:\/\/cdn-media-1\.freecodecamp\.org\/imgr\/MJAkxbh\.png\2\s*\)/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+
+  }
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background: url("https://cdn-media-1.freecodecamp.org/imgr/MJAkxbh.png");
+  }
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md
new file mode 100644
index 0000000000..6dfc77be23
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property.md
@@ -0,0 +1,118 @@
+---
+id: 587d7791367417b2b2512ab3
+title: Створення візуального балансу за допомогою властивості вирівнювання тексту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c3b4EAp'
+forumTopicId: 301053
+dashedName: create-visual-balance-using-the-text-align-property
+---
+
+# --description--
+
+Цей розділ навчальної програми присвячений застосуванню візуального дизайну. Перша група завдань спирається на задане розміщення карти, показуючи низку основних принципів.
+
+Текст часто є значною частиною Web контенту. У CSS є кілька варіантів того, як можна вирівняти його за допомогою властивості `text-align`.
+
+`text-align: justify;` вирівнює текст за шириною.
+
+`text-align: center;` вирівнює текст по центру.
+
+`text-align: right;` вирівнює текст за правим краєм.
+
+А `text-align: left;` (за замовчуванням) вирівнює текст за лівим краєм.
+
+# --instructions--
+
+Розмістіть текст теґу `h4` "Google" з вирівнюванням по центру. Тоді вирівняйте теґ абзацу, який містить інформацію про заснування Google, за шириною.
+
+# --hints--
+
+Ваш код повинен використовувати властивість вирівнювання тексту в тезі `h4`, щоб вирівняти його по центру (`center`).
+
+```js
+assert($('h4').css('text-align') == 'center');
+```
+
+Ваш код повинен використовувати властивість вирівнювання тексту в тезі `p` tag, щоб вирівняти його за шириною (`justify`).
+
+```js
+assert($('p').css('text-align') == 'justify');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+
+  }
+  p {
+
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    margin-right: 20px;
+
+  }
+  .fullCard {
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.md
new file mode 100644
index 0000000000..b354de9fde
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/create-visual-direction-by-fading-an-element-from-left-to-right.md
@@ -0,0 +1,95 @@
+---
+id: 587d78a7367417b2b2512ae2
+title: Створити візуальний напрямок прибравши елемент зліва направо
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cGJqqAE'
+forumTopicId: 301054
+dashedName: create-visual-direction-by-fading-an-element-from-left-to-right
+---
+
+# --description--
+
+Для цього завдання ви зміните `opacity` анімованого елемента, тому він поступово зникає, коли досягає правої частини екрану.
+
+У відображеній анімації, округлий елемент з фоновим градієнтом рухається праворуч до позначки 50% анімації, як правило `@keyframes`.
+
+# --instructions--
+
+Виділіть елемент з ідентифікатором `ball` і додайте властивість `opacity` у значення 0.1 `50%`, тому цей елемент зникає, так як рухається праворуч.
+
+# --hints--
+
+Правило `keyframes` для затухання повинне встановити властивість `opacity` на 0.1 на 50%.
+
+```js
+assert(
+  code.match(
+    /@keyframes fade\s*?{\s*?50%\s*?{\s*?(?:left:\s*?60%;\s*?opacity:\s*?0?\.1;|opacity:\s*?0?\.1;\s*?left:\s*?60%;)/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+
+    }
+  }
+
+</style>
+
+<div id="ball"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #ball {
+    width: 70px;
+    height: 70px;
+    margin: 50px auto;
+    position: fixed;
+    left: 20%;
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    animation-name: fade;
+    animation-duration: 3s;
+  }
+
+  @keyframes fade {
+    50% {
+      left: 60%;
+      opacity: 0.1;
+    }
+  }
+</style>
+<div id="ball"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.md
new file mode 100644
index 0000000000..7a482bb863
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/decrease-the-opacity-of-an-element.md
@@ -0,0 +1,134 @@
+---
+id: 587d781c367417b2b2512abf
+title: Зменшіть непрозорість елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c7aKqu4'
+forumTopicId: 301055
+dashedName: decrease-the-opacity-of-an-element
+---
+
+# --description--
+
+Властивість `opacity` у CSS використовується для налаштування непрозорості або, навпаки, прозорості об'єкта.
+
+<blockquote>Значення 1 зовсім непрозоре, <br> Значення 0.5 напівпрозоре.<br>Значення 0 повністю прозоре.</blockquote>
+
+Подане значення буде застосовуватися до всього елемента: чи то зображення з певною прозорістю, чи то колір переднього плану чи колір тла для текстового блоку.
+
+# --instructions--
+
+Встановіть `opacity` якірних теґів на значення 0.7 за допомогою класу `links`.
+
+# --hints--
+
+Ваш код має встановити властивість `opacity` на значення 0.7 на якірних теґах, обравши клас `links`.
+
+```js
+assert(
+  /\.links\s*{([\s\S]*?;)*\s*opacity\s*:\s*0*\.70*\s*(;[\s\S]*?|\s*)}/.test(
+    $('style').text()
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.md
new file mode 100644
index 0000000000..d22f5fffe5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-complementary-colors.md
@@ -0,0 +1,90 @@
+---
+id: 587d78a3367417b2b2512ad1
+title: Дізнайтеся більше про додаткові кольори
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MD3Tr'
+forumTopicId: 301056
+dashedName: learn-about-complementary-colors
+---
+
+# --description--
+
+Теорія кольору та її вплив на дизайн є широкою темою, і лише невелика її частина висвітлена у поданих завданнях. Колір може привернути увагу до інформації, викликати певні емоції чи допомогти у візуальному оформлені веб-сайту. Різноманітні комбінації кольорів можуть змінити увесь вигляд вашу сайту, і добір правильної кольорової палітри потребує чимало зусиль.
+
+Колірне коло - це корисний інструмент, що показує, як співвідносяться кольори; тут схожі відтінки знаходяться поруч, і чим більше вони відрізняються, тим далі один від одного знаходяться. Якщо у колірному колі два кольори розташовані навпроти, вони називаються додатковими. Їхньою особливістю є те, що при комбінуванні, такі кольори "спростовують" один одного і утворюють сірий колір. Однак, розташовані поруч, вони стають яскравішими і створюють сильний візуальний контраст.
+
+Ось декілька прикладів додаткових кольорів з їхніми hex-кодами:
+
+<blockquote>червоний (#FF0000) та блакитний (#00FFFF)<br>зелений (#00FF00) та пурпуровий (#FF00FF)<br>синій (#0000FF) та жовтий (#FFFF00)</blockquote>
+
+Ця модель має різні основні і додаткові кольори і відрізняється від застарілої колірної моделі RYB, якої багатьох з нас навчали у школі. Новітня колірна теорія використовує додаткову модель RGB (як показано на екрані комп'ютера) та субтрактивну колірну модель CMY(K) (використовується у поліграфії). Більше інформації про цю складну тему читайте [тут](https://en.wikipedia.org/wiki/Color_model).
+
+Існує безліч онлайн-інструментів для підбору кольору, у яких є опція вибору додаткового кольору.
+
+**Примітка:** Використання кольору може бути потужним способом у створенні візуально цікавої сторінки. Проте колір - не єдиний спосіб передачі важливої інформації, адже користувачі із вадами зору можуть її не зрозуміти. Це питання буде розглядатися більш детально у завданні Застосування Спеціальних можливостей.
+
+# --instructions--
+
+Змініть властивість `background-color` для класів `blue` та `yellow` на відповідні їм кольори. Зверніть увагу, як по-іншому кольори виглядають порівняно один з одним і у порівнянні з білим фоном.
+
+# --hints--
+
+Елемент `div` класу `blue` повинне мати властивість `background-color` значення синього кольору.
+
+```js
+assert($('.blue').css('background-color') == 'rgb(0, 0, 255)');
+```
+
+Елемент `div` класу `yellow` повинен мати властивість `background-color` значення жовтого кольору.
+
+```js
+assert($('.yellow').css('background-color') == 'rgb(255, 255, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: #000000;
+  }
+  .yellow {
+    background-color: #000000;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: blue;
+  }
+  .yellow {
+    background-color: yellow;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.md
new file mode 100644
index 0000000000..e11bdfa83b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-about-tertiary-colors.md
@@ -0,0 +1,114 @@
+---
+id: 587d78a4367417b2b2512ad2
+title: Дізнайтеся більше про третинні кольори (Tertiary)
+challengeType: 0
+forumTopicId: 301057
+dashedName: learn-about-tertiary-colors
+---
+
+# --description--
+
+Комп'ютерні монітори та екрани пристрою створюють різні кольори, поєднуючи кількість червоного, зеленого та синього світла. У сучасній теорії кольорів це відоме як додаткова колірна модель RGB. Червоний (red - R), зелений (green - G) та синій (blue - B) — основні кольори. Змішування двох основних кольорів створює вторинні кольори: блакитний (G + B), пурпурний (R + B) і жовтий (R + G). Ви бачили ці кольори у завданні про дадаткові кольори. Ці вторинні кольори є доповненням до основного кольору, який не використовується при їх створенні, і є протилежними до основного кольору на колірному колі. Наприклад, пурпуровий — це колір від змішування червоного та синього кольорів і є компліментарним кольором до зеленого.
+
+Третинні кольори є результатом поєднання основного кольору з одним із вторинним сусіднім кольором. Наприклад, у колірній моделі RGB червоний (первинний колір) та жовтий (вторинний колір) утворюють оранжевий (третинний колір). Це додасть ще шість кольорів до простого колірного кола загалом їх дванадцять.
+
+Існують різні методи вибору різних кольорів, що в результаті стають гармонійним поєднанням дизайну. Наприклад, використання третинних кольорів можливе у спліт-додатковій колірній схемі. Ця схема починається з базового кольору, а потім поєднується з двома кольорами, які є сусідніми до його протилежного кольору. Ці три кольори утворюють сильний зоровий контраст у дизайні, але є менш вираженими, ніж використання двох доповняльних кольорів.
+
+Три кольори утворені за допомогою комплементарної схеми:
+
+<table class='table table-striped'><thead><tr><th>Колір</th><th>Шістнадцятковий код кольору</th></tr></thead><thead></thead><tbody><tr><td>оранжевий</td><td>#FF7F00</td></tr><tr><td>бірюзовий</td><td>#00FFFF</td></tr><tr><td>малиновий</td><td>#FF007F</td></tr></tbody></table>
+
+# --instructions--
+
+Змініть характеристики класів `background-color`, `orange`, `cyan` і `raspberry` на відповідні кольори. Переконайтеся, що ви використовуєте шістнадцяткові коди, а не назви кольорів.
+
+# --hints--
+
+У `div` елементу класу `orange` повинен бути оранжевий `background-color`.
+
+```js
+assert($('.orange').css('background-color') == 'rgb(255, 127, 0)');
+```
+
+У `div` елементу класу `cyan` фоновий колір має бути бірюзовий `background-color`.
+
+```js
+assert($('.cyan').css('background-color') == 'rgb(0, 255, 255)');
+```
+
+У `div` елементу класу `raspberry` повинен бути малиновий `background-color`.
+
+```js
+assert($('.raspberry').css('background-color') == 'rgb(255, 0, 127)');
+```
+
+Усі значення `background-color` для класів кольорів мають бути шістнадцятковими кодами, а не назвами кольорів.
+
+```js
+assert(!/background-color:\s(orange|cyan|raspberry)/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #000000;
+  }
+
+  .cyan {
+    background-color: #000000;
+  }
+
+  .raspberry {
+    background-color: #000000;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+
+  .orange {
+    background-color: #FF7F00;
+  }
+
+  .cyan {
+    background-color: #00FFFF;
+  }
+
+  .raspberry {
+    background-color: #FF007F;
+  }
+
+  div {
+    height: 100px;
+    width: 100px;
+    margin-bottom: 5px;
+  }
+</style>
+<div class="orange"></div>
+<div class="cyan"></div>
+<div class="raspberry"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
new file mode 100644
index 0000000000..68f229bd74
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
@@ -0,0 +1,136 @@
+---
+id: 587d78a9367417b2b2512ae8
+title: Дізнайтеся, як працюють криві Безьє
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c9bDrs8'
+forumTopicId: 301058
+dashedName: learn-how-bezier-curves-work
+---
+
+# --description--
+
+В останньому завданні були представлені властивості `animation-timing-function` та декілька ключових слів, які змінюють швидкість анімації. CSS пропонує інші варіанти, окрім ключових слів, які забезпечують ще точніший контроль над відтворенням анімації за допомогою кривих Безьє.
+
+У анімаціях CSS криві Безьє використовуються з функцією `cubic-bezier`. Форма кривої демонструє, як буде відтворена анімація. Крива лежить на координатній системі 1 до 1. Вісь x цієї координатної системи позначає тривалість анімації (уявіть часову шкалу), а вісь y — зміни в анімації.
+
+Функція `cubic-bezier` складається з чотирьох основних точок, які розташовані на координатній сітці 1 на 1: `p0`, `p1`, `p2`, та `p3`. `p0` та `p3` налаштовані для вас: це початкова та кінцева точки, які завжди розташовані відповідно у початку координат (0, 0) та (1, 1). Ви встановлюєте значення x та у для інших двох точок, і їхнє розміщення у координатній сітці задає форму кривої для даної анімації. Усе це виконується мовою CSS, надаючи значення x та y початкам виділення `p1` та `p2` у вигляді: `(x1, y1, x2, y2)`. Підсумовуючи, ось приклад кривої Безьє в коді CSS:
+
+```css
+animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
+```
+
+У прикладі вище значення x та y рівнозначні (x1 = 0.25 = y1 and x2 = 0.75 = y2), а ми пам'ятаємо з геометрії, що це лінія, яка простягається від початку координат до точки (1, 1). Ця анімація є лінійною зміною елемента протягом тривалості анімації і така ж, як за допомогою ключового слова `linear`. Інакше кажучи, вона змінюється постійно.
+
+# --instructions--
+
+Для елемента з ідентифікатором `ball1` змініть значення властивості `animation-timing-function` з `linear` на його еквівалентне значення функції `cubic-bezier`. Використовуйте значення точки, як у прикладі вище.
+
+# --hints--
+
+Значення властивості `animation-timing-function` для елемента з ідентифікатором `ball1` має бути лінійно-еквівалентним функції `cubic-bezier`.
+
+```js
+assert(
+  $('#ball1').css('animation-timing-function') ==
+    'cubic-bezier(0.25, 0.25, 0.75, 0.75)'
+);
+```
+
+Значення властивості `animation-timing-function` для елемента з ідентифікатором `ball2` не повинно змінюватися.
+
+```js
+const ball2Animation = __helpers.removeWhiteSpace(
+  $('#ball2').css('animation-timing-function')
+);
+assert(
+  ball2Animation == 'ease-out' || ball2Animation == 'cubic-bezier(0,0,0.58,1)'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+
+</style>
+
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+
+  .balls{
+    border-radius: 50%;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #ball1 {
+    left: 27%;
+    animation-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
+  }
+  #ball2 {
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id="ball1"></div>
+<div class="balls" id="ball2"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.md
new file mode 100644
index 0000000000..9b9b31e7d8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/learn-how-the-css-keyframes-and-animation-properties-work.md
@@ -0,0 +1,136 @@
+---
+id: 587d78a7367417b2b2512adf
+title: Дізнайтеся, як працюють CSS @keyframames і властивості анімації
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cakprhv'
+forumTopicId: 301059
+dashedName: learn-how-the-css-keyframes-and-animation-properties-work
+---
+
+# --description--
+
+Щоб анімувати елемент, потрібно знати про властивості анімації і правило `@keyframes`. Властивості анімації визначають поведінку анімації і правило `@keyframes` контролює, що відбувається під час цієї анімації. Загалом, існує вісім властивостей анімації. Ми не будемо ускладнювати це завдання і розглянемо спершу дві найважливіші:
+
+`animation-name` встановлює назву анімації, яка пізніше використовується `@keyframes`, щоб вказати CSS, які правила використовуються з якими анімаціями.
+
+`animation-duration` встановлює тривалість анімації.
+
+`@keyframes` це спосіб точно вказати, що відбувається в анімації протягом цієї тривалості. Це робиться надавши властивості CSS певним "кадрам" під час анімації, з відсотками в межах від 0% до 100%. Якщо порівняти це з фільмом, властивості CSS для 0% - це те, як елемент відображається на початковій сцені. Властивості CSS для 100% - це те, як цей елемент виглядає в кінці прямо саме перед тим, як починаються титри. Тоді CSS використовує магію заміни елемента за вказану тривалість для відтворення сцени. Ось приклад, що ілюструє використання `@keyframes` та властивостей анімації:
+
+```css
+#anim {
+  animation-name: colorful;
+  animation-duration: 3s;
+}
+
+@keyframes colorful {
+  0% {
+    background-color: blue;
+  }
+  100% {
+    background-color: yellow;
+  }
+}
+```
+
+Для елемента з id `anim` фрагмент коду вище встановлює `animation-name` на `colorful` і встановлює `animation-duration` на 3 секунди. Тоді правило `@keyframes` посилається на властивості анімації з назвою `colorful`. Він встановлює синій колір на початку анімації (0%), який перейде в жовтий до кінця анімації (100%). Ви не обмежені лише початковим та кінцевим переходами, ви можете встановити властивості елементу в будь-яких межах між 0% і 100%.
+
+# --instructions--
+
+Створіть анімацію для елемента з id `rect`, встановивши `animation-name` на `rainbow` та `animation-duration` на 4 секунди. Далі, задайте правило `@keyframes` і встановіть голубий `background-color` на початку анімації (`0%`), зелений посередині анімації (`50%`) та жовтий в кінці анімації (`100%`).
+
+# --hints--
+
+Елемент з id `rect` повинен мати властивість `animation-name` зі значенням `rainbow`.
+
+```js
+assert($('#rect').css('animation-name') == 'rainbow');
+```
+
+Елемент з id `rect` повинен мати `animation-duration` 4 секунд.
+
+```js
+assert($('#rect').css('animation-duration') == '4s');
+```
+
+Правило `@keyframes` повинно використовувати `animation-name` `rainbow`.
+
+```js
+assert(code.match(/@keyframes\s+?rainbow\s*?{/g));
+```
+
+Правило `@keyframes` повинно використовувати для `rainbow` `blue` `background-color` при 0%.
+
+```js
+assert(code.match(/0%\s*?{\s*?background-color:\s*?blue;\s*?}/gi));
+```
+
+Правило `@keyframes` повинно використовувати для `rainbow` `green` `background-color` при 50%.
+
+```js
+assert(code.match(/50%\s*?{\s*?background-color:\s*?green;\s*?}/gi));
+```
+
+Правило `@keyframes` повинно використовувати для `rainbow` `yellow` `background-color` при 100%.
+
+```js
+assert(code.match(/100%\s*?{\s*?background-color:\s*?yellow;\s*?}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+
+
+  }
+
+
+
+
+</style>
+<div id="rect"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    height: 40px;
+    width: 70%;
+    background: black;
+    margin: 50px auto;
+    border-radius: 5px;
+  }
+
+  #rect {
+    animation-name: rainbow;
+    animation-duration: 4s;
+  }
+
+  @keyframes rainbow {
+    0% {
+      background-color: blue;
+    }
+    50% {
+      background-color: green;
+    }
+    100% {
+      background-color: yellow;
+    }
+  }
+</style>
+<div id="rect"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.md
new file mode 100644
index 0000000000..72d234f688
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-its-parent-with-absolute-positioning.md
@@ -0,0 +1,90 @@
+---
+id: 587d781e367417b2b2512acb
+title: З'єднайте елемент з батьківським елементом за допомогою абсолютної розстановки
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cyLJ7c3'
+forumTopicId: 301060
+dashedName: lock-an-element-to-its-parent-with-absolute-positioning
+---
+
+# --description--
+
+Наступним варіантом для властивості CSS `position` є `absolute`, який замикає елемент на місці відносно його батьківського елемента. На відміну від положення `relative`, він видаляє елемент зі звичайного потоку документа, тож об'єкти навколо його ігнорують. Властивості зміщення CSS (вгору або вниз, ліворуч або праворуч) використовуються для налаштування розташування.
+
+Один нюанс з абсолютною розстановкою полягає в тому, що він буде приєднаний до найближчого *positioned* родича. Якщо ви забудете додати правило розстановки до батьківського елемента (зазвичай це відбувається під час використання `position: relative;`), браузер продовжить шукати ланцюжок і за замовчуванням перемикатися на теґ `body`.
+
+# --instructions--
+
+Приєднайте елемент `#searchbar` до правого верхнього кута його батьківського елемента `section`, зазначивши його `position` як `absolute`. Надайте теґам `top` і `right` значення по 50 пікселів.
+
+# --hints--
+
+Елемент `#searchbar` має містити `position`, встановлену на `absolute`.
+
+```js
+assert($('#searchbar').css('position') == 'absolute');
+```
+
+Ваш код має використовувати зміщення CSS `top` зі значенням 50 пікселів на елементі `#searchbar`.
+
+```js
+assert($('#searchbar').css('top') == '50px');
+```
+
+Ваш код має використовувати зміщення CSS `right` зі значенням 50 пікселів на елементі `#searchbar`.
+
+```js
+assert($('#searchbar').css('right') == '50px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #searchbar {
+
+
+
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  #searchbar {
+    position: absolute;
+    top: 50px;
+    right: 50px;
+  }
+  section {
+    position: relative;
+  }
+</style>
+<body>
+  <h1>Welcome!</h1>
+  <section>
+    <form id="searchbar">
+      <label for="search">Search:</label>
+      <input type="search" id="search" name="search">
+      <input type="submit" name="submit" value="Go!">
+    </form>
+  </section>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.md
new file mode 100644
index 0000000000..8d1482eb07
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.md
@@ -0,0 +1,120 @@
+---
+id: 587d781e367417b2b2512acc
+title: Заблокувати елемент у вікні браузера з фіксованим розташуванням
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MDNUR'
+forumTopicId: 301061
+dashedName: lock-an-element-to-the-browser-window-with-fixed-positioning
+---
+
+# --description--
+
+Наступна схема, яку пропонує CSS - позиція `fixed`, яка є категоричним позиціонуванням, що блокує елемент відносно вікна браузера. Схоже до абсолютного розташування, він використовується властивостями зміщення CSS, а також видаляє елемент із стандартного потоку документів. Інші позиції більше не "реалізуються" там, де вони розташовані, що може вимагати деякого коректування макета в інших місцях.
+
+Одна ключова різниця між позиціями `fixed` та `absolute` - елемент з фіксованою позицією не переміститься при прокрутці.
+
+# --instructions--
+
+Навігаційний рядок в коді позначений з id `navbar`. Змінити `position` на `fixed` і компенсувати 0 пікселів `top` та 0 пікселів `eft`. Після того, як ви додали код, прокрутіть до попереднього перегляду вікна, щоб побачити як навігація залишається на місці.
+
+# --hints--
+
+Елемент `#navbar` повинен мати `position` встановлену як `fixed`.
+
+```js
+assert($('#navbar').css('position') == 'fixed');
+```
+
+Ваш код повинен застосовувати `top` CSS offset в 0 пікселів на елементі `#navbar`.
+
+```js
+assert($('#navbar').css('top') == '0px');
+```
+
+Ваш код повинен використовувати `left` CSS 0 пікселів на елемент`#navbar`.
+
+```js
+assert($('#navbar').css('left') == '0px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    min-height: 150vh;
+  }
+  #navbar {
+
+
+
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    min-height: 150vh;
+  }
+  #navbar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    background-color: #767676;
+  }
+  nav ul {
+    margin: 0px;
+    padding: 5px 0px 5px 30px;
+  }
+  nav li {
+    display: inline;
+    margin-right: 20px;
+  }
+  a {
+    text-decoration: none;
+  }
+</style>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+    <nav id="navbar">
+      <ul>
+        <li><a href="">Home</a></li>
+        <li><a href="">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+  <p>I shift up when the #navbar is fixed to the browser window.</p>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.md
new file mode 100644
index 0000000000..d38db7064f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-a-css-heartbeat-using-an-infinite-animation-count.md
@@ -0,0 +1,181 @@
+---
+id: 587d78a8367417b2b2512ae4
+title: Створення анімації серцебиття за допомогою властивості Infinite Animation Count
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cDZpDUr'
+forumTopicId: 301062
+dashedName: make-a-css-heartbeat-using-an-infinite-animation-count
+---
+
+# --description--
+
+Ось ще один приклад безперервної анімації з властивістю `animation-iteration-count`, що використовує серце, яке ви створили в попередньому завданні.
+
+Анімація серцебиття тривалістю в одну секунду складається з двох анімованих частин. Елементи `heart` (у тому числі частини `:before` та `:after`) анімуються, щоб змінити розмір за допомогою властивості `transform`, а фон `div` анімується, щоб змінити його колір за допомогою властивості `background`.
+
+# --instructions--
+
+Щоб серце почало битися, додайте властивість `animation-iteration-count` для класу `back` і класу `heart` та задайте значення `infinite`. Селектори `heart:before` та `heart:after` не потребують жодних властивостей анімації.
+
+# --hints--
+
+Властивість `animation-iteration-count` для класу `heart` повинна мати значення `infinite`.
+
+```js
+assert($('.heart').css('animation-iteration-count') == 'infinite');
+```
+
+Властивість `animation-iteration-count` для класу `back` повинна мати значення `infinite`.
+
+```js
+assert($('.back').css('animation-iteration-count') == 'infinite');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .back {
+    position: fixed;
+    padding: 0;
+    margin: 0;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: white;
+    animation-name: backdiv;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+
+  .heart {
+    position: absolute;
+    margin: auto;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: pink;
+    height: 50px;
+    width: 50px;
+    transform: rotate(-45deg);
+    animation-name: beat;
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+  }
+  .heart:after {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: 0px;
+    left: 25px;
+  }
+  .heart:before {
+    background-color: pink;
+    content: "";
+    border-radius: 50%;
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    top: -25px;
+    left: 0px;
+  }
+
+  @keyframes backdiv {
+    50% {
+      background: #ffe6f2;
+    }
+  }
+
+  @keyframes beat {
+    0% {
+      transform: scale(1) rotate(-45deg);
+    }
+    50% {
+      transform: scale(0.6) rotate(-45deg);
+    }
+  }
+</style>
+<div class="back"></div>
+<div class="heart"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.md
new file mode 100644
index 0000000000..ae7fa376a5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/make-motion-more-natural-using-a-bezier-curve.md
@@ -0,0 +1,121 @@
+---
+id: 587d78a9367417b2b2512aea
+title: Зробити рух більш природнім за допомогою кривої Безьє
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c7akWUv'
+forumTopicId: 301063
+dashedName: make-motion-more-natural-using-a-bezier-curve
+---
+
+# --description--
+
+Це завдання заохочує елемент для повтору руху кульки, якою жонглюють. Пріоритетні завдання охоплювали кубічні криві Безьє `linear` і `ease-out`, однак жодна із них не зображує точно сам рух жонглювання. Для цього вам потрібно налаштувати криву Безьє.
+
+`animation-timing-function` автоматично з'являється на кожному ключовому кадрі, коли `animation-iteration-count` встановлений до безкінечності. Так як існує правило ключового кадру, встановлене всередині тривалості анімації (на `50%`), це призводить до виникнення двох однакових анімацій руху м'яча вгору і вниз.
+
+Наступна кубічна крива Безьє відтворює рух жонглювання:
+
+```css
+cubic-bezier(0.3, 0.4, 0.5, 1.6);
+```
+
+Зазначте собі, що значення y2 більше, ніж 1. Хоча кубічна крива Безьє розміщена в точці 1 на 1 в системі координат, і це лише приймає значення х від 0 до 1, значення може бути встановлене у цифрах, які дорівнюють більше 1. Це приведе до того, що рух стрибка, який є ідеальним для відтворення жонглювання м'яча.
+
+# --instructions--
+
+Змініть значення `animation-timing-function` елемента з ідентифікацією `green` до функції `cubic-bezier` зі заченнями х1, y1, x2, y2, які вказані відповідно до 0.311, 0.441, 0.444, 1.649.
+
+# --hints--
+
+Значення властивості `animation-timing-function` для елемента з ідентифікацією `green` повинне бути функцією `cubic-bezier` з вказаними значеннями x1, y1, x2, y2.
+
+```js
+assert(
+  $('#green').css('animation-timing-function') ==
+    'cubic-bezier(0.311, 0.441, 0.444, 1.649)'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.69, 0.1, 1, 0.1);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .balls {
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    top: 60%;
+    animation-name: jump;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 25%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 50%;
+    animation-timing-function: ease-out;
+  }
+  #green {
+    background: green;
+    left: 75%;
+    animation-timing-function: cubic-bezier(0.311, 0.441, 0.444, 1.649);
+  }
+
+  @keyframes jump {
+    50% {
+      top: 10%;
+    }
+  }
+</style>
+<div class="balls" id="red"></div>
+<div class="balls" id="blue"></div>
+<div class="balls" id="green"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.md
new file mode 100644
index 0000000000..0ee43f5b2c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/modify-fill-mode-of-an-animation.md
@@ -0,0 +1,92 @@
+---
+id: 58a7a6ebf9a6318348e2d5aa
+title: Змінюйте режим заповнення анімації
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJDmcE'
+forumTopicId: 301064
+dashedName: modify-fill-mode-of-an-animation
+---
+
+# --description--
+
+Усе чудово, але ще не все правильно працює. Зверніть увагу, як анімація починається з початку, коли проходить `500ms`, у результаті чого кнопка повертається до початкового кольору. Потрібно, щоб кнопка підсвічувалася.
+
+Це можливо зробити налаштовуючи властивості `animation-fill-mode` до `forwards`. `animation-fill-mode` визначає стиль, застосований до елемента після завершення анімації. Ви можете налаштувати це так:
+
+```css
+animation-fill-mode: forwards;
+```
+
+# --instructions--
+
+Налаштуйте властивості `animation-fill-mode` property of `button:hover` to `forwards`, щоб кнопка підсвічувалася, коли користувач наводить на неї.
+
+# --hints--
+
+`button:hover` повинна мати властивість `animation-fill-mode` зі значенням `forwards`.
+
+```js
+assert(
+  code.match(
+    /button\s*?:\s*?hover\s*?{[\s\S]*animation-fill-mode\s*?:\s*?forwards\s*?;[\s\S]*}/gi
+  ) &&
+    code.match(
+      /button\s*?:\s*?hover\s*?{[\s\S]*animation-name\s*?:\s*?background-color\s*?;[\s\S]*}/gi
+    ) &&
+    code.match(
+      /button\s*?:\s*?hover\s*?{[\s\S]*animation-duration\s*?:\s*?500ms\s*?;[\s\S]*}/gi
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    /* Only change code below this line */
+
+    /* Only change code above this line */
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+```
+
+# --solutions--
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+    animation-fill-mode: forwards;
+  }
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.md
new file mode 100644
index 0000000000..5d94557183
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/move-a-relatively-positioned-element-with-css-offsets.md
@@ -0,0 +1,70 @@
+---
+id: 587d781e367417b2b2512aca
+title: Переміщення відносно розміщеного елемента за допомогою зсуву CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c9bQEA4'
+forumTopicId: 301065
+dashedName: move-a-relatively-positioned-element-with-css-offsets
+---
+
+# --description--
+
+Зсуви CSS `top` або `bottom` та `left` або `right` повідомляють браузеру, як далеко зсунути елемент відносно того, де б він знаходився у звичайному потоці документа. Ви зсуваєте елемент від вказаної точки, яка відводить елемент від заданої сторони (по суті, у протилежному напрямку). Як ви бачили в останньому завданні, використання зсуву `top` перемістило `h2` вниз. Так само використання зсуву `left` переміщує елемент праворуч.
+
+# --instructions--
+
+Використайте CSS offsets, щоб перемістити `h2` на 15 пікселів праворуч і 10 пікселів вгору.
+
+# --hints--
+
+Ваш код повинен використовувати CSS offset, щоб змістити `h2` на 10 пікселів вгору. Іншими словами, перемістіть його на 10 пікселів від `bottom`, де він зазвичай розташований.
+
+```js
+assert($('h2').css('bottom') == '10px');
+```
+
+Ваш код повинен використовувати CSS offset, щоб змістити `h2` на 15 пікселів праворуч. Іншими словами, перемістіть його на 15 пікселів від `left`, де він зазвичай розташований.
+
+```js
+assert($('h2').css('left') == '15px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+
+
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+<style>
+  h2 {
+    position: relative;
+    left: 15px;
+    bottom: 10px;
+  }
+</style>
+</head>
+<body>
+  <h1>On Being Well-Positioned</h1>
+  <h2>Move me!</h2>
+  <p>I still think the h2 is where it normally sits.</p>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.md
new file mode 100644
index 0000000000..8f4ae110b8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/push-elements-left-or-right-with-the-float-property.md
@@ -0,0 +1,100 @@
+---
+id: 587d78a3367417b2b2512ace
+title: Переміщення елементів вліво та вправо за допомогою властивості float
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MDqu2'
+forumTopicId: 301066
+dashedName: push-elements-left-or-right-with-the-float-property
+---
+
+# --description--
+
+Наступний інструмент позиціювання не використовує `position`, а встановлює властивість елемента `float`. Вирівнені елементи видаляються зі звичного потоку документа та посуваються або до `left`, або `right` до їхнього початкового елементу. Він зазвичай використовується з властивістю `width`, щоб визначити скільки потрібно місця горизонтально для вирівняних елементів.
+
+# --instructions--
+
+Ця розмітка буде добре працювати разом з макетом елементів, що складається з двох колон `section` і `aside`, що знаходяться поруч один з одним. Надайте `#left` елементу `float` `left` та `#right` елементу `float` `right`.
+
+# --hints--
+
+Елемент з ідентифікатором `left` має мати значення `left` `float`.
+
+```js
+assert($('#left').css('float') == 'left');
+```
+
+Елемент з ідентифікатором `right` має мати значення `right` `float`.
+
+```js
+assert($('#right').css('float') == 'right');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<head>
+  <style>
+    #left {
+
+      width: 50%;
+    }
+    #right {
+
+      width: 40%;
+    }
+    aside, section {
+      padding: 2px;
+      background-color: #ccc;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+```
+
+# --solutions--
+
+```html
+<head>
+  <style>
+    #left {
+      float: left;
+      width: 50%;
+    }
+    #right {
+      float: right;
+      width: 40%;
+    }
+    aside, section {
+      padding: 2px;
+      background-color: #ccc;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Welcome!</h1>
+  </header>
+  <section id="left">
+    <h2>Content</h2>
+    <p>Good stuff</p>
+  </section>
+  <aside id="right">
+    <h2>Sidebar</h2>
+    <p>Links</p>
+  </aside>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
new file mode 100644
index 0000000000..4396541573
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements.md
@@ -0,0 +1,119 @@
+---
+id: 587d781c367417b2b2512ac2
+title: Встановлення розміру шрифту для для кількох елементів заголовку
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cPpQNT3'
+forumTopicId: 301067
+dashedName: set-the-font-size-for-multiple-heading-elements
+---
+
+# --description--
+
+Властивість `font-size` використовується для визначення розміру тексту в заданому елементі. Це правило можна застосовувати для кількох елементів, щоб створити візуальну узгодженість тексту на сторінці. У цьому завданні ви встановите значення для всіх `h1` по `h6` тегів, щоб вирівняти розмір заголовків.
+
+# --instructions-- <p>У тегах <code>style</code>, встановіть <code>font-size</code> у:</p>
+
+  <ul>
+    <li>Тег <code>h1</code> до 68px.</li>
+    <li>Тег <code>h2</code> до 52px.</li>
+    <li>Тег <code>h3</code> до 40px.</li>
+    <li>Тег <code>h4</code> до 32px.</li>
+    <li>Тег <code>h5</code> до 21px.</li>
+    <li>Тег <code>h6</code> до 14px.</li>
+  </ul>
+
+# --hints--
+
+Ваш код має встановити властивість `font-size` для `h1` тегу до 68 пікселів.
+
+```js
+ const fontSizeOfh1 = new __helpers.CSSHelp(document).getStyle('h1')?.getPropertyValue('font-size');
+ assert(fontSizeOfh1 === '68px');
+```
+
+Ваш код має встановити властивість `font-size` для `h2` тегу до 52 пікселів.
+
+```js
+ const fontSizeOfh2 = new __helpers.CSSHelp(document).getStyle('h2')?.getPropertyValue('font-size');
+ assert(fontSizeOfh2 === '52px');
+```
+
+Ваш код має встановити властивість `font-size` для `h3` тегу до 40 пікселів.
+
+```js
+ const fontSizeOfh3 = new __helpers.CSSHelp(document).getStyle('h3')?.getPropertyValue('font-size');
+ assert(fontSizeOfh3 === '40px');
+```
+
+Ваш код має встановити властивість `font-size` для `h4` тегу до 32 пікселів.
+
+```js
+ const fontSizeOfh4 = new __helpers.CSSHelp(document).getStyle('h4')?.getPropertyValue('font-size');
+ assert(fontSizeOfh4 === '32px');
+```
+
+Ваш код має встановити властивість `font-size` для `h5` тегу до 21 пікселів.
+
+```js
+ const fontSizeOfh5 = new __helpers.CSSHelp(document).getStyle('h5')?.getPropertyValue('font-size');
+ assert(fontSizeOfh5 === '21px');
+```
+
+Ваш код має встановити властивість `font-size` для `h6` тегу до 14 пікселів.
+
+```js
+ const fontSizeOfh6 = new __helpers.CSSHelp(document).getStyle('h6')?.getPropertyValue('font-size');
+ assert(fontSizeOfh6 === '14px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+
+
+
+
+
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+```
+
+# --solutions--
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+  }
+  h2 {
+    font-size: 52px;
+  }
+  h3 {
+    font-size: 40px;
+  }
+  h4 {
+    font-size: 32px;
+  }
+  h5 {
+    font-size: 21px;
+  }
+  h6 {
+    font-size: 14px;
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.md
new file mode 100644
index 0000000000..875fb65ce6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-size-of-paragraph-text.md
@@ -0,0 +1,52 @@
+---
+id: 587d781c367417b2b2512ac4
+title: Встановлення розміру шрифту тексту абзацу
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJ36Cr'
+forumTopicId: 301068
+dashedName: set-the-font-size-of-paragraph-text
+---
+
+# --description--
+
+Властивість `font-size` у CSS не обмежується лише заголовками, вона може застосовуватись до будь-якого елементу, що містить текст.
+
+# --instructions--
+
+Абзац стане більш видимий, якщо змінити значення властивості `font-size` до 16px.
+
+# --hints--
+
+Ваш тег `p` повинен мати розмір шрифту 16 pixels `font-size`.
+
+```js
+assert($('p').css('font-size') == '16px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  p {
+    font-size: 10px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+```
+
+# --solutions--
+
+```html
+<style>
+  p {
+    font-size: 16px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
new file mode 100644
index 0000000000..53782afcc1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
@@ -0,0 +1,132 @@
+---
+id: 587d781c367417b2b2512ac3
+title: Встановлення насиченості для кількох елементів заголовку
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/crVWRHq'
+forumTopicId: 301069
+dashedName: set-the-font-weight-for-multiple-heading-elements
+---
+
+# --description--
+
+В останньому завданні ви встановлювали `font-size` кожного тегу, тут ви зміните `font-weight`.
+
+Властивість `font-weight` визначає наскільки символи в тексті будуть товстими або тонкими.
+
+# --instructions--
+
+<ul><li>Встановіть <code>font-weight</code> <code>h1</code> тегу до 800.</li><li>Встановіть <code>font-weight</code> <code>h2</code> тегу до 600.</li><li>Встановіть <code>font-weight</code> <code>h3</code> тегу до 500.</li><li>Встановіть <code>font-weight</code> <code>h4</code> тегу до 400.</li><li>Встановіть <code>font-weight</code> <code>h5</code> тегу до 300.</li><li>Встановіть <code>font-weight</code> <code>h6</code> тегу до 200.</li></ul>
+
+# --hints--
+
+Ваш код має встановити властивість `font-weight` для `h1` тегу до 800.
+
+```js
+assert($('h1').css('font-weight') == '800');
+```
+
+Ваш код має встановити властивість `font-weight` для `h2` тегу до 600.
+
+```js
+assert($('h2').css('font-weight') == '600');
+```
+
+Ваш код має встановити властивість `font-weight` для `h3` тегу до 500.
+
+```js
+assert($('h3').css('font-weight') == '500');
+```
+
+Ваш код має встановити властивість `font-weight` для `h4` тегу до 400.
+
+```js
+assert($('h4').css('font-weight') == '400');
+```
+
+Ваш код має встановити властивість `font-weight` для `h5` тегу до 300.
+
+```js
+assert($('h5').css('font-weight') == '300');
+```
+
+Ваш код має встановити властивість `font-weight` для `h6` тегу до 200.
+
+```js
+assert($('h6').css('font-weight') == '200');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+
+  }
+  h2 {
+    font-size: 52px;
+
+  }
+  h3 {
+    font-size: 40px;
+
+  }
+  h4 {
+    font-size: 32px;
+
+  }
+  h5 {
+    font-size: 21px;
+
+  }
+  h6 {
+    font-size: 14px;
+
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+```
+
+# --solutions--
+
+```html
+<style>
+  h1 {
+    font-size: 68px;
+    font-weight: 800;
+  }
+  h2 {
+    font-size: 52px;
+    font-weight: 600;
+  }
+  h3 {
+    font-size: 40px;
+    font-weight: 500;
+  }
+  h4 {
+    font-size: 32px;
+    font-weight: 400;
+  }
+  h5 {
+    font-size: 21px;
+    font-weight: 300;
+  }
+  h6 {
+    font-size: 14px;
+    font-weight: 200;
+  }
+</style>
+<h1>This is h1 text</h1>
+<h2>This is h2 text</h2>
+<h3>This is h3 text</h3>
+<h4>This is h4 text</h4>
+<h5>This is h5 text</h5>
+<h6>This is h6 text</h6>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.md
new file mode 100644
index 0000000000..8d856fac74
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/set-the-line-height-of-paragraphs.md
@@ -0,0 +1,54 @@
+---
+id: 587d781d367417b2b2512ac5
+title: Установка висоти рядків абзаців
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/crVWdcv'
+forumTopicId: 301070
+dashedName: set-the-line-height-of-paragraphs
+---
+
+# --description--
+
+CSS пропонує характеристику `line-height`, щоб змінити висоту кожного рядка у блоці тексту. Як пропонує назва, це змінює кількість вертикального простору, який отримує кожен рядок тексту.
+
+# --instructions--
+
+Додайте властивість `line-height` до тегу `p` і встановіть до 25px.
+
+# --hints--
+
+Ваш код повинен встановити `line-height` тегу `p` до 25 пікселів.
+
+```js
+assert($('p').css('line-height') == '25px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  p {
+    font-size: 16px;
+
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+```
+
+# --solutions--
+
+```html
+<style>
+  p {
+    font-size: 16px;
+    line-height: 25px;
+  }
+</style>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
new file mode 100644
index 0000000000..05568a16b3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
@@ -0,0 +1,128 @@
+---
+id: 587d78a9367417b2b2512ae9
+title: Використання кривої Безьє для переміщення графіка
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c6bnRCK'
+forumTopicId: 301071
+dashedName: use-a-bezier-curve-to-move-a-graphic
+---
+
+# --description--
+
+У попередньому завданні йшлося про ключове слово `ease-out`, яке описує зміну анімації, що спочатку пришвидшується, а тоді уповільнюється в кінці анімації. Праворуч показано різницю між ключовим словом `ease-out` (для синього елемента) і ключовим словом `linear` (для червоного елемента). Подібну послідовність анімації до ключового слова `ease-out` можна створити за допомогою користувацької функції кубічної кривої Безьє.
+
+Загалом зміна точок прив'язки `p1` та `p2` керує створенням різних кривих Безьє, що контролює розвиток анімації в часі. Ось приклад кривої Безьє, створеної за допомогою значень для імітації стилю зсунення зі зникненням (ease-out):
+
+```css
+animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
+```
+
+Пам'ятайте, що всі функції `cubic-bezier` починаються з `p0` на точці (0, 0) та закінчуються `p3` на точці (1, 1). У цьому прикладі крива рухається швидше по осі Y (починається з 0, тоді рухається до `p1`, y має значення 0, тоді рухається до `p2`, y має значення 1), ніж по осі X (0 на початку, тоді 0 для `p1`, до 0.58 для `p2`). У результаті зміна анімованих елементів відбувається швидше ніж час анімації для даного сегменту. Під кінець кривої зв'язок між зміною значень x та у змінюється на протилежне: значення у переходить від 1 до 1 (без змін), а значення x зміщуються з 0.58 до 1, завдяки чому зміна анімації відбувається повільніше у порівнянні з тривалістю анімації.
+
+# --instructions--
+
+Щоб побачити результат цієї кривої Безьє в дії, змініть `animation-timing-function` елемента з ідентифікацією `red` на функцію `cubic-bezier` зі значеннями х1, y1, x2, y2, які вказані відповідно до 0, 0, 0.58, 1. Завдяки цьому обидва елементи будуть однаково просуватися по анімації.
+
+# --hints--
+
+Значення властивості `animation-timing-function` для елемента з ідентифікацією `red` повинно бути функцією `cubic-bezier` зі значеннями x1, y1, x2, y2, які вказані відповідно до 0, 0, 0.58, 1 .
+
+```js
+assert(
+  $('#red').css('animation-timing-function') == 'cubic-bezier(0, 0, 0.58, 1)'
+);
+```
+
+Елемент з ідентифікацією `red` більше не повинен мати властивість `animation-timing-function` коду `linear`.
+
+```js
+assert($('#red').css('animation-timing-function') !== 'linear');
+```
+
+Значення властивості `animation-timing-function` для елемента з ідентифікацією `blue` не повинно змінюватися.
+
+```js
+const blueBallAnimation = __helpers.removeWhiteSpace(
+  $('#blue').css('animation-timing-function')
+);
+assert(
+  blueBallAnimation == 'ease-out' ||
+    blueBallAnimation == 'cubic-bezier(0,0,0.58,1)'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: linear;
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .balls{
+    border-radius: 50%;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    margin-top: 50px;
+    animation-name: bounce;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+  #red {
+    background: red;
+    left: 27%;
+    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
+  }
+  #blue {
+    background: blue;
+    left: 56%;
+    animation-timing-function: ease-out;
+  }
+  @keyframes bounce {
+    0% {
+      top: 0px;
+    }
+    100% {
+      top: 249px;
+    }
+  }
+</style>
+<div class="balls" id= "red"></div>
+<div class="balls" id= "blue"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
new file mode 100644
index 0000000000..be4cdc4c72
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element.md
@@ -0,0 +1,113 @@
+---
+id: 587d78a5367417b2b2512ad7
+title: Використання лінійного градієнта CSS для створення смугастого елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c6bmQh2'
+forumTopicId: 301072
+dashedName: use-a-css-linear-gradient-to-create-a-striped-element
+---
+
+# --description--
+
+Функція `repeating-linear-gradient()` дуже схожа на `linear-gradient()`. Головна різниця полягає в тому, що ця функція повторює вказаний градієнт шаблону. `repeating-linear-gradient()` набуває безлічі значень, але, щоб полегшити завдання, ви будете працювати зі значенням кута і значеннями стоп-кольору.
+
+Значення кута - це напрямок градієнта. Стоп-кольори або кольорові обмежувачі - схожі значення ширини, що позначають місце, де відбувається перехід, і вони подаються у відсотках або у кількості пікселів.
+
+У прикладі, який подано в редакторі коду, градієнт починається з кольору `yellow` (жовтий) на рівні 0 пікселів, який зливається з другим кольором `blue` (синій) на рівні 40 пікселів від початку. Оскільки наступний стоп-колір також знаходиться на рівні 40 пікселів, градієнт негайно змінюється на третій колір `green` (зелений), який сам по собі зливається з четвертим значенням кольору `red` (червоний), оскільки він розташований на рівні 80 пікселів від початку градієнта.
+
+Для цього прикладу слід уявляти собі стоп-кольори як пари, де кожні два кольори зливаються.
+
+```css
+0px [yellow -- blend -- blue] 40px [green -- blend -- red] 80px
+```
+
+Якщо обидва значення стоп-кольорів однакові, злиття непомітне, оскільки воно відбувається між тим самим кольором, після чого здійснюється різкий перехід до наступного кольору, тому в результаті виходять смуги.
+
+# --instructions--
+
+Смуги можна зробити змінивши `repeating-linear-gradient()` таким чином, щоб використати градієнтний кут `45deg`, потім налаштувати перші два стоп-кольори на `yellow` (жовтий), а вкінці два інші стоп-кольори - на `black` (чорний).
+
+# --hints--
+
+Кут `repeating-linear-gradient()` повинен складати 45 градусів.
+
+```js
+assert(code.match(/background:\s*?repeating-linear-gradient\(\s*?45deg/gi));
+```
+
+Кут `repeating-linear-gradient()` повинен складати не більше 90 градусів
+
+```js
+assert(!code.match(/90deg/gi));
+```
+
+Стоп-колір на рівні 0 пікселів повинен бути `yellow` (жовтий).
+
+```js
+assert(code.match(/yellow\s+?0(px)?/gi));
+```
+
+Один стоп-колір на рівні 40 пікселів повинен бути `yellow` (жовтий).
+
+```js
+assert(code.match(/yellow\s+?40px/gi));
+```
+
+Другий стоп-колір на рівні 40 пікселів повинен бути `black` (чорний).
+
+```js
+assert(code.match(/yellow\s+?40px,\s*?black\s+?40px/gi));
+```
+
+Останній стоп-колір на рівні 80 пікселів повинен бути `black` (чорний).
+
+```js
+assert(code.match(/black\s+?80px/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      90deg,
+      yellow 0px,
+      blue 40px,
+      green 40px,
+      red 80px
+    );
+  }
+
+</style>
+
+<div></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div{
+    border-radius: 20px;
+    width: 70%;
+    height: 400px;
+    margin:  50 auto;
+    background: repeating-linear-gradient(
+      45deg,
+      yellow 0px,
+      yellow 40px,
+      black 40px,
+      black 80px
+    );
+  }
+</style>
+<div></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.md
new file mode 100644
index 0000000000..019225649f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-css-animation-to-change-the-hover-state-of-a-button.md
@@ -0,0 +1,103 @@
+---
+id: 587d78a7367417b2b2512ae0
+title: Використовуйте анімацію CSS, щоб змінити положення клавіші при наведенні
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cg4vZAa'
+forumTopicId: 301073
+dashedName: use-css-animation-to-change-the-hover-state-of-a-button
+---
+
+# --description--
+
+Ви можете використати CSS `@keyframes`, щоб змінити колір клавіші при наведенні.
+
+Ось приклад зміни ширини зображення на курсорі:
+
+```html
+<style>
+  img {
+    width: 30px;
+  }
+  img:hover {
+    animation-name: width;
+    animation-duration: 500ms;
+  }
+
+  @keyframes width {
+    100% {
+      width: 40px;
+    }
+  }
+</style>
+
+<img src="https://cdn.freecodecamp.org/curriculum/applied-visual-design/google-logo.png" alt="Google's Logo" />
+```
+
+# --instructions--
+
+Зверніть увагу, що `ms` означає мілісекунди, де 1000 мілісекунд дорівнює одній секунді.
+
+Використовуйте CSS `@keyframes`, щоб змінити `background-color` елемента `button`, так щоб він став `#4791d0`, коли користувач наводить на нього курсор. Правило `@keyframes` повинне мати лише запис на `100%`.
+
+# --hints--
+
+Правило @keyframes повинне використовувати колір фону `animation-name`.
+
+```js
+assert(code.match(/@keyframes\s+?background-color\s*?{/g));
+```
+
+Повинна бути лише одна умова під `@keyframes`, яка змінює `background-color` до `#4791d0` на 100%.
+
+```js
+assert(code.match(/100%\s*?{\s*?background-color:\s*?#4791d0;\s*?}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+
+</style>
+
+<button>Register</button>
+```
+
+# --solutions--
+
+```html
+<style>
+  button {
+    border-radius: 5px;
+    color: white;
+    background-color: #0F5897;
+    padding: 5px 10px 8px 10px;
+  }
+
+  button:hover {
+    animation-name: background-color;
+    animation-duration: 500ms;
+  }
+
+  @keyframes background-color {
+    100% {
+      background-color: #4791d0;
+    }
+  }
+</style>
+<button>Register</button>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.md
new file mode 100644
index 0000000000..5593abe962
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis.md
@@ -0,0 +1,77 @@
+---
+id: 587d78a6367417b2b2512adb
+title: Використання властивості CSS transform skewX для оновлення елементу разом з віссю X
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cyLP8Sr'
+forumTopicId: 301074
+dashedName: use-the-css-transform-property-skewx-to-skew-an-element-along-the-x-axis
+---
+
+# --description--
+
+`skewX()` — ще одна функція властивості `transform`, яка переносить обраний елемент по власній вісі Х (горизонтальній) на задану кількість градусів.
+
+Даний код пересуває абзац на -32 градуси по вісі Х.
+
+```css
+p {
+  transform: skewX(-32deg);
+}
+```
+
+# --instructions--
+
+Перемістіть елемент з ідентифікатором `bottom` на 24 градуси по вісі Х, використовуючи властивість `transform`.
+
+# --hints--
+
+Елемент з ідентифікатором `bottom` повинен переміститись на 24 градуси по вісі Х.
+
+```js
+assert(code.match(/#bottom\s*?{\s*?.*?\s*?transform:\s*?skewX\(24deg\);/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+  }
+  #top {
+    background-color: red;
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+<div id="top"></div>
+<div id="bottom"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.md
new file mode 100644
index 0000000000..de6f579dee
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis.md
@@ -0,0 +1,71 @@
+---
+id: 587d78a6367417b2b2512adc
+title: Використання властивості CSS transform skewY для оновлення елементу разом з віссю Y
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MZ2uB'
+forumTopicId: 301075
+dashedName: use-the-css-transform-property-skewy-to-skew-an-element-along-the-y-axis
+---
+
+# --description--
+
+Зважаючи на те, що функція `skewX()` переносить вибраний елемент вздовж вісі Х на заданий градус, не дивно, що властивість `skewY()` переносить елемент вздовж вісі Y (по вертикалі).
+
+# --instructions--
+
+Перемістіть елемент з ідентифікатором `top` на -10 градуси по вісі Y, використовуючи властивість `transform`.
+
+# --hints--
+
+Елемент з ідентифікатором `top` повинен переміститись на -10 градуси по вісі Y.
+
+```js
+assert(code.match(/#top\s*?{\s*?.*?\s*?transform:\s*?skewY\(-10deg\);/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+
+<div id="top"></div>
+<div id="bottom"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin: 50px auto;
+  }
+  #top {
+    background-color: red;
+    transform: skewY(-10deg);
+  }
+  #bottom {
+    background-color: blue;
+    transform: skewX(24deg);
+  }
+</style>
+<div id="top"></div>
+<div id="bottom"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.md
new file mode 100644
index 0000000000..71226913ea
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-change-the-size-of-an-element.md
@@ -0,0 +1,95 @@
+---
+id: 587d78a5367417b2b2512ad9
+title: Використання властивості трансформування CSS scale для зміни розміру елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MZVSg'
+forumTopicId: 301076
+dashedName: use-the-css-transform-scale-property-to-change-the-size-of-an-element
+---
+
+# --description--
+
+Щоб змінити масштаб елемента, CSS має властивість `transform` разом з функцією `scale()`. Приклад наступного коду подвоює розмір всіх елементів абзацу на сторінці:
+
+```css
+p {
+  transform: scale(2);
+}
+```
+
+# --instructions--
+
+Збільште розмір елемента з ідентифікатором `ball2` в 1,5 рази від його початкового розміру.
+
+# --hints--
+
+Властивість `transform` для `#ball2` має бути збільшено в 1.5 рази від початкового розміру.
+
+```js
+assert(
+  code.match(
+    /#ball2\s*?{\s*?left:\s*?65%;\s*?transform:\s*?scale\(1\.5\);\s*?}|#ball2\s*?{\s*?transform:\s*?scale\(1\.5\);\s*?left:\s*?65%;\s*?}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+
+  }
+
+
+</style>
+
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .ball {
+    width: 40px;
+    height: 40px;
+    margin: 50 auto;
+    position: fixed;
+    background: linear-gradient(
+      35deg,
+      #ccffff,
+      #ffcccc
+    );
+    border-radius: 50%;
+  }
+  #ball1 {
+    left: 20%;
+  }
+  #ball2 {
+    left: 65%;
+    transform: scale(1.5);
+  }
+</style>
+<div class="ball" id= "ball1"></div>
+<div class="ball" id= "ball2"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.md
new file mode 100644
index 0000000000..39960d5915
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover.md
@@ -0,0 +1,79 @@
+---
+id: 587d78a5367417b2b2512ada
+title: Використання властивості трансформування CSS scale для розміщення елементу в Hover
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cyLPJuM'
+forumTopicId: 301077
+dashedName: use-the-css-transform-scale-property-to-scale-an-element-on-hover
+---
+
+# --description--
+
+Властивість `transform` має різні функції, що дозволяють масштабувати, рухати, обертати, нахиляти, і т. д., ваші елементи. При використанні з псевдокласами, такими як `:hover`, який визначає певний стан елемента, властивість `transform` може легко додати інтерактивність до ваших елементів.
+
+Ось приклад масштабування елементів абзацу до 2,1 разів від початкового розміру, коли користувач наводить на нього:
+
+```css
+p:hover {
+  transform: scale(2.1);
+}
+```
+
+**Примітка:** Застосовуючи transform на `div` елемент, він також вплине на будь-які дочірні елементи, що містяться у div.
+
+# --instructions--
+
+Додайте правило CSS до `hover` стану `div` та використайте властивість `transform` щоб масштабувати елемент `div` до 1,1 рази від початкового розміру, коли користувач наводить на нього.
+
+# --hints--
+
+Розмір елемента `div` має масштабуватись в 1,1 рази, коли користувач наводить на нього.
+
+```js
+assert(code.match(/div:hover\s*?{\s*?transform:\s*?scale\(1\.1\);/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+
+
+
+</style>
+
+<div></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  div {
+    width: 70%;
+    height: 100px;
+    margin:  50px auto;
+    background: linear-gradient(
+      53deg,
+      #ccfffc,
+      #ffcccf
+    );
+  }
+  div:hover {
+    transform: scale(1.1);
+  }
+</style>
+<div></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.md
new file mode 100644
index 0000000000..cd25847c92
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-em-tag-to-italicize-text.md
@@ -0,0 +1,118 @@
+---
+id: 587d781a367417b2b2512ab9
+title: Використання тегу em для виділення тексту курсивом
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJRBtp'
+forumTopicId: 301078
+dashedName: use-the-em-tag-to-italicize-text
+---
+
+# --description--
+
+Щоб акцентувати текст, ви можете використати тег `em`. Текст відобразиться курсивом, оскільки браузер застосовує код CSS `font-style: italic;` до елемента.
+
+# --instructions--
+
+Розмістіть тег `em` навколо вмісту абзацу щоб акцентувати його.
+
+# --hints--
+
+Ваш код має додати тег `em` у текст розмітки.
+
+```js
+assert($('em').length == 1);
+```
+
+Тег `em` має охопити вміст `p` тегу, а не сам `p` тег.
+
+```js
+assert($('p').children().length == 1 && $('em').children().length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.md
new file mode 100644
index 0000000000..940eb4d3c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text.md
@@ -0,0 +1,135 @@
+---
+id: 587d781b367417b2b2512aba
+title: Використання тегу s щоб закреслити текст
+challengeType: 0
+videoUrl: ''
+forumTopicId: 301079
+dashedName: use-the-s-tag-to-strikethrough-text
+---
+
+# --description--
+
+Для закреслення тексту, що відображається як горизонтальна лінія, яка проходить крізь символи, ви можете використати тег `s`. Таким чином можна показати, що частина тексту більше недійсна. З тегом `s` браузер застосовує `text-decoration: line-through;` CSS код до елемента.
+
+# --instructions--
+
+Розмістіть тег `s` навколо `Google` всередині тегу `h4`, а потім додайте до нього слово `Alphabet`, яке не повинне бути закресленим.
+
+# --hints--
+
+Ваш код має додати тег `s` у текст розмітки.
+
+```js
+assert($('s').length == 1);
+```
+
+Тег `s` повинен бути розміщеним навколо тексту `Google` в тезі `h4`. Він не повинен містити слово `Alphabet`.
+
+```js
+assert(
+  $('h4 > s')
+    .text()
+    .match(/Google/gi) &&
+    !$('h4 > s')
+      .text()
+      .match(/Alphabet/gi)
+);
+```
+
+Ви повинні додати слово `Alphabet` в тег `h4` без викреслення.
+
+```js
+assert(
+  $('h4')
+    .html()
+    .match(/Alphabet/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s> Alphabet</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.md
new file mode 100644
index 0000000000..1b9b9970ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-strong-tag-to-make-text-bold.md
@@ -0,0 +1,128 @@
+---
+id: 587d781a367417b2b2512ab7
+title: Використання тегу strong для виділення тексту жирним шрифтом
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/ceJNBSb'
+forumTopicId: 301080
+dashedName: use-the-strong-tag-to-make-text-bold
+---
+
+# --description--
+
+Щоб виділити текст жирним шрифтом, ви можете використати тег `strong`. Він часто використовується для того, щоб привернути увагу до тексту та вказати на його важливість. За допомогою тегу `strong` браузер застосовує `font-weight: bold;` CSS код до елементу.
+
+# --instructions--
+
+Розмістіть тег `strong` навколо тексту `Stanford University` всередині тегу `p` (без крапки).
+
+# --hints--
+
+Ваш код має додати тег `strong` у текст розмітки.
+
+```js
+assert($('strong').length == 1);
+```
+
+Тег `source` повинен знаходитися в середині тегу `p`.
+
+```js
+assert($('p').children('strong').length == 1);
+```
+
+Тег `strong` повинен бути розміщеним навколо слів `Stanford University`.
+
+```js
+assert(
+  $('strong')
+    .text()
+    .match(/^Stanford University\.?$/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
new file mode 100644
index 0000000000..aa766cd614
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
@@ -0,0 +1,138 @@
+---
+id: 587d781c367417b2b2512ac0
+title: Використання властивості text-transform, щоб перевести текст у верхній регістр
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cvVZQSP'
+forumTopicId: 301081
+dashedName: use-the-text-transform-property-to-make-text-uppercase
+---
+
+# --description--
+
+Властивість CSS `text-transform` використовується для того щоб змінити вигляду тексту. Це зручний спосіб переконатися, що текст на веб-сторнці виникає послідовно та не змушує змінювати зміст тексту самих елементів HTML.
+
+Наступна таблиця показує, як різні значення `text-transform` змінюють приклад тексту "Зміни мене".
+
+<table class='table table-striped'><thead><tr><th>Значення</th><th>Результат</th></tr></thead><tbody><tr><td><code>lowercase</code></td><td>"зміни мене"</td></tr><tr><td><code>uppercase</code></td><td>"ЗМІНИ МЕНЕ"</td></tr><tr><td><code>capitalize</code></td><td>"Зміни мене"</td></tr><tr><td><code>initial</code></td><td>Використовувати значення за замовчуванням</td></tr><tr><td><code>inherit</code></td><td>Використовуйте значення <code>text-transform</code> з батьківського елемента</td></tr><tr><td><code>none</code></td><td><strong>За замовчуванням:</strong> Використовуйте вихідний текст</td></tr></tbody></table>
+
+# --instructions--
+
+Змініть текст тегу `h4` в верхній регістр за допомогою властивості `text-transform`.
+
+# --hints--
+
+Властивість тексту `h4` повинна мати значення `uppercase`.
+
+```js
+assert($('h4').css('text-transform') === 'uppercase');
+```
+
+Оригінальний текст h4 не можна змінювати.
+
+```js
+assert($('h4').text() !== $('h4').text().toUpperCase());
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    background-color: rgba(45, 45, 45, 0.1);
+    padding: 10px;
+    font-size: 27px;
+    text-transform: uppercase;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+    opacity: 0.7;
+  }
+  #thumbnail {
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard" id="thumbnail">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Alphabet</h4>
+      <hr>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
new file mode 100644
index 0000000000..502e46621c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
@@ -0,0 +1,120 @@
+---
+id: 587d781a367417b2b2512ab8
+title: Використання тегу u для підкреслення тексту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cN6aQCL'
+forumTopicId: 301082
+dashedName: use-the-u-tag-to-underline-text
+---
+
+# --description--
+
+Щоб підкреслити текст, ви можете скористатися тегом `u`. Це часто використовується, щоб виділити важливу частину тексту або те, що необхідно запам'ятати. З тегом `u` браузер використовує до елементу CSS властивість `text-decoration: underline;`.
+
+# --instructions--
+
+Тег `u` має містити лише текст `Ph.D. students`.
+
+**Примітка:**Намагайтеся уникнути використання тегу `u` для тексту, схожого на посилання. Якірні теги також мають формат підкреслення за замовчуванням.
+
+# --hints--
+
+Ваш код має додати тег `u` у текст розмітки.
+
+```js
+assert($('u').length === 1);
+```
+
+Тег `u` має містити лише текст `Ph.D. students`.
+
+```js
+assert($('u').text() === 'Ph.D. students');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4>Google</h4>
+      <p>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
new file mode 100644
index 0000000000..3f4b7d8d1b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
@@ -0,0 +1,115 @@
+---
+id: bad87fee1348bd9aedf08823
+title: Додавання негативного зовнішнього відступу до елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cnpyGs3'
+forumTopicId: 16166
+dashedName: add-a-negative-margin-to-an-element
+---
+
+# --description--
+
+Властивість `margin` елемента контролює відстань між межами елемента `border` та елементами, що його оточують.
+
+Якщо ви встановите негативне значення для параметра `margin`, то об'єкт збільшиться в розмірі.
+
+# --instructions--
+
+Спробуйте встановити властивість `margin` негативного значення, як це було зроблено для червоного прямокутника.
+
+Змініть значення `margin` синього прямокутника на `-15px`, так щоб він повністю заповнив по горизонталі жовтий прямокутник, що його оточує.
+
+# --hints--
+
+Ваш клас `blue-box` повинен надати елементам `-15px` для `margin`.
+
+```js
+assert($('.blue-box').css('margin-top') === '-15px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: -15px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+    margin-top: -15px;
+  }
+</style>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
new file mode 100644
index 0000000000..a9e9cf81ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
@@ -0,0 +1,190 @@
+---
+id: bad87fee1348bd9bedf08813
+title: Додавання рамки довкола ваших елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MvnHZ'
+forumTopicId: 16630
+dashedName: add-borders-around-your-elements
+---
+
+# --description--
+
+Рамки в CSS мають такі значення `style`, `color` та `width`.
+
+Наприклад, якщо ми хочемо створити червону рамку товщиною 5 пікселів довкола HTML елемента, ми можемо скористатися цим класом:
+
+```html
+<style>
+  .thin-red-border {
+    border-color: red;
+    border-width: 5px;
+    border-style: solid;
+  }
+</style>
+```
+
+# --instructions--
+
+Створіть клас під назвою `thick-green-border`. Цей клас повинен додати суцільну зелену рамку шириною 10 пікселів довкола HTML елемента. Застосуйте цей клас до фотографії кота.
+
+Пам'ятайте, що ви можете застосувати декілька класів до елемента, використовуючи його атрибут `class`, розділивши назви класів пробілами. Наприклад:
+
+```html
+<img class="class1 class2">
+```
+
+# --hints--
+
+Елемент `img` повинен мати клас `smaller-image`.
+
+```js
+assert($('img').hasClass('smaller-image'));
+```
+
+Елемент `img` повинен мати клас `thick-green-border`.
+
+```js
+assert($('img').hasClass('thick-green-border'));
+```
+
+Ваше зображення повинне мати рамку шириною `10px`.
+
+```js
+assert(
+  $('img').hasClass('thick-green-border') &&
+    parseInt($('img').css('border-top-width'), 10) >= 8 &&
+    parseInt($('img').css('border-top-width'), 10) <= 12
+);
+```
+
+Ваше зображення повинне мати стиль рамки `solid`.
+
+```js
+assert($('img').css('border-right-style') === 'solid');
+```
+
+Рамка довкола елемента `img` повинна бути зеленою.
+
+```js
+assert($('img').css('border-left-color') === 'rgb(0, 128, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .thick-green-border {
+    border-width: 10px;
+    border-color: green;
+    border-style: solid;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
new file mode 100644
index 0000000000..8b7e617b82
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
@@ -0,0 +1,136 @@
+---
+id: bad87fee1248bd9aedf08824
+title: Додати різні межі для кожної сторони елементу
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cg4RWh4'
+forumTopicId: 16633
+dashedName: add-different-margins-to-each-side-of-an-element
+---
+
+# --description--
+
+Інколи вам потрібно буде налаштувати елемент так, щоб його зовнішні відступи `margin` були різними для кожної з його сторін.
+
+CSS дозволяє контролювати параметри поля `margin` для всіх чотирьох сторін елемента окремо, використовуючи властивості `margin-top`, `margin-right`, `margin-bottom`, та `margin-left`.
+
+# --instructions--
+
+Задайте зовнішньому відступу `margin` синього прямокутника товщину `40px` для верхньої та нижньої сторін елемента і товщину `20px` для нижньої і правої сторін.
+
+# --hints--
+
+Клас `blue-box` повинен задати товщину `40px` для `margin` верхньої сторони елементів.
+
+```js
+assert($('.blue-box').css('margin-top') === '40px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` для `margin`правої сторони елементів.
+
+```js
+assert($('.blue-box').css('margin-right') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` для `margin` нижньої сторони елементів.
+
+```js
+assert($('.blue-box').css('margin-bottom') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину `40px` для `margin` лівої сторони елементів.
+
+```js
+assert($('.blue-box').css('margin-left') === '40px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    margin-top: 40px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    margin-left: 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
new file mode 100644
index 0000000000..979e9ad500
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
@@ -0,0 +1,136 @@
+---
+id: bad87fee1348bd9aedf08824
+title: Додавання різних внутрішніх відступів до кожної сторони елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cB7mwUw'
+forumTopicId: 16634
+dashedName: add-different-padding-to-each-side-of-an-element
+---
+
+# --description--
+
+Інколи вам потрібно буде налаштувати елемент так, щоб його внутрішні відступи `padding` були різними для кожної з його сторін.
+
+CSS дозволяє контролювати параметри відступу `padding` для всіх чотирьох сторін елемента окремо, використовуючи властивості `padding-top`, `padding-right`, `padding-bottom`, та `padding-left`.
+
+# --instructions--
+
+Задайте внутрішньому відступу `padding` синього прямокутника товщину `40px` для верхньої та нижньої сторін елемента і товщину `20px` для нижньої і правої сторін.
+
+# --hints--
+
+Клас `blue-box` повинен задати товщину `40px` для `padding` верхньої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-top') === '40px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` для `padding` правої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-right') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` для `padding` нижньої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-bottom') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину `40px` для `padding` лівої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-left') === '40px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding-top: 40px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
new file mode 100644
index 0000000000..4e7040d882
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
@@ -0,0 +1,164 @@
+---
+id: bad87fee1348bd9aedf08814
+title: Додавання заокруглених кутів за допомогою властивості border-radius
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cbZm2hg'
+forumTopicId: 16649
+dashedName: add-rounded-corners-with-border-radius
+---
+
+# --description--
+
+Зараз фото кішки має гострі кути. Ми можемо округлити ці кути за допомогою властивості CSS під назвою `border-radius`.
+
+# --instructions--
+
+Ви можете вказати `border-radius` в пікселях. Задайте фотографії кішки `border-radius` на `10px`.
+
+**Примітка:** це завдання допускає декілька можливих розв'язань. Наприклад, ви можете додати `border-radius` до класу `.thick-green-border`, або класу `.smaller-image`.
+
+# --hints--
+
+Елемент зображення повинен мати клас `thick-green-border`.
+
+```js
+assert($('img').hasClass('thick-green-border'));
+```
+
+Зображення повинне мати рамку з радіусом `10px`.
+
+```js
+assert(
+  $('img').css('border-top-left-radius') === '10px' &&
+    $('img').css('border-top-right-radius') === '10px' &&
+    $('img').css('border-bottom-left-radius') === '10px' &&
+    $('img').css('border-bottom-right-radius') === '10px'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+  }
+
+  .smaller-image {
+    width: 100px;
+    border-radius: 10px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
new file mode 100644
index 0000000000..d2a8efdce2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
@@ -0,0 +1,116 @@
+---
+id: bad87fee1348bd9aedf08822
+title: Налаштування зовнішнього відступу елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cVJarHW'
+forumTopicId: 16654
+dashedName: adjust-the-margin-of-an-element
+---
+
+# --description--
+
+Властивість елемента `margin` контролює відстань між межами елемента `border` й елементами, що його оточують.
+
+Тут ми бачимо, що синій та червоний прямокутники вкладені у жовтий прямокутник. Зверніть увагу, що в червоного прямокутника поля `margin` більші, ніж у синього, тому він здається меншим.
+
+Коли ви збільшуєте поле `margin` синього прямокутника, це збільшує відстань між його межею та елементами, що його оточують.
+
+# --instructions--
+
+Змініть `margin` синього прямокутника так, щоб він співпадав з полем червоного прямокутника.
+
+# --hints--
+
+Клас `blue-box` повинен задати елементам `margin` товщиною `20px`.
+
+```js
+assert($('.blue-box').css('margin-top') === '20px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+    margin: 20px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
new file mode 100644
index 0000000000..c1d2cebda3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
@@ -0,0 +1,118 @@
+---
+id: bad88fee1348bd9aedf08825
+title: Налаштування внутрішнього відступу елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cED8ZC2'
+forumTopicId: 301083
+dashedName: adjust-the-padding-of-an-element
+---
+
+# --description--
+
+Тепер давайте ненадовго відкладемо Cat Photo App і дізнаємося більше про стилізацію HTML.
+
+Ви вже, напевно, помітили, що всі елементи HTML — це, в основному, маленькі прямокутники.
+
+Є три важливі властивості, що керують простором навколо кожного елемента HTML: `padding`, `border`, і `margin`.
+
+`padding` елемента керує простором між вмістом елемента і його `border`.
+
+Тут ми бачимо, що синій та червоний прямокутники вкладені в жовтий прямокутник. Зверніть увагу, що червоний прямокутник має більший `padding`, ніж у синього.
+
+Коли ви збільшуєте `padding` синього прямокутника, це збільшує відстань (`padding`) між текстом та рамкою довкола нього.
+
+# --instructions--
+
+Змініть `padding` синього прямокутника так, щоб він співпадав з відступом у червоному прямокутнику.
+
+# --hints--
+
+Клас `blue-box` повинен задати елементам `padding` товщиною `20px`.
+
+```js
+assert($('.blue-box').css('padding-top') === '20px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 10px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 10px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 20px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
new file mode 100644
index 0000000000..b557801e68
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
@@ -0,0 +1,272 @@
+---
+id: 5a9d7286424fe3d0e10cad13
+title: Прикріплення резервного значення до змінної CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c6bDNfp'
+forumTopicId: 301084
+dashedName: attach-a-fallback-value-to-a-css-variable
+---
+
+# --description--
+
+При використанні змінної як значення властивості CSS ви можете прикріпити резервне значення, до якого повернеться браузер, якщо дана змінна виявиться недійсною.
+
+**Примітка:** цей резервний варіант не використовується для підвищення сумісності браузерів і не буде працювати в IE браузерах. Швидше за все, він використовується для того, щоб у браузера був колір для відображення, якщо він не зможе знайти вашу змінну.
+
+Ось як це зробити:
+
+```css
+background: var(--penguin-skin, black);
+```
+
+Це встановить фон в `black`, навіть якщо ваша змінна не була визначена. Зверніть увагу, що це може бути корисно для налагодження.
+
+# --instructions--
+
+Схоже, виникла проблема зі змінними, що передаються класам `.penguin-top` та `.penguin-bottom`. Замість того, щоб виправляти цю опечатку, додайте резервне значення `black` до властивості `background` класів `.penguin-top` та `.penguin-bottom`.
+
+# --hints--
+
+Резервне значення `black` потрібно використати у властивості `background` класу `penguin-top`.
+
+```js
+assert(
+  code.match(
+    /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi
+  )
+);
+```
+
+Резервне значення `black` потрібно використати у властивості `background` класу `penguin-bottom`.
+
+```js
+assert(
+  code.match(
+    /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* Change code below this line */
+    background: var(--pengiun-skin);
+    /* Change code above this line */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* Change code below this line */
+    background: var(--pengiun-skin);
+    /* Change code above this line */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background: #c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .penguin-top {
+    background: var(--pengiun-skin, black);
+  }
+  .penguin-bottom {
+    background: var(--pengiun-skin, black);
+  }
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
new file mode 100644
index 0000000000..ed0c65faa4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
@@ -0,0 +1,254 @@
+---
+id: 5a9d72a1424fe3d0e10cad15
+title: Зміна змінної величини для певної області
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cdRwbuW'
+forumTopicId: 301085
+dashedName: change-a-variable-for-a-specific-area
+---
+
+# --description--
+
+Коли ви створюєте ваші змінні в `:root`, вони установлять значення змінної величини для цілої сторінки.
+
+Ви можете перезаписати ці змінні вставивши їх знову у спеціальний елемент.
+
+# --instructions--
+
+Змініть значення `--penguin-belly` на `white` в класі `penguin`.
+
+# --hints--
+
+Клас `penguin` повинен перерозподілити змінну `--penguin-belly` і надати їй значення `white`.
+
+```js
+assert(
+  code.match(/\.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi)
+);
+```
+
+Клас `penguin` не повинен містити властивість `background-color`
+
+```js
+assert(
+  code.match(/^((?!background-color\s*?:\s*?)[\s\S])*$/g)
+);
+```
+
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  :root {
+    --penguin-skin: gray;
+    --penguin-belly: pink;
+    --penguin-beak: orange;
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    /* Only change code below this line */
+
+    /* Only change code above this line */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, pink);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, pink);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+.penguin {--penguin-belly: white;}
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-color-of-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-color-of-text.md
new file mode 100644
index 0000000000..6c4aa768c0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-color-of-text.md
@@ -0,0 +1,122 @@
+---
+id: bad87fee1348bd9aedf08803
+title: Зміна кольору тексту
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cRkVmSm'
+forumTopicId: 16775
+dashedName: change-the-color-of-text
+---
+
+# --description--
+
+Тепер змінимо колір частини нашого тексту.
+
+Це можна зробити, змінивши `style` вашого елемента `h2`.
+
+Властивість, яка відповідає за колір тексту елемента є властивістю стилю `color`.
+
+Ось як ви могли б встановити текст вашого `h2` елемента синій:
+
+```html
+<h2 style="color: blue;">CatPhotoApp</h2>
+```
+
+Зауважте, що добре було б закінчувати вбудовані оголошення `style` символом `;`.
+
+# --instructions--
+
+Змініть стиль вашого елемента `h2`, щоб його колір був червоним.
+
+# --hints--
+
+Елемент `h2` повинен мати атрибут `style`.
+
+```js
+assert($('h2').attr('style'));
+```
+
+Ваш елемент `h2` повинен мати встановленим `red` колір.
+
+```js
+assert($('h2')[0].style.color === 'red');
+```
+
+Атрибут вашого `style` повинен закінчуватись символом `;`.
+
+```js
+assert($('h2').attr('style') && $('h2').attr('style').endsWith(';'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2 style="color: red;">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
new file mode 100644
index 0000000000..ae92a64a07
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
@@ -0,0 +1,119 @@
+---
+id: bad87fee1348bd9aedf08806
+title: Зміна розміру шрифту для елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c3bvDc8'
+forumTopicId: 16777
+dashedName: change-the-font-size-of-an-element
+---
+
+# --description--
+
+Розмір шрифту контролюється властивістю CSS `font-size`, наприклад:
+
+```css
+h1 {
+  font-size: 30px;
+}
+```
+
+# --instructions--
+
+Всередині того ж тегу `<style>`, який містить клас `red-text`, створити запис для елементів `p` і встановити `font-size` 16 пікселів (`16px`).
+
+# --hints--
+
+Між тегами `style` встановіть елементам `p``font-size` рівним `16px`. Масштаб браузера та тексту повинні бути 100%.
+
+```js
+assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
new file mode 100644
index 0000000000..006a5caa56
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
@@ -0,0 +1,241 @@
+---
+id: 5a9d726c424fe3d0e10cad11
+title: Використання змінної користувача CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cQd27Hr'
+forumTopicId: 301086
+dashedName: create-a-custom-css-variable
+---
+
+# --description--
+
+Щоб створити змінну CSS, вам просто потрібно назвати її з двома дефісами перед нею і надати їй ось таке значення:
+
+```css
+--penguin-skin: gray;
+```
+
+Це створить змінну з назвою `--penguin-skin` і надасть їй значення `gray`. Тепер ви можете використовувати цю змінну в іншому місці вашого CSS, щоб змінювати значення інших елементів на сірий.
+
+# --instructions--
+
+У класі `penguin` створіть назву змінної `--penguin-skin` і надайте їй значення `gray`.
+
+# --hints--
+
+Клас `penguin` повинен створити змінну `--penguin-skin` і присвоїти їй значення `gray`.
+
+```js
+assert(
+  code.match(/\.penguin\s*\{[^{}]*?--penguin-skin\s*:\s*gr[ae]y\s*;[^{}]*?\}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .penguin {
+    /* Only change code below this line */
+
+    /* Only change code above this line */
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: black;
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: black;
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: black;
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.penguin {--penguin-skin: gray;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
new file mode 100644
index 0000000000..a1d8139aec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
@@ -0,0 +1,176 @@
+---
+id: bad87fed1348bd9aede07836
+title: Встановлення фонового кольору елементу div
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cdRKMCk'
+forumTopicId: 18190
+dashedName: give-a-background-color-to-a-div-element
+---
+
+# --description--
+
+Ви можете встановити фоновий колір елемента за допомогою `background-color`.
+
+Наприклад, якщо ви хочете, щоб фоновий колір елемента був `green`, то вам слід вставити це на `style` свого елемента:
+
+```css
+.green-background {
+  background-color: green;
+}
+```
+
+# --instructions--
+
+Створіть клас з назвою `silver-background` з `silver` `background-color`. Призначте цей клас вашому `div` елементу.
+
+# --hints--
+
+Елемент `div` повинен мати клас `silver-background`.
+
+```js
+assert($('div').hasClass('silver-background'));
+```
+
+Елемент `div` повинен мати сірий фоновий колір.
+
+```js
+assert($('div').css('background-color') === 'rgb(192, 192, 192)');
+```
+
+Клас з назвою `silver-background` має бути визначений в елементі `style`, а значення `silver` має бути призначено властивості `background-color`.
+
+```js
+assert(code.match(/\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\s*}/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/import-a-google-font.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/import-a-google-font.md
new file mode 100644
index 0000000000..1300653a33
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/import-a-google-font.md
@@ -0,0 +1,175 @@
+---
+id: bad87fee1348bd9aedf08807
+title: Імпорт шрифтів з Google Font
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cM9MRsJ'
+forumTopicId: 18200
+dashedName: import-a-google-font
+---
+
+# --description--
+
+На доповнення до загальних шрифтів, які є в більшості операційних систем, ми також можемо встановити нестандартні, користувацькі веб-шрифти для використання на нашому сайті. У Інтернеті існує багато джерел веб-шрифтів. Але для прикладу ми використаємо бібліотеку Google Fonts.
+
+[Google Fonts](https://fonts.google.com/) є безкоштовною бібліотекою веб-шрифтів, які можна використати у CSS, посилаючись на URL-адресу шрифту.
+
+Що ж, давайте почнемо імпортувати і застосувати шрифт Google (зауважте, що якщо Google заблокований у вашій країні, то вам потрібно пропустити це завдання).
+
+Щоб імпортувати шрифт Google, можна скопіювати URL-адресу шрифту з бібліотеки Google Fonts, а потім вставити її у свій HTML. У цьому завданні ми імпортуємо шрифт `Lobster`. Для цього скопіюйте наступний фрагмент коду і вставте його у верхній частині вашого редактора коду (перед відкриттям елемента `style`):
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+```
+
+Тепер ви можете використовувати шрифт `Lobster` у вашому CSS, скориставшись `Lobster` як FAMILY_NAME як і у прикладі нижче:
+
+```css
+font-family: FAMILY_NAME, GENERIC_NAME;
+```
+
+GENERIC_NAME не є обов'язковим, і є резервним шрифтом, якщо інший вказаний шрифт недоступний. Це розглядається в наступному завданні.
+
+Назви шрифтів чутливі до регістру і повинні бути поміщені в лапки, якщо у назві є пробіл. Наприклад, вам потрібні лапки для використання шрифту `"Open Sans"`, але для шрифту `Lobster` — ні.
+
+# --instructions--
+
+Імпортуйте шрифт `Lobster` на вашу веб-сторінку. Потім скористайтеся селектором елементів для встановлення `Lobster` у якості `font-family` для вашого елемента `h2`.
+
+# --hints--
+
+Вам слід імпортувати шрифт `Lobster`.
+
+```js
+assert($('link[href*="googleapis" i]').length);
+```
+
+Елемент `h2` має використовувати шрифт `Lobster`.
+
+```js
+assert(
+  $('h2')
+    .css('font-family')
+    .match(/lobster/i)
+);
+```
+
+Ви повинні використовувати селектор елементу `h2`, щоб змінити шрифт.
+
+```js
+assert(
+  /\s*[^\.]h2\s*\{\s*font-family\s*:\s*('|"|)Lobster\1\s*(,\s*('|"|)[a-z -]+\3\s*)?(;\s*\}|\})/gi.test(
+    code
+  )
+);
+```
+
+Елемент `p` все ще повинен використовувати шрифт `monospace`.
+
+```js
+assert(
+  $('p')
+    .css('font-family')
+    .match(/monospace/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
new file mode 100644
index 0000000000..ee31640222
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
@@ -0,0 +1,70 @@
+---
+id: 5b7d72c338cd7e35b63f3e14
+title: Покращення сумісності із застосуванням резервних значень для браузера
+challengeType: 0
+videoUrl: ''
+forumTopicId: 301087
+dashedName: improve-compatibility-with-browser-fallbacks
+---
+
+# --description--
+
+Під час роботи з CSS ви, ймовірно, в якийсь момент стикнетеся з проблемами сумісності браузерів. Ось чому важливо забезпечувати резервні значення для браузера, щоб уникнути можливих проблем.
+
+Коли браузер аналізує CSS веб-сторінки, він ігнорує всі властивості, які він не розпізнає чи не підтримує. Наприклад, якщо ви використовуєте змінну CSS, щоб призначити колір фону на сайті, Internet Explorer проігнорує цей колір, адже він не підтримує змінні CSS. В такому випадку, браузер буде використовувати будь-яке значення, яке він має для цієї властивості. Якщо він не може знайти іншого значення, встановленого для цієї властивості, то повернеться до стандартного значення, що часто є неідеальним.
+
+Це означає, що, якщо ви хочете забезпечити "резерв" браузера, то достатньо вказати інше, більш широко підтримуване значення безпосередньо перед об'явою. Таким чином, старому браузерові буде на що спертися, а новіший просто інтерпретує ту об'яву, що йде далі в каскаді.
+
+# --instructions--
+
+Схоже, що змінна використовується, щоб встановити колір фону в класі `.red-box` class. Давайте покращимо сумісність браузерів, додавши ще одну об'яву `background`, прямо перед вже існуючою і встановивши їй значення `red`.
+
+# --hints--
+
+Правило `.red-box` повинне включати резервне значення `background` з параметром `red`, безпосередньо перед існуючою об'явою `background`.
+
+```js
+assert(
+  code
+    .replace(/\s/g, '')
+    .match(
+      /\.red-box{background:(red|#ff0000|#f00|rgb\(255,0,0\)|rgb\(100%,0%,0%\)|hsl\(0,100%,50%\));background:var\(--red-color\);height:200px;width:200px;}/gi
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+```
+
+# --solutions--
+
+```html
+<style>
+  :root {
+    --red-color: red;
+  }
+  .red-box {
+    background: red;
+    background: var(--red-color);
+    height: 200px;
+    width:200px;
+  }
+</style>
+<div class="red-box"></div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-css-variables.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-css-variables.md
new file mode 100644
index 0000000000..94cf012ca8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-css-variables.md
@@ -0,0 +1,244 @@
+---
+id: 5a9d7295424fe3d0e10cad14
+title: Успадкування змінних CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cyLZZhZ'
+forumTopicId: 301088
+dashedName: inherit-css-variables
+---
+
+# --description--
+
+Коли ви створюєте змінну, то можете використовувати її всередині селектора, в якому її створили. Вона також доступна в будь-якому з нащадків цього селектора. Це відбувається, бо змінні CSS успадковуються, так само як і звичайні властивості.
+
+Щоб скористатися успадкуванням, змінні CSS часто визначають в елементі <dfn>:root</dfn>.
+
+`:root` це селектор псевдокласу <dfn>pseudo-class</dfn>, що відповідає кореневому елементу документа, зазвичай елементу `html`. Змінні, створені в `:root` будуть доступні глобально і до них можна буде звернутися з будь-якого іншого селектора в таблиці стилів.
+
+# --instructions--
+
+Визначте змінну під назвою `--penguin-belly` в селекторі `:root` і задайте їй значення `pink`. Потім ви побачите, що ця змінна успадковується і всі дочірні елементи, що використовують її, отримають рожевий фон.
+
+# --hints--
+
+Змінну `--penguin-belly` потрібно об'явити в псевдокласі `:root` і присвоїти їй значення `pink`.
+
+```js
+assert(
+  code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  :root {
+    /* Only change code below this line */
+
+    /* Only change code above this line */
+  }
+
+  body {
+    background: var(--penguin-belly, #c6faf1);
+  }
+
+  .penguin {
+    --penguin-skin: gray;
+    --penguin-beak: orange;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>:root {--penguin-belly: pink;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
new file mode 100644
index 0000000000..f9d32aa912
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
@@ -0,0 +1,111 @@
+---
+id: bad87fee1348bd9aedf08746
+title: Успадкування стилів від елемента body
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c9bmdtR'
+forumTopicId: 18204
+dashedName: inherit-styles-from-the-body-element
+---
+
+# --description--
+
+Тепер ми довели, що кожна HTML сторінка має елемент `body` і що він також може бути `body` оформлений за допомогою CSS.
+
+Пам'ятайте, що ви можете оформляти елемент `body` як і будь-який інший елемент HTML і всі наступні елементи успадкують стилі `body`.
+
+# --instructions--
+
+Спершу створіть елемент `h1` з текстом `Hello World`
+
+Тепер, давайте задамо всім елементам на сторінці колір `green`, додавши `color: green;` до об'яви стилю елемента `body`.
+
+Нарешті, задайте елементу `body` шрифт `monospace`, додавши `font-family: monospace;` до об'яви стилю елемента `body`.
+
+# --hints--
+
+Ви повинні створити елемент `h1`.
+
+```js
+assert($('h1').length > 0);
+```
+
+Елемент `h1` повинен мати текст `Hello World`.
+
+```js
+assert(
+  $('h1').length > 0 &&
+    $('h1')
+      .text()
+      .match(/hello world/i)
+);
+```
+
+Елемент `h1` повинен мати кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/h1>/g) &&
+    code.match(/<h1/g) &&
+    code.match(/<\/h1>/g).length === code.match(/<h1/g).length
+);
+```
+
+Елемент `body` повинен мати властивість `color` встановленою з `green`.
+
+```js
+assert($('body').css('color') === 'rgb(0, 128, 0)');
+```
+
+Елемент `body` повинен мати властивість `font-family` встановленою з `monospace`.
+
+```js
+assert(
+  $('body')
+    .css('font-family')
+    .match(/monospace/i)
+);
+```
+
+Елемент `h1` повинен успадкувати шрифт `monospace` від елемента `body`.
+
+```js
+assert(
+  $('h1').length > 0 &&
+    $('h1')
+      .css('font-family')
+      .match(/monospace/i)
+);
+```
+
+Елемент `h1` повинен успадкувати зелений колір від елемента `body`.
+
+```js
+assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+
+</style>
+<h1>Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
new file mode 100644
index 0000000000..fb9f8c3f62
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
@@ -0,0 +1,159 @@
+---
+id: bad87fee1348bd9aedf08815
+title: Створіть круглі зображення з радіусом, що межує
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MvrcB'
+forumTopicId: 18229
+dashedName: make-circular-images-with-a-border-radius
+---
+
+# --description--
+
+В додаток до пікселів, ви також можете вказати `border-radius`, використовуючи відсоткові відношення.
+
+# --instructions--
+
+Задайте світлину з котом `border-radius` на `50%`.
+
+# --hints--
+
+Ваше зображення має радіус, що межує з `50%`, роблячи його при цьому ідеально круглим.
+
+```js
+assert(parseInt($('img').css('border-top-left-radius')) > 48);
+```
+
+Значення `border-radius` повинне використовувати відсоткове відношення значення `50%`.
+
+```js
+assert(code.match(/50%/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 10px;
+  }
+
+  .smaller-image {
+    width: 100px;
+    border-radius: 50%;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
new file mode 100644
index 0000000000..4ad668203b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
@@ -0,0 +1,114 @@
+---
+id: bad87fee1348bd9aedf07756
+title: Заміна всіх інших стилів за допомогою Important
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cm24rcp'
+forumTopicId: 18249
+dashedName: override-all-other-styles-by-using-important
+---
+
+# --description--
+
+Ура! Ми щойно довели, що вбудовані стилі заміняють усі об'яви в елементі `style`.
+
+Але зачекайте. Є ще один, останній спосіб замінити CSS. Це - найпотужніший зі всіх методів. Але перш ніж ми це зробимо, давайте поговоримо про те, чому вам коли-небудь треба буде замінити CSS.
+
+У багатьох ситуаціях ви будете використовувати бібліотеки CSS. Вони можуть випадково замінити ваш власний CSS. Тому, коли вам потрібно бути цілком упевненим, що елемент повинен мати певний CSS, ви можете використати `!important`.
+
+Давайте повернемося до нашої об'яви класу `pink-text`. Пам'ятайте, що клас `pink-text` був замінений наступними об'явами класів, об'явами id та вбудованими стилями.
+
+# --instructions--
+
+Давайте додамо ключове слово `!important` в об'яву кольору елемента pink-text, аби впевнитися на 100%, що елемент `h1` буде рожевим.
+
+Ось приклад того, як це зробити:
+
+```css
+color: red !important;
+```
+
+# --hints--
+
+Елемент `h1` повинен мати клас `pink-text`.
+
+```js
+assert($('h1').hasClass('pink-text'));
+```
+
+Елемент `h1` повинен мати клас `blue-text`.
+
+```js
+assert($('h1').hasClass('blue-text'));
+```
+
+Елемент `h1` повинен мати `id` з `orange-text`.
+
+```js
+assert($('h1').attr('id') === 'orange-text');
+```
+
+Елемент `h1` повинен мати вбудований стиль `color: white`.
+
+```js
+assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi));
+```
+
+Об'ява класу `pink-text` повинна мати ключове слово `!important`, щоб замінити усі інші об'яви.
+
+```js
+assert(
+  code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g)
+);
+```
+
+Елемент `h1` має бути рожевим.
+
+```js
+assert($('h1').css('color') === 'rgb(255, 192, 203)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink !important;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
new file mode 100644
index 0000000000..620e57cada
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
@@ -0,0 +1,123 @@
+---
+id: bad87fee1348bd8aedf06756
+title: Заміна об'яв класів за стилем атрибутів ID
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cRkpDhB'
+forumTopicId: 18251
+dashedName: override-class-declarations-by-styling-id-attributes
+---
+
+# --description--
+
+Ми щойно довели, що браузери читають CSS зверху вниз в порядку їх об'яв. Це означає, що, у випадку конфлікту, браузер використає ту об'яву CSS, що вказана останньою. Зверніть увагу, що навіть якби ми поставили `blue-text` перед `pink-text` у класах елемента `h1`, він все одно б орієнтувався на порядок об'яв, а не на порядок їх використання!
+
+Але ми ще не закінчили. Є й інші способи замінити CSS. Пригадуєте атрибути id?
+
+Давайте замінимо класи `pink-text` та `blue-text` і зробимо елемент `h1` оранжевим, надавши елементу the `h1` id, і згодом стилізуємо цей id.
+
+# --instructions--
+
+Задайте елементу `h1` атрибут `id` `orange-text`. Пам'ятайте, що стилі id виглядають так:
+
+```html
+<h1 id="orange-text">
+```
+
+Залишіть класи `blue-text` та `pink-text` на елементі `h1`.
+
+Створіть об'яву CSS для id `orange-text` в елементі `style`. Ось приклад того, як це виглядає:
+
+```css
+#brown-text {
+  color: brown;
+}
+```
+
+**Примітка:** Не важливо чи ви об'явите цей CSS вище або нижче класу `pink-text`, оскільки атрибут `id` завжди матиме пріоритет.
+
+# --hints--
+
+Елемент `h1` повинен мати клас `pink-text`.
+
+```js
+assert($('h1').hasClass('pink-text'));
+```
+
+Елемент `h1` повинен мати клас `blue-text`.
+
+```js
+assert($('h1').hasClass('blue-text'));
+```
+
+Елемент `h1` повинен мати id `orange-text`.
+
+```js
+assert($('h1').attr('id') === 'orange-text');
+```
+
+Має бути лише один елемент `h1`.
+
+```js
+assert($('h1').length === 1);
+```
+
+Id `orange-text` повинен мати об'яву CSS.
+
+```js
+assert(code.match(/#orange-text\s*{/gi));
+```
+
+Елемент `h1` не повинен мати жодних атрибутів `style`.
+
+```js
+assert(!code.match(/<h1.*style.*>/gi));
+```
+
+Елемент `h1` повинен бути оранжевим.
+
+```js
+assert($('h1').css('color') === 'rgb(255, 165, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+  #orange-text {
+    color: orange;
+  }  
+</style>
+<h1 id="orange-text"  class="pink-text blue-text">Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
new file mode 100644
index 0000000000..c86ad7a939
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
@@ -0,0 +1,102 @@
+---
+id: bad87fee1348bd9aedf06756
+title: Заміна об'яв класів за допомогою вбудованих стилів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cGJDRha'
+forumTopicId: 18252
+dashedName: override-class-declarations-with-inline-styles
+---
+
+# --description--
+
+Отож, ми довели, що об'яви id заміняють об'яви класів, незалежно від того, де вони об'явлені у вашому елементі CSS `style`.
+
+Є й інші способи замінити CSS. Пригадуєте вбудовані стилі?
+
+# --instructions--
+
+Скористайтеся вбудованим стилем, щоб спробувати зробити елемент `h1` білим. Пам'ятайте, що вбудовані стилі виглядають отак:
+
+```html
+<h1 style="color: green;">
+```
+
+Залишіть класи `blue-text` та `pink-text` на елементі `h1`.
+
+# --hints--
+
+Елемент `h1` повинен мати клас `pink-text`.
+
+```js
+assert($('h1').hasClass('pink-text'));
+```
+
+Елемент `h1` повинен мати клас `blue-text`.
+
+```js
+assert($('h1').hasClass('blue-text'));
+```
+
+Елемент `h1` повинен мати id `orange-text`.
+
+```js
+assert($('h1').attr('id') === 'orange-text');
+```
+
+Елемент `h1` повинен мати вбудований стиль.
+
+```js
+assert(document.querySelector('h1[style]'));
+```
+
+Елемент `h1` повинен бути білим.
+
+```js
+assert($('h1').css('color') === 'rgb(255, 255, 255)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  #orange-text {
+    color: orange;
+  }
+  .pink-text {
+    color: pink;
+  }
+  .blue-text {
+    color: blue;
+  }
+</style>
+<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
new file mode 100644
index 0000000000..0ded4c906f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
@@ -0,0 +1,94 @@
+---
+id: bad87fee1348bd9aedf04756
+title: Заміна стилів в послідовних CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cGJDQug'
+forumTopicId: 18253
+dashedName: override-styles-in-subsequent-css
+---
+
+# --description--
+
+Клас `pink-text` замінив об'яву елемента CSS `body`!
+
+Ми щойно довели, що наші класи замінятимуть CSS елемента `body`. Тому, наступне логічне питання: що можна зробити, аби замінити клас `pink-text`?
+
+# --instructions--
+
+Створіть додатковий клас CSS під назвою `blue-text`, який надасть елементу синього кольору. Упевніться, що він знаходиться нижче об'яви класу `pink-text`.
+
+Застосуйте клас `blue-text` до елемента `h1` на додачу до класу `pink-text` і погляньмо хто ж з них переможе.
+
+Застосувати декілька атрибутів класу до елемента HTML можна за допомогою пробілу між ними таким чином:
+
+```html
+class="class1 class2"
+```
+
+**Примітка:** Порядок, в якому перераховані класи в HTML елементі не має значення.
+
+Натомість, порядок об'яв `class` у розділі `<style>` має велике значення. Друга об'ява завжди буде мати пріоритет над першою. Оскільки `.blue-text` об'явлений другим, він заміняє атрибути `.pink-text`
+
+# --hints--
+
+Елемент `h1` повинен мати клас `pink-text`.
+
+```js
+assert($('h1').hasClass('pink-text'));
+```
+
+Елемент `h1` повинен мати клас `blue-text`.
+
+```js
+assert($('h1').hasClass('blue-text'));
+```
+
+Обидва класи `blue-text` та `pink-text` повинні належати одному елементу `h1`.
+
+```js
+assert($('.pink-text').hasClass('blue-text'));
+```
+
+Елемент `h1` повинен бути синім.
+
+```js
+assert($('h1').css('color') === 'rgb(0, 0, 255)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+
+  .blue-text {
+    color: blue;
+  }  
+</style>
+<h1 class="pink-text blue-text">Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
new file mode 100644
index 0000000000..7829de8eba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
@@ -0,0 +1,73 @@
+---
+id: bad87fee1348bd9aedf08756
+title: Пріоритет використання стилів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cZ8wnHv'
+forumTopicId: 18258
+dashedName: prioritize-one-style-over-another
+---
+
+# --description--
+
+Іноді елементи HTML отримуватимуть декілька стилів, що суперечать один одному.
+
+Наприклад, ваш елемент `h1` не може бути одночасно і зеленим, і рожевим.
+
+Подивимось, що трапиться коли ми створимо клас, який робить текст рожевим, потім застосуємо його до елемента. Чи зможе наш клас *змінити* властивість CSS `color: green;` нашого `body` елемента?
+
+# --instructions--
+
+Створіть клас CSS, який називається `pink-text` що надає елементу рожевого кольору.
+
+Присвойте вашому елементу `h1` клас `pink-text`.
+
+# --hints--
+
+Ваш елемент `h1` повинен мати клас `pink-text`.
+
+```js
+assert($('h1').hasClass('pink-text'));
+```
+
+Ваш `<style>` повинен мати CSS клас `pink-text`, що змінює `color`.
+
+```js
+assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;?\s*\}/g));
+```
+
+Ваш елемент `h1` повинен бути рожевим.
+
+```js
+assert($('h1').css('color') === 'rgb(255, 192, 203)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+</style>
+<h1>Hello World!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: black;
+    font-family: monospace;
+    color: green;
+  }
+  .pink-text {
+    color: pink;
+  }
+</style>
+<h1 class="pink-text">Hello World!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
new file mode 100644
index 0000000000..5697366af2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
@@ -0,0 +1,132 @@
+---
+id: bad87fee1348bd9aede08807
+title: Встановіть сімейство шрифтів елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c3bvpCg'
+forumTopicId: 18278
+dashedName: set-the-font-family-of-an-element
+---
+
+# --description--
+
+Ви можете налаштувати шрифт, який використовує елемент, за допомогою властивості `font-family`.
+
+Наприклад, якби ви хотіли встановити шрифт `sans-serif` для елемента `h2`, ви б використали такі CSS:
+
+```css
+h2 {
+  font-family: sans-serif;
+}
+```
+
+# --instructions--
+
+Встановіть шрифт `monospace` для всіх елементів `p`.
+
+# --hints--
+
+Елементи `p` повинні використовувати шрифт `monospace`.
+
+```js
+assert(
+  $('p')
+    .not('.red-text')
+    .css('font-family')
+    .match(/monospace/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-id-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
new file mode 100644
index 0000000000..eed2f7b89c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
@@ -0,0 +1,170 @@
+---
+id: bad87eee1348bd9aede07836
+title: Встановіть id елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cN6MEc2'
+forumTopicId: 18279
+dashedName: set-the-id-of-an-element
+---
+
+# --description--
+
+Окрім класів, кожен елемент HTML може мати атрибут `id`.
+
+Існує декілька переваг використання атрибутів `id`: можна використовувати `id` для стилізації окремого елемента, а пізніше ви навчитеся послуговуватися ними, щоб обирати та змінювати специфічні елементи за допомогою JavaScript.
+
+Атрибути `id` повинні бути унікальними. Це не є обов'язковим у браузерах, але вважається найкращим варіантом. Тож намагайтеся не надавати атрибут `id` більше, ніж одному елементу.
+
+Ось приклад того, як надати елементу `h2` id `cat-photo-app`:
+
+```html
+<h2 id="cat-photo-app">
+```
+
+# --instructions--
+
+Надайте елементу `form` id `cat-photo-form`.
+
+# --hints--
+
+Елемент `form` повинен мати id `cat-photo-form`.
+
+```js
+assert($('form').attr('id') === 'cat-photo-form');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/size-your-images.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/size-your-images.md
new file mode 100644
index 0000000000..62475903f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/size-your-images.md
@@ -0,0 +1,155 @@
+---
+id: bad87fee1348bd9acdf08812
+title: Визначте розмір ваших зображень
+challengeType: 0
+forumTopicId: 18282
+dashedName: size-your-images
+---
+
+# --description--
+
+CSS має властивість під назвою `width`, яка контролює ширину елемента. Так само, як і зі шрифтами, ми будемо використовувати `px` (пікселі), щоб вказати на ширину зображення.
+
+Наприклад, якби ми хотіли створити CSS клас під назвою `larger-image`, що дав HTML елементи шириною 500 пікселів, ми б використали:
+
+```html
+<style>
+  .larger-image {
+    width: 500px;
+  }
+</style>
+```
+
+# --instructions--
+
+Створіть клас під назвою `smaller-image` і використайте його, щоб змінити розмір зображення так, щоб воно було лише 100 пікселів в ширину.
+
+# --hints--
+
+Ваш елемент `img` повинен мати клас `smaller-image`.
+
+```js
+assert(
+  $("img[src='https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg']").attr('class')
+    .trim().split(/\s+/g).includes('smaller-image')
+);
+```
+
+Ваше зображення повинне бути 100 пікселів в ширину.
+
+```js
+assert(
+  $('img').width() < 200 &&
+    code.match(/\.smaller-image\s*{\s*width\s*:\s*100px\s*(;\s*}|})/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
new file mode 100644
index 0000000000..32d77ad5c6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
@@ -0,0 +1,172 @@
+---
+id: bad87fee1348bd9aedf08808
+title: Вкажіть як правильно використовувати шрифти в порядку їх доступності
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cpVKBfQ'
+forumTopicId: 18304
+dashedName: specify-how-fonts-should-degrade
+---
+
+# --description--
+
+У всіх браузерах є декілька доступних шрифтів за замовчуванням. Ці основні групи шрифтів включають `monospace`, `serif` and `sans-serif`.
+
+Якщо один шрифт недоступний, на браузері ви можете натиснути "degrade", щоб обрати інший шрифт.
+
+Наприклад, ви б хотіли, щоб елемент використав шрифт `Helvetica`, але якщо шрифт`Helvetica` недоступний, тоді переходив на `sans-serif`, вам слід записати інструкцію таким чином:
+
+```css
+p {
+  font-family: Helvetica, sans-serif;
+}
+```
+
+Звичайні назви типів шрифтів не є чутливими до регістру символів. Також, вони не потребують лапок, тому що є ключовими словами CSS.
+
+# --instructions--
+
+Спершу, застосуйте шрифт `monospace` до елемента `h2`, так щоб тепер у ньому було два шрифти - `Lobster` і `monospace`.
+
+В останньому завданні, ви завантажили шрифт `Lobster`, використовуючи тег `link`. Тепер прокоментуйте імпорт шрифту `Lobster` (з коментарями HTML, які ти вивчив раніше) в Google шрифтах так, щоб він більше не був доступним. Зверніть увагу на те, як ваш елемент `h2` перетворюється у шрифт `monospace`.
+
+**Note:** Якщо ви маєте шрифт `Lobster`, встановлений на вашому комп'ютері, ви не побачите заміни шрифту, тому що ваш браузер може знайти цей шрифт.
+
+# --hints--
+
+Ваш h2 елемент повинен використовувати шрифт `Lobster`.
+
+```js
+assert(
+  $('h2')
+    .css('font-family')
+    .match(/^"?lobster/i)
+);
+```
+
+Ваш елемент h2 повинен знижуватися до шрифту `monospace`, коли `Lobster` недоступний.
+
+```js
+assert(
+  /\s*h2\s*\{\s*font-family\s*\:\s*(\'|"|)Lobster\1\s*,\s*monospace\s*;?\s*\}/gi.test(
+    code
+  )
+);
+```
+
+Закоментуйте своє підключення в Google за шрифтом `Lobster`, помістивши перед тим `<!--`.
+
+```js
+assert(new RegExp('<!--[^fc]', 'gi').test(code));
+```
+
+Вам потрібно закрити ваш коментар, додавши `-->`.
+
+```js
+assert(new RegExp('[^fc]-->', 'gi').test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<!--<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">-->
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
new file mode 100644
index 0000000000..9f96ac741d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
@@ -0,0 +1,133 @@
+---
+id: bad87fee1348bd9aefe08806
+title: Стилізуйте декілька елементів за допомогою класу CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cRkVbsQ'
+forumTopicId: 18311
+dashedName: style-multiple-elements-with-a-css-class
+---
+
+# --description--
+
+Класи дозволяють вам використовувати однакові стилі CSS на різних елементах HTML. Це можна побачити, застосувавши клас `red-text` до першого елемента `p`.
+
+# --hints--
+
+Елемент `h2` повинен бути червоним.
+
+```js
+assert($('h2').css('color') === 'rgb(255, 0, 0)');
+```
+
+Елемент `h2` повинен мати клас `red-text`.
+
+```js
+assert($('h2').hasClass('red-text'));
+```
+
+Перший елемент `p` повинен бути червоним.
+
+```js
+assert($('p:eq(0)').css('color') === 'rgb(255, 0, 0)');
+```
+
+Другий і третій елементи `p` не повинні бути червоними.
+
+```js
+assert(
+  !($('p:eq(1)').css('color') === 'rgb(255, 0, 0)') &&
+    !($('p:eq(2)').css('color') === 'rgb(255, 0, 0)')
+);
+```
+
+Перший елемент `p` повинен мати клас `red-text`.
+
+```js
+assert($('p:eq(0)').hasClass('red-text'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-the-html-body-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-the-html-body-element.md
new file mode 100644
index 0000000000..d5598d9fc0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/style-the-html-body-element.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aedf08736
+title: Стилізуйте елемент HTML body
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cB77PHW'
+forumTopicId: 18313
+dashedName: style-the-html-body-element
+---
+
+# --description--
+
+Тепер давайте розпочнемо знову і поговоримо про наслідування CSS.
+
+Кожна сторінка HTML містить елемент `body`.
+
+# --instructions--
+
+Можна довести існування елемента `body` тут, надавши йому чорний фоновий колір `background-color`.
+
+Це можна зробити, додавши наступне до нашого елемента `style`:
+
+```css
+body {
+  background-color: black;
+}
+```
+
+# --hints--
+
+Елемент `body` повинен мати чорний фоновий колір `background-color`.
+
+```js
+assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+```
+
+Правило CSS має бути належним чином відформатовано; з фігурними дужками, що його відкривають і закривають.
+
+```js
+assert(
+  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
+);
+```
+
+Правило CSS має закінчуватися крапкою з комою.
+
+```js
+assert(
+  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+body {
+  background-color: black;
+}
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
new file mode 100644
index 0000000000..41546b0de6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
@@ -0,0 +1,123 @@
+---
+id: bad82fee1322bd9aedf08721
+title: Розуміння різниці між абсолютними і відносними одиницями
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cN66JSL'
+forumTopicId: 301089
+dashedName: understand-absolute-versus-relative-units
+---
+
+# --description--
+
+В кількох останніх завданнях ви встановлювали зовнішній чи внутрішній відступи елемента в пікселях(`px`). Пікселі - це одиниця довжини, яка вказує браузерові розмір чи місце елемента. На додачу до `px`, CSS має набір різних варіантів одиниць довжини, які можна використовувати.
+
+Є два основних типи одиниць довжини - абсолютні та відносні. Абсолютні одиниці пов'язані з фізичними одиницями довжини. Наприклад, `in` і `mm` означають дюйми і міліметри, відповідно. Абсолютні одиниці довжини приблизно відповідають реальним вимірам на екрані, але є деякі відмінності залежно від роздільної здатності екрана.
+
+Відносні одиниці, такі як `em` чи `rem` відносяться до іншого значення довжини. Наприклад, `em` базується на розмірі шрифту елемента. Якщо ви використовуєте її для встановлення самої властивості `font-size`, вона буде відносною стосовно батьківської `font-size`.
+
+**Примітка:** Існує кілька варіантів відносних одиниць, пов'язаних з розміром області огляду. Вони представлені в розділі "Принципи адаптивного веб-дизайну".
+
+# --instructions--
+
+Додайте властивість `padding` до елемента з класом `red-box` і встановіть її в `1.5em`.
+
+# --hints--
+
+Клас `red-box` повинен мати властивість `padding`.
+
+```js
+assert(
+  $('.red-box').css('padding-top') != '0px' &&
+    $('.red-box').css('padding-right') != '0px' &&
+    $('.red-box').css('padding-bottom') != '0px' &&
+    $('.red-box').css('padding-left') != '0px'
+);
+```
+
+Клас `red-box` повинен задати елементам `padding` в 1.5em.
+
+```js
+assert(code.match(/\.red-box\s*?{[\s\S]*padding\s*:\s*?1\.5em/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: red;
+    margin: 20px 40px 20px 40px;
+    padding: 1.5em;
+  }
+
+  .green-box {
+    background-color: green;
+    margin: 20px 40px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box green-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
new file mode 100644
index 0000000000..e4c874fa14
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
@@ -0,0 +1,142 @@
+---
+id: bad87fee1348bd9aecf08806
+title: Використання класу CSS для стилізації елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c2MvDtV'
+forumTopicId: 18337
+dashedName: use-a-css-class-to-style-an-element
+---
+
+# --description--
+
+Класи - це повторно використовувані стилі, котрі можуть бути доданими в елементи HTML.
+
+Ось приклад об'яви класу CSS:
+
+```html
+<style>
+  .blue-text {
+    color: blue;
+  }
+</style>
+```
+
+Ви можете побачити, що ми створили клас CSS під назвою `blue-text` в межах тегу `<style>`. Ви можете застосувати клас до елемента HTML ось так: `<h2 class="blue-text">CatPhotoApp</h2>`. Зверніть увагу, що в елементі CSS `style`, назви класів починаються з крапки. В атрибуті класу елемента HTML назва класу не містить крапки.
+
+# --instructions--
+
+Всередині елемента `style`, змініть селектор `h2` на `.red-text` й оновіть значення кольору з `blue` на `red`.
+
+Задайте елементу `h2` атрибут `class` зі значенням `red-text`.
+
+# --hints--
+
+Елемент `h2` повинен бути червоним.
+
+```js
+assert($('h2').css('color') === 'rgb(255, 0, 0)');
+```
+
+Елемент `h2` повинен мати клас `red-text`.
+
+```js
+assert($('h2').hasClass('red-text'));
+```
+
+Таблиця стилів повинна об'явити клас `red-text` і встановити його колір на `red` (червоний).
+
+```js
+assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;?\s*\}/g));
+```
+
+Ви не повинні використовувати вбудовані об'яви стилів, такі як `style="color: red"` в елементі `h2`.
+
+```js
+assert($('h2').attr('style') === undefined);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: red;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-custom-css-variable.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
new file mode 100644
index 0000000000..9073a0a407
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
@@ -0,0 +1,287 @@
+---
+id: 5a9d727a424fe3d0e10cad12
+title: Використання змінної користувача CSS
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cM989ck'
+forumTopicId: 301090
+dashedName: use-a-custom-css-variable
+---
+
+# --description--
+
+Після того, як ви створите вашу змінну, ви можете задавати її значення для інших властивостей CSS, посилаючись на назву, яку ви вказали.
+
+```css
+background: var(--penguin-skin);
+```
+
+Це змінить фон будь-якого елемента, який ви набираєте сірим кольором, тому що це і є значення змінної `--penguin-skin`. Зверніть увагу на те, що стилі не будуть застосовані, якщо назви змінних не мають точної відповідності.
+
+# --instructions--
+
+Застосувати змінну `--penguin-skin` до властивості `background`, класів `penguin-top`, `penguin-bottom`, `right-hand` and `left-hand`.
+
+# --hints--
+
+Змінна `--penguin-skin` повинна бути застосована до властивості `background` класу `penguin-top`.
+
+```js
+assert(
+  code.match(
+    /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi
+  )
+);
+```
+
+Змінна `--penguin-skin` повинна бути застосована до властивості `background` класу `penguin-bottom`.
+
+```js
+assert(
+  code.match(
+    /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.right-hand\s{/gi
+  )
+);
+```
+
+Змінна `--penguin-skin` повинна бути застосована до властивості `background` класу `right-hand`.
+
+```js
+assert(
+  code.match(
+    /.right-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.left-hand\s{/gi
+  )
+);
+```
+
+Змінна `--penguin-skin` повинна бути застосована до властивості `background` класу `left-hand`.
+
+```js
+assert(
+  code.match(
+    /.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .penguin {
+    --penguin-skin: gray;
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+
+    /* Change code below this line */
+    background: black;
+    /* Change code above this line */
+
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+
+    /* Change code below this line */
+    background: black;
+    /* Change code above this line */
+
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+
+    /* Change code below this line */
+    background: black;
+    /* Change code above this line */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+
+    /* Change code below this line */
+    background: black;
+    /* Change code above this line */
+
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: white;
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: white;
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: orange;
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: orange;
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: orange;
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.penguin-top {background: var(--penguin-skin);} .penguin-bottom {background: var(--penguin-skin);} .right-hand {background: var(--penguin-skin);} .left-hand {background: var(--penguin-skin);}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
new file mode 100644
index 0000000000..66450fb26d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
@@ -0,0 +1,281 @@
+---
+id: 5a9d72ad424fe3d0e10cad16
+title: Використовуйте медіазапити для зміни змінної
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cWmL8UP'
+forumTopicId: 301091
+dashedName: use-a-media-query-to-change-a-variable
+---
+
+# --description--
+
+Змінні CSS можуть спростити спосіб використання медіа-запитів.
+
+Для прикладу, коли ваш екран менший або більший, ніж точка зупинки вашого медіа-запиту, ви можете змінити значення змінної, і вона буде застосовувати свій стиль всюди, де він використовується.
+
+# --instructions--
+
+В `:root` селектор `media query`, змініть його так `--penguin-size`, щоб отримати значення `200px`. Крім того, перегляньте значення `--penguin-skin` та надайте йому значення `black`. Тоді змініть розмір попереднього перегляду, щоб побачити цю зміну в дії.
+
+# --hints--
+
+`:root` повинен перепризначити `--penguin-size` змінну на `200px`.
+
+```js
+assert(
+  code.match(
+    /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-size\s*?:\s*?200px\s*?;[\s\S]*}[\s\S]*}/gi
+  )
+);
+```
+
+`:root` повинен перепризначити `--penguin-skin` змінну на `black`.
+
+```js
+assert(
+  code.match(
+    /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-skin\s*?:\s*?black\s*?;[\s\S]*}[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  :root {
+    --penguin-size: 300px;
+    --penguin-skin: gray;
+    --penguin-belly: white;
+    --penguin-beak: orange;
+  }
+
+  @media (max-width: 350px) {
+    :root {
+      /* Only change code below this line */
+
+      /* Only change code above this line */
+    }
+  }
+
+  .penguin {
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: var(--penguin-size, 300px);
+    height: var(--penguin-size, 300px);
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 5%;
+    left: 25%;
+    background: var(--penguin-skin, black);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(130deg);
+    z-index: -1;
+    animation-duration: 3s;
+    animation-name: wave;
+    animation-iteration-count: infinite;
+    transform-origin:0% 0%;
+    animation-timing-function: linear;
+  }
+
+  @keyframes wave {
+      10% {
+        transform: rotate(110deg);
+      }
+      20% {
+        transform: rotate(130deg);
+      }
+      30% {
+        transform: rotate(110deg);
+      }
+      40% {
+        transform: rotate(130deg);
+      }
+    }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left:-23%;
+    background: white;
+    width: 150%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>@media (max-width: 350px) {:root {--penguin-size: 200px; --penguin-skin: black;}}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
new file mode 100644
index 0000000000..987d3de4d7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
@@ -0,0 +1,128 @@
+---
+id: bad87fee1348bd9aedf08719
+title: Використання скороченого hex-коду
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cRkpKAm'
+forumTopicId: 18338
+dashedName: use-abbreviated-hex-code
+---
+
+# --description--
+
+Багато людей відчувають себе перевантаженими можливостями маючи більш ніж 16 мільйонів кольорів. А запам'ятати шістнадцятковий код дуже складно. На щастя, його можна скоротити.
+
+Наприклад, шістнадцятковий код червоного кольору `#FF0000` можна скоротити до `#F00`. Ця скорочена форма дає одну цифру для червоного, одну цифру для зеленого і одну цифру для синього кольору.
+
+Це зменшує загальну кількість можливих кольорів приблизно до 4000. Але браузери будуть інтерпретувати `#FF0000` і `#F00` як один і той же колір.
+
+# --instructions--
+
+Спробуйте використовувати скорочені шіснадцяткові коди, що зафарбувати потрібні елементи.
+
+<table class='table table-striped'><tbody><tr><th>Колір</th><th>Короткий hex-код</th></tr><tr><td>Блакитний</td><td><code>#0FF</code></td></tr><tr><td>Зелений</td><td><code>#0F0</code></td></tr><tr><td>Червоний</td><td><code>#F00</code></td></tr><tr><td>Фуксія</td><td><code>#F0F</code></td></tr></tbody></table>
+
+# --hints--
+
+Ваш `h1` елемент з текстом `I am red!` має демонструватися `color` червоним кольором.
+
+```js
+assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+```
+
+Замість `hex code` для червоного кольору слід використовувати абревіатуру hex коду `#FF0000`.
+
+```js
+assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
+```
+
+Ваш `h1` елемент з текстом `I am green!` має демонструватися `color` зеленим кольором.
+
+```js
+assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
+```
+
+Замість `hex code` для зеленого кольору слід використовувати абревіатуру hex коду `#00FF00`.
+
+```js
+assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
+```
+
+Ваш `h1` елемент з текстом `I am cyan!` має демонструватися `color` блакитним кольором.
+
+```js
+assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
+```
+
+Замість `hex code` для блакитного кольору слід використовувати абревіатуру hex коду `#00FFFF`.
+
+```js
+assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
+```
+
+Ваш `h1` елемент з текстом `I am fuchsia!` має демонструватися `color` кольором фуксія.
+
+```js
+assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
+```
+
+Замість `hex code` для кольору фуксії слід використовувати абревіатуру hex коду `#FF00FF`.
+
+```js
+assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .fuchsia-text {
+    color: #000000;
+  }
+  .cyan-text {
+    color: #000000;
+  }
+  .green-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: #F00;
+  }
+  .fuchsia-text {
+    color: #F0F;
+  }
+  .cyan-text {
+    color: #0FF;
+  }
+  .green-text {
+    color: #0F0;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="fuchsia-text">I am fuchsia!</h1>
+
+<h1 class="cyan-text">I am cyan!</h1>
+
+<h1 class="green-text">I am green!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
new file mode 100644
index 0000000000..c619dfbc55
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
@@ -0,0 +1,197 @@
+---
+id: bad87dee1348bd9aede07836
+title: Використання атрибуту id для стилізації елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cakyZfL'
+forumTopicId: 18339
+dashedName: use-an-id-attribute-to-style-an-element
+---
+
+# --description--
+
+Однією з переваг атрибутів `id` є те, що як і класи, їх можна стилізувати за допомогою CSS.
+
+Однак `id` не може використовуватися повторно і повинен застосовуватися тільки до одного елементу. Також `id` має більш високу специфічність (важливість), ніж клас, тому, якщо обидва застосовуються до одного і того ж елементу і мають конфліктуючі стилі, будуть застосовані стилі `id`.
+
+Ось приклад того, як ви можете взяти елемент з атрибутом `id` з `cat-photo-element` і надати йому зелений колір фону. У вашому елементі `style`:
+
+```css
+#cat-photo-element {
+  background-color: green;
+}
+```
+
+Зверніть увагу, що всередині елемента `style` ви завжди посилаєтеся на класи, ставлячи `.` перед їхніми назвами. Аналогічно, поміщаючи `#` перед назвами, ви посилаєтеся на ідентифікатори.
+
+# --instructions--
+
+Спробуйте додати вашій формі, що має тепер атрибут `id` для `cat-photo-form`, зелений фон.
+
+# --hints--
+
+Елемент `form` повинен мати ідентифікатор `cat-photo-form`.
+
+```js
+assert($('form').attr('id') === 'cat-photo-form');
+```
+
+Елемент `form` повинен мати зелений `background-color`.
+
+```js
+assert($('#cat-photo-form').css('background-color') === 'rgb(0, 128, 0)');
+```
+
+Елемент `form` повинен мати атрибут `id`.
+
+```js
+assert(
+  code.match(/<form.*cat-photo-form.*>/gi) &&
+    code.match(/<form.*cat-photo-form.*>/gi).length > 0
+);
+```
+
+Ви не повинні вказувати в `form` будь-яких атрибутів `class` або `style`.
+
+```js
+assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+
+  #cat-photo-form {
+    background-color: green;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
new file mode 100644
index 0000000000..16e7db89ed
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
@@ -0,0 +1,210 @@
+---
+id: 58c383d33e2e3259241f3076
+title: Використовуйте селектори атрибутів для того, щоб стилізувати елементи
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cnpymfJ'
+forumTopicId: 301092
+dashedName: use-attribute-selectors-to-style-elements
+---
+
+# --description--
+
+Ви додали `id` або `class` атрибути до елементів, які бажаєте окремо стилізувати. Вони відомі як ID та класові селектори. Є також інші CSS-селектори, які можна використовувати, щоб обрати користувацькі групи елементів для стилізації.
+
+Використаємо CatPhotoApp ще раз, щоб попрактикуватися у використанні CSS-селекторів.
+
+Для цього завдання ви будете використовувати `[attr=value]` атрибут селектору для створення чекбоксів в CatPhotoApp. Даний селектор підходить елементам стилів з конкретним значенням атрибута. Наприклад, код нижче змінює поля всіх елементів з атрибутом `type` і відповідним значенням `radio`:
+
+```css
+[type='radio'] {
+  margin: 20px 0px 20px 0px;
+}
+```
+
+# --instructions--
+
+Використовуючи атрибут селектора `type`, спробуйте дати чекбоксам в CatPhotoApp найбільший відступ 10px та нижній відступ 15px.
+
+# --hints--
+
+Селектор атрибуту `type` має використовуватися для того, щоб обрати чекбокси.
+
+```js
+assert(
+  code.match(
+    /<style>[\s\S]*?\[\s*?type\s*?=\s*?("|')checkbox\1\s*?\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi
+  )
+);
+```
+
+Верхній відступ чекбоксів має бути 10px.
+
+```js
+assert(
+  (function () {
+    var count = 0;
+    $("[type='checkbox']").each(function () {
+      if ($(this).css('marginTop') === '10px') {
+        count++;
+      }
+    });
+    return count === 3;
+  })()
+);
+```
+
+Нижній відступ чекбоксів має бути 15px.
+
+```js
+assert(
+  (function () {
+    var count = 0;
+    $("[type='checkbox']").each(function () {
+      if ($(this).css('marginBottom') === '15px') {
+        count++;
+      }
+    });
+    return count === 3;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+
+  .silver-background {
+    background-color: silver;
+  }
+  [type='checkbox'] {
+    margin-top: 10px;
+    margin-bottom: 15px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+<main>
+  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div class="silver-background">
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo" id="cat-photo-form">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
new file mode 100644
index 0000000000..fa06e63029
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
@@ -0,0 +1,143 @@
+---
+id: bad87fee1348bd9afdf08726
+title: Використовуйте запис за годинниковою стрілкою, щоб визначити поле елементу
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cnpybAd'
+forumTopicId: 18345
+dashedName: use-clockwise-notation-to-specify-the-margin-of-an-element
+---
+
+# --description--
+
+Спробуйте ще раз, але з `margin` цього разу.
+
+Замість того, щоб вказати властивості `margin-top`, `margin-right`, `margin-bottom`, і `margin-left` елемента, ви можете вказати їх всі в одному рядку, на зразок цього:
+
+```css
+margin: 10px 20px 10px 20px;
+```
+
+Ці чотири значення працюють як годинник: зверху, праворуч, знизу, ліворуч, і дають той самий результат, як і використання окремих інструкцій для кожної сторони поля.
+
+# --instructions--
+
+Використовуйте запис за годинниковою стрілкою, щоб надати елементу класу `blue-box` поле `40px` у верхній та лівій частині, але лише `20px` в нижній та правій частині.
+
+# --hints--
+
+Клас `blue-box` повинен задати товщину `40px` `margin` для верхньої частини елементів.
+
+```js
+assert($('.blue-box').css('margin-top') === '40px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` `margin` для правої частини елементів.
+
+```js
+assert($('.blue-box').css('margin-right') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину `20px` `margin` для нижньої частини елементів.
+
+```js
+assert($('.blue-box').css('margin-bottom') === '20px');
+```
+
+Клас `blue-box` повинен задати товщину`40px` `margin` для лівої частини елементів.
+
+```js
+assert($('.blue-box').css('margin-left') === '40px');
+```
+
+Вам варто використовувати запис за годинниковою стрілкою, щоб визначити поле класу `blue-box`.
+
+```js
+assert(
+  /\.blue-box\s*{[\s\S]*margin[\s]*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/.test(
+    __helpers.removeCssComments($('style').text())
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    margin: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    margin: 40px 20px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
new file mode 100644
index 0000000000..4a96f46f36
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
@@ -0,0 +1,141 @@
+---
+id: bad87fee1348bd9aedf08826
+title: Використовуйте Запис за Годинниковою Стрілкою для Визначення Відступу Елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cB7mBS9'
+forumTopicId: 18346
+dashedName: use-clockwise-notation-to-specify-the-padding-of-an-element
+---
+
+# --description--
+
+Замість того, щоб вказати елемент `padding-top`, `padding-right`, `padding-bottom`, і `padding-left` властивості, ви можете вказати їх всі в одному рядку, як тут:
+
+```css
+padding: 10px 20px 10px 20px;
+```
+
+Ці чотири значення зазначаються за годинниковою стрілкою: зверху, праворуч, знизу, ліворуч і дають точно такий результат як якщо використовувати інструкції з бічної панелі.
+
+# --instructions--
+
+Використовуйте позначення за годинниковою стрілкою, щоб задати класу `.blue-box` відступ `padding` у `40px` у верхній та лівій частині, але тільки `20px` з нижньої та правої сторони.
+
+# --hints--
+
+Клас `blue-box` має задати `40px` для `padding` найбільших елементів.
+
+```js
+assert($('.blue-box').css('padding-top') === '40px');
+```
+
+Клас `blue-box` повинен задати `20px` для `padding` правої частини елементів.
+
+```js
+assert($('.blue-box').css('padding-right') === '20px');
+```
+
+Клас `blue-box` повинен задати `20px` для `padding` нижньої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-bottom') === '20px');
+```
+
+Клас `blue-box` повинен задати `40px` для `padding` лівої сторони елементів.
+
+```js
+assert($('.blue-box').css('padding-left') === '40px');
+```
+
+Вам варто скористатися позначенням за годинниковою стрілкою для встановлення класу `blue-box`.
+
+```js
+assert(
+  /\.blue-box\s*{[\s\S]*padding[\s]*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/.test(
+    __helpers.removeCssComments($('style').text())
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 40px 20px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
new file mode 100644
index 0000000000..7e91c6f905
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
@@ -0,0 +1,158 @@
+---
+id: bad87fee1348bd9aedf08805
+title: Використовуйте селектори CSS для стилізації елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cJKMBT2'
+forumTopicId: 18349
+dashedName: use-css-selectors-to-style-elements
+---
+
+# --description--
+
+У CSS існує сотні функцій, які можна використовувати для редагування вигляду елемента на вашій сторінці.
+
+Коли ви вводите `<h2 style="color: red;">CatPhotoApp</h2>`, ви стилізуєте окремий елемент `h2` за допомогою вбудованих CSS (Cascading Style Sheets, укр. Каскадні таблиці стилів).
+
+Це один зі варіантів, як вказати стиль елемента, але є кращий спосіб застосування CSS.
+
+У верхній частині коду створіть блок `style` на зразок цього:
+
+```html
+<style>
+</style>
+```
+
+Всередині цього стильового блоку можна створити <dfn>CSS selector</dfn> для всіх елементів `h2`. Наприклад, якщо ви хочете, щоб усі елементи `h2` були червоними, потрібно додати правило стилю, яке виглядатиме приблизно так:
+
+```html
+<style>
+  h2 {
+    color: red;
+  }
+</style>
+```
+
+Зауважте, що правило стилю кожного елемента важливо взяти у фігурні дужки: (`{` і `}`). Також переконайтеся, що назва стилю вашого елемента знаходиться між початковим і кінцевим стильовими тегами. Не забудьте додати крапку з комою вкінці правила стилю кожного елемента.
+
+# --instructions--
+
+Видаліть атрибут стилю елемента `h2` і замініть його на блок CSS `style`. Додайте необхідні CSS, щоб перетворити всі елементи `h2` на сині.
+
+# --hints--
+
+Атрибут `style` слід видалити з елементу `h2`.
+
+```js
+assert(!$('h2').attr('style'));
+```
+
+Створіть елемент `style`.
+
+```js
+assert($('style') && $('style').length >= 1);
+```
+
+Елемент `h2` має бути синім.
+
+```js
+assert($('h2').css('color') === 'rgb(0, 0, 255)');
+```
+
+Ваша таблиця стилів `h2` має бути завершена крапкою з комою і закритою дужкою.
+
+```js
+assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g));
+```
+
+Всі елементи `style` повинні бути завершеними й мати кінцеві теги.
+
+```js
+assert(
+  code.match(/<\/style>/g) &&
+    code.match(/<\/style>/g).length ===
+      (
+        code.match(
+          /<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g
+        ) || []
+      ).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2 style="color: red;">CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<style>
+  h2 {
+    color: blue;
+  }
+</style>
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label><input type="checkbox" name="personality" checked> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
new file mode 100644
index 0000000000..1af62908f3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
@@ -0,0 +1,257 @@
+---
+id: 5a9d725e424fe3d0e10cad10
+title: Використовуйте змінні CSS, щоб одночасно змінювати кілька елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c6bDECm'
+forumTopicId: 301093
+dashedName: use-css-variables-to-change-several-elements-at-once
+---
+
+# --description--
+
+<dfn>CSS Variables</dfn> - це ефективний метод змінити багато стильових властивостей CSS одночасно, підставивши лише одне значення.
+
+Дотримуйтесь наступних вказівок, щоб побачити як зміна лише трьох значень може трансформувати стилі багатьох елементів.
+
+# --instructions--
+
+У класі `penguin` замініть значення `black` на `gray`, значення `gray` на `white` і значення `yellow` на `orange`.
+
+# --hints--
+
+Клас `penguin` повинен задати змінну `--penguin-skin` і надати їй значення `gray`.
+
+```js
+assert(
+  code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi)
+);
+```
+
+Клас `penguin` повинен задати змінну `--penguin-belly` та надати їй значення `white`.
+
+```js
+assert(
+  code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi)
+);
+```
+
+Клас `penguin` повинен задати змінну `--penguin-beak` та надати їй значення `orange`.
+
+```js
+assert(
+  code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .penguin {
+
+    /* Only change code below this line */
+    --penguin-skin: black;
+    --penguin-belly: gray;
+    --penguin-beak: yellow;
+    /* Only change code above this line */
+
+    position: relative;
+    margin: auto;
+    display: block;
+    margin-top: 5%;
+    width: 300px;
+    height: 300px;
+  }
+
+  .penguin-top {
+    top: 10%;
+    left: 25%;
+    background: var(--penguin-skin, gray);
+    width: 50%;
+    height: 45%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .penguin-bottom {
+    top: 40%;
+    left: 23.5%;
+    background: var(--penguin-skin, gray);
+    width: 53%;
+    height: 45%;
+    border-radius: 70% 70% 100% 100%;
+  }
+
+  .right-hand {
+    top: 0%;
+    left: -5%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 120% 30%;
+    transform: rotate(45deg);
+    z-index: -1;
+  }
+
+  .left-hand {
+    top: 0%;
+    left: 75%;
+    background: var(--penguin-skin, gray);
+    width: 30%;
+    height: 60%;
+    border-radius: 30% 30% 30% 120%;
+    transform: rotate(-45deg);
+    z-index: -1;
+  }
+
+  .right-cheek {
+    top: 15%;
+    left: 35%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .left-cheek {
+    top: 15%;
+    left: 5%;
+    background: var(--penguin-belly, white);
+    width: 60%;
+    height: 70%;
+    border-radius: 70% 70% 60% 60%;
+  }
+
+  .belly {
+    top: 60%;
+    left: 2.5%;
+    background: var(--penguin-belly, white);
+    width: 95%;
+    height: 100%;
+    border-radius: 120% 120% 100% 100%;
+  }
+
+  .right-feet {
+    top: 85%;
+    left: 60%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(-80deg);
+    z-index: -2222;
+  }
+
+  .left-feet {
+    top: 85%;
+    left: 25%;
+    background: var(--penguin-beak, orange);
+    width: 15%;
+    height: 30%;
+    border-radius: 50% 50% 50% 50%;
+    transform: rotate(80deg);
+    z-index: -2222;
+  }
+
+  .right-eye {
+    top: 45%;
+    left: 60%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .left-eye {
+    top: 45%;
+    left: 25%;
+    background: black;
+    width: 15%;
+    height: 17%;
+    border-radius: 50%;
+  }
+
+  .sparkle {
+    top: 25%;
+    left: 15%;
+    background: white;
+    width: 35%;
+    height: 35%;
+    border-radius: 50%;
+  }
+
+  .blush-right {
+    top: 65%;
+    left: 15%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .blush-left {
+    top: 65%;
+    left: 70%;
+    background: pink;
+    width: 15%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-top {
+    top: 60%;
+    left: 40%;
+    background: var(--penguin-beak, orange);
+    width: 20%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  .beak-bottom {
+    top: 65%;
+    left: 42%;
+    background: var(--penguin-beak, orange);
+    width: 16%;
+    height: 10%;
+    border-radius: 50%;
+  }
+
+  body {
+    background:#c6faf1;
+  }
+
+  .penguin * {
+    position: absolute;
+  }
+</style>
+<div class="penguin">
+  <div class="penguin-bottom">
+    <div class="right-hand"></div>
+    <div class="left-hand"></div>
+    <div class="right-feet"></div>
+    <div class="left-feet"></div>
+  </div>
+  <div class="penguin-top">
+    <div class="right-cheek"></div>
+    <div class="left-cheek"></div>
+    <div class="belly"></div>
+    <div class="right-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="left-eye">
+      <div class="sparkle"></div>
+    </div>
+    <div class="blush-right"></div>
+    <div class="blush-left"></div>
+    <div class="beak-top"></div>
+    <div class="beak-bottom"></div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.penguin {--penguin-skin: gray; --penguin-belly: white; --penguin-beak: orange;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
new file mode 100644
index 0000000000..bb89fe4f5b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
@@ -0,0 +1,66 @@
+---
+id: bad87fee1348bd9aedf08726
+title: Використовуйте шістнадцятковий код для конкретних кольорів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/c8W9mHM'
+forumTopicId: 18350
+dashedName: use-hex-code-for-specific-colors
+---
+
+# --description--
+
+Чи Ви знали, що існують інші способи для представлення кольорів у CSS? Один із цих способів називається шістнадцятковим кодом або hex кодом, якщо коротко.
+
+Зазвичай ми використовуємо <dfn>десяткові знаки</dfn>, або основні 10 чисел, які використовують цифри від 0 до 9 для кожної цифри. <dfn>Шістнадцяткові схеми</dfn> (або <dfn>hex</dfn>) є основою 16 чисел. Це означає, що він використовує шістнадцять різних символів. Для прикладу, десяткові знаки 0-9 позначають значення від 0 до 9. Тоді A,B,C,D,E,F представляють значення від десяти до п'ятнадцяти. У цілому, від 0 до F може позначати цифру у шістнадцятковому виразі, надаючи нам 16 можливих значень. Ви можете знайти більше інформації про [ шістнадцяткові числа тут](https://www.freecodecamp.org/news/hexadecimal-number-system/).
+
+В CSS ми можемо використати 6 шістнадцяткових цифр для відображення кольорів, по дві для червоного (R), зеленого (G) та синього (B) компонентів. Приміром, `#000000` є чорним і також є найменшим можливим значенням. Ви можете знайти більше інформації про [ систему кольорів RGB тут ](https://www.freecodecamp.org/news/rgb-color-html-and-css-guide/#whatisthergbcolormodel).
+
+```css
+body {
+  color: #000000;
+}
+```
+
+# --instructions--
+
+Замініть слово `black` в нашому `body` фоновий колір елемента його шістнадцятковим кодом, `#000000`.
+
+# --hints--
+
+Ваш `body` елемент повинен мати чорний колір фону.
+
+```js
+assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+```
+
+Замість слова `hex code` для чорного кольору варто використовувати слово `black`.
+
+```js
+assert(
+  code.match(
+    /body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: black;
+  }
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: #000000;
+  }
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
new file mode 100644
index 0000000000..cac056f9c8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
@@ -0,0 +1,132 @@
+---
+id: bad87fee1348bd9aedf08721
+title: Використовувати шістнадцятковий код для змішаних кольорів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cK89PhP'
+forumTopicId: 18359
+dashedName: use-hex-code-to-mix-colors
+---
+
+# --description--
+
+Для перегляду, використовуйте 6 шістнадцяткових цифр для відображення кольорів, по дві для червоного (R), зеленого (G) та синього (B) компонентів.
+
+З цих трьох чистих кольорів ( червоного, зеленого та синього), ми можемо варіювати кількість кожного з них, для того, щоб створити більше 16 мільйонів інших кольорів!
+
+Наприклад, оранжевий - це чистий червоний, змішаний із невеликою кількістю зеленого та зовсім без синього. У шістнадцятковому коді це означатиме `#FFA500`.
+
+Цифра `0` є найменшим числом в шістнадцятковому коді і являє собою повну відсутність кольору.
+
+Цифра `F` є найбільшим числом в шістнадцятковому коді, що відображає максимально можливу яскравість.
+
+# --instructions--
+
+Замініть слово колір в нашому `style` елементом на їх правильні шістнадцяткові коди.
+
+<table class='table table-striped'><tbody><tr><th>Колір</th><th>Шістнадцятковий код кольору</th></tr><tr><td>Синьо-волошковий</td><td><code>#1E90FF</code></td></tr><tr><td>Зелений</td><td><code>#00FF00</code></td></tr><tr><td>Оранжевий</td><td><code>#FFA500</code></td></tr><tr><td>Червоний</td><td><code>#FF0000</code></td></tr></tbody></table>
+
+# --hints--
+
+Ваш `h1` елемент з текстом `I am red!` має демонструватися `color` червоним.
+
+```js
+assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+```
+
+Замість слова `hex code` для чорного кольору варто використовувати слово `red`.
+
+```js
+assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?(#FF0000|#F00)\s*?;?\s*?}/gi));
+```
+
+Ваш `h1` елемент з текстом `I am green!` має демонструватися `color` зеленим.
+
+```js
+assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
+```
+
+Замість слова `hex code` для чорного кольору варто використовувати слово `green`.
+
+```js
+assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?(#00FF00|#0F0)\s*?;?\s*?}/gi));
+```
+
+Вашому `h1` елементу з текстом `I am dodger blue!` варто надати `color` синьо-волошкового.
+
+```js
+assert($('.dodger-blue-text').css('color') === 'rgb(30, 144, 255)');
+```
+
+Замість слова `hex code` для синьо-волошкового кольору варто використовувати слово `dodgerblue`.
+
+```js
+assert(code.match(/\.dodger-blue-text\s*?{\s*?color\s*:\s*?#1E90FF\s*?;?\s*?}/gi));
+```
+
+Вашому `h1` елементу з текстом `I am orange!` варто надати `color` оранжевого.
+
+```js
+assert($('.orange-text').css('color') === 'rgb(255, 165, 0)');
+```
+
+Замість `hex code` для оранжевого кольору варто використовувати слово `orange`.
+
+```js
+assert(code.match(/\.orange-text\s*?{\s*?color\s*:\s*?#FFA500\s*?;?\s*?}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: black;
+  }
+  .green-text {
+    color: black;
+  }
+  .dodger-blue-text {
+    color: black;
+  }
+  .orange-text {
+    color: black;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: #FF0000;
+  }
+  .green-text {
+    color: #00FF00;
+  }
+  .dodger-blue-text {
+    color: #1E90FF;
+  }
+  .orange-text {
+    color: #FFA500;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="green-text">I am green!</h1>
+
+<h1 class="dodger-blue-text">I am dodger blue!</h1>
+
+<h1 class="orange-text">I am orange!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
new file mode 100644
index 0000000000..c359a85b62
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
@@ -0,0 +1,140 @@
+---
+id: bad82fee1348bd9aedf08721
+title: Використовуйте RGB модель для поєднання кольорів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cm24JU6'
+forumTopicId: 18368
+dashedName: use-rgb-to-mix-colors
+---
+
+# --description--
+
+Так само, як і з шістнадцятковим кодом, ви можете поєднувати кольори за допомогою моделі RGB, використовуючи комбінації різних значень.
+
+# --instructions--
+
+Замініть шістнадцяткові коди на наш елемент `style` з правильними значеннями моделі RGB.
+
+<table class='table table-striped'><tbody><tr><th>Колір</th><th>RGB модель</th></tr><tr><td>Синій</td><td><code>rgb(0, 0, 255)</code></td></tr><tr><td>Червоний</td><td><code>rgb(255, 0, 0)</code></td></tr><tr><td>Рожевий</td><td><code>rgb(218, 112, 214)</code></td></tr><tr><td>Коричневий</td><td><code>rgb(160, 82, 45)</code></td></tr></tbody></table>
+
+# --hints--
+
+Ваш елемент `h1` з текстом `I am red!` повинен бути червоним кольором `color`.
+
+```js
+assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+```
+
+Вам потрібно використовувати `rgb` для червоного кольору.
+
+```js
+assert(
+  code.match(
+    /\.red-text\s*{\s*color\s*:\s*rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)\s*;?\s*}/gi
+  )
+);
+```
+
+Ваш елемент `h1` з текстом `I am orchid!` повинен бути рожевого кольору `color`.
+
+```js
+assert($('.orchid-text').css('color') === 'rgb(218, 112, 214)');
+```
+
+Вам потрібно використовувати `rgb` для рожевого кольору.
+
+```js
+assert(
+  code.match(
+    /\.orchid-text\s*{\s*color\s*:\s*rgb\(\s*218\s*,\s*112\s*,\s*214\s*\)\s*;?\s*}/gi
+  )
+);
+```
+
+Ваш елемент `h1` з текстом `I am blue!` повинен бути синім кольором `color`.
+
+```js
+assert($('.blue-text').css('color') === 'rgb(0, 0, 255)');
+```
+
+Вам слід використовувати `rgb` для синього кольору.
+
+```js
+assert(
+  code.match(
+    /\.blue-text\s*{\s*color\s*:\s*rgb\(\s*0\s*,\s*0\s*,\s*255\s*\)\s*;?\s*}/gi
+  )
+);
+```
+
+Ваш елемент `h1` з текстом `I am sienna!` повинен бути коричневого кольору `color`.
+
+```js
+assert($('.sienna-text').css('color') === 'rgb(160, 82, 45)');
+```
+
+Вам слід використовувати `rgb` для коричневого кольору.
+
+```js
+assert(
+  code.match(
+    /\.sienna-text\s*{\s*color\s*:\s*rgb\(\s*160\s*,\s*82\s*,\s*45\s*\)\s*;?\s*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .red-text {
+    color: #000000;
+  }
+  .orchid-text {
+    color: #000000;
+  }
+  .sienna-text {
+    color: #000000;
+  }
+  .blue-text {
+    color: #000000;
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+```
+
+# --solutions--
+
+```html
+<style>
+  .red-text {
+    color: rgb(255, 0, 0);
+  }
+  .orchid-text {
+    color: rgb(218, 112, 214);
+  }
+  .sienna-text {
+    color: rgb(160, 82, 45);
+  }
+  .blue-text {
+    color:rgb(0, 0, 255);
+  }
+</style>
+
+<h1 class="red-text">I am red!</h1>
+
+<h1 class="orchid-text">I am orchid!</h1>
+
+<h1 class="sienna-text">I am sienna!</h1>
+
+<h1 class="blue-text">I am blue!</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
new file mode 100644
index 0000000000..ffd5544877
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aede08718
+title: Використовування властивостей RGB до Кольорових Елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/c/cRkp2fr'
+forumTopicId: 18369
+dashedName: use-rgb-values-to-color-elements
+---
+
+# --description--
+
+Інша можливість представлення кольорів у CSS - це використання конструкції `RGB`.
+
+Наприклад, представлення `RGB` для чорного кольору виглядає наступним чином:
+
+```css
+rgb(0, 0, 0)
+```
+
+Представлення `RGB` для білого кольору виглядає так:
+
+```css
+rgb(255, 255, 255)
+```
+
+Замість використання шести шістнадцяткових цифр, як у випадку з шістнадцятковим кодом, у разі `RGB` яскравість кожного кольору задається числом від 0 до 255.
+
+Якщо підрахувати, то два значення для одного кольору дорівнює 16 разів по 16, що приносить у підсумку 256 значень. Таким чином, `RGB` починаючи відлік з нуля, має таку ж саму кількість можливих значень, як і шістнадцятковий код.
+
+Ось приклад того, як можна змінити `body` тла на помаранчевий, використовуючи його RGB код.
+
+```css
+body {
+  background-color: rgb(255, 165, 0);
+}
+```
+
+# --instructions--
+
+Давайте змінимо шістнадцятковий код у `body` властивості кольору тла на значення RGB для чорного кольору: `rgb(0, 0, 0)`
+
+# --hints--
+
+Ваш елемент `body` повинен мати чорне тло.
+
+```js
+assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+```
+
+Слід використовувати `rgb` для надання чорного кольору тлу елемента `body`.
+
+```js
+assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    background-color: #F00;
+  }
+</style>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    background-color: rgb(0, 0, 0);
+  }
+</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
new file mode 100644
index 0000000000..1f23532092
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedd08830
+title: Додаємо кнопку "відправити" у форму
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cp2Nkhz'
+forumTopicId: 16627
+dashedName: add-a-submit-button-to-a-form
+---
+
+# --description--
+
+Додаймо кнопку `submit` (відправити) у форму. При натисканні цієї кнопки дані з форми будуть відправлені за URL-адресою, яка попередньо була прописана у атрибуті `action` форми.
+
+Ось приклад кнопки "відправити":
+
+```html
+<button type="submit">this button submits the form</button>
+```
+
+# --instructions--
+
+Додайте кнопку наприкінці вашого елемента `form` з типом `submit`, де має бути написано `Submit`.
+
+# --hints--
+
+Всередині вашої `form` має бути прописана `button`.
+
+```js
+assert($('form').children('button').length > 0);
+```
+
+Ваша кнопка "відправити" повинна мати атрибут `type`, встановлений на `submit`.
+
+```js
+assert($('button').attr('type') === 'submit');
+```
+
+Ваша кнопка "відправити" повинна мати лише текст `Submit`.
+
+```js
+assert(
+  $('button')
+    .text()
+    .match(/^\s*submit\s*$/gi)
+);
+```
+
+Елемент `button` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
new file mode 100644
index 0000000000..c22362259b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
@@ -0,0 +1,92 @@
+---
+id: bad87fee1348bd9aedf08812
+title: Додаємо зображення до свого вебсайту
+challengeType: 0
+forumTopicId: 16640
+dashedName: add-images-to-your-website
+---
+
+# --description--
+
+Ви можете додати зображення до свого вебсайту, якщо використаєте елемент `img` та вкажете чітку URL-адресу зображення, використовуючи атрибут `src`.
+
+Ось приклад:
+
+```html
+<img src="https://www.freecatphotoapp.com/your-image.jpg">
+```
+
+Зауважте, що елементи `img` автоматично закриваються.
+
+Усі елементи `img` **повинні** мати атрибут `alt`. Текст всередині атрибуту `alt` використовують для покращення доступності для користувачів. Він з'являється замість зображення, якщо воно не завантажується.
+
+**Зверніть увагу:** якщо зображення декоративне, краще за все використовувати пустий атрибут `alt`.
+
+В ідеалі атрибут `alt` не повинен містити спеціальні символи (окрім ситуацій, де вони обов'язкові).
+
+Додамо атрибут `alt` до нашого `img` прикладу вище:
+
+```html
+<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">
+```
+
+# --instructions--
+
+Спробуймо додати зображення до нашого вебсайту:
+
+Вставте елемент `img` перед чинними елементами `p` у вашому елементі `main`.
+
+Тепер встановіть атрибут `src` так, щоб він вказував на URL-адресу `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`
+
+І не забудьте дати вашому елементу `img` атрибут `alt` з відповідним текстом.
+
+# --hints--
+
+На вашій сторінці має бути зображення.
+
+```js
+assert($('img').length);
+```
+
+Ваше зображення має містити атрибут `src`, який вказує на зображення кошеня.
+
+```js
+assert(/^https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/relaxing-cat\.jpg$/i.test($('img').attr('src')));
+```
+
+Атрибут `alt` вашого елементу зображення не має бути порожнім.
+
+```js
+assert(
+  $('img').attr('alt') &&
+    $('img').attr('alt').length &&
+    /<img\S*alt=(['"])(?!\1|>)\S+\1\S*\/?>/.test(
+      __helpers.removeWhiteSpace(code)
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
new file mode 100644
index 0000000000..fff1839a9b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
@@ -0,0 +1,108 @@
+---
+id: bad87fee1348bd9aedf08830
+title: Додаємо заповнювач (плейсхолдер) до текстового поля
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cKdJDhg'
+forumTopicId: 16647
+dashedName: add-placeholder-text-to-a-text-field
+---
+
+# --description--
+
+Заповнювач (плейсхолдер) – це текст, який демонструється у вашому елементі `input`, перш ніж користувач щось введе.
+
+Ви можете створити заповнювач (плейсхолдер) таким чином:
+
+```html
+<input type="text" placeholder="this is placeholder text">
+```
+
+**Зверніть увагу:** пам'ятайте, що елементи `input` закриваються автоматично.
+
+# --instructions--
+
+Зробіть значенням `placeholder` вашого тексту `input` "URL світлини кота".
+
+# --hints--
+
+Вам треба додати атрибут `placeholder` до чинного елемента тексту `input`.
+
+```js
+assert($('input[placeholder]').length > 0);
+```
+
+Зробіть `cat photo URL` значенням вашого атрибуту `placeholder`.
+
+```js
+assert(
+  $('input') &&
+    $('input').attr('placeholder') &&
+    $('input')
+      .attr('placeholder')
+      .match(/cat\s+photo\s+URL/gi)
+);
+```
+
+Готовий елемент `input` не повинен мати кінцевий теґ.
+
+```js
+assert(!code.match(/<input.*\/?>.*<\/input>/gi));
+```
+
+Готовий елемент `input` повинен мати дійсний синтаксис.
+
+```js
+assert($('input[type=text]').length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text">
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
new file mode 100644
index 0000000000..58f041a730
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
@@ -0,0 +1,116 @@
+---
+id: bad87fee1348bd9aedd08835
+title: Автоматично вмикаємо радіокнопки та прапорці
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cWk3Qh6'
+forumTopicId: 301094
+dashedName: check-radio-buttons-and-checkboxes-by-default
+---
+
+# --description--
+
+Ви можете автоматично вмикати прапорець чи радіокнопку завдяки атрибуту `checked`.
+
+Для цього просто додайте слово `checked` всередину елемента input. Наприклад:
+
+```html
+<input type="radio" name="test-name" checked>
+```
+
+# --instructions--
+
+Встановіть автоматичне ввімкнення першої радіокнопки та першого прапорця.
+
+# --hints--
+
+Перша радіокнопка у вашій формі має бути ввімкненою автоматично.
+
+```js
+assert($('input[type="radio"]').prop('checked'));
+```
+
+Перший прапорець у вашій формі має бути ввімкнений автоматично.
+
+```js
+assert($('input[type="checkbox"]').prop('checked'));
+```
+
+Ви не маєте змінювати текст всередині позначки `Indoor`.
+
+```js
+assert.equal(document.querySelector('label[for="indoor"]')?.innerText?.trim(), 'Indoor');
+```
+
+Ви не маєте змінювати текст всередині позначки `Loving`.
+
+```js
+assert.equal(document.querySelector('label[for="loving"]')?.innerText?.trim(), 'Loving');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving"> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/comment-out-html.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
new file mode 100644
index 0000000000..7a87e2192d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
@@ -0,0 +1,76 @@
+---
+id: bad87fee1348bd9aedf08804
+title: Коментувати HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cGyGbca'
+forumTopicId: 16782
+dashedName: comment-out-html
+---
+
+# --description--
+
+Пам'ятайте, для того, щоб почати коментувати, вам необхідно використовувати `<!--` і щоб завершити коментувати, вам необхідно використовувати `-->`
+
+Тут вам буде необхідно завершити коментувати перед початком елементу `h2`.
+
+# --instructions--
+
+Прокоментуйте ваші `h1` та `p` елементи, але не `h2` елемент.
+
+# --hints--
+
+Ваш елемент `h1` повинен бути прокоментованим так, щоб його не було видно на сторінці.
+
+```js
+assert($('h1').length === 0);
+```
+
+Ваш елемент `h2` не повинен бути прокоментованим так, щоб його було видно на сторінці.
+
+```js
+assert($('h2').length > 0);
+```
+
+Ваш елемент `p` має бути прокоментованим так, щоб його не було видно на сторінці.
+
+```js
+assert($('p').length === 0);
+```
+
+Кожен ваш коментар має бути закритий з `-->`.
+
+```js
+assert(code.match(/[^fc]-->/g).length > 1);
+```
+
+Ви не повинні змінювати порядок `h1` `h2` чи `p` у коді.
+
+```js
+assert(
+  code.match(/<([a-z0-9]){1,2}>/g)[0] === '<h1>' &&
+    code.match(/<([a-z0-9]){1,2}>/g)[1] === '<h2>' &&
+    code.match(/<([a-z0-9]){1,2}>/g)[2] === '<p>'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+```
+
+# --solutions--
+
+```html
+<!--<h1>Hello World</h1>-->
+<h2>CatPhotoApp</h2> 
+<!--<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> -->
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
new file mode 100644
index 0000000000..7fcf212d08
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
@@ -0,0 +1,102 @@
+---
+id: bad87fee1348bd9aedf08827
+title: Створюємо невпорядкований маркований список
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cDKVPuv'
+forumTopicId: 16814
+dashedName: create-a-bulleted-unordered-list
+---
+
+# --description--
+
+HTML має спеціальний елемент для створення <dfn>unordered lists</dfn> (невпорядкованих списків) чи пронумерованих списків.
+
+Невпорядковані списки починаються з відкриття елементу `<ul>`, після якого слідує будь-яка кількість елементів `<li>`. Невпорядковані списки закриваються `</ul>`.
+
+Наприклад:
+
+```html
+<ul>
+  <li>milk</li>
+  <li>cheese</li>
+</ul>
+```
+
+створить список точних значень `milk` та `cheese`.
+
+# --instructions--
+
+Видаліть останні два елементи `p` та створіть у нижній частині сторінки невпорядкований список трьох речей, які люблять коти.
+
+# --hints--
+
+Створіть елемент `ul`.
+
+```js
+assert($('ul').length > 0);
+```
+
+У вас має бути три елементи `li` всередині вашого елементу `ul`.
+
+```js
+assert($('ul li').length > 2);
+```
+
+Ваш елемент `ul` повинен містити тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/ul>/gi) &&
+    code.match(/<ul/gi) &&
+    code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length
+);
+```
+
+Ваші елементи `li` повинні містити теги, що закриваються.
+
+```js
+assert(
+  code.match(/<\/li>/gi) &&
+    code.match(/<li[\s>]/gi) &&
+    code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length
+);
+```
+
+Ваші елементи `li` не повинні містити порожній рядок чи навіть пробіли.
+
+```js
+assert($('ul li').filter((_, item) => !$(item).text().trim()).length === 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <ul>
+    <li>milk</li>
+    <li>mice</li>
+    <li>catnip</li>
+  </ul>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
new file mode 100644
index 0000000000..a61e16211d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
@@ -0,0 +1,106 @@
+---
+id: bad87fee1348bd9aede08830
+title: Створити елемент форми
+challengeType: 0
+forumTopicId: 16817
+dashedName: create-a-form-element
+---
+
+# --description--
+
+Ви можете створювати вебформи, які фактично відправляють дані на сервер, не використовуючи нічого крім HTML. Це можна зробити, вказавши атрибут `action` у вашому елементі `form`.
+
+Наприклад:
+
+```html
+<form action="/url-where-you-want-to-submit-form-data">
+  <input>
+</form>
+```
+
+# --instructions--
+
+Вкласти наявний елемент `input` всередину елементу `form` та призначити `"https://www.freecatphotoapp.com/submit-cat-photo"` атрибуту `action` елементу `form`.
+
+# --hints--
+
+Чинний елемент `input` повинен входити в елемент `form`.
+
+```js
+const inputElem = document.querySelector('form input');
+assert(
+  inputElem.getAttribute('type') === 'text' &&
+    inputElem.getAttribute('placeholder') === 'cat photo URL'
+);
+```
+
+Ваша `form` повинна мати атрибут `action`, який задасть перехід до `https://www.freecatphotoapp.com/submit-cat-photo`.
+
+```js
+const action = $('form').attr('action');
+assert(action.match(/^https:\/\/(www\.)?freecatphotoapp\.com\/submit-cat-photo$/i))
+```
+
+Ваш елемент `form` повинен мати добре сформовані теги, що відкриваються та закриваються.
+
+```js
+assert(
+  code.match(/<\/form>/g) &&
+    code.match(/<form [^<]*>/g) &&
+    code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <input type="text" placeholder="cat photo URL">
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
new file mode 100644
index 0000000000..aaa39c3805
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
@@ -0,0 +1,135 @@
+---
+id: bad87fee1348bd9aedf08835
+title: Створення набору прапорців
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cqrkJsp'
+forumTopicId: 16821
+dashedName: create-a-set-of-checkboxes
+---
+
+# --description--
+
+Як правило, форми використовують <dfn>checkboxes</dfn> (прапорці) для запитань, які можуть мати більше, ніж одну відповідь.
+
+Прапорці це тип `input`.
+
+Кожен з прапорців може бути вкладеним у власний елемент `label`. Коли елемент `input` всередині елементу `label`, він буде автоматично пов'язувати ввідну радіокнопку з міткою навколо неї.
+
+Усі відповідні вхідні дані повинні мати однаковий атрибут `name`.
+
+Оптимальна практика - чітке визначення співвідношень між прапорцем `input` та відповідному йому елемента `label`, встановлюючи атрибут `for` в елемент `label`, щоб збігатися з атрибутом `id` асоційованого елементу `input`.
+
+Ось приклад прапорця:
+
+```html
+<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
+```
+
+# --instructions--
+
+Додайте до своєї форми набір з трьох прапорців. Кожен з прапорців може бути вкладеним в рамках власного елементу `label`. Усі три прапорці повинні поділитися атрибутом `name` з `personality`.
+
+# --hints--
+
+Ваша сторінка повинна мати три елементи прапорця.
+
+```js
+assert($('input[type="checkbox"]').length > 2);
+```
+
+Кожен з ваших трьох прапорців повинен бути вкладеним у рамках власного елементу `label`.
+
+```js
+assert($('label > input[type="checkbox"]:only-child').length > 2);
+```
+
+Переконайтеся, що кожен з ваших елементів `label` має тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/label>/g) &&
+    code.match(/<label/g) &&
+    code.match(/<\/label>/g).length === code.match(/<label/g).length
+);
+```
+
+Вашим прапорцям варто вказати атрибут `name` з `personality`.
+
+```js
+assert(
+  $('label > input[type="checkbox"]').filter('[name="personality"]').length > 2
+);
+```
+
+Кожному з ваших прапорців слід додати всередині тег `form`.
+
+```js
+assert($('label').parent().get(0).tagName.match('FORM'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label for="playful"><input id="playful" type="checkbox" name="personality">Playful</label>
+    <label for="lazy"><input id="lazy" type="checkbox" 
+name="personality">Lazy</label>
+    <label for="evil"><input id="evil" type="checkbox" 
+name="personality">Evil</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
new file mode 100644
index 0000000000..3a7a33b2ed
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
@@ -0,0 +1,160 @@
+---
+id: bad87fee1348bd9aedf08834
+title: Створити набір радіокнопок
+challengeType: 0
+forumTopicId: 16822
+dashedName: create-a-set-of-radio-buttons
+---
+
+# --description--
+
+Ви можете використовувати <dfn>radio buttons</dfn> (радіокнопки) для запитань, де ви хочете, щоб користувач давав вам тільки одну відповідь з декількох варіантів.
+
+Радіокнопки це тип `input`.
+
+Кожна з радіокнопок може бути вкладеною у власний елемент `label`. Коли елемент `input` всередині елементу `label`, він буде автоматично пов'язувати ввідну радіокнопку з міткою навколо неї.
+
+Усі пов'язані радіокнопки повинні мати однаковий атрибут `name`, щоб створити групу радіокнопок. Створюючи групу радіокнопок, вибір будь-якої однієї радіокнопки автоматично зніме інші радіокнопки всередині тієї ж групи, гарантуючи, що користувач дасть тільки одну відповідь.
+
+Приклад радіокнопки:
+
+```html
+<label> 
+  <input type="radio" name="indoor-outdoor">Indoor 
+</label>
+```
+
+Оптимальна практика - встановлення атрибута `for` в елементі `label` зі значенням, яке відповідає значенню атрибута `id` елемента `input`. Це дозволяє скористатися допоміжними технологіями, щоб створити співвідношення між міткою та пов'язаним елементом `input`. Приклад:
+
+```html
+<input id="indoor" type="radio" name="indoor-outdoor">
+<label for="indoor">Indoor</label>
+```
+
+Ми також можемо вкласти елемент `input` всередині тегів `label`:
+
+```html
+<label for="indoor"> 
+  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
+</label>
+```
+
+# --instructions--
+
+Додайте пару радіокнопок до вашої форми, кожна вкладена у власний елемент `label`. Одна з них повинна мати опцію `indoor`, а інша повинні мати опцію `outdoor`. Обидві повинні ділитися атрибутом `name` з `indoor-outdoor`, щоб створити радіогрупу.
+
+# --hints--
+
+Ваша сторінка повинна мати два елементи кнопок `radio`.
+
+```js
+assert($('input[type="radio"]').length > 1);
+```
+
+Вашим радіо кнопкам слід вказати атрибут `name` з `indoor-outdoor`.
+
+```js
+assert($('input[type="radio"]').filter("[name='indoor-outdoor']").length > 1);
+```
+
+Кожна з ваших двох елементів радіо кнопок повинна бути вкладеною у власний елемент `label`.
+
+```js
+assert($('label > input[type="radio"]:only-child').length > 1);
+```
+
+Кожен з ваших елементів `label` повинен мати тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/label>/g) &&
+    code.match(/<label/g) &&
+    code.match(/<\/label>/g).length === code.match(/<label/g).length
+);
+```
+
+Одна з ваших радіо кнопок повинна мати мітку `indoor`.
+
+```js
+assert(
+  $('label')
+    .text()
+    .match(/indoor/gi)
+);
+```
+
+Одна з ваших радіо кнопок повинна мати мітку `outdoor`.
+
+```js
+assert(
+  $('label')
+    .text()
+    .match(/outdoor/gi)
+);
+```
+
+Кожні з ваших радіо кнопок повинні бути додані всередину тегу `form`.
+
+```js
+assert($('label').parent().get(0).tagName.match('FORM'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+   <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
new file mode 100644
index 0000000000..4de702e89d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
@@ -0,0 +1,89 @@
+---
+id: bad87fee1348bd9aedf08829
+title: Створити текстове поле
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/c2EVnf6'
+forumTopicId: 16823
+dashedName: create-a-text-field
+---
+
+# --description--
+
+Тепер створімо вебформу.
+
+Елементи `input` - зручний спосіб отримати інформацію від користувача.
+
+Ви можете створити введення тексту так:
+
+```html
+<input type="text">
+```
+
+Зверніть увагу, що елементи `input` автоматично закриваються.
+
+# --instructions--
+
+Створіть елемент `input` типу `text` під вашими списками.
+
+# --hints--
+
+Ваш додаток має містити елемент `input` типу `text`.
+
+```js
+assert($('input[type=text]').length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form>
+    <input type="text">
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
new file mode 100644
index 0000000000..c5f8d337d0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
@@ -0,0 +1,157 @@
+---
+id: bad87fee1348bd9aedf08828
+title: Створити впорядкований список
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cQ3B8TM'
+forumTopicId: 16824
+dashedName: create-an-ordered-list
+---
+
+# --description--
+
+HTML має інший спеціальний елемент для створення <dfn>ordered lists</dfn> (впорядкованих списків) чи пронумерованих списків.
+
+Впорядковані списки починаються з елементу `<ol>`, за яким йде будь-яка кількість елементів `<li>`. Нарешті, впорядковані списки закриваються тегом `</ol>`.
+
+Наприклад:
+
+```html
+<ol>
+  <li>Garfield</li>
+  <li>Sylvester</li>
+</ol>
+```
+
+створить пронумерований список `Garfield` та `Sylvester`.
+
+# --instructions--
+
+Створіть впорядкований список з трьох речей, які найбільше ненавидить кіт.
+
+# --hints--
+
+Ви повинні мати впорядкований список для `Top 3 things cats hate:` (3 речі, які коти ненавидять найбільше)
+
+```js
+assert(/Top 3 things cats hate:/i.test($('ol').prev().text()));
+```
+
+Ви повинні мати невпорядкований список `Things cats love:` (Те, що люблять коти)
+
+```js
+assert(/Things cats love:/i.test($('ul').prev().text()));
+```
+
+Ви повинні мати тільки один елемент `ul`.
+
+```js
+assert.equal($('ul').length, 1);
+```
+
+Ви повинні мати тільки один елемент `ol`.
+
+```js
+assert.equal($('ol').length, 1);
+```
+
+У вас має бути три елементи `li` всередині вашого елементу `ul`.
+
+```js
+assert.equal($('ul li').length, 3);
+```
+
+Ви повинні мати три елементи `li` всередині елементу `ol`.
+
+```js
+assert.equal($('ol li').length, 3);
+```
+
+Ваш елемент `ul` повинен мати тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/ul>/g) &&
+    code.match(/<\/ul>/g).length === code.match(/<ul>/g).length
+);
+```
+
+Ваш елемент `ol` повинен мати тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/ol>/g) &&
+    code.match(/<\/ol>/g).length === code.match(/<ol>/g).length
+);
+```
+
+Ваш елемент `li` повинен мати тег, що закривається.
+
+```js
+assert(
+  code.match(/<\/li>/g) &&
+    code.match(/<li>/g) &&
+    code.match(/<\/li>/g).length === code.match(/<li>/g).length
+);
+```
+
+Елементи `li` у вашому невпорядкованому списку не повинні бути порожніми.
+
+```js
+$('ul li').each((i, val) =>
+  assert(__helpers.removeWhiteSpace(val.textContent))
+);
+```
+
+Елементи `li` у вашому впорядкованому списку не повинні бути порожніми.
+
+```js
+$('ol li').each((i, val) =>
+  assert(!!__helpers.removeWhiteSpace(val.textContent))
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>hate 1</li>
+    <li>hate 2</li>
+    <li>hate 3</li>
+  </ol>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
new file mode 100644
index 0000000000..51c66652e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
@@ -0,0 +1,70 @@
+---
+id: 587d78aa367417b2b2512aed
+title: Оголошення типу документа Doctype HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cra98AJ'
+forumTopicId: 301095
+dashedName: declare-the-doctype-of-an-html-document
+---
+
+# --description--
+
+До сьогодні проблеми стосувалися спеціальних елементів HTML та їхнього використання. Проте, є декілька елементів, які надають загальну структуру вашій сторінці і повинні бути включеними у кожен документ HTML.
+
+У верхній частині вашого документа, вам необхідно вказати в браузері яку версію HTML ви використовуєте. HTML - мова, що розвивається і регулярно оновлюється. Більшість основних браузерів підтримують останню специфікацію, яка є HTML5. Проте, старші вебсторінки, можливо, використовують попередні версії мови.
+
+Ви повідомляєте браузеру цю інформацію, додаючи тег `<!DOCTYPE ...>` у першому рядку, де частина `...` є версією HTML. Для HTML5, ви використовуєте `<!DOCTYPE html>`.
+
+`!` та регістр `DOCTYPE` є важливими, особливо для старших браузерів. `html` не залежить від регістра.
+
+Далі, решта HTML коду повинна бути оброблена в теги `html`. Відкриття `<html>` йде безпосередньо нижче рядка `<!DOCTYPE html>`, а закривання `</html>` йде внизу сторінки.
+
+Ось приклад структури сторінки. Ваш HTML код буде між двома тегами `html`.
+
+```html
+<!DOCTYPE html>
+<html>
+
+</html>
+```
+
+# --instructions--
+
+Додайте тег `DOCTYPE` для HTML5 вгорі пустого HTML-документа в редакторі кода. Під ним, додайте відкриття і закриття тегів `html`, які містяться навколо елементу `h1`. Заголовок може містити будь-який текст.
+
+# --hints--
+
+Ваш код повинен включати тег `<!DOCTYPE html>`.
+
+```js
+assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi));
+```
+
+Має бути один елемент `html`.
+
+```js
+assert($('html').length == 1);
+```
+
+Теги `html` повинні бути пронумерованими навколо елементу `h1`.
+
+```js
+assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html>
+  <h1> Hello world </h1>
+</html>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
new file mode 100644
index 0000000000..19dc6648b5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
@@ -0,0 +1,140 @@
+---
+id: 587d78aa367417b2b2512aec
+title: Визначення head та body документа HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cra9bfP'
+forumTopicId: 301096
+dashedName: define-the-head-and-body-of-an-html-document
+---
+
+# --description--
+
+Ви можете додати інший рівень організації у вашому документі HTML в межах тегів `html` з елементами `head` та `body`. Будь-яка розмітка з інформацією про вашу сторінку буде у тезі `head`. Тоді будь-яка розмітка із вмістом сторінки (яка показується для користувача) буде у тезі `body`.
+
+Елементи метаданих, такі як `link`, `meta`, `title`, та `style`, як правило, всередині елементу `head`.
+
+Ось приклад макету сторінки:
+
+```html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta />
+  </head>
+  <body>
+    <div>
+    </div>
+  </body>
+</html>
+```
+
+# --instructions--
+
+Відредагуйте відмітку так, щоб в ній були `head` та `body`. Елемент `head` повинен містити тільки `title`, а елемент `body` повинен містити тільки `h1` та `p`.
+
+# --hints--
+
+На сторінці має бути тільки один елемент `head`.
+
+```js
+const headElems = code.replace(/\n/g, '').match(/\<head\s*>.*?\<\/head\s*>/g);
+assert(headElems && headElems.length === 1);
+```
+
+На сторінці повинен бути тільки один елемент `body`.
+
+```js
+const bodyElems = code.replace(/\n/g, '').match(/<body\s*>.*?<\/body\s*>/g);
+assert(bodyElems && bodyElems.length === 1);
+```
+
+Елемент `head` повинен бути потоком елементу `html`.
+
+```js
+const htmlChildren = code
+  .replace(/\n/g, '')
+  .match(/<html\s*>(?<children>.*)<\/html\s*>/);
+let foundHead;
+if (htmlChildren) {
+  const { children } = htmlChildren.groups;
+
+  foundHead = children.match(/<head\s*>.*<\/head\s*>/);
+}
+assert(foundHead);
+```
+
+Елемент `body` має бути потоком елементу `html`.
+
+```js
+const htmlChildren = code
+  .replace(/\n/g, '')
+  .match(/<html\s*>(?<children>.*?)<\/html\s*>/);
+let foundBody;
+if (htmlChildren) {
+  const { children } = htmlChildren.groups;
+  foundBody = children.match(/<body\s*>.*<\/body\s*>/);
+}
+assert(foundBody);
+```
+
+Елемент `head` повинен міститися навколо елементу `title`.
+
+```js
+const headChildren = code
+  .replace(/\n/g, '')
+  .match(/<head\s*>(?<children>.*?)<\/head\s*>/);
+let foundTitle;
+if (headChildren) {
+  const { children } = headChildren.groups;
+  foundTitle = children.match(/<title\s*>.*?<\/title\s*>/);
+}
+assert(foundTitle);
+```
+
+Елемент `body` повинен міститися навколо обох елементів `h1` та `p`.
+
+```js
+const bodyChildren = code
+  .replace(/\n/g, '')
+  .match(/<body\s*>(?<children>.*?)<\/body\s*>/);
+let foundElems;
+if (bodyChildren) {
+  const { children } = bodyChildren.groups;
+  const h1s = children.match(/<h1\s*>.*<\/h1\s*>/g);
+  const ps = children.match(/<p\s*>.*<\/p\s*>/g);
+  const numH1s = h1s ? h1s.length : 0;
+  const numPs = ps ? ps.length : 0;
+  foundElems = numH1s === 1 && numPs === 1;
+}
+assert(foundElems);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html>
+  <title>The best page ever</title>
+
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+
+</html>
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html>
+ <head>
+  <title>The best page ever</title>
+ </head>
+ <body>
+  <h1>The best page ever</h1>
+  <p>Cat ipsum dolor sit amet, jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed. Go into a room to decide you didn't want to be in there anyway. I like big cats and i can not lie kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Meow i could pee on this if i had the energy for slap owner's face at 5am until human fills food dish yet scamper. Knock dish off table head butt cant eat out of my own dish scratch the furniture. Make meme, make cute face. Sleep in the bathroom sink chase laser but pee in the shoe. Paw at your fat belly licks your face and eat grass, throw it back up kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+ </body>
+</html>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
new file mode 100644
index 0000000000..2592cf2b91
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
@@ -0,0 +1,56 @@
+---
+id: bad87fed1348bd9aedf08833
+title: Видалення елементів HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/ckK73C9'
+forumTopicId: 17559
+dashedName: delete-html-elements
+---
+
+# --description--
+
+У вашому телефоні не так багато місця по вертикалі.
+
+Потрібно видалити непотрібні елементи, щоб розпочати створення CatPhotoApp.
+
+# --instructions--
+
+Видаліть елемент `h1`, щоб спростити перегляд.
+
+# --hints--
+
+Елемент `h1` слід видалити.
+
+```js
+assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi));
+```
+
+Елемент `h2` має бути на сторінці.
+
+```js
+assert(code.match(/<h2>[\w\W]*<\/h2>/gi));
+```
+
+Елемент `p` має бути на сторінці.
+
+```js
+assert(code.match(/<p>[\w\W]*<\/p>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2><p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
new file mode 100644
index 0000000000..b1f1929cbc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
@@ -0,0 +1,50 @@
+---
+id: bad87fee1348bd9aedf08833
+title: Заповніть пробіл текстом-заповнювачем
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cgR7Dc7'
+forumTopicId: 18178
+dashedName: fill-in-the-blank-with-placeholder-text
+---
+
+# --description--
+
+Веброзробники традиційно використовують <dfn>lorem ipsum text</dfn> як текст заміщення. Текст заміщення lorem ipsum - випадково взятий з відомого уривку Цицерона із Древнього Рима.
+
+Текст Lorem ipsum використовується як текст заміщення типографами з 16 століття і ця традиція триває в інтернеті.
+
+Що ж, 5 століть досить довгий час. Оскільки ми створюємо CatPhotoApp, використаємо те, що називається текстом "kitty ipsum".
+
+# --instructions--
+
+Замініть текст всередині елементу `p` першими декількома словами цього тексту kitty ipsum: `Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.`
+
+# --hints--
+
+Ваш елемент `p` повинен містити перші декілька слів представленого тексту "kitty ipsum".
+
+```js
+assert.isTrue(/Kitty(\s)+ipsum/gi.test($('p').text()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Hello Paragraph</p>
+```
+
+# --solutions--
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
new file mode 100644
index 0000000000..28284cf778
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aedf0887a
+title: Заголовок з елементом h2
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gqf3'
+forumTopicId: 18196
+dashedName: headline-with-the-h2-element
+---
+
+# --description--
+
+Протягом наступних уроків ми будем крок за кроком створювати веб-додаток Cat Photo мовою HTML5.
+
+Елемент `h2`, з яким будете працювати на цьому етапі, додасть заголовок другого рівня на вашу сторінку.
+
+Цей елемент відображає структуру вашого сайту у браузері. Елементи `h1` часто використовують для основних заголовків, а елементи `h2`, як правило, використовують для підзаголовків. Існують також елементи `h3`, `h4`, `h5` і `h6` на позначення різних рівнів підзаголовків.
+
+# --instructions--
+
+Додайте теґ `h2`, який містить фразу "CatPhotoApp" для того, щоб створити другий HTML-елемент під написом "Hello World" з елементом `h1`.
+
+# --hints--
+
+Створіть елемент `h2`.
+
+```js
+assert($('h2').length > 0);
+```
+
+Елемент `h2` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/h2>/g) &&
+    code.match(/<\/h2>/g).length === code.match(/<h2>/g).length
+);
+```
+
+Елемент `h2` повинен містити текст `CatPhotoApp`.
+
+```js
+assert.isTrue(/cat(\s)?photo(\s)?app/gi.test($('h2').text()));
+```
+
+Елемент `h1` повинен містити текст `Hello World`.
+
+```js
+assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
+```
+
+Елемент `h1` має бути перед елементом `h2`.
+
+```js
+assert(code.match(/<h1>\s*?.*?\s*?<\/h1>\s*<h2>\s*?.*?\s*?<\/h2>/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Hello World</h1>
+```
+
+# --solutions--
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
new file mode 100644
index 0000000000..bcd90e763e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
@@ -0,0 +1,64 @@
+---
+id: bad87fee1348bd9aedf08801
+title: Інформація щодо елементу paragraph
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/ceZ7DtN'
+forumTopicId: 18202
+dashedName: inform-with-the-paragraph-element
+---
+
+# --description--
+
+Елементи `p` найчастіше використовуються в абзацах тексту на сайтах. `p` скорочено від "paragraph".
+
+Ось як ви можете створити елемент paragraph:
+
+```html
+<p>I'm a p tag!</p>
+```
+
+# --instructions--
+
+Створіть елемент `p` під `h2` елементом, і введіть текст `Hello Paragraph`.
+
+**Примітка:** як правило, усі HTML теги повинні писатись із малої літери, наприклад `<p></p>` не `<P></P>`.
+
+# --hints--
+
+Ваш код повинен містити правильний елемент `p`.
+
+```js
+assert($('p').length > 0);
+```
+
+Ваш елемент `p` повинен містити текст `Hello Paragraph`.
+
+```js
+assert.isTrue(/hello(\s)+paragraph/gi.test($('p').text()));
+```
+
+Ваш елемент `p` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/p>/g) &&
+    code.match(/<\/p>/g).length === code.match(/<p/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+```
+
+# --solutions--
+
+```html
+<h1>Hello World</h1>
+<h2>CatPhotoApp</h2>
+<p>Hello Paragraph</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
new file mode 100644
index 0000000000..00256e1917
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
@@ -0,0 +1,98 @@
+---
+id: bad87fee1348bd9aecf08801
+title: Ознайомлення з елементами HTML5
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cBkZGpt7'
+forumTopicId: 301097
+dashedName: introduction-to-html5-elements
+---
+
+# --description--
+
+В HTML5 вводяться більш описові теги HTML. Серед них `main`, `header`, `footer`, `nav`, `video`, `article`, `section` та інші.
+
+Ці теги надають вашому HTML описову структуру, полегшують прочитання вашого HTML, а також допомагають з оптимізацією пошукової системи (SEO) та доступністю. Тег HTML5 `main` допомагає пошуковим системам та іншим розробникам знайти основний зміст вашої сторінки.
+
+Нижче наведено приклад використання елемента `main` з вкладеними у нього двома дочірніми елементами:
+
+```html
+<main> 
+  <h1>Hello World</h1>
+  <p>Hello Paragraph</p>
+</main>
+```
+
+**Примітка:** Багато нових тегів HTML5 та їхні переваги описані в розділі "Прикладна доступність".
+
+# --instructions--
+
+Створіть другий елемент `p` з поданим текстом-прикладом: `Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.`
+
+Тоді створіть `main` елемент і помістіть лише два `p` елементи у `main` елемент.
+
+# --hints--
+
+Ви повинні мати 2 елементи `p` з поданим текстом-прикладом.
+
+```js
+assert($('p').length > 1);
+```
+
+Кожен з `p` елементів повинен мати кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/p>/g) &&
+    code.match(/<\/p>/g).length === code.match(/<p/g).length
+);
+```
+
+Ваш `p` елемент повинен містити перші декілька слів з додаткового тексту-прикладу `kitty ipsum`.
+
+```js
+assert.isTrue(/Purr\s+jump\s+eat/gi.test($('p').text()));
+```
+
+Ваш код повинен містити один `main` елемент.
+
+```js
+assert($('main').length === 1);
+```
+
+Елемент `main` повинен містити два елементи абзацу в якості дочірніх.
+
+```js
+assert($('main').children('p').length === 2);
+```
+
+Тег `main` повинен знаходитися перед тегом першого абзацу.
+
+```js
+assert(code.match(/<main>\s*?<p>/g));
+```
+
+Тег `main` закриття повинен знаходитися після другого тегу, який закриває абзац.
+
+```js
+assert(code.match(/<\/p>\s*?<\/main>/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
new file mode 100644
index 0000000000..b8876dc6b0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
@@ -0,0 +1,78 @@
+---
+id: bad87fee1348bd9aedf08816
+title: Покликання (посилання) на зовнішні сторінки з якірними елементами
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/c8EkncB'
+forumTopicId: 18226
+dashedName: link-to-external-pages-with-anchor-elements
+---
+
+# --description--
+
+Ви можете використовувати елементи `a` (*anchor*) для покликання на контент за межами вашого вебсайту.
+
+Елементам `a` потрібна веб-адреса цільової сторінки, що називається атрибут `href`. Вони також потребують якірний текст. До прикладу:
+
+```html
+<a href="https://www.freecodecamp.org">this links to freecodecamp.org</a>
+```
+
+Тоді ваш браузер відображатиме текст цих покликань `this links to freecodecamp.org`, на яке ви можете натиснути. Це покликання відправить вас на веб-адресу `https://www.freecodecamp.org`.
+
+# --instructions--
+
+Створіть елемент `a`, що покликається на `https://www.freecatphotoapp.com` та має "світлина кота" як якірний текст.
+
+# --hints--
+
+Ваш елемент `a` має містити якірний текст `cat photos`.
+
+```js
+assert(/cat photos/gi.test($('a').text()));
+```
+
+Вам потрібен елемент `a`, що покликається на `https://www.freecatphotoapp.com`
+
+```js
+assert(/^https?:\/\/(www\.)?freecatphotoapp\.com\/?$/i.test($('a').attr('href')));
+```
+
+Ваш елемент `a` повинен мати кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/a>/g) &&
+    code.match(/<\/a>/g).length === code.match(/<a/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <a href="https://www.freecatphotoapp.com">cat photos</a>
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
new file mode 100644
index 0000000000..0a095fac56
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
@@ -0,0 +1,120 @@
+---
+id: bad88fee1348bd9aedf08816
+title: Посилання на внутрішні розділи сторінки з елементами прив’язки
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cyrDRUL'
+forumTopicId: 301098
+dashedName: link-to-internal-sections-of-a-page-with-anchor-elements
+---
+
+# --description--
+
+Елементи `a` (*anchor*) можуть також використовуватися, щоб створити внутрішнє посилання, щоб перейти на різні розділи вебсторінки.
+
+Щоб створити внутрішнє посилання, ви присвоюєте атрибут посилання `href` хеш-символу `#` плюс значення атрибута `id` для елементу, на який ви хочете зробити внутрішнє посилання, зазвичай нижче на сторінці. Тоді вам необхідно додати той же атрибут `id` елементу, на який ви переходите. `id` - атрибут, який однозначно описує елемент.
+
+Нижче наведено приклад внутрішнього якірного посилання і його цільового елементу:
+
+```html
+<a href="#contacts-header">Contacts</a>
+...
+<h2 id="contacts-header">Contacts</h2>
+```
+
+Коли користувачі натискають на посилання `Contacts`, вони перейдуть до розділу вебсторінки з заголовком **Контакти**.
+
+# --instructions--
+
+Змініть зовнішнє посилання на внутрішнє, змінивши атрибут `href` на `"#footer"` і текст з `cat photos` на `Jump to Bottom`.
+
+Видаліть атрибут `target="_blank"` із тегу прив'язки, бо це призведе до відкриття прив'язаного документа у новій вкладці вікна.
+
+Потім додайте атрибут `id` зі значенням `footer` до елементу `<footer>` внизу сторінки.
+
+# --hints--
+
+На вашій сторінці повинен бути лише один тег прив'язки.
+
+```js
+assert($('a').length == 1);
+```
+
+На вашій сторінці повинен бути тільки один тег `footer`.
+
+```js
+assert($('footer').length == 1);
+```
+
+Тег `a` повинен мати атрибут `href` налаштований до "#footer".
+
+```js
+assert($('a').eq(0).attr('href') == '#footer');
+```
+
+Тег `a` не повинен мати атрибут `target`.
+
+```js
+assert(
+  typeof $('a').eq(0).attr('target') == typeof undefined ||
+    $('a').eq(0).attr('target') == true
+);
+```
+
+Текст `a` має бути "Jump to Bottom".
+
+```js
+assert(
+  $('a')
+    .eq(0)
+    .text()
+    .match(/Jump to Bottom/gi)
+);
+```
+
+Тег `footer` повинен мати атрибут `id` налаштований до "footer".
+
+```js
+assert($('footer').eq(0).attr('id') == 'footer');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer>Copyright Cat Photo App</footer>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="#footer">Jump to Bottom</a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+  <p>Meowwww loved it, hated it, loved it, hated it yet spill litter box, scratch at owner, destroy all furniture, especially couch or lay on arms while you're using the keyboard. Missing until dinner time toy mouse squeak roll over. With tail in the air lounge in doorway. Man running from cops stops to pet cats, goes to jail.</p>
+  <p>Intently stare at the same spot poop in the plant pot but kitten is playing with dead mouse. Get video posted to internet for chasing red dot leave fur on owners clothes meow to be let out and mesmerizing birds leave fur on owners clothes or favor packaging over toy so purr for no reason. Meow to be let out play time intently sniff hand run outside as soon as door open yet destroy couch.</p>
+
+</main>
+
+<footer id="footer">Copyright Cat Photo App</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
new file mode 100644
index 0000000000..f99d29a053
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
@@ -0,0 +1,58 @@
+---
+id: bad87fee1348bd9aedf08817
+title: Зробити мертве посилання, використовуючи хеш-символ
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cMdkytL'
+forumTopicId: 18230
+dashedName: make-dead-links-using-the-hash-symbol
+---
+
+# --description--
+
+Інколи ви хочете додати `a` елементи до вашого веб-сайту ще перед тим, як дізнаєтесь, куди вони мають посилатися.
+
+Це також стає в нагоді, коли ви змінюєте поведінку посилання за допомогою `JavaScript`, про який ми дізнаємося пізніше.
+
+# --instructions--
+
+Поточним значенням `href` атрибуту є посилання, яке вказує на "`https://www.freecatphotoapp.com`". Щоб створити мертве посилання, замініть значення атрибуту `href` на `#`, також відоме як хеш-символ.
+
+Наприклад: `href="#"`
+
+# --hints--
+
+Ваш `a` елемент повинен бути мертвим посиланням з `href` атрибутом, встановленим на"#".
+
+```js
+assert($('a').attr('href') === '#');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>.</p>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
new file mode 100644
index 0000000000..935f51ec7c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
@@ -0,0 +1,163 @@
+---
+id: bad87fee1348bd9aede08817
+title: Вставте якірний елемент в Абзац
+challengeType: 0
+forumTopicId: 18244
+dashedName: nest-an-anchor-element-within-a-paragraph
+---
+
+# --description--
+
+Можна вкласти посилання в інші текстові елементи.
+
+```html
+<p>
+  Here's a <a target="_blank" href="https://www.freecodecamp.org"> link to www.freecodecamp.org</a> for you to follow.
+</p>
+```
+
+Давайте зупинимося на прикладі. Звичайний текст поміщений в елемент:`p`:
+
+```html
+<p> Here's a ... for you to follow. </p>
+```
+
+Далі йде   *anchor* element `<a>` (який вимагає кінцевого тегу `</a>`):
+
+```html
+<a> ... </a>
+```
+
+`target` це атрибут прив’язного тегу, який визначає, де відкрити посилання. Значення вказує на відкриття посилання в новій вкладці`_blank`. `href` є атрибутом прив’язки, який містить URL адресу посилання:
+
+```html
+<a href="https://www.freecodecamp.org" target="_blank"> ... </a>
+```
+
+Текст `link to www.freecodecamp.org`, усередині `a`елемента, який називається <dfn>anchor text</dfn> буде відображати посилання, на яке потрібно натиснути:
+
+```html
+<a href=" ... " target="...">link to freecodecamp.org</a>
+```
+
+Кінцевий результат прикладу буде виглядати наступним чином:
+
+Here's a <a href="https://www.freecodecamp.org" target="_blank">link to www.freecodecamp.org</a> for you to follow.
+
+# --instructions--
+
+Вкласти існуючий `a`елемент в новий `p` елемент. Не створюйте нову мітку для прив'язки. У новому абзаці має бути текст із зазначенням `View more cat photos` де `cat photos` є посиланням, а решта - простим текстом.
+
+# --hints--
+
+У вас має бути тільки один елемент `a`.
+
+```js
+assert(
+  $('a').length  === 1 
+);
+```
+
+Eлемент `a` повинен покликатись на `https://www.freecatphotoapp.com`".
+
+```js
+assert(
+  $('a[href="https://www.freecatphotoapp.com"]').length  === 1 
+);
+```
+
+Ваш `a` елемент повинен складатися з ідентифікатору `cat photos`
+
+```js
+assert(
+  $('a')
+    .text()
+    .match(/cat\sphotos/gi)
+);
+```
+
+Ви повинні створити новий  елемент `p`. У вашому HTML-коді повинно бути не менше трьох тегів.`p`.
+
+```js
+assert($('p') && $('p').length > 2);
+```
+
+Ваш `a` елемент повинен бути вкладений в новий елемент `p`.
+
+```js
+assert(
+  $('a[href="https://www.freecatphotoapp.com"]').parent().is('p')
+);
+```
+
+Елемент `p` повинен мати текст `View more` (з пропуском після нього).
+
+```js
+assert(
+  $('a[href="https://www.freecatphotoapp.com"]')
+    .parent()
+    .text()
+    .match(/View\smore\s/gi)
+);
+```
+
+Ваш елемент `a` <em>not</em> не повинен мати текст `View more`.
+
+```js
+assert(
+  !$('a')
+    .text()
+    .match(/View\smore/gi)
+);
+```
+
+Кожен з `p` елементів повинен мати кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/p>/g) &&
+    code.match(/<p/g) &&
+    code.match(/<\/p>/g).length === code.match(/<p/g).length
+);
+```
+
+Кожен з ваших `a` елементів повинен мати кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/a>/g) &&
+    code.match(/<a/g) &&
+    code.match(/<\/a>/g).length === code.match(/<a/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+
+  <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>View more <a target="_blank" href="https://www.freecatphotoapp.com">cat photos</a></p>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
new file mode 100644
index 0000000000..5a61c50b26
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
@@ -0,0 +1,121 @@
+---
+id: bad87fee1348bd9aede08835
+title: Вкладання багатьох елементів в межах ординарного елементу div
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cNW4kC3'
+forumTopicId: 18246
+dashedName: nest-many-elements-within-a-single-div-element
+---
+
+# --description--
+
+Елемент `div` також відомий як елемент поділу (div), є контейнером загального призначення для інших елементів.
+
+Елемент `div` ймовірно є найчастіше використовуваним HTML-елементом з усіх.
+
+Як і будь-який інший елемент, що не закривається сам, ви можете відкрити елемент `div` з `<div>` та закрити його на іншому рядку з `</div>`.
+
+# --instructions--
+
+Вкладіть ваші списки "Things cats love" та "Top 3 things cats hate", всі в межах одного елементу `div`.
+
+Підказка: Спробуйте розмістити свій початковий тег `div` над елементом "Things cats love" `p` та кінцевий тег `div` після вашого кінцевого тега `ol`, щоб два ваших списки знаходились в межах одного `div`.
+
+# --hints--
+
+Елементи `p` повинні бути вкладені в елемент `div`.
+
+```js
+assert($('div').children('p').length > 1);
+```
+
+Елемент `ul` повинен бути вкладеним в елемент `div`.
+
+```js
+assert($('div').children('ul').length > 0);
+```
+
+Елемент `ol` повинен бути вкладений в елемент `div`.
+
+```js
+assert($('div').children('ol').length > 0);
+```
+
+Елемент `div` повинен містити кінцевий тег.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div>/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+  <div>
+    <p>Things cats love:</p>
+    <ul>
+      <li>cat nip</li>
+      <li>laser pointers</li>
+      <li>lasagna</li>
+    </ul>
+    <p>Top 3 things cats hate:</p>
+    <ol>
+      <li>flea treatment</li>
+      <li>thunder</li>
+      <li>other cats</li>
+    </ol>
+  </div>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
new file mode 100644
index 0000000000..669518db47
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c8c441eddfaeb5bdef
+title: Ознайомтесь з HTML елементами
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cE8Gpt2'
+forumTopicId: 18276
+dashedName: say-hello-to-html-elements
+---
+
+# --description--
+
+Ласкаво просимо в розділ FreeCodeCamp, де ви зможете вивчити HTML-кодування. Ви зможете вивчити процес веб-розробки крок за кроком.
+
+Перше за все ви створите просту веб-сторінку за допомогою HTML. Ви можете редагувати код безпосередньо у редакторі коду, який вбудований у цю веб-сторінку.
+
+Чи бачите ви код з написом `<h1>Hello</h1>` у вашому редакторі? Ось це і є HTML-елемент.
+
+Більшість елементів HTML мають теги відкривання та закривання.
+
+Так виглядають теги відривання:
+
+```html
+<h1>
+```
+
+Ось так виглядають теги закривання:
+
+```html
+</h1>
+```
+
+Єдина відмінність між тегами відкривання і закривання - скісна риска після відкриваючої квадратної дужки тега закривання.
+
+У кожному завданні є тести, які можна виконувати в будь-який час, натиснувши на кнопку "Виконати тести". Коли ви пройдете всі тести, вам буде запропоновано надіслати ваш розв'язок та перейти до наступного завдання з кодування.
+
+# --instructions--
+
+Щоб пройти тест у цьому завданні, замініть текст у своєму елементі `h1` на `Hello World`.
+
+# --hints--
+
+Ваш `h1` елемент повинен містити текст `Hello World`.
+
+```js
+assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h1>Hello</h1>
+```
+
+# --solutions--
+
+```html
+<h1>Hello World</h1>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
new file mode 100644
index 0000000000..c24dac4921
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
@@ -0,0 +1,80 @@
+---
+id: bad87fee1348bd9aedf08820
+title: Перетворіть зображення на посилання
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cRdBnUr'
+forumTopicId: 18327
+dashedName: turn-an-image-into-a-link
+---
+
+# --description--
+
+Ви можете перетворити зображення на посилання, вклавши їх в `a` елемент.
+
+Вкладіть ваше зображення в `a` елемент. Наприклад:
+
+```html
+<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="Three kittens running towards the camera."></a>
+```
+
+Не забувайте використовувати `#` як властивість `href` вашого елемента `a`, щоб перетворити його на мертве посилання.
+
+# --instructions--
+
+Розмістіть наявний елемент зображення в `a` (*anchor*) елементі.
+
+Після цього наведіть курсор на ваше зображення. Звичайний вказівник вашого курсора повинен стати вказівником натискання за посиланням. Тепер зображення стало посиланням.
+
+# --hints--
+
+Наявний `img` елемент повинен бути вкладеним в `a` елемент.
+
+```js
+assert($('a').children('img').length > 0);
+```
+
+Ваш `a` елемент повинен бути мертвим посиланням з `href` атрибутом, встановленим на `#`.
+
+```js
+assert(new RegExp('#').test($('a').children('img').parent().attr('href')));
+```
+
+Кожен з ваших `a` елементів повинен мати тег закривання.
+
+```js
+assert(
+  code.match(/<\/a>/g) &&
+    code.match(/<a/g) &&
+    code.match(/<\/a>/g).length === code.match(/<a/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/uncomment-html.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
new file mode 100644
index 0000000000..fb1038bdf0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
@@ -0,0 +1,70 @@
+---
+id: bad87fee1348bd9aedf08802
+title: Розкоментований HTML
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cBmG9T7'
+forumTopicId: 18329
+dashedName: uncomment-html
+---
+
+# --description--
+
+Коментування - це спосіб, за допомогою якого ви можете залишити коментарі для інших розробників в межах вашого коду, не впливаючи на результат отриманого значення, який відображається кінцевому користувачу.
+
+Коментування є також і зручним способом зробити код неактивним без необхідності його повного видалення.
+
+Коментарі в HTML починаються з `<!--` і закінчуються `-->`
+
+# --instructions--
+
+Прокоментуйте ваші `h1`, `h2` та `p` елементи.
+
+# --hints--
+
+Ваш елемент `h1` має бути видимим на сторінці шляхом його розкоментування.
+
+```js
+assert($('h1').length > 0);
+```
+
+Ваш елемент `h2` має бути видимим на сторінці шляхом його розкоментування.
+
+```js
+assert($('h2').length > 0);
+```
+
+Ваш елемент `p` має бути видимим на сторінці шляхом його розкоментування.
+
+```js
+assert($('p').length > 0);
+```
+
+Кінцеві теги коментарів не мають бути видимими на сторінці (тобто `-->`).
+
+```js
+assert(!$('*:contains("-->")')[1]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!--
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+-->
+```
+
+# --solutions--
+
+```html
+<h1>Hello World</h1>
+
+<h2>CatPhotoApp</h2>
+
+<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
new file mode 100644
index 0000000000..6076bf616c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
@@ -0,0 +1,86 @@
+---
+id: bad87fee1348bd9aedc08830
+title: Використання HTML5 для отримання потрібного поля
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVMPUv/cMd4EcQ'
+forumTopicId: 18360
+dashedName: use-html5-to-require-a-field
+---
+
+# --description--
+
+Ви можете створити певні поля з формами так, щоб користувач не зміг відправити їх до тих пір, поки вони не будуть заповнені.
+
+Наприклад, якщо ви хочете створити поле для введення тексту, просто додайте атрибут `required` в межах вашого елемента `input`, на кшталт цього: `<input type="text" required>`
+
+# --instructions--
+
+Зробіть з вашого тексту `input` поле `required` так, щоб користувач не міг надіслати форму без повного заповнення поля.
+
+Потім спробуйте надіслати форму без введення тексту. Бачите як ваша форма HTML5 повідомляє, що поле є обов'язковим для заповнення?
+
+# --hints--
+
+Ваш текст `input` елемента повинен містити `required` атрибут.
+
+```js
+assert($('input').prop('required'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <input type="text" required placeholder="cat photo URL">
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
new file mode 100644
index 0000000000..00ac6f1946
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
@@ -0,0 +1,148 @@
+---
+id: 5c6c06847491271903d37cfd
+title: Використовуйте атрибут значення за допомогою радіокнопок та прапорців
+challengeType: 0
+forumTopicId: 301099
+dashedName: use-the-value-attribute-with-radio-buttons-and-checkboxes
+---
+
+# --description--
+
+При відправленні форми, дані надсилаються на сервер і вмикають записи для обраних параметрів. Вхідні дані типу `radio` та`checkbox` повідомляють свої значення з атрибуту `value`.
+
+Наприклад:
+
+```html
+<label for="indoor">
+  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
+</label>
+<label for="outdoor">
+  <input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
+</label>
+```
+
+Ось тут, ви маєте два вхідні `radio`. Коли користувач розміщує форму з обраним параметром `indoor`, дані форми будуть містити рядок:`indoor-outdoor=indoor`. Це стосується вхідних атрибутів "indoor" `name`та `value`.
+
+Якщо ви опустили атрибут `value`, надіслані дані форми використовуватимуть значення за замовчуванням, що представляє `on`. В цьому сценарії, якщо користувач натиснув на параметр "indoor" і надіслав форму, отримані дані форми будуть `indoor-outdoor=on`, що немає сенсу. Таким чином, атрибут `value` повинен бути встановлений для чогось, щоб ідентифікувати параметр.
+
+# --instructions--
+
+Надайте кожному з існуючих атрибутів `radio` і `checkbox` вводу `value`. Не створюйте нові елементи радіо чи прапорця. В якості значення атрибуту в нижньому регістрі використовуйте текст для вхідних міток.
+
+# --hints--
+
+Одна з ваших радіокнопок повинна мати атрибут `value` з `indoor`.
+
+```js
+assert(
+  $('label:contains("Indoor") > input[type="radio"]').filter("[value='indoor']")
+    .length > 0
+);
+```
+
+Одна з ваших радіокнопок повинна мати атрибут `value` з `outdoor`.
+
+```js
+assert(
+  $('label:contains("Outdoor") > input[type="radio"]').filter(
+    "[value='outdoor']"
+  ).length > 0
+);
+```
+
+Один із ваших прапорців повинен мати атрибут `value` з `loving`.
+
+```js
+assert(
+  $('label:contains("Loving") > input[type="checkbox"]').filter(
+    "[value='loving']"
+  ).length > 0
+);
+```
+
+Один із ваших прапорців повинен мати атрибут `value` з`lazy`.
+
+```js
+assert(
+  $('label:contains("Lazy") > input[type="checkbox"]').filter("[value='lazy']")
+    .length > 0
+);
+```
+
+Один із ваших прапорців повинен мати атрибут `value` з `energetic`.
+
+```js
+assert(
+  $('label:contains("Energetic") > input[type="checkbox"]').filter(
+    "[value='energetic']"
+  ).length > 0
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
+
+# --solutions--
+
+```html
+<h2>CatPhotoApp</h2>
+<main>
+  <p>Click here to view more <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://www.freecatphotoapp.com/submit-cat-photo">
+    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
+    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
+    <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving"> Loving</label>
+    <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+    <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</main>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
new file mode 100644
index 0000000000..0537bb8a96
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
@@ -0,0 +1,258 @@
+---
+id: 587d78ab367417b2b2512af1
+title: Додавання різноманітних властивостей flex до вбудованих твітів
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c9W7MhM'
+forumTopicId: 301100
+dashedName: add-flex-superpowers-to-the-tweet-embed
+---
+
+# --description--
+
+Справа вбудований твіт, що використовуватиметься як практичний приклад. Деякі елементи виглядатимуть краще у іншому розташуванні. Останнє завдання показало `display: flex`. Тепер ви можете додати його до кількох компонентів вбудованого твіта, щоб почати їх розташування.
+
+# --instructions--
+
+Додайте властивість CSS `display: flex` до всіх наступних елементів - майте на увазі, що селектори вже встановлені до CSS:
+
+`header`, the header's `.profile-name`, the header's `.follow-btn`, the header's `h3` та `h4`, the `footer`, та the footer's `.stats`.
+
+# --hints--
+
+Ваш `.follow-btn` має відображатися на цій сторінці. Переконайтеся, що всі розширення вимкнено, наприклад блокувальники реклами.
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+Ваш `header` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('header').css('display') == 'flex');
+```
+
+Ваш `footer` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('footer').css('display') == 'flex');
+```
+
+Ваш `h3` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('h3').css('display') == 'flex');
+```
+
+Ваш `h4` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('h4').css('display') == 'flex');
+```
+
+Ваш `.profile-name` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('.profile-name').css('display') == 'flex');
+```
+
+Ваш `.follow-btn` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('.follow-btn').css('display') == 'flex');
+```
+
+Ваш `.stats` повинен мати встановлені налаштування `display` на `flex`.
+
+```js
+assert($('.stats').css('display') == 'flex');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+
+  }
+  footer .stats {
+
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+   display: flex;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
new file mode 100644
index 0000000000..b3921120bc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
@@ -0,0 +1,95 @@
+---
+id: 587d78ad367417b2b2512af8
+title: Вирівнювання елементів за допомогою властивості align-items
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c8aggtk'
+forumTopicId: 301101
+dashedName: align-elements-using-the-align-items-property
+---
+
+# --description--
+
+Властивість `align-items` подібна до `justify-content`. Нагадуємо, що властивість `justify-content` вирівнює flex елементи вздовж головної вісі. Головною віссю для рядків вважається горизонтальна лінія, а для стовпців — вертикальна.
+
+Flex контейнери також мають **cross axis**, яка є перпендикулярною головній осі. Для рядків ця поперечна вісь — вертикальна, а для стовпців — горизонтальна.
+
+CSS пропонує властивість `align-items` для вирівнювання flex елементів за поперечною віссю. Для рядка, вона вказує CSS, як переміщати елементи в одному рядку вгору чи вниз контейнера. А у стовпці — як вирівнювати елементи, зліва чи справа контейнера.
+
+Список доступних значень для `align-items`:
+
+<ul><li><code>flex-start</code>: розміщення елементів від початку flex контейнера. У рядках елементи вирівнюються у верхній частині контейнера. А у стовпцях це значення вирівнює елементи з лівого боку контейнера.</li><li><code>flex-end</code>: розміщення елементів ближче до кінця flex контейнера. У рядках це значення вирівнює елементи у нижній частині контейнера. У стовпцях — з правого боку.</li><li><code>center</code>: вирівнювання елементів по центру. У рядках значення вирівнює елементи вертикально (зверху і знизу елементів залишається однакове вільне місце). У стовпцях елементи вирівнюються горизонтально (однакове вільне місце зліва і справа від елементів).</li><li><code>stretch</code>: розтягнення елементів, щоб заповнити flex контейнер. Наприклад, елементи у рядках розтягуються, щоби повністю заповнити flex контейнер. Це значення використовується за замовчуванням, якщо не вказано значення <code>align-items</code>.</li><li><code>baseline</code>: вирівнювання елементів по їх базовій лінії. Базова лінія — це текстове поняття, що позначає лінію, на якій розташовуються всі літери.</li></ul>
+
+# --instructions--
+
+Приклад допоможе показати цю властивість у дії. Додайте властивість CSS `align-items` до елемента `#box-container` та надайте йому значення `center`.
+
+**Бонус**  
+Спробуйте інші варіанти властивості `align-items` у редакторі коду, щоб побачити їхні відмінності. Проте зверніть увагу, що лише значення `center` може виконати це завдання.
+
+# --hints--
+
+Елемент `#box-container` повинен мати налаштовану властивість `align-items` до значення `center`.
+
+```js
+assert($('#box-container').css('align-items') == 'center');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+    align-items: center;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 200px;
+    font-size: 24px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 200px;
+    font-size: 18px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"><p>Hello</p></div>
+  <div id="box-2"><p>Goodbye</p></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
new file mode 100644
index 0000000000..b5b44c3086
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
@@ -0,0 +1,95 @@
+---
+id: 587d78ac367417b2b2512af6
+title: Вирівнювання елементів за допомогою властивості justify-content
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c43gnHm'
+forumTopicId: 301102
+dashedName: align-elements-using-the-justify-content-property
+---
+
+# --description--
+
+Деколи flex елементи не заповнюють все вільне місце у flex контейнері. Зазвичай, можна вказати CSS, як саме варто вирівняти та розтягнути flex елементи. На щастя, властивість `justify-content` має декілька варіантів для цього. По-перше, перед тим як їх розглядати, варто вивчити важливу термінологію.
+
+[Це зображення рядка ілюструє подальші поняття та може стати у пригоді.](https://www.w3.org/TR/css-flexbox-1/images/flex-direction-terms.svg)
+
+Пам'ятайте, що якщо ви налаштуєте flex контейнер у вигляді рядка, flex елементи послідовно розташовуватимуться зліва направо. Встановлення flex контейнера у вигляді стовпця розташує flex елементи вертикально зверху вниз. Для обох цих налаштувань, напрямок, у якому розташовуються flex елементи, має назву **main axis**. У рядку це — горизонтальна лінія, що перетинає кожен елемент. А у стовпці головна вісь — це вертикальна лінія, що проходить через всі елементи.
+
+Існує декілька способів розміщення flex елементів уздовж лінії, тобто головної осі. Найпоширеніший — це `justify-content: center;`, що вирівнює всі flex елементи по центру всередині flex контейнера. Інші варіанти:
+
+<ul><li><code>flex-start</code>: розміщення елементів від початку flex контейнера. Елементи у рядку посуваються до лівого боку контейнера. А у стовпці елементи вирівнюються зверху контейнера. Це вирівнювання використовується за замовчуванням, якщо не вказано <code>justify-content</code>.</li><li><code>flex-end</code>: вирівнювання елементів від кінця flex контейнера. У рядку елементи переміщуються до правого боку контейнера. А у стовпці — до нижньої частини контейнера.</li><li><code>space-between</code>: вирівнювання елементів по центру головної осі, залишаючи додатковий простір між елементами. Перший та останній елементи відштовхуються на самий край flex контейнера. Наприклад, у рядку перший елемент стає з лівого боку контейнера, останній — з правого боку, а інші елементи рівномірно розподіляються серед місця, що залишилося між ними.</li><li><code>space-around</code>: подібне значення до <code>space-between</code>, але перший та останній елементи не фіксуються навпроти країв контейнера, а вільне місце розподіляється поміж всіх елементів, залишаючи половину простору з будь-якого краю flex контейнера.</li><li><code>space-evenly</code>: рівномірно розподіляє вільне місце між flex елементами з цілим пробілом з будь-якого краю flex контейнера</li></ul>
+
+# --instructions--
+
+Приклад допоможе показати цю властивість у дії. Додайте властивість CSS `justify-content` до елемента `#box-container`та надайте йому значення `center`.
+
+**Бонус**  
+Спробуйте інші варіанти властивості `justify-content` у редакторі коду, щоб побачити їхні відмінності. Проте майте на увазі, що лише значення `center` може виконати це завдання.
+
+# --hints--
+
+Елемент `#box-container` повинен мати налаштовану властивість `justify-content` до значення `center`.
+
+```js
+assert($('#box-container').css('justify-content') == 'center');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 500px;
+    justify-content: center;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 100%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 100%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
new file mode 100644
index 0000000000..2cda860a9e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
@@ -0,0 +1,218 @@
+---
+id: 587d78ac367417b2b2512af5
+title: Застосування властивості flex-direction для створення стовпця у вбудованому твіті
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cnzdVC9'
+forumTopicId: 301103
+dashedName: apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed
+---
+
+# --description--
+
+Раніше для вбудованих твітів `header` та `footer` використовувалася властивість `flex-direction` зі значенням рядка. Так само і елементи всередині `.profile-name` функціонували добре у вигляді стовпця.
+
+# --instructions--
+
+Додайте властивість CSS `flex-direction` до елементу заголовка `.profile-name` та встановіть значення `column`.
+
+# --hints--
+
+Ваш `.follow-btn` має відображатися на цій сторінці. Переконайтеся, що всі розширення вимкнено, наприклад блокувальники реклами.
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+Елемент `.profile-name` повинен мати властивість `flex-direction`, встановлену як `column`.
+
+```js
+assert($('.profile-name').css('flex-direction') == 'column');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
new file mode 100644
index 0000000000..11af6455c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
@@ -0,0 +1,230 @@
+---
+id: 587d78ab367417b2b2512af3
+title: Застосування властивості flex-direction для створення рядків у вбудованому твіті
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cJb8yuq'
+forumTopicId: 301104
+dashedName: apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed
+---
+
+# --description--
+
+У прикладі вбудованого твіту `header` та `footer` мають дочірні елементи, які можна впорядковувати у ряди за допомогою властивості `flex-direction`. Вона вказує CSS вирівнювати дочірні елементи горизонтально.
+
+# --instructions--
+
+Додайте властивість CSS `flex-direction` до `header` і `footer` та налаштуйте значення на `row`.
+
+# --hints--
+
+Ваш `.follow-btn` має відображатися на цій сторінці. Переконайтеся, що всі розширення вимкнено, наприклад блокувальники реклами.
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+`header` повинен мати встановлене налаштування властивості `flex-direction` на `row`.
+
+```js
+assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));
+```
+
+`footer` повинен мати встановлене налаштування властивості `flex-direction` на `row`.
+
+```js
+assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer {
+    display: flex;
+    flex-direction: row;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
new file mode 100644
index 0000000000..7422ef4a88
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
@@ -0,0 +1,82 @@
+---
+id: 587d78ab367417b2b2512af0
+title: 'Використання display: flex для розміщення двох боксів'
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cgz3QS7'
+forumTopicId: 301105
+dashedName: use-display-flex-to-position-two-boxes
+---
+
+# --description--
+
+Цей розділ застосовує альтернативні стилі виконання завдання, щоб показати, як використовувати CSS для розміщення елементів гнучким способом. Спочатку в завданні пояснюється теорія, а потім у практичному завданні за допомогою простого компонента твіту застосовується концепція flexbox.
+
+Розміщення властивості CSS `display: flex;` в елементі дозволяє використовувати інші flex властивості для створення адаптивної сторінки.
+
+# --instructions--
+
+Додайте властивість CSS `display` до `#box-container` та встановіть значення `flex`.
+
+# --hints--
+
+`#box-container` повинен мати налаштовану властивість `display` до значення `flex`.
+
+```js
+assert($('#box-container').css('display') == 'flex');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    height: 500px;
+    display: flex;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
new file mode 100644
index 0000000000..0acdabe222
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
@@ -0,0 +1,222 @@
+---
+id: 587d78ad367417b2b2512af9
+title: Використання властивості align-items у вбудованому твіті
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cd3PNfq'
+forumTopicId: 301106
+dashedName: use-the-align-items-property-in-the-tweet-embed
+---
+
+# --description--
+
+В останньому завданні ви побачили властивість `align-items` та її приклад. Цю властивість можна застосувати до декількох вбудованих елементів у твіті щоб вирівняти flex елементи всередині них.
+
+# --instructions--
+
+Додайте властивість CSS `align-items` до елемента заголовку `.follow-btn`. Установіть значення `center`.
+
+# --hints--
+
+Ваш `.follow-btn` має відображатися на сторінці. Переконайтеся, що всі розширення вимкнено, наприклад блокувальники реклами.
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+Елемент `.follow-btn` повинен мати налаштовану властивість `align-items` до значення `center`.
+
+```js
+assert($('.follow-btn').css('align-items') == 'center');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    align-items: center;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-self-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
new file mode 100644
index 0000000000..1afa886cc3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
@@ -0,0 +1,92 @@
+---
+id: 587d78af367417b2b2512b00
+title: Використання властивості align-self
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cMbvzfv'
+forumTopicId: 301107
+dashedName: use-the-align-self-property
+---
+
+# --description--
+
+Остання властивість flex елементів — це `align-self`. Ця властивість дозволяє вам налаштовувати кожне вирівнювання елемента окремо, а не робити це для всіх одночасно. Вона корисна, оскільки інші поширені техніки коригування, що використовуються у властивостях CSS `float`, `clear`, і `vertical-align`, не працюють із flex елементами.
+
+`align-self` набуває того ж значення, що і `align-items`, та може замінити будь-яке значення, встановлене властивістю `align-items`.
+
+# --instructions--
+
+Додайте властивість CSS `align-self` до `#box-1` та `#box-2`. Надайте `#box-1` значення `center`, а `#box-2` значення `flex-end`.
+
+# --hints--
+
+Елемент `#box-1` повинен мати властивість `align-self`, налаштовану до значення `center`.
+
+```js
+assert($('#box-1').css('align-self') == 'center');
+```
+
+Елемент `#box-2` повинен мати властивість `align-self`, налаштовану до значення `flex-end`.
+
+```js
+assert($('#box-2').css('align-self') == 'flex-end');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    align-self: center;
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    align-self: flex-end;
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
new file mode 100644
index 0000000000..972d304218
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
@@ -0,0 +1,102 @@
+---
+id: 587d78ae367417b2b2512afd
+title: Використання властивості flex-basis для встановлення початкового розміру елемента
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c3d9nCa'
+forumTopicId: 301108
+dashedName: use-the-flex-basis-property-to-set-the-initial-size-of-an-item
+---
+
+# --description--
+
+Властивість `flex-basis` вказує початковий розмір елемента до того, як CSS корегує `flex-shrink` чи `flex-grow`.
+
+Одиниці виміру, що використовуються властивістю `flex-basis`, дорівнюють розмірам інших властивостей (`px`, `em`, `%` тощо). Значення `auto` змінює розмір елементів на основі їхнього вмісту.
+
+# --instructions--
+
+Налаштуйте початковий розмір боксів за допомогою `flex-basis`. Додайте властивість CSS `flex-basis` до `#box-1` та `#box-2`. Надайте `#box-1` значення `10em`, а `#box-2` значення `20em`.
+
+# --hints--
+
+Елемент `#box-1` повинен мати властивість `flex-basis`.
+
+```js
+assert($('#box-1').css('flex-basis') != 'auto');
+```
+
+Елемент `#box-1` повинен мати властивість `flex-basis`, налаштовану до значення `10em`.
+
+```js
+assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g));
+```
+
+Елемент `#box-2` повинен мати властивість `flex-basis`.
+
+```js
+assert($('#box-2').css('flex-basis') != 'auto');
+```
+
+Елемент `#box-2` повинен мати властивість `flex-basis`, налаштовану до значення `20em`.
+
+```js
+assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+    flex-basis: 10em;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+    flex-basis: 20em;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
new file mode 100644
index 0000000000..cbb2352c13
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
@@ -0,0 +1,82 @@
+---
+id: 587d78ac367417b2b2512af4
+title: Використання властивості flex-direction для створення стовпця
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cZmWeA4'
+forumTopicId: 301109
+dashedName: use-the-flex-direction-property-to-make-a-column
+---
+
+# --description--
+
+В останніх двох завданнях використовувалася властивість `flex-direction`, встановлена як `row`. Також ця властивість може створювати стовпець, вертикально розташовуючи дочірні елементи flex контейнера.
+
+# --instructions--
+
+Додайте властивість CSS `flex-direction` до елемента `#box-container` та надайте йому значення `column`.
+
+# --hints--
+
+Елемент `#box-container` повинен мати властивість `flex-direction`, встановлену як `column`.
+
+```js
+assert($('#box-container').css('flex-direction') == 'column');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+    flex-direction: column;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
new file mode 100644
index 0000000000..8e076545ae
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
@@ -0,0 +1,86 @@
+---
+id: 587d78ab367417b2b2512af2
+title: Використовуйте параметр flex-direction, щоб створити рядок
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cBEkbfJ'
+forumTopicId: 301110
+dashedName: use-the-flex-direction-property-to-make-a-row
+---
+
+# --description--
+
+Додавання `display: flex` до елементу перетворює його в flex-контейнер. Це робить можливим вирівнювання будь-яких дочірніх елементів у рядки або стовпці. Це можна зробити, додавши властивість `flex-direction` до батьківського елемента та встановивши його для рядка чи стовпця. Створення рядка вирівнює дочірні елементи горизонтально, а створення стовпця вирівнює їх вертикально.
+
+Іншими параметрами для `flex-direction` є `row-reverse` та`column-reverse`.
+
+**Note:** Значення за замовчуванням для `flex-direction` властивість `row`.
+
+# --instructions--
+
+Додайте властивість CSS `flex-direction` в елемент `#box-container` та надайте йому значення `row-reverse`.
+
+# --hints--
+
+Елемент `#box-container` повинен мати властивість `flex-direction` встановлену для `row-reverse`.
+
+```js
+assert($('#box-container').css('flex-direction') == 'row-reverse');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+    flex-direction: row-reverse;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 50%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 50%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
new file mode 100644
index 0000000000..6f97f7983f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
@@ -0,0 +1,90 @@
+---
+id: 587d78ae367417b2b2512afc
+title: Використовуйте flex-grow властивість для розширення об'єктів
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c2p78cg'
+forumTopicId: 301111
+dashedName: use-the-flex-grow-property-to-expand-items
+---
+
+# --description--
+
+Протилежною до властивості `flex-shrink` є `flex-grow` властивість. Згадайте, що `flex-shrink` контролює розмір об'єктів, коли контейнер стискується. Властивість `flex-grow` контролює розмір об'єктів, коли контейнер вихідних елементів збільшується.
+
+Наприклад, якщо один об'єкт матиме значення `flex-grow` від `1`, а інший матиме значення `flex-grow` від `3`, то одне зі значень від `3` стиснеться втричі більше ніж інше.
+
+# --instructions--
+
+Додайте CSS властивість `flex-grow` до обох `#box-1` та `#box-2`. Надайте для `#box-1` значення `1`, і для `#box-2` значення `2`.
+
+# --hints--
+
+Елемент `#box-1` повинен мати властивість `flex-grow` налаштованою до значення `1`.
+
+```js
+assert($('#box-1').css('flex-grow') == '1');
+```
+
+Елемент `#box-2` повинен мати властивість `flex-grow` налаштованою до значення `2`.
+
+```js
+assert($('#box-2').css('flex-grow') == '2');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+
+  #box-1 {
+    background-color: dodgerblue;
+    height: 200px;
+    flex-grow: 1;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    height: 200px;
+    flex-grow: 2;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
new file mode 100644
index 0000000000..a7b92eb05a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
@@ -0,0 +1,106 @@
+---
+id: 587d78ae367417b2b2512afe
+title: Використовуйте властивість гнучких скорочень
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cbpW2tE'
+forumTopicId: 301112
+dashedName: use-the-flex-shorthand-property
+---
+
+# --description--
+
+Існує ярлик, що дозволяє одночасно встановити декілька гнучких властивостей. Властивості `flex-grow`, `flex-shrink`, та `flex-basis` можуть бути встановлені разом за допомогою властивості `flex` property.
+
+Для прикладу, `flex: 1 0 10px;` встановить позицію `flex-grow: 1;`, `flex-shrink: 0;`, та `flex-basis: 10px;`.
+
+Параметри властивостей за замовчуванням `flex: 0 1 auto;`.
+
+# --instructions--
+
+Додайте властивість CSS `flex` до `#box-1` та`#box-2`. Вкажіть значення `#box-1` так, що його `flex-grow` складає `2`, його `flex-shrink` це `2`, і його `flex-basis` це`150px`. Вкажіть значення `#box-2` так, що його `flex-grow` становить `1`, його `flex-shrink` це `1`, та його `flex-basis` це `150px`.
+
+Ці значення приведуть до того, що `#box-1` збільшиться, щоб заповнити додатковий простір з подвійною швидкістю коду `#box-2`, коли контейнер буде більше ніж 300px і зменшиться з подвійною швидкістю коду `#box-2`, коли контейнер буде менше ніж 300px. 300px - це сукупний розмір `flex-basis` значення двох комірок.
+
+# --hints--
+
+Елемент `#box-1` повинен містити властивість `flex` налаштовану до значення `2 2 150px`.
+
+```js
+assert(
+  $('#box-1').css('flex-grow') == '2' &&
+    $('#box-1').css('flex-shrink') == '2' &&
+    $('#box-1').css('flex-basis') == '150px'
+);
+```
+
+Елемент `#box-2` повинен мати властивість `flex`, налаштовану до значення `1 1 150px`.
+
+```js
+assert(
+  $('#box-2').css('flex-grow') == '1' &&
+    $('#box-2').css('flex-shrink') == '1' &&
+    $('#box-2').css('flex-basis') == '150px'
+);
+```
+
+Ваш код має використовувати властивість `flex` для `#box-1` та `#box-2`.
+
+```js
+assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    flex: 2 2 150px;
+    height: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    flex: 1 1 150px;
+    height: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
new file mode 100644
index 0000000000..fd5adb1d17
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
@@ -0,0 +1,94 @@
+---
+id: 587d78ad367417b2b2512afb
+title: Використовуйте властивість flex-shrink щоб стискати об'єкти
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cd3PBfr'
+forumTopicId: 301113
+dashedName: use-the-flex-shrink-property-to-shrink-items
+---
+
+# --description--
+
+На даному етапі всі властивості в запитах застосовуються до flex-контейнерів (вихідні елементи flex-об'єктів). Однак є кілька корисних властивостей для flex-елементів.
+
+Перша - властивість `flex-shrink`. Це дозволяє об'єкту стискатись під час використання, якщо flex-контейнер є замалий. Об'єкти стискаються, коли ширина контейнера вихідних елементів є меншою за об'єднану ширину всіх flex-об'єктів в середині нього.
+
+Властивість `flex-shrink` вважає числа за значення. Чим більше число, тим більше він буде стискатись в порівнянні з іншими об'єктами в контейнері. Наприклад, якщо один об'єкт матиме значення `flex-shrink` від `1`, а інший матиме значення `flex-shrink` від `3`, то одне зі значень від `3` стиснеться втричі більше ніж інше.
+
+# --instructions--
+
+Додайте CSS властивість `flex-shrink` до обох `#box-1` та `#box-2`. Надайте для `#box-1` значення `1` і для `#box-2` значення `2`.
+
+# --hints--
+
+Елемент `#box-1` повинен мати властивість `flex-shrink` налаштованою до значення `1`.
+
+```js
+assert($('#box-1').css('flex-shrink') == '1');
+```
+
+Елемент `#box-2` повинен мати властивість `flex-shrink` налаштованою до значення `2`.
+
+```js
+assert($('#box-2').css('flex-shrink') == '2');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 100%;
+    height: 200px;
+    flex-shrink: 1;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 100%;
+    height: 200px;
+    flex-shrink: 2;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
new file mode 100644
index 0000000000..80f9904b36
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
@@ -0,0 +1,138 @@
+---
+id: 587d78ad367417b2b2512afa
+title: Використовуйте flex-wrap Property для обгортання рядка чи стовпця
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cQv9ZtG'
+forumTopicId: 301114
+dashedName: use-the-flex-wrap-property-to-wrap-a-row-or-column
+---
+
+# --description--
+
+CSS flexbox має можливість розділяти флекс-елемент на декілька рядків ( або стовпців). За замовчуванням, флекс-контейнер поміщає всі флекс-елементи разом. Приміром, рядок буде на одній лінії.
+
+Однак, використовуючи `flex-wrap` властивість вказує CSS загорнути предмети. Це означає, що додаткові елементи будуть переміщуватися в новий рядок або стовпчик. Точка зупинки, де знаходиться зациклення, залежить від розміру предметів та розміру контейнера.
+
+CSS також має варіанти напрямку обгортки:
+
+<ul><li><code>nowrap</code>: це налаштування за замовчуванням, та не обгортає елементи.</li><li><code>wrap</code>: обгортає елементи в декілька рядів згори донизу, якщо вони знаходяться в рядках, і зліва направо, якщо вони знаходяться в стовпцях.</li><li><code>wrap-reverse</code>: огортає елементи в декілька рядків від нижнього до верхнього, якщо вони знаходяться в рядках, і справа наліво, якщо вони знаходяться в стовпцях.</li></ul>
+
+# --instructions--
+
+У поточному макеті занадто багато скриньок для одного рядка. Додайте CSS властивість `flex-wrap` в елемент `#box-container` і надайте йому значення `wrap`.
+
+# --hints--
+
+Елемент `#box-container` повинен мати властивість `flex-wrap`, налаштовану до значення `wrap`.
+
+```js
+assert($('#box-container').css('flex-wrap') == 'wrap');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    background: gray;
+    display: flex;
+    height: 100%;
+    flex-wrap: wrap;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    width: 25%;
+    height: 50%;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    width: 25%;
+    height: 50%;
+  }
+  #box-3 {
+    background-color: violet;
+    width: 25%;
+    height: 50%;
+  }
+  #box-4 {
+    background-color: yellow;
+    width: 25%;
+    height: 50%;
+  }
+  #box-5 {
+    background-color: green;
+    width: 25%;
+    height: 50%;
+  }
+  #box-6 {
+    background-color: black;
+    width: 25%;
+    height: 50%;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+  <div id="box-3"></div>
+  <div id="box-4"></div>
+  <div id="box-5"></div>
+  <div id="box-6"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
new file mode 100644
index 0000000000..aee686b4ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
@@ -0,0 +1,224 @@
+---
+id: 587d78ac367417b2b2512af7
+title: Використовуйте властивість justify-content у вбудованому твіті
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/c43GgTa'
+forumTopicId: 301115
+dashedName: use-the-justify-content-property-in-the-tweet-embed
+---
+
+# --description--
+
+Останній запит показав приклад властивості `justify-content`. Ця властивість може застосовуватись для вирівнювання об'єктів у елементі `.profile-name` для додавання коментаря.
+
+# --instructions--
+
+Додайте CSS властивість `justify-content` до елемента заголовку `.profile-name` та налаштуйте значення для будь-якого з варіантів останнього запиту.
+
+# --hints--
+
+Ваш `.follow-btn` код повинен відображатися на сторінці. Переконайтеся, що такі розширення, як блокувальники реклами, вимкнено.
+
+```js
+assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+```
+
+Елемент `.profile-name` повинен мати властивість `justify-content`, щоб налаштувати будь-яке з цих значень: `center`, `flex-start`, `flex-end`, `space-between`, `space-around`, чи `space-evenly`.
+
+```js
+assert(
+  code.match(
+    /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
+
+# --solutions--
+
+```html
+<style>
+  body {
+    font-family: Arial, sans-serif;
+  }
+  header, footer {
+    display: flex;
+    flex-direction: row;
+  }
+  header .profile-thumbnail {
+    width: 50px;
+    height: 50px;
+    border-radius: 4px;
+  }
+  header .profile-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 10px;
+  }
+  header .follow-btn {
+    display: flex;
+    margin: 0 0 0 auto;
+  }
+  header .follow-btn button {
+    border: 0;
+    border-radius: 3px;
+    padding: 5px;
+  }
+  header h3, header h4 {
+    display: flex;
+    margin: 0;
+  }
+  #inner p {
+    margin-bottom: 10px;
+    font-size: 20px;
+  }
+  #inner hr {
+    margin: 20px 0;
+    border-style: solid;
+    opacity: 0.1;
+  }
+  footer .stats {
+    display: flex;
+    font-size: 15px;
+  }
+  footer .stats strong {
+    font-size: 18px;
+  }
+  footer .stats .likes {
+    margin-left: 10px;
+  }
+  footer .cta {
+    margin-left: auto;
+  }
+  footer .cta button {
+    border: 0;
+    background: transparent;
+  }
+</style>
+<header>
+  <img src="https://freecodecamp.s3.amazonaws.com/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <div class="profile-name">
+    <h3>Quincy Larson</h3>
+    <h4>@ossia</h4>
+  </div>
+  <div class="follow-btn">
+    <button>Follow</button>
+  </div>
+</header>
+<div id="inner">
+  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <span class="date">1:32 PM - 12 Jan 2018</span>
+  <hr>
+</div>
+<footer>
+  <div class="stats">
+    <div class="Retweets">
+      <strong>107</strong> Retweets
+    </div>
+    <div class="likes">
+      <strong>431</strong> Likes
+    </div>
+  </div>
+  <div class="cta">
+    <button class="share-btn">Share</button>
+    <button class="retweet-btn">Retweet</button>
+    <button class="like-btn">Like</button>
+  </div>
+</footer>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
new file mode 100644
index 0000000000..46d80b06d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
@@ -0,0 +1,90 @@
+---
+id: 587d78ae367417b2b2512aff
+title: Використовуйте властивість порядку для перестановки елементів
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pVaDAv/cMbvNAG'
+forumTopicId: 301116
+dashedName: use-the-order-property-to-rearrange-items
+---
+
+# --description--
+
+Властивість `order` використовують для визначення CSS порядку розташування flex-елементів у flex-контейнері. За замовчуванням елементи будуть з'являтись у тому ж порядку, який вказаний у вихідному HTML-коді. Властивість сприймає цифри як значення; можна також використовувати від'ємні числа.
+
+# --instructions--
+
+Додайте властивість CSS `order` до `#box-1` та `#box-2`. Задайте `#box-1` значення `2`, а `#box-2` - значення `1`.
+
+# --hints--
+
+Елемент `#box-1` повинен мати властивість `order` налаштовану до значення `2`.
+
+```js
+assert($('#box-1').css('order') == '2');
+```
+
+Елемент `#box-2` повинен містити властивість `order` налаштовану до значення `1`.
+
+```js
+assert($('#box-2').css('order') == '1');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  #box-container {
+    display: flex;
+    height: 500px;
+  }
+  #box-1 {
+    background-color: dodgerblue;
+    order: 2;
+    height: 200px;
+    width: 200px;
+  }
+
+  #box-2 {
+    background-color: orangered;
+    order: 1;
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div id="box-container">
+  <div id="box-1"></div>
+  <div id="box-2"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
new file mode 100644
index 0000000000..680ca1e6ec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
@@ -0,0 +1,72 @@
+---
+id: 5a9036d038fddaf9a66b5d32
+title: Додавання стовпців за допомогою шаблонів сітки
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c7NzDHv'
+forumTopicId: 301117
+dashedName: add-columns-with-grid-template-columns
+---
+
+# --description--
+
+Просто створивши таблицю ви не отримаєте значних результатів в роботі. Вам також потрібно визначити структуру таблиці. Для того, щоб додати кілька стовпців у таблицю, скористайтесь властивістю `grid-template-columns` на контейнер сітки так, як показано нижче:
+
+```css
+.container {
+  display: grid;
+  grid-template-columns: 50px 50px;
+}
+```
+
+Так ви додасте до своєї таблиці два стовпці, які будуть шириною у 50 пікселів. Кількість параметрів, заданих у властивості `grid-template-columns`, вказує на кількість стовпців у таблиці, і значення кожного параметра позначає ширину кожного стовпця.
+
+# --instructions--
+
+Надайте grid-контейнеру три стовпці, які матимуть в ширину по `100px`.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-template-columns` з трьома одиницями зі значенням `100px`.
+
+```js
+assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColumns === '100px 100px 100px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-columns: 100px 100px 100px;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
new file mode 100644
index 0000000000..734eed97ec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
@@ -0,0 +1,69 @@
+---
+id: 5a9036ee38fddaf9a66b5d37
+title: Як швидше додавати розриви за допомогою властивості grid-gap
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/ca2qVtv'
+forumTopicId: 301118
+dashedName: add-gaps-faster-with-grid-gap
+---
+
+# --description--
+
+`grid-gap` - це скорочена властивість для `grid-row-gap` і `grid-column-gap` з попередніх двох завдань, яка зручніша у використанні. Якщо `grid-gap` має одне значення, то він створить розрив між усіма рядками і стовпцями. Однак, якщо є два значення, він використовуватиме перше для встановлення розриву між рядками, а друге значення - для стовпців.
+
+# --instructions--
+
+Скористайтесь властивістю `grid-gap` щоб створити розрив `10px` між рядками і розрив `20px` між колонками.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-gap`, яка утворить розрив `10px` між рядками і розрив `20px` між стовпцями.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-gap: 10px 20px;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
new file mode 100644
index 0000000000..793f215def
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
@@ -0,0 +1,68 @@
+---
+id: 5a9036e138fddaf9a66b5d33
+title: Додавання рядків за допомогою властивості grid-template-rows
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cbp9Pua'
+forumTopicId: 301119
+dashedName: add-rows-with-grid-template-rows
+---
+
+# --description--
+
+Створена в останньому завданні таблиця автоматично встановить кількість рядків. Щоб налаштувати рядки вручну, використовуйте властивість `grid-template-rows` так само, як ви використовували `grid-template-columns` у попередньому завданні.
+
+# --instructions--
+
+Додайте два рядки з висотою `50px` кожен до таблиці.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-template-rows` з двома одиницями зі значенням `50px`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 100px 100px 100px;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-rows: 50px 50px;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
new file mode 100644
index 0000000000..4831652065
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
@@ -0,0 +1,71 @@
+---
+id: 5a90376038fddaf9a66b5d3c
+title: Вирівняти всі елементи горизонтально за допомогою властивості justify-items
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cJbpECn'
+forumTopicId: 301120
+dashedName: align-all-items-horizontally-using-justify-items
+---
+
+# --description--
+
+Іноді ви хочете, щоб всі елементи у вашій таблиці CSS були одинаково вирівняні. Ви можете використати раніше вивчені властивості та вирівняти їх окремо, або ви можете вирівняти горизонтально всіх їх одночасно, використовуючи `justify-items` у вашому grid-контейнері. Ця властивість може прийняти всі ті ж значення, про які ви дізналися у попередніх двох завданнях, різниця в тому, що вона буде переміщати **всі** елементи в нашій таблиці до потрібного вирівнювання.
+
+# --instructions--
+
+Використовуйте цю властивість, щоб розмістити по центру всі наші елементи горизонтально.
+
+# --hints--
+
+Клас `container` повинен містити властивість `justify-items` зі значенням `center`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {justify-items: center;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
new file mode 100644
index 0000000000..ba246e0d3b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
@@ -0,0 +1,69 @@
+---
+id: 5a94fdf869fb03452672e45b
+title: Вирівняти всі елементи вертикально за допомогою властивості align-items
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/ckzPeUv'
+forumTopicId: 301121
+dashedName: align-all-items-vertically-using-align-items
+---
+
+# --description--
+
+Використовуючи властивість `align-items` для grid-контейнера можна задати вертикальне вирівнювання для всіх елементів нашої таблиці.
+
+# --instructions--
+
+Скористайтесь нею зараз, щоб перемістити всі елементи в кінець кожної клітинки.
+
+# --hints--
+
+Клас `container` повинен містити властивість `align-items` зі значенням `end`.
+
+```js
+assert(
+  code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {align-items: end;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
new file mode 100644
index 0000000000..df84512cb3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
@@ -0,0 +1,79 @@
+---
+id: 5a90374338fddaf9a66b5d3a
+title: Вирівняти елемент горизонтально за допомогою властивості justify-self
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cJbpKHq'
+forumTopicId: 301122
+dashedName: align-an-item-horizontally-using-justify-self
+---
+
+# --description--
+
+У CSS Grid вміст кожного елементу розміщений у рамці, яка називається <dfn>cell</dfn>. Ви можете вирівняти розміщення у межах клітини горизонтально, використовуючи властивість `justify-self` для елемента таблиці. За замовчуванням, цей параметр має значення `stretch`, і таким чином вміст заповнює всю ширину клітини. Ця властивість CSS Grid також приймає інші значення:
+
+`start`: вирівнює вміст по лівому краю клітини,
+
+`center`: вирівнює вміст по центру клітини,
+
+`end`: вирівнює вміст по правому краю клітини.
+
+# --instructions--
+
+Використайте властивість `justify-self` щоб розмістити елемент по центру з класом `item2`.
+
+# --hints--
+
+Клас `item2` повинен містити властивість `justify-self` зі значенням `center`.
+
+```js
+assert(
+  code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background: LightSkyBlue;}
+
+  .item2 {
+    background: LightSalmon;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.item2 {justify-self: center;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
new file mode 100644
index 0000000000..5556ce421d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -0,0 +1,71 @@
+---
+id: 5a90375238fddaf9a66b5d3b
+title: Вирівняти елемент вертикально за допомогою властивості align-self
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cmzd4fz'
+forumTopicId: 301123
+dashedName: align-an-item-vertically-using-align-self
+---
+
+# --description--
+
+Ви можете вирівняти елемент як горизонтально, так і вертикально. Щоб зробити це, застосуйте властивість `align-self` на елемент. Ця властивість приймає всі ті ж значення, що і `justify-self` з попереднього завдання.
+
+# --instructions--
+
+Вирівняйте елемент класу `item3` вертикально в `end`.
+
+# --hints--
+
+Клас `item3` повинен містити властивість `align-self` зі значенням `end`.
+
+```js
+assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+
+  .item3 {
+    background: PaleTurquoise;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.item3 {align-self: end;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
new file mode 100644
index 0000000000..9e9ad36d73
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -0,0 +1,76 @@
+---
+id: 5a9036ee38fddaf9a66b5d35
+title: Створення розриву між стовпцями, використовуючи властивість grid-column-gap
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cVZ8vfD'
+forumTopicId: 301124
+dashedName: create-a-column-gap-using-grid-column-gap
+---
+
+# --description--
+
+У таблицях, що ви уже створили, усі колонки були приєднані одна до одної. Але іноді вам потрібен проміжок між колонками. Щоб додати проміжок між колонками, використовуйте властивість `grid-column-gap` як показано тут:
+
+```css
+grid-column-gap: 10px;
+```
+
+Таким чином, це створює 10 пікселів пустого простору між усіма нашими колонками.
+
+# --instructions--
+
+Надайте колонкам у таблиці проміжок шириною `20px`.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-column-gap` зі значенням `20px`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-column-gap: 20px;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
new file mode 100644
index 0000000000..88887ddb2b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -0,0 +1,68 @@
+---
+id: 5a9036ee38fddaf9a66b5d36
+title: Створення розриву між рядками, використовуючи властивість grid-row-gap
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cPbJ2Cv'
+forumTopicId: 301125
+dashedName: create-a-row-gap-using-grid-row-gap
+---
+
+# --description--
+
+Ви можете додати розрив між рядками таблиці за допомогою властивості `grid-row-gap` так само, як ви додали розрив між колонками у попередньому завданні.
+
+# --instructions--
+
+Створіть проміжок між рядками з висотою `5px`.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-row-gap` зі значенням `5px`.
+
+```js
+assert(
+  code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-row-gap: 5px;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
new file mode 100644
index 0000000000..570ae8af0a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -0,0 +1,140 @@
+---
+id: 5a94fe5469fb03452672e461
+title: Створіть гнучкі макети, використовуючи автозаповнення
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cmzdycW'
+forumTopicId: 301126
+dashedName: create-flexible-layouts-using-auto-fill
+---
+
+# --description--
+
+Повторна функція використовується разом із опцією під назвою <dfn>auto-fill</dfn>. Це дозволяє вам автоматично вставляти стільки рядків або колонок бажаного розміру, скільки можливо, в залежності від розміру контейнера. Ви можете створити гнучкі макети поєднуючи `auto-fill` з `minmax`, на зразок цього:
+
+```css
+repeat(auto-fill, minmax(60px, 1fr));
+```
+
+Коли контейнер змінює розмір, дане налаштування продовжує додавати 60-піксельні колонки і розтягувати їх до тих пір доки не зможе вставити ще одну. **Примітка:** якщо ваш контейнер не може вмістити усі ваші об'єкти в один рядок, він перемістить їх до нового рядка.
+
+# --instructions--
+
+У першій сітці, використовуйте `auto-fill` з `repeat` для заповнення сітки колонками, які мають мінімальну ширину `60px` і максимальну `1fr`. Тоді змініть розмір попереднього перегляду, щоб побачити цю зміну в дії.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-template-columns` з `repeat` та `auto-fill` яка заповнить сітку колонками із мінімальною шириною `60px` та максимальною `1fr`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* Only change code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+
+    /* Only change code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
new file mode 100644
index 0000000000..2608ee4df2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -0,0 +1,91 @@
+---
+id: 5a94fe6269fb03452672e462
+title: Створіть гнучкі макети, використовуючи автоматичний підбір
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c3dPph8'
+forumTopicId: 301127
+dashedName: create-flexible-layouts-using-auto-fit
+---
+
+# --description--
+
+`auto-fit` функціонує майже ідентично з `auto-fill`. Єдина відмінність полягає в тому, що коли розмір контейнера перевищує розмір усіх поєднаних об'єктів `auto-fill` продовжує додавати пусті рядки та колонки та відсуває об'єкти на бік, в той час як `auto-fit` стискає ці порожні рядки та колонки та розтягує ваші об'єкти до розмірів контейнера.
+
+**Примітка:** якщо ваш контейнер не може вмістити усі ваші об'єкти в один рядок, він перемістить їх до нового рядка.
+
+# --instructions--
+
+У першій сітці, використовуйте `auto-fit` з `repeat` для заповнення сітки колонками, які мають мінімальну ширину `60px` і максимальну `1fr`. Тоді змініть розмір попереднього перегляду, щоб побачити цю зміну.
+
+# --hints--
+
+Клас `container2` повинен містити властивість `grid-template-columns` з `repeat` та `auto-fit` яка заповнить сітку колонками із мінімальною шириною `60px` та максимальною `1fr`.
+
+```js
+assert(
+  code.match(
+    /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+
+  .container2 {
+    font-size: 40px;
+    min-height: 100px;
+    width: 100%;
+    background: Silver;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: repeat(3, minmax(60px, 1fr));
+
+    /* Only change code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+<div class="container2">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));} .container2 {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-grids-within-grids.md
new file mode 100644
index 0000000000..7562c97f25
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -0,0 +1,106 @@
+---
+id: 5a94fe8569fb03452672e464
+title: Створюйте таблиці в таблицях
+challengeType: 0
+forumTopicId: 301128
+dashedName: create-grids-within-grids
+---
+
+# --description--
+
+Перетворення елемента в сітку впливає лише на поводження прямих дочірніх об'єктів. Отже, перетворюючи прямий дочірній елемент в сітку, ви отримуєте таблицю в таблиці.
+
+Наприклад, якщо задати властивості елемента `display` і `grid-template-columns` з класом `item3`, то всередині вашої таблиці буде ще одна.
+
+# --instructions--
+
+Перетворіть елемент з класом `item3` на таблицю з двома колонками шириною `auto` та `1fr`, використовуючи `display` та `grid-template-columns`.
+
+# --hints--
+
+Клас `item3` має містити властивість `grid-template-columns` зі значеннями `auto` та `1fr`.
+
+```js
+assert(
+  code.match(
+    /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+Клас `item3` повинен містити властивість `display` зі значенням `grid`.
+
+```js
+assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "advert header"
+      "advert content"
+      "advert footer";
+  }
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .itemOne {
+    background: PaleGreen;
+  }
+
+  .itemTwo {
+    background: BlanchedAlmond;
+  }
+
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">
+    <div class="itemOne">paragraph1</div>
+    <div class="itemTwo">paragraph2</div>
+  </div>
+  <div class="item4">footer</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.item3 {grid-template-columns: auto 1fr; display: grid;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-your-first-css-grid.md
new file mode 100644
index 0000000000..b097561192
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/create-your-first-css-grid.md
@@ -0,0 +1,64 @@
+---
+id: 5a858944d96184f06fd60d61
+title: Створіть свою першу CSS-сітку
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cqwREC4'
+forumTopicId: 301129
+dashedName: create-your-first-css-grid
+---
+
+# --description--
+
+Перетворіть будь-який елемент HTML у grid-контейнер, задавши властивість `display` для `grid`. Це дозволить вам використати усі властивості, що пов'язані з CSS Grid.
+
+**Примітка:** у CSS Grid, батьківський елемент називається <dfn>container</dfn> а його дочірні елементи — <dfn>items</dfn>.
+
+# --instructions--
+
+Змініть відображення div за допомогою класу `container` на `grid`.
+
+# --hints--
+
+Клас `container` повинен містити властивість `display` зі значенням `grid`.
+
+```js
+assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {display: grid;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
new file mode 100644
index 0000000000..6a411818d4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -0,0 +1,113 @@
+---
+id: 5a94fe0569fb03452672e45c
+title: Поділіть сітку на шаблон зони
+challengeType: 0
+forumTopicId: 301130
+dashedName: divide-the-grid-into-an-area-template
+---
+
+# --description--
+
+Ви можете групувати комірки вашої сітки у <dfn>area</dfn> та надавати цій області ім'я користувача. Це можливо зробити, використавши `grid-template-areas` на такому контейнері:
+
+```css
+grid-template-areas:
+  "header header header"
+  "advert content content"
+  "advert footer footer";
+```
+
+Наведений нижче код групує комірки сітки в чотири області; `header`, `advert`, `content` та `footer`. Кожне слово є клітинкою і всі пари лапок означають рядок.
+
+# --instructions--
+
+Змініть шаблон таким чином, щоб `footer` охоплював всю нижню частину. Зараз визначення областей не матиме жодних візуальних ефектів. Пізніше, ви змусите вміст заповнити всю область, щоб побачити як це працює.
+
+# --hints--
+
+`container` клас повинен мати `grid-template-areas` властивість схожу на приклад, але щоб площа `footer` охоплювала весь нижній рядок.
+
+```js
+assert(
+  __helpers
+    .removeCssComments(code)
+    .match(
+      /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+    /* Only change code below this line */
+      "header header header"
+      "advert content content"
+      "advert footer footer";
+    /* Only change code above this line */
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
new file mode 100644
index 0000000000..054e2d35e8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -0,0 +1,77 @@
+---
+id: 5a94fe4469fb03452672e460
+title: Обмежити розмір предмета, використовуючи мінімальну функцію
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cD97RTv'
+forumTopicId: 301131
+dashedName: limit-item-size-using-the-minmax-function
+---
+
+# --description--
+
+Існує ще одна вбудована функція для використання з `grid-template-columns` and `grid-template-rows` під назвою `minmax`. Вона використовується для обмеження розміру предметів, коли змінюється розмір сітки контейнера. Для цього необхідно визначити допустимий діапазон розміру вашого об'єкта. Наприклад:
+
+```css
+grid-template-columns: 100px minmax(50px, 200px);
+```
+
+У наведеному вище коді `grid-template-columns` встановлений для створення двох колонок; перша колонка шириною 100 пікселів та друга - із мінімальною шириною 50 пікселів та максимальною шириною 200 пікселів.
+
+# --instructions--
+
+Використовуючи функцію `minmax`, замініть `1fr` у функції `repeat` на розмір колонки із мінімальною шириною `90px` і максимальною шириною `1fr`, та змініть розмір панелі попереднього перегляду, щоб побачити результат.
+
+# --hints--
+
+Клас `container` повинен мати властивість `grid-template-columns`, яка повинна повторювати 3 колонки із мінімальною шириною `90px` та максимальною шириною `1fr`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: repeat(3, 1fr);
+
+    /* Only change code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-columns: repeat(3, minmax(90px, 1fr));}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
new file mode 100644
index 0000000000..9682c854d9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -0,0 +1,86 @@
+---
+id: 5a94fe1369fb03452672e45d
+title: Розмістіть елементи в області сітки, використовуючи властивості області сітки
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cRrqmtV'
+forumTopicId: 301132
+dashedName: place-items-in-grid-areas-using-the-grid-area-property
+---
+
+# --description--
+
+Після створення шаблону області для контейнера сітки, як показано в попередньому завданні, ви можете розмістити предмет у власній області, посилаючись на надане вами ім'я. Щоб зробити це, використовуйте властивість `grid-area` на елементі, як цей:
+
+```css
+.item1 {
+  grid-area: header;
+}
+```
+
+Дана сітка повідомляє, що вам потрібен клас `1` для переходу в області з назвою `header`. В цьому випадку, елемент буде використовувати весь верхній рядок, тому що весь цей рядок називається областю заголовків.
+
+# --instructions--
+
+Помістіть елемент з класу `item5` у область `footer` за допомогою значення `grid-area`.
+
+# --hints--
+
+Клас `item5` повинен мати властивості `grid-area`Ю що має значення `footer`.
+
+```js
+assert(
+  __helpers
+    .removeCssComments(code)
+    .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header header header"
+      "advert content content"
+      "footer footer footer";
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.item5 {grid-area: footer;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
new file mode 100644
index 0000000000..8988fd5c94
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -0,0 +1,93 @@
+---
+id: 5a94fe3669fb03452672e45f
+title: Щоб не виконувати одну операцію кілька разів, використайте функцію повтору
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cQvqyHR'
+forumTopicId: 301133
+dashedName: reduce-repetition-using-the-repeat-function
+---
+
+# --description--
+
+Якщо ви використали `grid-template-columns` і `grid-template-rows`, щоб задати структуру таблиці, ви ввели значення для кожного створеного рядка або стовпця.
+
+Скажімо, вам потрібна сітка зі 100 рядків однакової висоти. Вводити 100 окремих значень – не дуже зручно. На щастя, є кращий спосіб - використати `repeat`, щоб конкретизувати кількість потрібних стовпців або рядків, а потім додати кому і значення, яке ви хочете повторити.
+
+Ось приклад створення 100 рядків сітки, кожен 50 пікселів заввишки.
+
+```css
+grid-template-rows: repeat(100, 50px);
+```
+
+Ви також можете повторювати декілька значень за допомогою цієї функції та вставляти функцію серед інших значень, коли задаєте структуру сітки. Ось як це виглядає:
+
+```css
+grid-template-columns: repeat(2, 1fr 50px) 20px;
+```
+
+Це перетворюється на:
+
+```css
+grid-template-columns: 1fr 50px 1fr 50px 20px;
+```
+
+**Note:** двічі повторюється `1fr 50px`, а тоді додається 20px.
+
+# --instructions--
+
+Використовуйте `repeat`, щоб видалити повторення із властивості `grid-template-columns`.
+
+# --hints--
+
+Клас `container` повинен містити властивість `grid-template-columns`, яка має повторювати 3 колонки шириною `1fr`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+  .item5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: 1fr 1fr 1fr;
+
+    /* Only change code above this line */
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-columns: repeat(3, 1fr);}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
new file mode 100644
index 0000000000..f990c0ba61
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -0,0 +1,83 @@
+---
+id: 5a9036ee38fddaf9a66b5d34
+title: Використовуйте CSS Grid для зміни розміру стовпців і рядків
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cvE8phd'
+forumTopicId: 301134
+dashedName: use-css-grid-units-to-change-the-size-of-columns-and-rows
+---
+
+# --description--
+
+В CSS Grid можна використовувати абсолютні і відносні одиниці, такі як `px` і `em`, щоб задати розмір рядків і стовпців. Також можна використати ці:
+
+`fr` - встановлює стовпець або рядок на частину доступного простору,
+
+`auto` - встановлює стовпець або рядок автоматично на ширину чи висоту його вмісту,
+
+`%`- коригує колонку чи рядок на певний відсоток ширини контейнера.
+
+Ось код, що генерує результат у попередньому перегляді:
+
+```css
+grid-template-columns: auto 50px 10% 2fr 1fr;
+```
+
+Цей фрагмент коду створює п'ять колонок. Перша колонка розтягується на величину свого вмісту, друга колонка - на 50 пікселів, третя колонка - на 10% від контейнера і ще дві колонки; місце, що залишилось, розділене на три частини, дві з яких виділені для четвертої колонки і одна для п'ятої.
+
+# --instructions--
+
+Створіть сітку з трьома колонками шириною 1fr, 100px і 2fr відповідно.
+
+# --hints--
+
+Клас `container` повинен мати властивість `grid-template-columns`, яка має три стовпці шириною `1fr, 100px, and 2fr`.
+
+```js
+assert(
+  code.match(
+    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .d1{background:LightSkyBlue;}
+  .d2{background:LightSalmon;}
+  .d3{background:PaleTurquoise;}
+  .d4{background:LightPink;}
+  .d5{background:PaleGreen;}
+
+  .container {
+    font-size: 40px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    /* Only change code below this line */
+
+    grid-template-columns: auto 50px 10% 2fr 1fr;
+
+    /* Only change code above this line */
+    grid-template-rows: 50px 50px;
+  }
+</style>
+
+<div class="container">
+  <div class="d1">1</div>
+  <div class="d2">2</div>
+  <div class="d3">3</div>
+  <div class="d4">4</div>
+  <div class="d5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.container {grid-template-columns: 1fr 100px 2fr;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
new file mode 100644
index 0000000000..dd5067deb7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -0,0 +1,86 @@
+---
+id: 5a94fe2669fb03452672e45e
+title: Використовуйте зону сітки без створення шаблону
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c6N7VhK'
+forumTopicId: 301135
+dashedName: use-grid-area-without-creating-an-areas-template
+---
+
+# --description--
+
+Властивість `grid-area`, яку ви вивчили в попередньому завданні, може бути використана по-іншому. Якщо ваша сітка не має шаблону зон для посилань, ви можете створити зону в процесі роботи, щоб елемент був розміщений наступним чином:
+
+```css
+item1 { grid-area: 1/1/2/4; }
+```
+
+Тут використовуються номери рядків, про які ви дізналися раніше щоб визначити, де буде місце для цього елементу. Числа в прикладі, наведеному вище, описують ці значення:
+
+```css
+grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+```
+
+Таким чином, елемент в прикладі буде використовувати рядки між 1 і 2, а стовпці між 1 і 4.
+
+# --instructions--
+
+Використовуючи властивість `grid-area`, помістіть елемент з класу `item5` між третьою та четвертою горизонтальними лініями та між першою і четвертою вертикальними лініями.
+
+# --hints--
+
+Клас `item5` повинен мати властивість `grid-area` для заповнення всієї зони між третьою і четвертою горизонтальними лініями та першою і четвертою вертикальними лініями.
+
+```js
+assert(
+  code.match(
+    /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>.item5 {grid-area: 3/1/4/4;}</style>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
new file mode 100644
index 0000000000..cb1f7a8f59
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -0,0 +1,139 @@
+---
+id: 5a90372638fddaf9a66b5d38
+title: Використовуйте grid-стовпець для контролю інтервалів
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cnzkDSr'
+forumTopicId: 301136
+dashedName: use-grid-column-to-control-spacing
+---
+
+# --description--
+
+До цієї точки, всі властивості, що обговорювались - це контейнери у сітці. Властивість `grid-column` - це перша властивість для використання в самих елементах сітки.
+
+Гіпотетичні горизонтальні та вертикальні лінії, які створюють сітку, називаються <dfn>lines</dfn>. Ці рядки пронумеровані, починаючи з 1 в верхньому лівому кутку сітки і рухаються праворуч для стовпців та вниз для рядків, якщо рахувати догори.
+
+Ось так виглядають рядки для сітки 3x3:
+
+<div style='position:relative;margin:auto;background:Gainsboro;display:block;margin-top:100px;margin-bottom:50px;width:200px;height:200px;'><p style='left:25%;top:-30%;font-size:130%;position:absolute;color:RoyalBlue;'>лінії колонок</p><p style='left:0%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>1</p><p style='left:30%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>2</p><p style='left:63%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>3</p><p style='left:95%;top:-15%;font-size:130%;position:absolute;color:RoyalBlue;'>4</p><p style='left:-40%;top:45%;font-size:130%;transform:rotateZ(-90deg);position:absolute;'>лінії рядків</p><p style='left:-10%;top:-10%;font-size:130%;position:absolute;'>1</p><p style='left:-10%;top:21%;font-size:130%;position:absolute;'>2</p><p style='left:-10%;top:53%;font-size:130%;position:absolute;'>3</p><p style='left:-10%;top:85%;font-size:130%;position:absolute;'>4</p><div style='left:0%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:31%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:63%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:95%;top:0%;width:5%;height:100%;background:RoyalBlue;position:absolute;'></div><div style='left:0%;top:0%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:31%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:63%;width:100%;height:5%;background:black;position:absolute;'></div><div style='left:0%;top:95%;width:100%;height:5%;background:black;position:absolute;'></div></div>
+
+Для контролю кількості стовпців, що буде використовувати елемент, ви можете використати властивість `grid-column` у поєднанні з номерами рядків, на яких ви хочете, щоб елемент розпочав і зупинився.
+
+До прикладу:
+
+```css
+grid-column: 1 / 3;
+```
+
+Це дозволить почати з першого вертикального рядка сітки ліворуч і перейти до третього рядка сітки, використовуючи дві колонки.
+
+# --instructions--
+
+Зробіть так, щоб елемент класу `item5` використав дві останні колонки.
+
+# --hints--
+
+`item5` клас повинен мати властивість `grid-column`.
+
+```js
+assert(
+  __helpers
+    .removeWhiteSpace($('style').text())
+    .match(/\.item5{.*grid-column:.*}/g)
+);
+```
+
+`item5` клас повинен мати властивість `grid-column`, що призведе до використання двох останніх колонок сітки.
+
+```js
+const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
+const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const result = colStart.toString() + colEnd.toString();
+const correctResults = [
+  '24',
+  '2-1',
+  '2span 2',
+  '2span2',
+  'span 2-1',
+  '-12',
+  'span 2span 2',
+  'span 2auto',
+  'autospan 2'
+];
+assert(correctResults.includes(result));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    /* Only change code below this line */
+
+
+    /* Only change code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
new file mode 100644
index 0000000000..a0aaa59670
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -0,0 +1,122 @@
+---
+id: 5a90373638fddaf9a66b5d39
+title: Використовуйте властивості grid-row для контролю міжрядкового інтервалу
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/c9WBLU4'
+forumTopicId: 301137
+dashedName: use-grid-row-to-control-spacing
+---
+
+# --description--
+
+Звичайно, ви можете зробити, щоб елементи використали кілька рядків так само, як і колонки. Ви вказуєте на якій горизонтальній лінії сітки починається та закінчується елемент за допомогою властивості `grid-row`.
+
+# --instructions--
+
+Зробіть так, щоб елемент класу `item5` використав два останні рядки.
+
+# --hints--
+
+Клас `item5` повинен мати властивість `grid-row`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+);
+```
+
+Клас `item5` повинен мати властивість `grid-row`, яка сприятиме використанню двох останніх рядки таблиці.
+
+```js
+const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
+const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const result = rowStart.toString() + rowEnd.toString();
+const correctResults = [
+  '24',
+  '2-1',
+  '2span 2',
+  '2span2',
+  'span 2-1',
+  '-12',
+  'span 2span 2',
+  'span 2auto',
+  'autospan 2'
+];
+assert(correctResults.includes(result));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    /* Only change code below this line */
+
+    /* Only change code above this line */
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .item1{background:LightSkyBlue;}
+  .item2{background:LightSalmon;}
+  .item3{background:PaleTurquoise;}
+  .item4{background:LightPink;}
+
+  .item5 {
+    background: PaleGreen;
+    grid-column: 2 / 4;
+    grid-row: 2 / 4;
+  }
+
+  .container {
+    font-size: 40px;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+    grid-gap: 10px;
+  }
+</style>
+
+<div class="container">
+  <div class="item1">1</div>
+  <div class="item2">2</div>
+  <div class="item3">3</div>
+  <div class="item4">4</div>
+  <div class="item5">5</div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
new file mode 100644
index 0000000000..6d87bf1132
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -0,0 +1,174 @@
+---
+id: 5a94fe7769fb03452672e463
+title: Використовуйте медіа-запити, щоб створити адаптивні макети
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pByETK/cMbqeHk'
+forumTopicId: 301138
+dashedName: use-media-queries-to-create-responsive-layouts
+---
+
+# --description--
+
+За допомогою CSS сітки можна з легкістю зробити ваш сайт більш адаптивним, використовуючи медіа-запити, щоб змінити розташування області сітки, змінити розмір сітки, а також - розташування елементів.
+
+У режимі попереднього перегляду, коли ширина вюпорту становить 300px або й більше, кількість стовпців змінюється від 1 до 2. Потім рекламний простір повністю займає лівий стовпець.
+
+# --instructions--
+
+Коли ширина вюпорту становить `400px` або більше, змусьте область верхнього колонтитула повністю захопити верхній рядок, а область нижнього колонтитула - нижній рядок.
+
+# --hints--
+
+Коли вюпорт становить `400px` або більше, `container` клас повинен мати властивість `grid-template-areas`, в якій верхній і нижній колонтитули, відповідно, займають верхні та нижні рядки, а реклама та вміст займають лівий і правий стовпці посередині рядка.
+
+```js
+assert(
+  __helpers
+    .removeCssComments(code)
+    .match(
+      /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @media (min-width: 300px){
+    .container{
+      grid-template-columns: auto 1fr;
+      grid-template-rows: auto 1fr auto;
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      grid-template-areas:
+      /* Only change code below this line */
+        "advert header"
+        "advert content"
+        "advert footer";
+      /* Only change code above this line */
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+```
+
+# --solutions--
+
+```html
+<style>
+  .item1 {
+    background: LightSkyBlue;
+    grid-area: header;
+  }
+
+  .item2 {
+    background: LightSalmon;
+    grid-area: advert;
+  }
+
+  .item3 {
+    background: PaleTurquoise;
+    grid-area: content;
+  }
+
+  .item4 {
+    background: lightpink;
+    grid-area: footer;
+  }
+
+  .container {
+    font-size: 1.5em;
+    min-height: 300px;
+    width: 100%;
+    background: LightGray;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 50px auto 1fr auto;
+    grid-gap: 10px;
+    grid-template-areas:
+      "header"
+      "advert"
+      "content"
+      "footer";
+  }
+
+  @media (min-width: 300px){
+    .container{
+      grid-template-columns: auto 1fr;
+      grid-template-rows: auto 1fr auto;
+      grid-template-areas:
+        "advert header"
+        "advert content"
+        "advert footer";
+    }
+  }
+
+  @media (min-width: 400px){
+    .container{
+      grid-template-areas:
+        "header header"
+        "advert content"
+        "footer footer";
+    }
+  }
+</style>
+
+<div class="container">
+  <div class="item1">header</div>
+  <div class="item2">advert</div>
+  <div class="item3">content</div>
+  <div class="item4">footer</div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
new file mode 100644
index 0000000000..b121faa4ac
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
@@ -0,0 +1,91 @@
+---
+id: 587d78b0367417b2b2512b08
+title: Створення медіа-запиту
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pzrPu4/cqwKrtm'
+forumTopicId: 301139
+dashedName: create-a-media-query
+---
+
+# --description--
+
+Медіа-запити є новою технікою CSS3, яка змінює представлення вмісту на основі різних розмірів області перегляду. Область перегляду — це видима область користувача веб-сторінки і відрізняється в залежності від пристрою, який використовується для доступу до сайту.
+
+Медіа-запити складаються з типу медіа, і якщо цей тип медіа відповідає типу пристрою, на якому відображається документ, застосовуються стилі. У медіа-запиту може бути стільки селекторів та стилів, скільки Ви забажаєте.
+
+Ось приклад медіа-запиту, який повертає контент, якщо ширина пристрою менше або дорівнює `100px`:
+
+```css
+@media (max-width: 100px) { /* CSS Rules */ }
+```
+
+а наступний медіа-запит повертає контент, якщо висота пристрою більше або дорівнює `350px`:
+
+```css
+@media (min-height: 350px) { /* CSS Rules */ }
+```
+
+Пам'ятайте, що CSS всередині медіа-запиту застосовується тільки в тому випадку, якщо тип медіа відповідає типу пристрою, який використовується.
+
+# --instructions--
+
+Додайте медіа-запит таким чином, щоб тег `p` мав `font-size` `10px`, якщо висота пристрою менша або ж дорівнює `800px`.
+
+# --hints--
+
+Ви повинні створити запит `@media` для пристроїв з `height` меншим або рівним `800px`.
+
+```js
+const media = new __helpers.CSSHelp(document).getCSSRules('media');
+assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)')));
+```
+
+Величина `font-size` вашого елементу `p` повинна становити `10px`, якщо `height` приладу менше або ж дорівнює `800px`.
+
+```js
+const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)');
+assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px");
+```
+
+У елемента `p` повинен бути заданий початковий `font-size` в `20px`, якщо `height` пристрою перевищує `800px`.
+
+```js
+const ifPFirst = new __helpers.CSSHelp(document).getCSSRules()?.find(x => x?.selectorText === 'p' || x?.media);
+assert(ifPFirst?.style?.fontSize === '20px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  /* Only change code below this line */
+
+  /* Only change code above this line */
+</style>
+
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+```
+
+# --solutions--
+
+```html
+<style>
+  p {
+    font-size: 20px;
+  }
+
+  @media (max-height: 800px) {
+    p {
+      font-size: 10px;
+    }
+  }
+</style>
+
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
new file mode 100644
index 0000000000..892a102931
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -0,0 +1,76 @@
+---
+id: 587d78b1367417b2b2512b09
+title: Зробити адаптивне зображення
+challengeType: 0
+forumTopicId: 301140
+dashedName: make-an-image-responsive
+---
+
+# --description--
+
+Створення адаптивних зображень із CSS насправді дуже просто. Вам просто потрібно додати ці властивості до зображення:
+
+```css
+img {
+  max-width: 100%;
+  height: auto;
+}
+```
+
+`max-width` в `100%` гарантує, що зображення не буде ширше, аніж контейнер, в якому воно знаходиться, а `height` `auto` збереже вихідне співвідношення сторін зображення.
+
+# --instructions--
+
+Додайте правила стилю до класу `responsive-img`, щоб зробити його адаптивним. Він ніколи не повинен бути ширшим за контейнер (в цьому випадку це вікно попереднього перегляду) та зберігати вихідне співвідношення сторін. Після додавання коду, змініть розмір вікна попереднього перегляду, щоб подивитись як ведуть себе ваші зображення.
+
+# --hints--
+
+Клас `responsive-img` повинен мати `max-width` встановлений на `100%`.
+
+```js
+assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+```
+
+Клас `responsive-img` повинен мати `height` встановлений на `auto`.
+
+```js
+assert(code.match(/height:\s*?auto;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+.responsive-img {
+
+
+}
+
+img {
+  width: 600px;
+}
+</style>
+
+<img class="responsive-img" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+```
+
+# --solutions--
+
+```html
+<style>
+.responsive-img {
+  max-width: 100%;
+  height: auto;
+}
+
+img {
+  width: 600px;
+}
+</style>
+
+<img class="responsive-img" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
new file mode 100644
index 0000000000..f29bc40c7d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
@@ -0,0 +1,77 @@
+---
+id: 587d78b1367417b2b2512b0c
+title: Створення адаптивної типографії
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pzrPu4/crzN7T8'
+forumTopicId: 301141
+dashedName: make-typography-responsive
+---
+
+# --description--
+
+Замість `em` чи `px` для визначення розмірів тексту, можна скористатися одиницями області перегляду для адаптивної типографії. Одиниці області перегляду, наприклад, відсотки - це відносні одиниці, але вони базуються на різних елементах. Одиниці області перегляду відносяться до розмірів області перегляду (ширини або висоти) пристрою, а відсотки - до розміру елемента батьківського контейнера.
+
+Чотири різних одиниць області перегляду:
+
+<ul><li><code>vw</code> (ширина перегляду): <code>10vw</code> складатиме 10% від ширини області перегляду.</li><li><code>vh</code> (висота перегляду): <code>3vh</code> складатиме 3% від висоти області перегляду.</li><li><code>vmin</code> (мінімальний перегляд): <code>70vmin</code> складатиме 70% від найменшого розміру області перегляду (висоти чи ширини).</li><li><code>vmax</code> (максимальний перегляд): <code>100vmax</code> складатиме 100% від найбільшого розміру області перегляду (висоти чи ширини).</li></ul>
+
+Ось приклад, який встановлює тег `body` на 30% від ширини області перегляду.
+
+```css
+body { width: 30vw; }
+```
+
+# --instructions--
+
+Встановіть `width` тегу `h2` на 80% від ширини області перегляду, а `width` абзацу - на 75% від найменшого розміру області перегляду.
+
+# --hints--
+
+Ваш тег `h2` повинен містити `width` 80vw.
+
+```js
+assert(
+  __helpers
+    .removeCssComments(code)
+    .match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
+);
+```
+
+Ваш тег `p` повинен містити `width` 75vmin.
+
+```js
+assert(
+  __helpers
+    .removeCssComments(code)
+    .match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+</style>
+
+<h2>Importantus Ipsum</h2>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+```
+
+# --solutions--
+
+```html
+<style>
+  h2 {
+      width: 80vw;
+  }
+  p {
+      width: 75vmin;
+  }
+</style>
+
+<h2>Importantus Ipsum</h2>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
new file mode 100644
index 0000000000..8322bf943f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -0,0 +1,64 @@
+---
+id: 587d78b1367417b2b2512b0a
+title: Використання зображень Retina для дисплеїв із високою роздільною здатністю
+challengeType: 0
+videoUrl: 'https://scrimba.com/p/pzrPu4/cVZ4Rfp'
+forumTopicId: 301142
+dashedName: use-a-retina-image-for-higher-resolution-displays
+---
+
+# --description--
+
+Зі збільшенням кількості підключених до Інтернету пристроїв їхні розміри і характеристики змінюються, а дисплеї, які вони використовують, можуть відрізнятися як ззовні і так і в середині. Щільність пікселів - це аспект, який може різнитися на одному пристрої від інших, і цей параметр називається Pixel Per Inch (PPI) або Dots Per Inch (DPI). Найбільш відомим дисплеєм такого типу є "Retina Display" на останніх ноутбуках Apple MacBook Pro, а останнім часом і на комп'ютерах iMac. Через різницю в щільності пікселів між екранами «Retina» і «Non-Retina» деякі зображення, які не були створені з високою роздільною здатністю, можуть виглядати «мозаїчно» при відтворенні і на дисплеї з високою роздільною здатністю.
+
+Найпростіший спосіб, щоб ваші зображення належним чином відображалися на дисплеях з високою роздільною здатністю, таких як "Retina display" MacBook Pro, - це визначити значення `width` та `height` як половину вихідного файлу. Ось приклад зображення, що використовує тільки половину початкової висоти і ширини:
+
+```html
+<style>
+  img { height: 250px; width: 250px; }
+</style>
+<img src="coolPic500x500" alt="A most excellent picture">
+```
+
+# --instructions--
+
+Встановіть `width` та `height` тегу `img` в половину їх початкових значень. В цьому випадку як вихідна `height`, так і `width` дорівнюватимуть `200px`.
+
+# --hints--
+
+Ваш тег `img` повинен містити `width` в 100 пікселів.
+
+```js
+assert(document.querySelector('img').width === 100);
+```
+
+Ваш тег `img` повинен містити `height` в 100 пікселів.
+
+```js
+assert(document.querySelector('img').height === 100);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+```
+
+# --solutions--
+
+```html
+<style>
+  img { 
+    height: 100px; 
+    width: 100px; 
+  }
+</style>
+
+<img src="https://s3.amazonaws.com/freecodecamp/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md
new file mode 100644
index 0000000000..98406d0b05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.md
@@ -0,0 +1,47 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Створіть веб-сторінку персонального портфоліо
+challengeType: 3
+forumTopicId: 301143
+dashedName: build-a-personal-portfolio-webpage
+---
+
+# --description--
+
+**Мета:** Створити [CodePen.io](https://codepen.io) застосунок, який за своїми функціями нагадує цей: <https://codepen.io/freeCodeCamp/full/zNBOYG>.
+
+Заповніть [ історії користувачів ](https://en.wikipedia.org/wiki/User_story), розміщені нижче, і отримайте доступ до всіх тестів, які потрібно пройти. Виконайте завдання у власному стилі.
+
+Ви можете використати HTML, JavaScript, and CSS для виконання цього проєкту. Рекомендовано використовувати звичайний CSS, тому що саме про це розповідається на уроках і вам варто попрактикуватися зі звичайним CSS. Якщо обираєте Bootstrap або SASS, можете користуватися ними. Не бажано використовувати додаткові технології (наприклад: jQuery, React, Angular або Vue), в іншому разі, це лише під вашу власну відповідальність. Під час роботи над іншими проєктами ви зможете попрацювати з різними технологічними стеками, як-от React. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+**Історія користувача #1:** На моєму портфоліо повинен бути розділ-вітання з наступним id `welcome-section`.
+
+**Історія користувача #2:** Розділ для вітання повинен містити елемент `h1` з текстом.
+
+**Історія користувача #3:** На моєму портфоліо повинен бути розділ з проєктами з id `projects`.
+
+**Історія користувача #4:** Розділ з проєктами повинен містити щонайменше один елемент класу `project-tile` для зберігання проєктів.
+
+**Історія користувача #5:** Розділ з проєктами повинен містити щонайменше одне посилання на проєкт.
+
+**Історія користувача #6:** На моєму портфоліо повинна бути навігаційна панель з id `navbar`.
+
+**Історія користувача #7:** Навігаційна панель повинна містити щонайменше одне посилання, завдяки якому ми могли б перейти на інші розділи сторінки.
+
+**Історія користувача #8:** На моєму портфоліо повинно бути посилання з id `profile-link`, завдяки якому можна перейти на мої профілі GitHub і FCC у новій вкладці.
+
+**Історія користувача #9:** На моєму портфоліо повинен бути щонайменше один медіа-запит.
+
+**Історія користувача #10:** Висота розділу з вітанням повинна збігатися з висотою вікна перегляду.
+
+**Історія користувача #11:** Навігаційна панель повинна розміщуватися у верхній частині вікна перегляду.
+
+Ви можете створити проєкт за допомогою <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> й натиснути `Save` для створення власного фрагмента. Або ж ви можете скористатися цим CDN посиланням для проходження тестів у будь-якому комфортному для вас середовищі:`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після завершення прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md
new file mode 100644
index 0000000000..af987d3287
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-product-landing-page.md
@@ -0,0 +1,55 @@
+---
+id: 587d78af367417b2b2512b04
+title: Створіть цільову сторінку продукту
+challengeType: 3
+forumTopicId: 301144
+dashedName: build-a-product-landing-page
+---
+
+# --description--
+
+**Objective:** Створіть застосунок [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/RKRbwL>.
+
+Заповніть [ історії користувачів ](https://en.wikipedia.org/wiki/User_story), розміщені нижче, і отримайте доступ до всіх тестів, які потрібно пройти. Проявіть при цьому свій власний стиль.
+
+Ви можете використати HTML, JavaScript, and CSS для виконання цього проєкту. Рекомендується використовувати звичайну CSS, тому що саме цю мову ви розглядали на уроках раніше і вам потрібно більше попрактикуватися. Якщо обираєте Bootstrap або SASS, можете користуватися ними. Не бажано використовувати додаткові технології (наприклад: jQuery, React, Angular або Vue), в іншому разі, це лише під вашу власну відповідальність. Під час роботи над іншими проєктами ви зможете попрацювати з різними технологічними стеками, як-от React. Ми звернемо увагу на усі запити щодо проблем стосовно рекомендованої технологічної теки для цього проєкту та спробуємо їх вирішити. Вдалого програмування!
+
+**Історія користувача #1:** На моїй цільовій сторінці продукту повинен бути `header` елемент з відповідним `id="header"`.
+
+**Історія користувача #2:** Я бачу зображення з `header` елементом з відповідним `id="header-img"`. Логотип компанії тут чудово пасуватиме.
+
+**Історія користувача #3:** У межах `#header` елементу, мені потрібно бачити `nav` елемент з відповідним `id="nav-bar"`.
+
+**Історія користувача #4:** Я бачу щонайменше три клікабельні елементи в `nav` елементі, кожен з яких класу `nav-link`.
+
+**Історія користувача #5:** Після натискання кнопки `.nav-link` у `nav` елементі я переходжу до відповідного розділу цільової сторінки.
+
+**Історія користувача #6:** Я можу переглянути вкладений відеоматеріал з `id="video"`.
+
+**Історія користувача #7:** На моїй цільовій сторінці повинен бути `form` елемент з відповідним `id="form"`.
+
+**Історія користувача #8:** У формі наявне `input` поле з `id="email"`, де можна ввести адресу електронної пошти.
+
+**Історія користувача #9:** На `#email` полі введення повинно бути місце для заповнення тексту, щоб користувач розумів, для чого це поле.
+
+**Історія користувача #10:** `#email` Поле введення використовує перевірку HTML5, щоб переконатися, що введений текст є електронною поштою.
+
+**Історія користувача #11:** У формі є можливість підтвердження `input` з відповідним `id="submit"`.
+
+**Історія користувача #12:** Після натискання `#submit` елементу, електронна пошта відправляють на статичну сторінку (використовуйте цю альтернативну URL-адресу: <https://www.freecodecamp.com/email-submit>).
+
+**Історія користувача #13:** Навігаційна панель повинна розміщуватися у верхній частині вікна перегляду.
+
+**Історія користувача #14:** На моїй цільовій сторінці продукту повинен бути щонайменше один медіа-запит.
+
+**Історія користувача #15:** Моя цільова сторінка продукту повинна використовувати CSS Flexbox щонайменше один раз.
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ви можете використати це посилання CDN для запуску тестів у будь-якому середовищі, яке вам подобається: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після завершення прикріпіть URL адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md
new file mode 100644
index 0000000000..797744c72d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-survey-form.md
@@ -0,0 +1,57 @@
+---
+id: 587d78af367417b2b2512b03
+title: Створіть форму для опитування
+challengeType: 3
+forumTopicId: 301145
+dashedName: build-a-survey-form
+---
+
+# --description--
+
+**Objective:** Створіть застосунок [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/VPaoNP>.
+
+Заповніть нижче [ історії користувача](https://en.wikipedia.org/wiki/User_story) та отримаєте тести для проходження. Проявіть при цьому свій власний стиль.
+
+Ви можете використовувати HTML, JavaScript, та CSS, щоб завершити цей проєкт. Рекомендується використовувати звичайну CSS, тому що саме цю мову ви розглядали на уроках раніше і вам потрібно більше попрактикуватися. Якщо обираєте Bootstrap або SASS, можете користуватися ними. Для цього проєкту не рекомендовані додаткові застосунки (як наприклад, jQuery, React, Angular, чи Vue). Ви ризикуєте, використовуючи їх. Під час роботи над іншими проєктами ви зможете попрацювати з різними технологічними стеками, як-от React. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого кодування!
+
+**Історія користувача #1: **Я можу бачити заголовок `id="title"` текстом розміром Н1.
+
+**Історія користувача #2: ** Я можу бачити коротке пояснення `id="description"` текстом розміром P.
+
+** історія користувача #3:** я бачу форму `` с `id="survey-form"`.
+
+**Історія користувача #4:** Всередині елементу форми, мені необхідно ввести ім'я в поле з `id="name"`.
+
+**Історія користувача #5:** Всередині елементу форми, мені необхідно ввести електронну пошту у полі з `id="email"`.
+
+**Історія користувача #6:** Якщо я введу електронну пошту, неправильно відформатовану, я побачу помилку перевірки HTML5.
+
+**Історія користувача #7:** Всередині форми я можу ввести число у полі `id="number"`.
+
+**Історія користувача #8:** Якщо я введу не числа з номером введення, я побачу помилку перевірки HTML5.
+
+**Історія користувача #9:** Якщо я введу числа поза межами діапазону введення, що позначені по `min` and `max` атрибутам, я побачу помилку перевірки HTML5.
+
+**Історія користувача #10:** Для назви, електронної пошти і поля введення чисел у межах форми, я можу побачити, що відповідні ярлики, які описують призначення кожного поля, супроводжуються певними ідентифікаторами: `id="name-label"`, `id="email-label"`, й `id="number-label"`.
+
+**Історія користувача #11:** У полі введення назви, електронної пошти та ін., я можу побачити надані текстом заповнювача описи або інструкції для кожного з полів.
+
+**Історія користувача #12:** Всередині елементу форми я можу обрати варіант зі спадного списку зі відповідним `id="dropdown"`.
+
+**Історія користувача #13:** У межах форми кожного елементу я можу обрати поля з однієї чи більше групи радіокнопок. Кожна група повинна бути згрупована зі використанням `name` атрибуту.
+
+**Історія користувача #14:** Я можу обрати декілька полів всередині форми елементу зі серії прапорців, кожен з яких повинен мати атрибут `value`.
+
+**Історія користувача #15:** Всередині форми елементу наприкінці я надаю `textarea` для додаткових коментарів.
+
+**Історія користувача #16:** Я можу затвердити усі внесені дані у форму елементу за допомогою кнопки `id="submit"`.
+
+Ви можете створити проєкт за допомогою <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> й натиснути `Save` для створення власного фрагмента. Або ви можете використати CDN посилання для проведення тесту у будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після завершення надайте посилання до вашого проєкту з усіма пройденими тестами.
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md
new file mode 100644
index 0000000000..3742fd729b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-technical-documentation-page.md
@@ -0,0 +1,55 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Створіть сторінку технічної документації
+challengeType: 3
+forumTopicId: 301146
+dashedName: build-a-technical-documentation-page
+---
+
+# --description--
+
+**Objective:** Створіть застосунок [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/NdrKKL>.
+
+Заповніть [user stories](https://en.wikipedia.org/wiki/User_story), розміщені нижче, та отримайте доступ до тестів, які потрібно пройти. Проявіть при цьому свій власний стиль.
+
+Ви можете використати HTML, JavaScript, and CSS для виконання цього проєкту. Рекомендується використовувати звичайну CSS, тому що саме цю мову ви розглядали на уроках раніше і вам потрібно більше відповідної практики. Якщо обираєте Bootstrap або SASS, можете користуватися ними. Не бажано використовувати додаткові технології (наприклад: jQuery, React, Angular або Vue), в іншому разі, це лише під вашу власну відповідальність. Під час роботи над іншими проєктами ви зможете попрацювати з різними технологічними стеками, як-от React. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+**Історія користувача #1:** Я бачу `main` елемент з відповідним `id="main-doc"`, який містить основний вміст сторінки (технічна документація).
+
+**Історія користувача #2:** У межах `#main-doc` елементу, я бачу декілька `section` елементів, кожен з яких класу `main-section`. Їх повинно бути щонайменше 5.
+
+**Історія користувача #3:** Перший елемент у межах кожного `.main-section` повинен бути `header` елементом, який містить текст, що описує тему конкретного розділу.
+
+**Історія користувача #4:** Кожен `section` елемент класу `main-section` також повинен мати id, який за текстом відповідає кожному `header`, що міститься в ньому. Будь-який пробіл потрібно замінити знаком підкреслення (наприклад `section`, який містить заголовок "JavaScript і Java", повинен мати відповідний `id="JavaScript_and_Java"`).
+
+**Історія користувача #5:** `.main-section` елементи повинні містити щонайменше 10 `p` елементів загалом (не кожен).
+
+**Історія користувача #6:** `.main-section` елементи повинні містити щонайменше 5 `code` елементів загалом (не кожен).
+
+**Історія користувача #7:** `.main-section` елементи повинні містити щонайменше 5 `li` елементів загалом (не кожен).
+
+** Історія користувача #8:** Я бачу `nav` елемент з відповідними `id="navbar"`.
+
+**Історія користувача #9:** Елемент панелі навігації повинен містити один `header` елемент, який включає текст, що описує тему технічної документації.
+
+**Історія користувача #10:** Крім того, навігаційна панель повинна містити (`a`) елементи посилань класу `nav-link`. На кожен елемент класу `main-section` має бути одне посилання.
+
+**Історія користувача #11:**`header` елемент в межах навігаційної панелі повинен розміщуватися перед елементами (`a`) посилань.
+
+**Історія користувача #12:** Кожен елемент класу `nav-link` повинен містити текст, який відповідає `header` тексту у кожній `section` (наприклад, якщо у вас є розділ/заголовок "Вітаю, світе", ваша навігаційна панель повинна мати елемент, що містить текст "Вітаю, світе").
+
+**Історія користувача #13:** При натисканні на елемент навігаційної панелі, сторінка повинна скеровувати до відповідного розділу `main-doc` елементу (наприклад, у разі натискання на `nav-link` елемент, що містить текст "Вітаю, світе", сторінка скеровує до `section` елементу із таким же id та відповідним `header`.
+
+**Історія користувача #14:** На пристроях типової величини (ноутбуки, комп'ютери) елемент з `id="navbar"` повинен відображатися ліворуч на екрані і завжди бути видимим для користувача.
+
+**Історія користувача #15:** Моя сторінка технічної документації повинна використовувати щонайменше один медіа-запит.
+
+Ви можете створити свій проєкт за допомогою <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>, використовуючи цей CodePen </a> зразок і натиснувши `Save`, щоб створити власний фрагмент. Або ви можете використати це посилання CDN для запуску тестів у будь-якому середовищі, яке вам подобається: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після завершення прикріпіть URL адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
new file mode 100644
index 0000000000..4c10de277d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md
@@ -0,0 +1,43 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Створіть пам'ятну сторінку
+challengeType: 3
+forumTopicId: 301147
+dashedName: build-a-tribute-page
+---
+
+# --description--
+
+**Завдання:** Створіть [CodePen.io](https://codepen.io) застосунок, який схожий за функціями на:<https://codepen.io/freeCodeCamp/full/zNqgVx>.
+
+Нижче заповніть [ історії користувачів ](https://en.wikipedia.org/wiki/User_story) і отримайте доступ до тестів, котрі потрібно пройти. Виконайте завдання у власному стилі.
+
+Ви можете використати HTML, JavaScript, and CSS для завершення цього проєкту. Рекомендується використовувати звичайну CSS, тому що саме цю мову ви розглядали на уроках раніше і вам потрібно більше попрактикуватися. Якщо ви оберете Bootstrap або SASS, то можете користуватися ними. Не бажано використовувати додаткові технології (наприклад: jQuery, React, Angular або Vue), в іншому разі, це лише під вашу власну відповідальність. Під час роботи над іншими проєктами ви зможете попрацювати з різними технологічними стеками, як-от React. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+** Історія користувача #1:** Моя пам'ятна сторінка повинна містити елемент з відповідним `id="main"`, котрий містить усі інші елементи.
+
+** Історія користувача #2: ** Мені потрібно бачити елемент з відповідним `id="title"`, котрий містить рядок (наприклад текст) і описує тему пам'ятної сторінки. (наприклад "Лікар Норман Борлау").
+
+** Історія користувача #3:** Мені потрібно бачити або `figure`, або `div` елемент з відповідними `id="img-div"`.
+
+**Історія користувача #4:** У межах `img-div` елементу, мені потрібно бачити `img` елемент з відповідним `id="image"`.
+
+**Історія користувача #5:** У межах `img-div` елементу, мені потрібно бачити елемент з відповідним `id="img-caption"`, котрий містить текстовий контент, який описує зображення яке показується в `img-div`.
+
+**Історія користувача #6:** Мені потрібно бачити елемент з відповідним `id="tribute-info"`, котрий містить текстовий контент, який описує пам'ятну сторінку.
+
+**Історія користувача#7:** Мені потрібно бачити `a` елемент з відповідним `id="tribute-link"`, котрий дає посилання на зовнішній сайт, який містить додаткову інформацію про тему пам'ятної сторінки. ПІДКАЗКА: Ви повинні надати вашому елементу атрибут у формі `target` і налаштувати його до `_blank` для того щоб ваше посилання відкрилося у новій вкладці(т.к. `target="_blank"`).
+
+**Історія користувача #8:**Елемент`img`повинен у відповідь змінити свій розмір, у зв'язку з шириною його початкового елементу, без перевищення його оригінального розміру.
+
+**Історія користувача#9:** Елемент `img` повинен знаходитись у центрі в межах його початкового елементу.
+
+Ви можете створити проєкт за допомогою <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> й натиснути `Save` для створення власного фрагмента. Або ж ви можете скористатися цим CDN посиланням для проходження тестів у будь-якому комфортному для вас середовищі:`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`.
+
+Після того як ви завершили, прикріпіть URL до вашому проєкту, над яким ви працюєте, з усіма пройденими тестами.
+
+# --solutions--
+
+```html
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md
new file mode 100644
index 0000000000..b1ae91104f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/boo-who.md
@@ -0,0 +1,97 @@
+---
+id: a77dbc43c33f39daa4429b4f
+title: Хто такий Boo
+challengeType: 5
+forumTopicId: 16000
+dashedName: boo-who
+---
+
+# --description--
+
+Перевірте, чи значення відноситься булевого тиру (логічне значення). Функція має повертати `true` or `false`.
+
+Булеві примітиви - це коди `true` правда та `false` неправда.
+
+# --hints--
+
+`booWho(true)` повинен повертати `true`.
+
+```js
+assert.strictEqual(booWho(true), true);
+```
+
+`booWho(false)` повинен повертати `true`.
+
+```js
+assert.strictEqual(booWho(false), true);
+```
+
+`booWho([1, 2, 3])` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho([1, 2, 3]), false);
+```
+
+`booWho([].slice)` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho([].slice), false);
+```
+
+`booWho({ "a": 1 })` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho({ a: 1 }), false);
+```
+
+`booWho(1)` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho(1), false);
+```
+
+`booWho(NaN)` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho(NaN), false);
+```
+
+`booWho("a")` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho('a'), false);
+```
+
+`booWho("true")` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho('true'), false);
+```
+
+`booWho("false")` повинен повертати `false`.
+
+```js
+assert.strictEqual(booWho('false'), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function booWho(bool) {
+  return bool;
+}
+
+booWho(null);
+```
+
+# --solutions--
+
+```js
+function booWho(bool) {
+  return typeof bool === "boolean";
+}
+
+booWho(null);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md
new file mode 100644
index 0000000000..9e7bc04c7e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/chunky-monkey.md
@@ -0,0 +1,110 @@
+---
+id: a9bd25c716030ec90084d8a1
+title: Алгоритм Chunky Monkey
+challengeType: 5
+forumTopicId: 16005
+dashedName: chunky-monkey
+---
+
+# --description--
+
+Напишіть функцію, яка ділить масив (перший аргумент) у групи: довжина `size` (другий аргумент) і повертає їх у вигляді двовимірного масиву.
+
+# --hints--
+
+`chunkArrayInGroups(["a", "b", "c", "d"], 2)` повинен перетворюватися на `[["a", "b"], ["c", "d"]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups(['a', 'b', 'c', 'd'], 2), [
+  ['a', 'b'],
+  ['c', 'd']
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3)` повинен перетворюватися на `[[0, 1, 2], [3, 4, 5]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 3), [
+  [0, 1, 2],
+  [3, 4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2)` повинен перетворюватися на `[[0, 1], [2, 3], [4, 5]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 2), [
+  [0, 1],
+  [2, 3],
+  [4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4)` повинен перетворюватися на `[[0, 1, 2, 3], [4, 5]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5], 4), [
+  [0, 1, 2, 3],
+  [4, 5]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3)` повинен перетворюватися на `[[0, 1, 2], [3, 4, 5], [6]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6], 3), [
+  [0, 1, 2],
+  [3, 4, 5],
+  [6]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4)` повинен перетворюватися на `[[0, 1, 2, 3], [4, 5, 6, 7], [8]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 4), [
+  [0, 1, 2, 3],
+  [4, 5, 6, 7],
+  [8]
+]);
+```
+
+`chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2)` повинен перетворюватися на `[[0, 1], [2, 3], [4, 5], [6, 7], [8]]`.
+
+```js
+assert.deepEqual(chunkArrayInGroups([0, 1, 2, 3, 4, 5, 6, 7, 8], 2), [
+  [0, 1],
+  [2, 3],
+  [4, 5],
+  [6, 7],
+  [8]
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chunkArrayInGroups(arr, size) {
+  return arr;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+```
+
+# --solutions--
+
+```js
+function chunkArrayInGroups(arr, size) {
+  let out = [];
+
+  for (let i = 0; i < arr.length; i += size) {
+    out.push(arr.slice(i, i + size));
+  }
+
+  return out;
+}
+
+chunkArrayInGroups(["a", "b", "c", "d"], 2);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md
new file mode 100644
index 0000000000..5ad082143b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/confirm-the-ending.md
@@ -0,0 +1,113 @@
+---
+id: acda2fb1324d9b0fa741e6b5
+title: Підтвердження Закінчення
+challengeType: 5
+forumTopicId: 16006
+dashedName: confirm-the-ending
+---
+
+# --description--
+
+Перевірте, чи рядок (перший аргумент, `str`) закінчується заданим цільовим рядком (другий аргумент, `target`).
+
+Цю проблему *can* можна вирішити за допомогою методу `.endsWith()`, який був введений в ES2015. Але, мета цього завдання передбачає використання одного із методів виділення підрядків JavaScript.
+
+# --hints--
+
+`confirmEnding("Bastian", "n")` повинен перетворюватися на `true`.
+
+```js
+assert(confirmEnding('Bastian', 'n') === true);
+```
+
+`confirmEnding("Congratulation", "on")` повинен перетворюватися на `true`.
+
+```js
+assert(confirmEnding('Congratulation', 'on') === true);
+```
+
+`confirmEnding("Connor", "n")` повинен перетворюватися на `false`.
+
+```js
+assert(confirmEnding('Connor', 'n') === false);
+```
+
+`confirmEnding("Walking on water and developing software from a specification are easy if both are frozen", "specification")` повинен перетворюватися на `false`.
+
+```js
+assert(
+  confirmEnding(
+    'Walking on water and developing software from a specification are easy if both are frozen',
+    'specification'
+  ) === false
+);
+```
+
+`confirmEnding("He has to give me a new name", "name")` повинен перетворюватися на `true`.
+
+```js
+assert(confirmEnding('He has to give me a new name', 'name') === true);
+```
+
+`confirmEnding("Open sesame", "same")` повинен перетворюватися на `true`.
+
+```js
+assert(confirmEnding('Open sesame', 'same') === true);
+```
+
+`confirmEnding("Open sesame", "sage")` повинен перетворюватися на `false`.
+
+```js
+assert(confirmEnding('Open sesame', 'sage') === false);
+```
+
+`confirmEnding("Open sesame", "game")` повинен перетворюватися на `false`.
+
+```js
+assert(confirmEnding('Open sesame', 'game') === false);
+```
+
+`confirmEnding("If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing", "mountain")` повинен перетворюватися на `false`.
+
+```js
+assert(
+  confirmEnding(
+    'If you want to save our world, you must hurry. We dont know how much longer we can withstand the nothing',
+    'mountain'
+  ) === false
+);
+```
+
+`confirmEnding("Abstraction", "action")` повинен перетворюватися на `true`.
+
+```js
+assert(confirmEnding('Abstraction', 'action') === true);
+```
+
+У вашому коді не повинен використовуватися вбудований метод `.endsWith()` для вирішення завдання.
+
+```js
+assert(!/\.endsWith\(.*?\)\s*?;?/.test(code) && !/\['endsWith'\]/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function confirmEnding(str, target) {
+  return str;
+}
+
+confirmEnding("Bastian", "n");
+```
+
+# --solutions--
+
+```js
+function confirmEnding(str, target) {
+  return str.substring(str.length - target.length) === target;
+}
+
+confirmEnding("Bastian", "n");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md
new file mode 100644
index 0000000000..0bbb22bcf0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/convert-celsius-to-fahrenheit.md
@@ -0,0 +1,76 @@
+---
+id: 56533eb9ac21ba0edf2244b3
+title: Конвертація градусів за Цельсієм у градуси за Фаренгейтом
+challengeType: 1
+forumTopicId: 16806
+dashedName: convert-celsius-to-fahrenheit
+---
+
+# --description--
+
+Алгоритм конвертації градусів за Цельсієм у градуси за Фаренгейтом, це температура за Цельсієм помножена на `9/5`, плюс `32`.
+
+Ви отримуєте змінну `celsius`, що відповідає температурі за Цельсієм. Використовуйте вже визначену змінну `fahrenheit` і призначте їй температуру за Фаренгейтом, еквівалентну заданій температурі за Цельсієм. Використовуйте алгоритм запропонований вище для конвертації температури за Цельсієм у температуру за Фаренгейтом.
+
+# --hints--
+
+`convertToF(0)` має повернути число
+
+```js
+assert(typeof convertToF(0) === 'number');
+```
+
+`convertToF(-30)` має повертати значення `-22`
+
+```js
+assert(convertToF(-30) === -22);
+```
+
+`convertToF(-10)` має повертати значення `14`
+
+```js
+assert(convertToF(-10) === 14);
+```
+
+`convertToF(0)` має повертати значення `32`
+
+```js
+assert(convertToF(0) === 32);
+```
+
+`convertToF(20)` має повертати значення `68`
+
+```js
+assert(convertToF(20) === 68);
+```
+
+`convertToF(30)` має повертати значення `86`
+
+```js
+assert(convertToF(30) === 86);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToF(celsius) {
+  let fahrenheit;
+  return fahrenheit;
+}
+
+convertToF(30);
+```
+
+# --solutions--
+
+```js
+function convertToF(celsius) {
+  let fahrenheit = celsius * 9/5 + 32;
+
+  return fahrenheit;
+}
+
+convertToF(30);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md
new file mode 100644
index 0000000000..486ec49e7c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/factorialize-a-number.md
@@ -0,0 +1,73 @@
+---
+id: a302f7aae1aa3152a5b413bc
+title: Факторизація числа
+challengeType: 5
+forumTopicId: 16013
+dashedName: factorialize-a-number
+---
+
+# --description--
+
+Повернути факторіал поданого цілого числа.
+
+Якщо ціле число позначається літерою `n`, факторіал - це добуток усіх додатних цілих чисел менших або рівних `n`.
+
+Факторіали часто зображаються  короткими позначеннями `n!`
+
+Наприклад: `5! = 1 * 2 * 3 * 4 * 5 = 120`
+
+Тільки цілі числа, які більші або дорівнюють нулю, будуть задані функції.
+
+# --hints--
+
+`factorialize(5)` "" має повертати число.
+
+```js
+assert(typeof factorialize(5) === 'number');
+```
+
+`factorialize(5)` має повернути `120`.
+
+```js
+assert(factorialize(5) === 120);
+```
+
+`factorialize(10)` має повернути число`3628800`.
+
+```js
+assert(factorialize(10) === 3628800);
+```
+
+`factorialize(20)` має повернути `2432902008176640000`.
+
+```js
+assert(factorialize(20) === 2432902008176640000);
+```
+
+`factorialize(0)` має повернути `1`.
+
+```js
+assert(factorialize(0) === 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorialize(num) {
+  return num;
+}
+
+factorialize(5);
+```
+
+# --solutions--
+
+```js
+function factorialize(num) {
+  return num < 1 ? 1 : num * factorialize(num - 1);
+}
+
+factorialize(5);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md
new file mode 100644
index 0000000000..dd20f78175
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer.md
@@ -0,0 +1,63 @@
+---
+id: adf08ec01beb4f99fc7a68f2
+title: Фільтрація помилкових значень масиву
+challengeType: 5
+forumTopicId: 16014
+dashedName: falsy-bouncer
+---
+
+# --description--
+
+Видалити всі неправильні значення з масиву.
+
+Неправильні значення в JavaScript: `false`, `null`, `0`, `""`, `undefined`, і `NaN`.
+
+Підказка: спробуйте перетворити кожне значення на логічне значення.
+
+# --hints--
+
+`bouncer([7, "ate", "", false, 9])` має повернути `[7, "ate", 9]`.
+
+```js
+assert.deepEqual(bouncer([7, 'ate', '', false, 9]), [7, 'ate', 9]);
+```
+
+`bouncer(["a", "b", "c"])` має вертати `["a", "b", "c"]`.
+
+```js
+assert.deepEqual(bouncer(['a', 'b', 'c']), ['a', 'b', 'c']);
+```
+
+`bouncer([false, null, 0, NaN, undefined, ""])` має повертати `[]`.
+
+```js
+assert.deepEqual(bouncer([false, null, 0, NaN, undefined, '']), []);
+```
+
+`bouncer([null, NaN, 1, 2, undefined])` має повертати `[1, 2]`.
+
+```js
+assert.deepEqual(bouncer([null, NaN, 1, 2, undefined]), [1, 2]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bouncer(arr) {
+  return arr;
+}
+
+bouncer([7, "ate", "", false, 9]);
+```
+
+# --solutions--
+
+```js
+function bouncer(arr) {
+  return arr.filter(e => e);
+}
+
+bouncer([7, "ate", "", false, 9]);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md
new file mode 100644
index 0000000000..efeac84d1a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/find-the-longest-word-in-a-string.md
@@ -0,0 +1,87 @@
+---
+id: a26cbbe9ad8655a977e1ceb5
+title: Знайдіть найдовше слово в рядку
+challengeType: 5
+forumTopicId: 16015
+dashedName: find-the-longest-word-in-a-string
+---
+
+# --description--
+
+Поверніть довжину найдовшого слова у даному реченні.
+
+Ваша відповідь повинна бути числом.
+
+# --hints--
+
+`findLongestWordLength("The quick brown fox jumped over the lazy dog")` відповідь має бути числом.
+
+```js
+assert(
+  typeof findLongestWordLength(
+    'The quick brown fox jumped over the lazy dog'
+  ) === 'number'
+);
+```
+
+`findLongestWordLength("The quick brown fox jumped over the lazy dog")` - результатом має бути `6`.
+
+```js
+assert(
+  findLongestWordLength('The quick brown fox jumped over the lazy dog') === 6
+);
+```
+
+`findLongestWordLength("May the force be with you")` - результатом має бути `5`.
+
+```js
+assert(findLongestWordLength('May the force be with you') === 5);
+```
+
+`findLongestWordLength("Google do a barrel roll")` - результатом має бути `6`.
+
+```js
+assert(findLongestWordLength('Google do a barrel roll') === 6);
+```
+
+`findLongestWordLength("What is the average airspeed velocity of an unladen swallow")` - результатом має бути `8`.
+
+```js
+assert(
+  findLongestWordLength(
+    'What is the average airspeed velocity of an unladen swallow'
+  ) === 8
+);
+```
+
+`findLongestWordLength("What if we try a super-long word such as otorhinolaryngology")` - результатом має бути `19`.
+
+```js
+assert(
+  findLongestWordLength(
+    'What if we try a super-long word such as otorhinolaryngology'
+  ) === 19
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findLongestWordLength(str) {
+  return str.length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+```
+
+# --solutions--
+
+```js
+function findLongestWordLength(str) {
+  return str.split(' ').sort((a, b) => b.length - a.length)[0].length;
+}
+
+findLongestWordLength("The quick brown fox jumped over the lazy dog");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md
new file mode 100644
index 0000000000..a476e5f156
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/finders-keepers.md
@@ -0,0 +1,58 @@
+---
+id: a6e40f1041b06c996f7b2406
+title: Що впало, те пропало
+challengeType: 5
+forumTopicId: 16016
+dashedName: finders-keepers
+---
+
+# --description--
+
+Створіть функцію, яка переглядає масив `arr` і повертає перший елемент у ньому, який проходить перевірку на "істинність". Це означає, що даний елемент `x` пройшов перевірку на "істинність", якщо `func(x)` є `true`. Якщо жодний елемент не проходить перевірку, відповідь буде `undefined`.
+
+# --hints--
+
+`findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })` має повертати `8`.
+
+```js
+assert.strictEqual(
+  findElement([1, 3, 5, 8, 9, 10], function (num) {
+    return num % 2 === 0;
+  }),
+  8
+);
+```
+
+`findElement([1, 3, 5, 9], function(num) { return num % 2 === 0; })` має повертати `undefined`.
+
+```js
+assert.strictEqual(
+  findElement([1, 3, 5, 9], function (num) {
+    return num % 2 === 0;
+  }),
+  undefined
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findElement(arr, func) {
+  let num = 0;
+  return num;
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+```
+
+# --solutions--
+
+```js
+function findElement(arr, func) {
+  return arr.filter(func)[0];
+}
+
+findElement([1, 2, 3, 4], num => num % 2 === 0);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md
new file mode 100644
index 0000000000..c09b235bee
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/mutations.md
@@ -0,0 +1,117 @@
+---
+id: af2170cad53daa0770fabdea
+title: Мутації
+challengeType: 5
+forumTopicId: 16025
+dashedName: mutations
+---
+
+# --description--
+
+Повертає `true` якщо рядок у першому елементі масиву містить усі літери рядка у другому елементі масиву.
+
+Наприклад, для `["hello", "Hello"]` має повертати `true` тому що всі літери у другому рядку присутні й у першому, незважаючи на їх регістр.
+
+Аргументи `["hello", "hey"]` мають повертати `false`, тому що рядок `hello` не містить літеру `y`.
+
+Зрештою, для `["Alien", "line"]` має повертати `true`, тому що всі літери слова`line` присутні у слові `Alien`.
+
+# --hints--
+
+`mutation(["hello", "hey"])` має повертати `false`.
+
+```js
+assert(mutation(['hello', 'hey']) === false);
+```
+
+`mutation(["hello", "Hello"])` має повертати `true`.
+
+```js
+assert(mutation(['hello', 'Hello']) === true);
+```
+
+`mutation(["zyxwvutsrqponmlkjihgfedcba", "qrstu"])` має повертати `true`.
+
+```js
+assert(mutation(['zyxwvutsrqponmlkjihgfedcba', 'qrstu']) === true);
+```
+
+`mutation(["Mary", "Army"])` має повертати `true`.
+
+```js
+assert(mutation(['Mary', 'Army']) === true);
+```
+
+`mutation(["Mary", "Aarmy"])` має повертати `true`.
+
+```js
+assert(mutation(['Mary', 'Aarmy']) === true);
+```
+
+`mutation(["Alien", "line"])` має повертати`true`.
+
+```js
+assert(mutation(['Alien', 'line']) === true);
+```
+
+`mutation(["floor", "for"])` має повертати `true`.
+
+```js
+assert(mutation(['floor', 'for']) === true);
+```
+
+`mutation(["hello", "neo"])` має повертати `false`.
+
+```js
+assert(mutation(['hello', 'neo']) === false);
+```
+
+`mutation(["voodoo", "no"])` має повертати `false`.
+
+```js
+assert(mutation(['voodoo', 'no']) === false);
+```
+
+`mutation(["ate", "date"])` має повертати `false`.
+
+```js
+assert(mutation(['ate', 'date']) === false);
+```
+
+`mutation(["Tiger", "Zebra"])` має повертати `false`.
+
+```js
+assert(mutation(['Tiger', 'Zebra']) === false);
+```
+
+`mutation(["Noel", "Ole"])` має повертати `true`.
+
+```js
+assert(mutation(['Noel', 'Ole']) === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mutation(arr) {
+  return arr;
+}
+
+mutation(["hello", "hey"]);
+```
+
+# --solutions--
+
+```js
+function mutation(arr) {
+  let hash = Object.create(null);
+
+  arr[0].toLowerCase().split('').forEach(c => hash[c] = true);
+
+  return !arr[1].toLowerCase().split('').filter(c => !hash[c]).length;
+}
+
+mutation(["hello", "hey"]);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md
new file mode 100644
index 0000000000..ba344288de
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/repeat-a-string-repeat-a-string.md
@@ -0,0 +1,84 @@
+---
+id: afcc8d540bea9ea2669306b6
+title: Повторіть рядок Повторення рядка
+challengeType: 5
+forumTopicId: 16041
+dashedName: repeat-a-string-repeat-a-string
+---
+
+# --description--
+
+Повторити заданий рядок `str` (перший елемент) `num` разів (другий елемент). Повернути порожній рядок, якщо `num` не є додатнім числом. Для цього завдання *не* використовуйте вбудований `.repeat()` метод.
+
+# --hints--
+
+`repeatStringNumTimes("*", 3)` має повернути рядок `***`.
+
+```js
+assert(repeatStringNumTimes('*', 3) === '***');
+```
+
+`repeatStringNumTimes("abc", 3)` має повернути рядок `abcabcabc`.
+
+```js
+assert(repeatStringNumTimes('abc', 3) === 'abcabcabc');
+```
+
+`repeatStringNumTimes("abc", 4)` має повернути рядок `abcabcabcabc`.
+
+```js
+assert(repeatStringNumTimes('abc', 4) === 'abcabcabcabc');
+```
+
+`repeatStringNumTimes("abc", 1)` має повернути рядок `abc`.
+
+```js
+assert(repeatStringNumTimes('abc', 1) === 'abc');
+```
+
+`repeatStringNumTimes("*", 8)` має повернути рядок `********`.
+
+```js
+assert(repeatStringNumTimes('*', 8) === '********');
+```
+
+`repeatStringNumTimes("abc", -2)` має повернути порожній рядок (`""`).
+
+```js
+assert(repeatStringNumTimes('abc', -2) === '');
+```
+
+Вбудований метод `repeat()` не слід використовувати.
+
+```js
+assert(!/\.repeat/g.test(code));
+```
+
+`repeatStringNumTimes("abc", 0)` має повернути рядок `""`.
+
+```js
+assert(repeatStringNumTimes('abc', 0) === '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function repeatStringNumTimes(str, num) {
+  return str;
+}
+
+repeatStringNumTimes("abc", 3);
+```
+
+# --solutions--
+
+```js
+function repeatStringNumTimes(str, num) {
+  if (num < 1) return '';
+  return num === 1 ? str : str + repeatStringNumTimes(str, num-1);
+}
+
+repeatStringNumTimes("abc", 3);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md
new file mode 100644
index 0000000000..23be99a7e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/return-largest-numbers-in-arrays.md
@@ -0,0 +1,92 @@
+---
+id: a789b3483989747d63b0e427
+title: Знайдіть найбільші числа в масивах
+challengeType: 5
+forumTopicId: 16042
+dashedName: return-largest-numbers-in-arrays
+---
+
+# --description--
+
+Повертає масив, що складається з найбільшого числа з кожного під-масиву. Для простоти, даний масив буде містити рівно 4 під-масиви.
+
+Пам'ятайте, ви можете перебирати масив за допомогою простого циклу, і мати доступ до кожного елемента через синтаксис масиву `arr[i]`.
+
+# --hints--
+
+`largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]])` повинен повернути масив рядка.
+
+```js
+assert(
+  largestOfFour([
+    [4, 5, 1, 3],
+    [13, 27, 18, 26],
+    [32, 35, 37, 39],
+    [1000, 1001, 857, 1]
+  ]).constructor === Array
+);
+```
+
+`largestOfFour([[13, 27, 18, 26], [4, 5, 1, 3], [32, 35, 37, 39], [1000, 1001, 857, 1]])` повинен повернути `[27, 5, 39, 1001]`.
+
+```js
+assert.deepEqual(
+  largestOfFour([
+    [13, 27, 18, 26],
+    [4, 5, 1, 3],
+    [32, 35, 37, 39],
+    [1000, 1001, 857, 1]
+  ]),
+  [27, 5, 39, 1001]
+);
+```
+
+`largestOfFour([[4, 9, 1, 3], [13, 35, 18, 26], [32, 35, 97, 39], [1000000, 1001, 857, 1]])` повинен повернути`[9, 35, 97, 1000000]`.
+
+```js
+assert.deepEqual(
+  largestOfFour([
+    [4, 9, 1, 3],
+    [13, 35, 18, 26],
+    [32, 35, 97, 39],
+    [1000000, 1001, 857, 1]
+  ]),
+  [9, 35, 97, 1000000]
+);
+```
+
+`largestOfFour([[17, 23, 25, 12], [25, 7, 34, 48], [4, -10, 18, 21], [-72, -3, -17, -10]])` повинен повернути `[25, 48, 21, -3]`.
+
+```js
+assert.deepEqual(
+  largestOfFour([
+    [17, 23, 25, 12],
+    [25, 7, 34, 48],
+    [4, -10, 18, 21],
+    [-72, -3, -17, -10]
+  ]),
+  [25, 48, 21, -3]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestOfFour(arr) {
+  return arr;
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+```
+
+# --solutions--
+
+```js
+function largestOfFour(arr) {
+  return arr.map(subArr => Math.max.apply(null, subArr));
+}
+
+largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md
new file mode 100644
index 0000000000..c506283b18
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md
@@ -0,0 +1,63 @@
+---
+id: a202eed8fc186c8434cb6d61
+title: Зворотний рядок
+challengeType: 5
+forumTopicId: 16043
+dashedName: reverse-a-string
+---
+
+# --description--
+
+Переверніть заданий рядок.
+
+За необхідності перетворіть рядок у масив до того, як вносити зміни.
+
+У результаті ви повинні отримати рядок.
+
+# --hints--
+
+`reverseString("hello")` повинен повністю змінити рядок.
+
+```js
+assert(typeof reverseString('hello') === 'string');
+```
+
+`reverseString("hello")` повинен перетворитися на рядок `olleh`.
+
+```js
+assert(reverseString('hello') === 'olleh');
+```
+
+`reverseString("Howdy")` повинен перетворитися на рядок `ydwoH`.
+
+```js
+assert(reverseString('Howdy') === 'ydwoH');
+```
+
+`reverseString("Greetings from Earth")` повинен перетворитися на рядок `htraE morf sgniteerG`.
+
+```js
+assert(reverseString('Greetings from Earth') === 'htraE morf sgniteerG');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reverseString(str) {
+  return str;
+}
+
+reverseString("hello");
+```
+
+# --solutions--
+
+```js
+function reverseString(str) {
+  return str.split('').reverse().join('');
+}
+
+reverseString("hello");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md
new file mode 100644
index 0000000000..cc889f398c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/slice-and-splice.md
@@ -0,0 +1,98 @@
+---
+id: 579e2a2c335b9d72dd32e05c
+title: Метод Slice та Splice. Метод Slice () копіює задану частину масиву і повертає цю скопійовану частина у вигляді нового масиву. Вихідний масив при цьому не змінюється. Метод Splice () додає і видаляє елементи з масиву, змінюючи його
+challengeType: 5
+forumTopicId: 301148
+dashedName: slice-and-splice
+---
+
+# --description--
+
+Вам дано два масиви та індекс.
+
+Скопіюйте кожний елемент по порядку з першого масиву у другий.
+
+Вставляйте елементи індексу `n` до другого масиву.
+
+Поверніться до отриманого масиву. Вхідні масиви повинні залишатись незмінними після запуску функції.
+
+# --hints--
+
+`frankenSplice([1, 2, 3], [4, 5], 1)` має повертати `[4, 1, 2, 3, 5]`.
+
+```js
+assert.deepEqual(frankenSplice([1, 2, 3], [4, 5], 1), [4, 1, 2, 3, 5]);
+```
+
+`frankenSplice([1, 2], ["a", "b"], 1)` має повертати `["a", 1, 2, "b"]`.
+
+```js
+assert.deepEqual(frankenSplice(testArr1, testArr2, 1), ['a', 1, 2, 'b']);
+```
+
+`frankenSplice(["claw", "tentacle"], ["head", "shoulders", "knees", "toes"], 2)` має повертати `["head", "shoulders", "claw", "tentacle", "knees", "toes"]`.
+
+```js
+assert.deepEqual(
+  frankenSplice(
+    ['claw', 'tentacle'],
+    ['head', 'shoulders', 'knees', 'toes'],
+    2
+  ),
+  ['head', 'shoulders', 'claw', 'tentacle', 'knees', 'toes']
+);
+```
+
+Додавайте усі елементи з першого масиву до другого в початковій послідовності. `frankenSplice([1, 2, 3, 4], [], 0)` має повертати `[1, 2, 3, 4]`.
+
+```js
+assert.deepEqual(frankenSplice([1, 2, 3, 4], [], 0), [1, 2, 3, 4]);
+```
+
+Перший масив залишається незмінним після запуску функції.
+
+```js
+frankenSplice(testArr1, testArr2, 1);
+assert.deepEqual(testArr1, [1, 2]);
+```
+
+Другий масив залишається незмінним після запуску функції.
+
+```js
+frankenSplice(testArr1, testArr2, 1);
+assert.deepEqual(testArr2, ['a', 'b']);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+let testArr1 = [1, 2];
+let testArr2 = ["a", "b"];
+```
+
+## --seed-contents--
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  return arr2;
+}
+
+frankenSplice([1, 2, 3], [4, 5, 6], 1);
+```
+
+# --solutions--
+
+```js
+function frankenSplice(arr1, arr2, n) {
+  // It's alive. It's alive!
+  let result = arr2.slice();
+  for (let i = 0; i < arr1.length; i++) {
+    result.splice(n+i, 0, arr1[i]);
+  }
+  return result;
+}
+
+frankenSplice([1, 2, 3], [4, 5], 1);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md
new file mode 100644
index 0000000000..dec97bdd31
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/title-case-a-sentence.md
@@ -0,0 +1,64 @@
+---
+id: ab6137d4e35944e21037b769
+title: Алгоритм Великі літери у реченнях
+challengeType: 5
+forumTopicId: 16088
+dashedName: title-case-a-sentence
+---
+
+# --description--
+
+Стрічка повинна починатись з великої літери в кожному слові. Переконайтесь, що решта букв написана у нижньому регістрі.
+
+Для виконання завдання, вам також необхідно писати з великої літери сполучення слів `the` та `of`.
+
+# --hints--
+
+`titleCase("I'm a little tea pot")` має повернути рядок.
+
+```js
+assert(typeof titleCase("I'm a little tea pot") === 'string');
+```
+
+`titleCase("I'm a little tea pot")` має повернути рядок `I'm A Little Tea Pot`.
+
+```js
+assert(titleCase("I'm a little tea pot") === "I'm A Little Tea Pot");
+```
+
+`titleCase("sHoRt AnD sToUt")` має повертати рядок `Short And Stout`.
+
+```js
+assert(titleCase('sHoRt AnD sToUt') === 'Short And Stout');
+```
+
+`titleCase("HERE IS MY HANDLE HERE IS MY SPOUT")` має повернути рядок `Here Is My Handle Here Is My Spout`.
+
+```js
+assert(
+  titleCase('HERE IS MY HANDLE HERE IS MY SPOUT') ===
+    'Here Is My Handle Here Is My Spout'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function titleCase(str) {
+  return str;
+}
+
+titleCase("I'm a little tea pot");
+```
+
+# --solutions--
+
+```js
+function titleCase(str) {
+  return str.split(' ').map(word => word.charAt(0).toUpperCase() + word.substring(1).toLowerCase()).join(' ');
+}
+
+titleCase("I'm a little tea pot");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md
new file mode 100644
index 0000000000..8356960da6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/truncate-a-string.md
@@ -0,0 +1,91 @@
+---
+id: ac6993d51946422351508a41
+title: Алгоритм Truncate a String (Скорочення рядка)
+challengeType: 5
+forumTopicId: 16089
+dashedName: truncate-a-string
+---
+
+# --description--
+
+Скоротіть рядок якщо перший аргумент довший ніж задана максимальна довжина рядка (другий аргумент). Перетворіть скорочений рядок на `...`.
+
+# --hints--
+
+`truncateString("A-tisket a-tasket A green and yellow basket", 8)` має повернути рядок `A-tisket...`.
+
+```js
+assert(
+  truncateString('A-tisket a-tasket A green and yellow basket', 8) ===
+    'A-tisket...'
+);
+```
+
+`truncateString("Peter Piper picked a peck of pickled peppers", 11)` має повернути рядок `Peter Piper...`.
+
+```js
+assert(
+  truncateString('Peter Piper picked a peck of pickled peppers', 11) ===
+    'Peter Piper...'
+);
+```
+
+`truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length)` має повернути рядок `A-tisket a-tasket A green and yellow basket`.
+
+```js
+assert(
+  truncateString(
+    'A-tisket a-tasket A green and yellow basket',
+    'A-tisket a-tasket A green and yellow basket'.length
+  ) === 'A-tisket a-tasket A green and yellow basket'
+);
+```
+
+`truncateString("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2)` має повернути рядок `A-tisket a-tasket A green and yellow basket`.
+
+```js
+assert(
+  truncateString(
+    'A-tisket a-tasket A green and yellow basket',
+    'A-tisket a-tasket A green and yellow basket'.length + 2
+  ) === 'A-tisket a-tasket A green and yellow basket'
+);
+```
+
+`truncateString("A-", 1)` має повернути рядок `A...`.
+
+```js
+assert(truncateString('A-', 1) === 'A...');
+```
+
+`truncateString("Absolutely Longer", 2)` має повернути рядок `Ab...`.
+
+```js
+assert(truncateString('Absolutely Longer', 2) === 'Ab...');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function truncateString(str, num) {
+  return str;
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+```
+
+# --solutions--
+
+```js
+function truncateString(str, num) {
+  if (num >= str.length) {
+    return str;
+  }
+
+  return str.slice(0, num) + '...';
+}
+
+truncateString("A-tisket a-tasket A green and yellow basket", 8);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md
new file mode 100644
index 0000000000..f822051cc0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/where-do-i-belong.md
@@ -0,0 +1,143 @@
+---
+id: a24c1a4622e3c05097f71d67
+title: Куди я належу (Де моє місце)
+challengeType: 5
+forumTopicId: 16094
+dashedName: where-do-i-belong
+---
+
+# --description--
+
+Поверніть найнижчий індекс, при якому значення (другий аргумент) слід вставити в масив (перший аргумент), після того, як він був відсортований. Отримане значення має бути числом.
+
+Наприклад, `getIndexToIns([1,2,3,4], 1.5)`має дати відповідь `1`, тому що вона більша ніж `1` (індекс 0), але менша ніж `2` (індекс 1).
+
+Аналогічно, `getIndexToIns([20,3,5], 19)` має дати відповідь `2` тому що, як тільки масив буде відсортований, він виглядатиме як `[3,5,20]`, а `19` менше за `20` (індекс 2) та більше, ніж `5` (індекс 1).
+
+# --hints--
+
+`getIndexToIns([10, 20, 30, 40, 50], 35)` має повернути `3`.
+
+```js
+assert(getIndexToIns([10, 20, 30, 40, 50], 35) === 3);
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 35)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([10, 20, 30, 40, 50], 35) === 'number');
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 30)` має дати відповідь `2`.
+
+```js
+assert(getIndexToIns([10, 20, 30, 40, 50], 30) === 2);
+```
+
+`getIndexToIns([10, 20, 30, 40, 50], 30)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([10, 20, 30, 40, 50], 30) === 'number');
+```
+
+`getIndexToIns([40, 60], 50)` має дати відповідь `1`.
+
+```js
+assert(getIndexToIns([40, 60], 50) === 1);
+```
+
+`getIndexToIns([40, 60], 50)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([40, 60], 50) === 'number');
+```
+
+`getIndexToIns([3, 10, 5], 3)` має дати відповідь `0`.
+
+```js
+assert(getIndexToIns([3, 10, 5], 3) === 0);
+```
+
+`getIndexToIns([3, 10, 5], 3)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([3, 10, 5], 3) === 'number');
+```
+
+`getIndexToIns([5, 3, 20, 3], 5)` має дати відповідь `2`.
+
+```js
+assert(getIndexToIns([5, 3, 20, 3], 5) === 2);
+```
+
+`getIndexToIns([5, 3, 20, 3], 5)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([5, 3, 20, 3], 5) === 'number');
+```
+
+`getIndexToIns([2, 20, 10], 19)` має дати відповідь `2`.
+
+```js
+assert(getIndexToIns([2, 20, 10], 19) === 2);
+```
+
+`getIndexToIns([2, 20, 10], 19)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([2, 20, 10], 19) === 'number');
+```
+
+`getIndexToIns([2, 5, 10], 15)` має дати відповідь `3`.
+
+```js
+assert(getIndexToIns([2, 5, 10], 15) === 3);
+```
+
+`getIndexToIns([2, 5, 10], 15)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([2, 5, 10], 15) === 'number');
+```
+
+`getIndexToIns([], 1)` має дати відповідь `0`.
+
+```js
+assert(getIndexToIns([], 1) === 0);
+```
+
+`getIndexToIns([], 1)` має дати відповідь числом.
+
+```js
+assert(typeof getIndexToIns([], 1) === 'number');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function getIndexToIns(arr, num) {
+  return num;
+}
+
+getIndexToIns([40, 60], 50);
+```
+
+# --solutions--
+
+```js
+function getIndexToIns(arr, num) {
+  arr = arr.sort((a, b) => a - b);
+
+  for (let i = 0; i < arr.length; i++) {
+    if (arr[i] >= num) {
+      return i;
+    }
+  }
+
+  return arr.length;
+}
+
+getIndexToIns([40, 60], 50);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
new file mode 100644
index 0000000000..dcd3b28078
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
@@ -0,0 +1,82 @@
+---
+id: 5a661e0f1068aca922b3ef17
+title: Використання дужок для доступу до вмісту масиву
+challengeType: 1
+forumTopicId: 301149
+dashedName: access-an-arrays-contents-using-bracket-notation
+---
+
+# --description--
+
+Фундаментальною особливістю будь-якої структури даних, звичайно ж, є можливість не тільки зберігати дані, але і мати можливість отримувати ці дані по команді. Отже, тепер, коли ми дізналися, як створити масив, давайте подумаєте над тим, як ми можемо отримати доступ до інформації цього масиву.
+
+Коли ми визначаємо простий масив як показано нижче, в ньому є 3 елементи:
+
+```js
+let ourArray = ["a", "b", "c"];
+```
+
+У масиві кожен елемент масиву має <dfn>індекс</dfn>. Цей індекс подвоюється як позиція цього елемента в масиві і як ви на нього посилаєтесь. Проте важливо зазначити, що масиви JavaScript мають <dfn>нульовий індекс</dfn>це означає, що перший елемент масиву фактично знаходиться в ***нульовій*** позиції, а не в першій. Щоб отримати елемент з масиву, ми можемо помістити індекс в дужки і додати його в кінець масиву або, що відбувається частіше, до змінної, яка посилається на об'єкт масиву. Такий спосіб називають <dfn>дужки</dfn>. Наприклад, якщо ми хочемо отримати `a` з `ourArray` та призначити йому змінну, ми можемо зробити це за допомогою наступного коду:
+
+```js
+let ourVariable = ourArray[0];
+```
+
+Тепер `ourVariable` має значення `a`.
+
+Крім доступу до значення, пов'язаного з індексом, ви також можете* встановити *індекс для значення, використовуючи таке ж позначення:
+
+```js
+ourArray[1] = "not b anymore";
+```
+
+Використовуючи дужки, ми скинули елемент з індексом 1 з рядка `b`, на `not b anymore`. Тепер `ourArray` це `["a", "not b anymore", "c"]`.
+
+# --instructions--
+
+Щоб виконати це завдання, встановіть другу позицію (index `1`) для `myArray` на все, що захочете, крім букви `b`.
+
+# --hints--
+
+`myArray[0]` повинен дорівнювати букві `a`
+
+```js
+assert.strictEqual(myArray[0], 'a');
+```
+
+`myArray[1]` не повинен дорівнювати букві `b`
+
+```js
+assert.notStrictEqual(myArray[1], 'b');
+```
+
+`myArray[2]` повинен дорівнювати букві `c`
+
+```js
+assert.strictEqual(myArray[2], 'c');
+```
+
+`myArray[3]` повинен дорівнювати букві `d`
+
+```js
+assert.strictEqual(myArray[3], 'd');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myArray = ["a", "b", "c", "d"];
+// Only change code below this line
+
+// Only change code above this line
+console.log(myArray);
+```
+
+# --solutions--
+
+```js
+let myArray = ["a", "b", "c", "d"];
+myArray[1] = "e";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md
new file mode 100644
index 0000000000..3a8741aff6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/access-property-names-with-bracket-notation.md
@@ -0,0 +1,101 @@
+---
+id: 587d7b7c367417b2b2512b1a
+title: Доступ до назв властивостей за допомогою дужок
+challengeType: 1
+forumTopicId: 301150
+dashedName: access-property-names-with-bracket-notation
+---
+
+# --description--
+
+У першому завданні про об'єкт ми згадували використання дужок як спосіб доступу до значень властивостей за допомогою оцінювання змінної. Наприклад, уявіть, що наш об'єкт `foods` використовується в програмі для касового апарату супермаркету. У нас є функція, яка встановлює `selectedFood` і ми хочемо перевірити наш об'єкт `foods` на наявність цієї їжі. Це може виглядати так:
+
+```js
+let selectedFood = getCurrentFood(scannedItem);
+let inventory = foods[selectedFood];
+```
+
+Цей код оцінить значення, яке зберігається в змінній `selectedFood` та поверне значення цього ключа в об'єкт`foods`, або `undefined` якщо він відсутній. Дужки дуже корисні, тому що іноді властивості об'єкта невідомі до часу виконання або нам потрібно отримати до них доступ більш динамічним способом.
+
+# --instructions--
+
+Ми визначили функцію, `checkInventory`, яка отримує відсканований елемент в якості аргументу. Повернути поточне значення ключа `scannedItem` в об'єкті `foods`. Ви можете припустити, що тільки дійсні ключі будуть надані в якості аргументу для `checkInventory`.
+
+# --hints--
+
+`checkInventory` повинен бути функцією.
+
+```js
+assert.strictEqual(typeof checkInventory, 'function');
+```
+
+Об'єкт `foods` повинен мати тільки наступні пари ключових значень: `apples: 25`, `oranges: 32`, `plums: 28`, `bananas: 13`, `grapes: 35`, `strawberries: 27`.
+
+```js
+assert.deepEqual(foods, {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+});
+```
+
+`checkInventory("apples")` повинен повернути `25`.
+
+```js
+assert.strictEqual(checkInventory('apples'), 25);
+```
+
+`checkInventory("bananas")` повинен повернути `13`.
+
+```js
+assert.strictEqual(checkInventory('bananas'), 13);
+```
+
+`checkInventory("strawberries")` повинен повернути `27`.
+
+```js
+assert.strictEqual(checkInventory('strawberries'), 27);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+function checkInventory(scannedItem) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+console.log(checkInventory("apples"));
+```
+
+# --solutions--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+function checkInventory(scannedItem) {
+  return foods[scannedItem];
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md
new file mode 100644
index 0000000000..74f118efbf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-to-an-array-with-push-and-unshift.md
@@ -0,0 +1,87 @@
+---
+id: 587d78b2367417b2b2512b0e
+title: Додати елементи в масив за допомогою функцій push() і unshift()
+challengeType: 1
+forumTopicId: 301151
+dashedName: add-items-to-an-array-with-push-and-unshift
+---
+
+# --description--
+
+Довжина масиву, як і типи даних, які він може містити, не фіксована. Масиви можуть бути створені з будь-якою кількістю елементів, і елементи можуть бути додані або видалені з плином часу; іншими словами, масиви <dfn> мінливі</dfn>. У цьому завданні ми розглянемо два методи, за допомогою яких ми можемо програмно змінювати масив: `Array.push()` і `Array.unshift()`.
+
+Обидва методи приймають один або кілька елементів в якості параметрів і додають ці елементи в масив, для якого викликається метод; метод `push()` додає елементи в кінець масиву, а `unshift()` додає елементи на початок. Зверніть увагу:
+
+```js
+let twentyThree = 'XXIII';
+let romanNumerals = ['XXI', 'XXII'];
+
+romanNumerals.unshift('XIX', 'XX');
+```
+
+`romanNumerals` мав би значення `['XIX', 'XX', 'XXI', 'XXII']`.
+
+```js
+romanNumerals.push(twentyThree);
+```
+
+`romanNumerals` мав би значення `['XIX', 'XX', 'XXI', 'XXII', 'XXIII']`. Зверніть увагу, що ми також можемо передавати змінні, що дає нам ще більшу гнучкість при динамічній зміні даних нашого масиву.
+
+# --instructions--
+
+Ми визначили функцію, `mixedNumbers`, якій ми передаємо масив як аргумент. Змініть функцію за допомогою `push()` та`unshift()` щоб додати `'I', 2, 'three'` на початок масиву і `7, 'VIII', 9` в кінець, щоб повернутий масив містив числа 1-9 по порядку.
+
+# --hints--
+
+`mixedNumbers(["IV", 5, "six"])` тепер повинен повернути `["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]`
+
+```js
+assert.deepEqual(mixedNumbers(['IV', 5, 'six']), [
+  'I',
+  2,
+  'three',
+  'IV',
+  5,
+  'six',
+  7,
+  'VIII',
+  9
+]);
+```
+
+Функція `mixedNumbers` повинна використовувати `push()` метод
+
+```js
+assert(mixedNumbers.toString().match(/\.push/));
+```
+
+Функція `mixedNumbers` повинна використовувати `unshift()` метод
+
+```js
+assert(mixedNumbers.toString().match(/\.unshift/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mixedNumbers(arr) {
+  // Only change code below this line
+
+  // Only change code above this line
+  return arr;
+}
+
+console.log(mixedNumbers(['IV', 5, 'six']));
+```
+
+# --solutions--
+
+```js
+function mixedNumbers(arr) {
+  arr.push(7,'VIII',9);
+  arr.unshift('I',2,'three');
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md
new file mode 100644
index 0000000000..c75990a2ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md
@@ -0,0 +1,93 @@
+---
+id: 587d78b3367417b2b2512b11
+title: Видалити елементи за допомогою функції splice()
+challengeType: 1
+forumTopicId: 301152
+dashedName: add-items-using-splice
+---
+
+# --description--
+
+Пам'ятаєте, в попередньому завданні ми згадували, що `splice()` може приймати до трьох параметрів? Що ж, ви можете використовувати третій параметр, що складається з одного або декількох елементів, для додавання в масив. Це може бути неймовірно корисно для швидкої зміни елемента або набору елементів для іншого елемента.
+
+```js
+const numbers = [10, 11, 12, 12, 15];
+const startIndex = 3;
+const amountToDelete = 1;
+
+numbers.splice(startIndex, amountToDelete, 13, 14);
+console.log(numbers);
+```
+
+В другому випадку `12` видалений, і ми додаємо `13` і `14` до того ж індексу. Тепер масив `numbers` буде мати вигляд `[ 10, 11, 12, 13, 14, 15 ]`.
+
+Тут ми починаємо з масиву чисел. Потім ми передаємо в `splice()` наступне: індекс, з якого слід почати видалення елементів (3), кількість елементів, які потрібно видалити (1), і решта аргументів (13, 14) будуть вставлені, починаючи з того ж індексу. Зверніть увагу, що після `amountToDelete` може бути будь-яка кількість елементів (розділених комами), кожен з яких вставляється.
+
+# --instructions--
+
+Ми визначили функцію `htmlColorNames`, яка приймає в якості аргументу масив кольорів HTML. Змініть функцію за допомогою `splice()`, щоб видалити перші два елементи масиву і додати `'DarkSalmon'` та `'BlanchedAlmond'` на свої місця.
+
+# --hints--
+
+`htmlColorNames` повинен повернути `["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurquoise", "FireBrick"]`
+
+```js
+assert.deepEqual(
+  htmlColorNames([
+    'DarkGoldenRod',
+    'WhiteSmoke',
+    'LavenderBlush',
+    'PaleTurquoise',
+    'FireBrick'
+  ]),
+  [
+    'DarkSalmon',
+    'BlanchedAlmond',
+    'LavenderBlush',
+    'PaleTurquoise',
+    'FireBrick'
+  ]
+);
+```
+
+Функція `htmlColorNames` повинна використовувати `splice()` метод
+
+```js
+assert(/.splice/.test(code));
+```
+
+Вам не слід використовувати `shift()` або `unshift()`.
+
+```js
+assert(!/shift|unshift/.test(code));
+```
+
+Вам не слід використовувати дужки масиву.
+
+```js
+assert(!/\[\d\]\s*=/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function htmlColorNames(arr) {
+  // Only change code below this line
+
+  // Only change code above this line
+  return arr;
+}
+
+console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurquoise', 'FireBrick']));
+```
+
+# --solutions--
+
+```js
+function htmlColorNames(arr) {
+  arr.splice(0,2,'DarkSalmon', 'BlanchedAlmond');
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md
new file mode 100644
index 0000000000..77bda9ec82
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-key-value-pairs-to-javascript-objects.md
@@ -0,0 +1,124 @@
+---
+id: 587d7b7c367417b2b2512b18
+title: Додавання пар Key-Value (ключ-значення) до об'єктів JavaScript
+challengeType: 1
+forumTopicId: 301153
+dashedName: add-key-value-pairs-to-javascript-objects
+---
+
+# --description--
+
+По суті, об'єкти - це просто набори пар <dfn>ключ-значення</dfn>. Іншими словами, це фрагменти даних (<dfn>значення</dfn>), зіставлені з унікальними ідентифікаторами, що називаються <dfn>властивостями</dfn> (<dfn>ключами</dfn>). Розглянемо приклад:
+
+```js
+const tekkenCharacter = {
+  player: 'Hwoarang',
+  fightingStyle: 'Tae Kwon Doe',
+  human: true
+};
+```
+
+Наведений вище код називає об'єкт персонажа відеоігри Tekken з ім'ям `tekkenCharacter`. У нього є три властивості, кожна з яких відповідає певному значенню. Якщо ви хочете додати додаткову властивість, таку як "origin", це можна зробити, призначивши `origin` об’єкту:
+
+```js
+tekkenCharacter.origin = 'South Korea';
+```
+
+Тут використовується крапкова нотація. Якщо ви спостерігали за об'єктом `tekkenCharacter`, то тепер він містить властивість `origin`. У Хвоаранга також було яскраво-помаранчеве волосся. Ви можете додати цю властивість в дужки, виконавши:
+
+```js
+tekkenCharacter['hair color'] = 'dyed orange';
+```
+
+Позначення в дужках потрібно, якщо у вашій властивості є пробіл або якщо ви хочете використовувати змінну для імені властивості. У наведеному вище випадку властивість розміщується в лапках, щоб позначити її як рядок і вона буде додана точно так, як показано. Без лапок вона буде оцінюватися як змінна, а ім'я властивості буде мати будь-яке значення змінної. Ось приклад зі змінною:
+
+```js
+const eyes = 'eye color';
+
+tekkenCharacter[eyes] = 'brown';
+```
+
+Після додавання всіх прикладів об'єкт буде виглядати так:
+
+```js
+{
+  player: 'Hwoarang',
+  fightingStyle: 'Tae Kwon Doe',
+  human: true,
+  origin: 'South Korea',
+  'hair color': 'dyed orange',
+  'eye color': 'brown'
+};
+```
+
+# --instructions--
+
+Об'єкт `foods` був створений з трьома записами. Використовуючи обраний синтаксис, додайте до нього ще три записи: `bananas` із значенням `13`, `grapes` із значенням `35`, та `strawberries` із значенням `27`.
+
+# --hints--
+
+`foods` повинен бути об'єктом.
+
+```js
+assert(typeof foods === 'object');
+```
+
+Об'єкт `foods` повинен мати ключ `bananas` зі значенням `13`.
+
+```js
+assert(foods.bananas === 13);
+```
+
+Об'єкт `foods` повинен мати ключ `grapes` зі значенням `35`.
+
+```js
+assert(foods.grapes === 35);
+```
+
+Об'єкт `foods` повинен мати ключ `strawberries` зі значенням `27`.
+
+```js
+assert(foods.strawberries === 27);
+```
+
+Пари "ключ-значення" повинні бути встановлені за допомогою крапок або дужок.
+
+```js
+assert(
+  code.search(/bananas:/) === -1 &&
+    code.search(/grapes:/) === -1 &&
+    code.search(/strawberries:/) === -1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(foods);
+```
+
+# --solutions--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28
+};
+
+foods['bananas'] = 13;
+foods['grapes']  = 35;
+foods['strawberries'] = 27;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md
new file mode 100644
index 0000000000..48bd502275
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-for-the-presence-of-an-element-with-indexof.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b7b367417b2b2512b14
+title: Перевірка наявності елемента за допомогою indexOf()
+challengeType: 1
+forumTopicId: 301154
+dashedName: check-for-the-presence-of-an-element-with-indexof
+---
+
+# --description--
+
+Оскільки масиви можуть бути змінені або *mutated* в будь-який час, немає ніяких гарантій щодо того, де конкретний фрагмент даних буде знаходитися в даному масиві, або що цей елемент все ще існує. На щастя, JavaScript надає нам ще один вбудований метод, `indexOf()`, який дозволяє нам швидко і легко перевіряти наявність елемента в масиві. `indexOf()` приймає елемент як параметр і при запиті - повертає позицію або індекс цього елемента або `-1`, якщо елементу в масиві немає.
+
+Наприклад:
+
+```js
+let fruits = ['apples', 'pears', 'oranges', 'peaches', 'pears'];
+
+fruits.indexOf('dates');
+fruits.indexOf('oranges');
+fruits.indexOf('pears');
+```
+
+`indexOf('dates')` повертає `-1`, `indexOf('oranges')` повертає `2`, і `indexOf('pears')` повертає `1` (перший індекс, за яким існує кожен елемент).
+
+# --instructions--
+
+`indexOf()` може бути неймовірно корисним для швидкої перевірки наявності елемента в масиві. Ми визначили функцію `quickCheck`, яка приймає в якості аргументів масив і елемент. Змініть функцію використовуючи `indexOf()` так, щоб вона повернула `true` якщо переданий елемент існує в масиві, та `false` якщо не існує.
+
+# --hints--
+
+Функція `quickCheck` повинна повернути логічне значення (`true` або `false`), а не рядок (`"true"` або `"false"`)
+
+```js
+assert.isBoolean(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+```
+
+`quickCheck(["squash", "onions", "shallots"], "mushrooms")` повинна повернути `false`
+
+```js
+assert.strictEqual(
+  quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'),
+  false
+);
+```
+
+`quickCheck(["onions", "squash", "shallots"], "onions")` повинна повернути `true`
+
+```js
+assert.strictEqual(
+  quickCheck(['onions', 'squash', 'shallots'], 'onions'),
+  true
+);
+```
+
+`quickCheck([3, 5, 9, 125, 45, 2], 125)` повинна повернути `true`
+
+```js
+assert.strictEqual(quickCheck([3, 5, 9, 125, 45, 2], 125), true);
+```
+
+`quickCheck([true, false, false], undefined)` повинна повернути `false`
+
+```js
+assert.strictEqual(quickCheck([true, false, false], undefined), false);
+```
+
+Функція `quickCheck` повинна використовувати метод `indexOf()`
+
+```js
+assert.notStrictEqual(quickCheck.toString().search(/\.indexOf\(/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function quickCheck(arr, elem) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+console.log(quickCheck(['squash', 'onions', 'shallots'], 'mushrooms'));
+```
+
+# --solutions--
+
+```js
+function quickCheck(arr, elem) {
+  return arr.indexOf(elem) >= 0; 
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md
new file mode 100644
index 0000000000..91bc845802
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/check-if-an-object-has-a-property.md
@@ -0,0 +1,161 @@
+---
+id: 587d7b7d367417b2b2512b1c
+title: Перевірте, чи має об'єкт властивість
+challengeType: 1
+forumTopicId: 301155
+dashedName: check-if-an-object-has-a-property
+---
+
+# --description--
+
+Тепер ми можемо додавати, змінювати та видаляти ключі з об'єктів. А якщо ми просто хочемо знати, чи об'єкт має конкретну властивість? JavaScript надає нам два різних способи це зробити. Один використовує метод `hasOwnProperty()` а інший використовує ключове слово `in`. Якщо у нас є об'єкт `users` з властивістю `Alan`, ми можемо перевірити її наявність одним із таких способів:
+
+```js
+users.hasOwnProperty('Alan');
+'Alan' in users;
+```
+
+Обидва вони повернуть `true`.
+
+# --instructions--
+
+Завершіть написання функції таким чином, щоб вона повертала true, якщо переданий їй об'єкт містить всі чотири імені: `Alan`, `Jeff`, `Sarah` і `Ryan`, а в іншому випадку - щоб повертала false.
+
+# --hints--
+
+До об'єкту `users` не можна звертатися безпосередньо
+
+```js 
+
+assert(code.match(/users/gm).length <= 2)
+
+```
+
+Об'єкт `users` повинен містити тільки ключі `Alan`, `Jeff`, `Sarah`, та `Ryan`
+
+```js
+assert(
+  'Alan' in users &&
+    'Jeff' in users &&
+    'Sarah' in users &&
+    'Ryan' in users &&
+    Object.keys(users).length === 4
+);
+```
+
+Функція `isEveryoneHere` повинна повертати `true` якщо `Alan`, `Jeff`, `Sarah`, та `Ryan` це властивості переданого їй об'єкту.
+
+```js
+assert(isEveryoneHere(users) === true);
+```
+
+Функція `isEveryoneHere` повинна повернути `false` якщо `Alan` не є властивістю переданого їй об'єкту.
+
+```js
+assert(
+  (function () {
+    delete users.Alan;
+    return isEveryoneHere(users);
+  })() === false
+);
+```
+
+Функція `isEveryoneHere` повинна повернути`false` якщо `Jeff` не є властивістю переданого їй об'єкту.
+
+```js
+assert(
+  (function () {
+    delete users.Jeff;
+    return isEveryoneHere(users);
+  })() === false
+);
+```
+
+Функція `isEveryoneHere` повинна повернути `false` якщо `Sarah` не є властивістю переданого їй об'єкту.
+
+```js
+assert(
+  (function () {
+    delete users.Sarah;
+    return isEveryoneHere(users);
+  })() === false
+);
+```
+
+Функція `isEveryoneHere` повинна повернути `false` якщо `Ryan` не є властивістю переданого їй об'єкту.
+
+```js
+assert(
+  (function () {
+    delete users.Ryan;
+    return isEveryoneHere(users);
+  })() === false
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(userObj) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+console.log(isEveryoneHere(users));
+```
+
+# --solutions--
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: true
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: true
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function isEveryoneHere(userObj) {
+  return [
+    'Alan',
+    'Jeff',
+    'Sarah',
+    'Ryan'
+  ].every(user => userObj.hasOwnProperty(user));
+}
+
+console.log(isEveryoneHere(users));
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md
new file mode 100644
index 0000000000..f92dc65075
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/combine-arrays-with-the-spread-operator.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b7b367417b2b2512b17
+title: Об'єднайте масиви з Spread-оператором
+challengeType: 1
+forumTopicId: 301156
+dashedName: combine-arrays-with-the-spread-operator
+---
+
+# --description--
+
+Ще одна величезна перевага <dfn>spread</dfn>-оператора - це можливість комбінувати масиви або вставляти всі елементи одного масиву в інший по будь-якому індексу. Використовуючи більш традиційні види синтаксу, ми можемо об'єднувати масиви, але це дозволяє нам об'єднувати масиви тільки в кінці одного і на початку іншого. Функція Spread Synrax робить наступну операцію надзвичайно простою:
+
+```js
+let thisArray = ['sage', 'rosemary', 'parsley', 'thyme'];
+
+let thatArray = ['basil', 'cilantro', ...thisArray, 'coriander'];
+```
+
+`thatArray` буде мати значення `['basil', 'cilantro', 'sage', 'rosemary', 'parsley', 'thyme', 'coriander']`.
+
+Використовуючи функцію spread synrax, ми щойно виконали операцію, яка була б складнішою і більш детальною, якби ми використовували традиційні методи.
+
+# --instructions--
+
+Ми визначили функцію `spreadOut`, яка повертає змінну `sentence`. Змініть функцію використовуючи <dfn>spread</dfn> оператор, щоб вона повертала масив `['learning', 'to', 'code', 'is', 'fun']`.
+
+# --hints--
+
+`spreadOut` повинен повернути `["learning", "to", "code", "is", "fun"]`
+
+```js
+assert.deepEqual(spreadOut(), ['learning', 'to', 'code', 'is', 'fun']);
+```
+
+Функція `spreadOut` повинна використовувати spread syntax
+
+```js
+assert.notStrictEqual(spreadOut.toString().search(/[...]/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence; // Change this line
+  return sentence;
+}
+
+console.log(spreadOut());
+```
+
+# --solutions--
+
+```js
+function spreadOut() {
+  let fragment = ['to', 'code'];
+  let sentence = ['learning', ...fragment, 'is', 'fun'];
+  return sentence;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md
new file mode 100644
index 0000000000..4a83380182
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-an-array-with-the-spread-operator.md
@@ -0,0 +1,102 @@
+---
+id: 587d7b7b367417b2b2512b13
+title: Скопіюйте масив з Spread-оператором
+challengeType: 1
+forumTopicId: 301157
+dashedName: copy-an-array-with-the-spread-operator
+---
+
+# --description--
+
+Хоча `slice()` дозволяє нам вибирати, які елементи масиву копіювати, серед кількох інших корисних завдань, новий <dfn>spread-оператор</dfn> ES6 дозволяє нам легко копіювати *all* елементи масиву, по порядку, з простим і дуже читабельним синтаксисом. Spread синтаксис виглядає так: `...`
+
+На практиці ми можемо використати spread-оператор для копіювання масиву таким чином:
+
+```js
+let thisArray = [true, true, undefined, false, null];
+let thatArray = [...thisArray];
+```
+
+`thatArray` дорівнює `[true, true, undefined, false, null]`. `thisArray` залишається без змін і `thatArray` містить ті ж елементи, що й `thisArray`.
+
+# --instructions--
+
+Ми визначили функцію, `copyMachine`, яка приймає `arr` (масив) та `num` (номер) як аргументи. Функція повинна повертати новий масив, що складається з `num` копій `arr`. Ми виконали більшу частину роботи за вас, але це поки не працює. Змініть функцію, використовуючи spread синтаксис, щоб вона працювала правильно (підказка: тут може стати в нагоді інший метод, який ми вже розглядали!).
+
+# --hints--
+
+`copyMachine([true, false, true], 2)` повинна повернути `[[true, false, true], [true, false, true]]`
+
+```js
+assert.deepEqual(copyMachine([true, false, true], 2), [
+  [true, false, true],
+  [true, false, true]
+]);
+```
+
+`copyMachine([1, 2, 3], 5)` повинна повернути `[[1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3], [1, 2, 3]]`
+
+```js
+assert.deepEqual(copyMachine([1, 2, 3], 5), [
+  [1, 2, 3],
+  [1, 2, 3],
+  [1, 2, 3],
+  [1, 2, 3],
+  [1, 2, 3]
+]);
+```
+
+`copyMachine([true, true, null], 1)` повинна повернути `[[true, true, null]]`
+
+```js
+assert.deepEqual(copyMachine([true, true, null], 1), [[true, true, null]]);
+```
+
+`copyMachine(["it works"], 3)` повинна повернути `[["it works"], ["it works"], ["it works"]]`
+
+```js
+assert.deepEqual(copyMachine(['it works'], 3), [
+  ['it works'],
+  ['it works'],
+  ['it works']
+]);
+```
+
+Функція `copyMachine` повинна використовувати `spread operator` з масивом `arr`
+
+```js
+assert(code.match(/\.\.\.arr/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function copyMachine(arr, num) {
+  let newArr = [];
+  while (num >= 1) {
+    // Only change code below this line
+
+    // Only change code above this line
+    num--;
+  }
+  return newArr;
+}
+
+console.log(copyMachine([true, false, true], 2));
+```
+
+# --solutions--
+
+```js
+function copyMachine(arr,num){
+    let newArr=[];
+    while(num >=1){
+    newArr.push([...arr]);
+    num--;
+    }
+    return newArr;
+}
+console.log(copyMachine([true, false, true], 2));
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md
new file mode 100644
index 0000000000..24076e36a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/copy-array-items-using-slice.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b7a367417b2b2512b12
+title: Скопіювати елементи масиву використовуючи slice()
+challengeType: 1
+forumTopicId: 301158
+dashedName: copy-array-items-using-slice
+---
+
+# --description--
+
+Наступний метод, який ми розглянемо це `slice()`. Замість зміни масиву `slice()` копіює або *extracts* задану кількість елементів в новий масив, залишаючи масив, для якого він викликається, незмінним. `slice()`приймає лише 2 параметри: перший - це індекс, з якого починається вибірка, а другий - індекс, за яким вибірка припиняється (вибірка відбуватиметься, але не включаючи елемент у цьому індексі). Врахуйте це:
+
+```js
+let weatherConditions = ['rain', 'snow', 'sleet', 'hail', 'clear'];
+
+let todaysWeather = weatherConditions.slice(1, 3);
+```
+
+`todaysWeather` матиме значення `['snow', 'sleet']`, хоча `weatherConditions` як і раніше буде мати `['rain', 'snow', 'sleet', 'hail', 'clear']`.
+
+Фактично, ми створили новий масив, вибираючи елементи з масиву, який вже існує.
+
+# --instructions--
+
+Ми визначили функцію `forecast`, яка приймає масив як аргумент. Змініть функцію за допомогою `slice()`, щоб вибрати інформацію з масиву аргументів і повернути новий масив, що містить елементи рядка `warm` і `sunny`.
+
+# --hints--
+
+`forecast` повинна повернути `["warm", "sunny"]`
+
+```js
+assert.deepEqual(
+  forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']),
+  ['warm', 'sunny']
+);
+```
+
+Функція `forecast` повинна використовувати `slice()` метод
+
+```js
+assert(/\.slice\(/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function forecast(arr) {
+  // Only change code below this line
+
+  return arr;
+}
+
+// Only change code above this line
+console.log(forecast(['cold', 'rainy', 'warm', 'sunny', 'cool', 'thunderstorms']));
+```
+
+# --solutions--
+
+```js
+function forecast(arr) {
+  return arr.slice(2,4);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md
new file mode 100644
index 0000000000..bb7124176f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/create-complex-multi-dimensional-arrays.md
@@ -0,0 +1,218 @@
+---
+id: 587d7b7b367417b2b2512b16
+title: Створення комплексних багатовимірних масивів
+challengeType: 1
+forumTopicId: 301159
+dashedName: create-complex-multi-dimensional-arrays
+---
+
+# --description--
+
+Чудово! Ви щойно дізналися багато нового про масиви! Це був досить загальний огляд, і є ще багато чого, що потрібно дізнатися про роботу з масивами, багато чого ви побачите в наступних розділах. Але перш ніж перейти до розгляду <dfn>Objects</dfn>, давайте ще раз глянемо і подивимося, яким чином масиви можуть стати дещо складнішими за ті, які ми бачили в попередніх завданнях.
+
+Одна з найпотужніших функцій при розгляді масивів як структур даних полягає в тому, що масиви можуть містити або навіть повністю складатися з інших масивів. У попередніх завданнях ми бачили масиви, які містять масиви, але досить прості. Однак масиви можуть містити нескінченну глибину масивів, які можуть містити інші масиви, кожен зі своїми довільними рівнями глибини і так далі. Таким чином, масив може дуже швидко перетворитися в дуже складну структуру даних, відому як <dfn>multi-dimensional</dfn> або вкладений масив. Розглянемо наступний приклад:
+
+```js
+let nestedArray = [
+  ['deep'],
+  [
+    ['deeper'], ['deeper'] 
+  ],
+  [
+    [
+      ['deepest'], ['deepest']
+    ],
+    [
+      [
+        ['deepest-est?']
+      ]
+    ]
+  ]
+];
+```
+
+Масив `deep` вкладений на глибину 2 рівня. Масиви `deeper` мають глибину третього рівня. Масиви `deepest` мають 4 рівень, а `deepest-est?` - 5.
+
+Хоча цей приклад може здатися заплутаним, такий рівень складності не є чимось незвичним або навіть незвичайним при роботі з великими обсягами даних. Тим не менш, ми все ще можемо дуже легко отримати доступ до найглибших рівнів масиву цього складного масиву за допомогою дужок:
+
+```js
+console.log(nestedArray[2][1][0][0][0]);
+```
+
+Це записує рядок `deepest-est?`. І тепер, коли ми знаємо, де знаходиться цей фрагмент даних, ми можемо скинути його, якщо нам потрібно:
+
+```js
+nestedArray[2][1][0][0][0] = 'deeper still';
+
+console.log(nestedArray[2][1][0][0][0]);
+```
+
+Тепер він записує `deeper still`.
+
+# --instructions--
+
+Ми визначили змінну `myNestedArray`, що дорівнює масиву. Змініть `myNestedArray`, використовуючи будь-яку комбінацію <dfn>strings</dfn>, <dfn>numbers</dfn>, і <dfn>booleans</dfn> для елементів даних, так, щоб він мав точно п'ять рівнів глибини (пам'ятаєте, самий зовнішній масив - це рівень 1). Десь на третьому рівні, додайте рядок `deep`, на четвертому рівні, додайте рядок `deeper` та на п'ятому рівні, додайте рядок `deepest`.
+
+# --hints--
+
+`myNestedArray` повинен містити лише цифри, логічні значення та рядки в якості елементів даних
+
+```js
+assert.strictEqual(
+  (function (arr) {
+    let flattened = (function flatten(arr) {
+      const flat = [].concat(...arr);
+      return flat.some(Array.isArray) ? flatten(flat) : flat;
+    })(arr);
+    for (let i = 0; i < flattened.length; i++) {
+      if (
+        typeof flattened[i] !== 'number' &&
+        typeof flattened[i] !== 'string' &&
+        typeof flattened[i] !== 'boolean'
+      ) {
+        return false;
+      }
+    }
+    return true;
+  })(myNestedArray),
+  true
+);
+```
+
+`myNestedArray` повинен мати рівно 5 рівнів глибини
+
+```js
+assert.strictEqual(
+  (function (arr) {
+    let depth = 0;
+    function arrayDepth(array, i, d) {
+      if (Array.isArray(array[i])) {
+        arrayDepth(array[i], 0, d + 1);
+      } else {
+        depth = d > depth ? d : depth;
+      }
+      if (i < array.length) {
+        arrayDepth(array, i + 1, d);
+      }
+    }
+    arrayDepth(arr, 0, 0);
+    return depth;
+  })(myNestedArray),
+  4
+);
+```
+
+`myNestedArray` повинен містити рівно одне входження рядка `deep` в масиві, вкладеному в 3 рівень глибини
+
+```js
+assert(
+  (function howDeep(array, target, depth = 0) {
+    return array.reduce((combined, current) => {
+      if (Array.isArray(current)) {
+        return combined.concat(howDeep(current, target, depth + 1));
+      } else if (current === target) {
+        return combined.concat(depth);
+      } else {
+        return combined;
+      }
+    }, []);
+  })(myNestedArray, 'deep').length === 1 &&
+    (function howDeep(array, target, depth = 0) {
+      return array.reduce((combined, current) => {
+        if (Array.isArray(current)) {
+          return combined.concat(howDeep(current, target, depth + 1));
+        } else if (current === target) {
+          return combined.concat(depth);
+        } else {
+          return combined;
+        }
+      }, []);
+    })(myNestedArray, 'deep')[0] === 2
+);
+```
+
+`myNestedArray` повинен містити рівно одне входження рядка `deeper` в масиві, вкладеному в 4 рівень глибини
+
+```js
+assert(
+  (function howDeep(array, target, depth = 0) {
+    return array.reduce((combined, current) => {
+      if (Array.isArray(current)) {
+        return combined.concat(howDeep(current, target, depth + 1));
+      } else if (current === target) {
+        return combined.concat(depth);
+      } else {
+        return combined;
+      }
+    }, []);
+  })(myNestedArray, 'deeper').length === 1 &&
+    (function howDeep(array, target, depth = 0) {
+      return array.reduce((combined, current) => {
+        if (Array.isArray(current)) {
+          return combined.concat(howDeep(current, target, depth + 1));
+        } else if (current === target) {
+          return combined.concat(depth);
+        } else {
+          return combined;
+        }
+      }, []);
+    })(myNestedArray, 'deeper')[0] === 3
+);
+```
+
+`myNestedArray` повинен містити рівно одне входження рядка `deepest` в масиві, вкладеному в 5 рівень глибини
+
+```js
+assert(
+  (function howDeep(array, target, depth = 0) {
+    return array.reduce((combined, current) => {
+      if (Array.isArray(current)) {
+        return combined.concat(howDeep(current, target, depth + 1));
+      } else if (current === target) {
+        return combined.concat(depth);
+      } else {
+        return combined;
+      }
+    }, []);
+  })(myNestedArray, 'deepest').length === 1 &&
+    (function howDeep(array, target, depth = 0) {
+      return array.reduce((combined, current) => {
+        if (Array.isArray(current)) {
+          return combined.concat(howDeep(current, target, depth + 1));
+        } else if (current === target) {
+          return combined.concat(depth);
+        } else {
+          return combined;
+        }
+      }, []);
+    })(myNestedArray, 'deepest')[0] === 4
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myNestedArray = [
+  // Only change code below this line
+  ['unshift', false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+  // Only change code above this line
+];
+```
+
+# --solutions--
+
+```js
+let myNestedArray = [
+  ['unshift', ['deep', ['deeper', ['deepest']]],false, 1, 2, 3, 'complex', 'nested'],
+  ['loop', 'shift', 6, 7, 1000, 'method'],
+  ['concat', false, true, 'spread', 'array'],
+  ['mutate', 1327.98, 'splice', 'slice', 'push'],
+  ['iterate', 1.3849, 7, '8.4876', 'arbitrary', 'depth']
+];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md
new file mode 100644
index 0000000000..b4bed5ae53
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/generate-an-array-of-all-object-keys-with-object.keys.md
@@ -0,0 +1,111 @@
+---
+id: 587d7b7d367417b2b2512b1e
+title: Створення масиву всіх ключів об’єкта за допомогою Object.keys()
+challengeType: 1
+forumTopicId: 301160
+dashedName: generate-an-array-of-all-object-keys-with-object-keys
+---
+
+# --description--
+
+Ми також можемо створити масив який містить всі ключі що зберігаються в об’єкті за допомогою методу `Object.keys()` і передавши об'єкт в якості аргументу. Це поверне масив з рядками, що представляють кожну властивість об'єкта. Знову ж таки, не буде певного порядку записів в масиві.
+
+# --instructions--
+
+Завершіть написання функції `getArrayOfUsers`, щоб вона повертала масив, що містить всі властивості об'єкта, який він отримує в якості аргументу.
+
+# --hints--
+
+Об'єкт `users` повинен містити тільки ключі `Alan`, `Jeff`, `Sarah`, та `Ryan`
+
+```js
+assert(
+  'Alan' in users &&
+    'Jeff' in users &&
+    'Sarah' in users &&
+    'Ryan' in users &&
+    Object.keys(users).length === 4
+);
+```
+
+Функція `getArrayOfUsers` повинна повернути масив, який містить усі ключі в об’єкті `users`
+
+```js
+assert(
+  (function () {
+    users.Sam = {};
+    users.Lewis = {};
+    let R = getArrayOfUsers(users);
+    return (
+      R.indexOf('Alan') !== -1 &&
+      R.indexOf('Jeff') !== -1 &&
+      R.indexOf('Sarah') !== -1 &&
+      R.indexOf('Ryan') !== -1 &&
+      R.indexOf('Sam') !== -1 &&
+      R.indexOf('Lewis') !== -1
+    );
+  })() === true
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+console.log(getArrayOfUsers(users));
+```
+
+# --solutions--
+
+```js
+let users = {
+  Alan: {
+    age: 27,
+    online: false
+  },
+  Jeff: {
+    age: 32,
+    online: true
+  },
+  Sarah: {
+    age: 48,
+    online: false
+  },
+  Ryan: {
+    age: 19,
+    online: true
+  }
+};
+
+function getArrayOfUsers(obj) {
+  return Object.keys(obj);
+}
+
+console.log(getArrayOfUsers(users));
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md
new file mode 100644
index 0000000000..1c5db21087
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-all-an-arrays-items-using-for-loops.md
@@ -0,0 +1,138 @@
+---
+id: 587d7b7b367417b2b2512b15
+title: Ітерація через усі масиви за допомогою циклів
+challengeType: 1
+forumTopicId: 301161
+dashedName: iterate-through-all-an-arrays-items-using-for-loops
+---
+
+# --description--
+
+Іноді при роботі з масивами дуже зручно мати можливість перебирати кожен елемент, щоб знайти один або кілька елементів, які можуть нам знадобитися, або керувати масивом в залежності від того, які елементи даних відповідають певному набору критеріїв. JavaScript надає різні побудови в методах, що ітерують крізь масиви й надають змогу досягнути певних результатів різними шляхами (such as `every()`, `forEach()`, `map()`, etc.). Однак, ця техніка є гнучкою й більш спроможна до контролю `for` циклу.
+
+Розглянемо наступний приклад:
+
+```js
+function greaterThanTen(arr) {
+  let newArr = [];
+  for (let i = 0; i < arr.length; i++) {
+    if (arr[i] > 10) {
+      newArr.push(arr[i]);
+    }
+  }
+  return newArr;
+}
+
+greaterThanTen([2, 12, 8, 14, 80, 0, 1]);
+```
+
+Завдяки використанню `for` у циклі, ця функція ітерує й надає доступ до кожного елементу в масиві простого тесту, який ми створили. Таким чином ми легко й автоматично визначаємо елементи дати, що більше, ніж `10`, й повертаємо новий масив, `[12, 14, 80]`, який містить ці елементи.
+
+# --instructions--
+
+Ми встановили функцію, `filteredArray`, яка обирає `arr`, вкладений масив, `elem` як аргументи, й повертає новий масив. `elem` означає елемент, що може не бути присутнім в одному або більше масивах в межах `arr`. Покращте функцію, використовуючи `for` циклу, для повернення відфільтрованої версії переданого масиву, так щоб версію в межах `arr` зі `elem` було прибрано.
+
+# --hints--
+
+`filteredArray([[10, 8, 3], [14, 6, 23], [3, 18, 6]], 18)` має повернути `[[10, 8, 3], [14, 6, 23]]`
+
+```js
+assert.deepEqual(
+  filteredArray(
+    [
+      [10, 8, 3],
+      [14, 6, 23],
+      [3, 18, 6]
+    ],
+    18
+  ),
+  [
+    [10, 8, 3],
+    [14, 6, 23]
+  ]
+);
+```
+
+`filteredArray([["trumpets", 2], ["flutes", 4], ["saxophones", 2]], 2)` має повернути `[["flutes", 4]]`
+
+```js
+assert.deepEqual(
+  filteredArray(
+    [
+      ['trumpets', 2],
+      ['flutes', 4],
+      ['saxophones', 2]
+    ],
+    2
+  ),
+  [['flutes', 4]]
+);
+```
+
+`filteredArray([["amy", "beth", "sam"], ["dave", "sean", "peter"]], "peter")` має повернути `[["amy", "beth", "sam"]]`
+
+```js
+assert.deepEqual(
+  filteredArray(
+    [
+      ['amy', 'beth', 'sam'],
+      ['dave', 'sean', 'peter']
+    ],
+    'peter'
+  ),
+  [['amy', 'beth', 'sam']]
+);
+```
+
+`filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3)` має повернути `[]`
+
+```js
+assert.deepEqual(
+  filteredArray(
+    [
+      [3, 2, 3],
+      [1, 6, 3],
+      [3, 13, 26],
+      [19, 3, 9]
+    ],
+    3
+  ),
+  []
+);
+```
+
+Функція `filteredArray` повинна використовуватися у циклі `for`
+
+```js
+assert.notStrictEqual(filteredArray.toString().search(/for/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  // Only change code below this line
+
+  // Only change code above this line
+  return newArr;
+}
+
+console.log(filteredArray([[3, 2, 3], [1, 6, 3], [3, 13, 26], [19, 3, 9]], 3));
+```
+
+# --solutions--
+
+```js
+function filteredArray(arr, elem) {
+  let newArr = [];
+  for (let i = 0; i<arr.length; i++) {
+    if (arr[i].indexOf(elem) < 0) {
+      newArr.push(arr[i]);
+    }
+  }
+  return newArr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-the-keys-of-an-object-with-a-for...in-statement.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-the-keys-of-an-object-with-a-for...in-statement.md
new file mode 100644
index 0000000000..0df41fa049
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/iterate-through-the-keys-of-an-object-with-a-for...in-statement.md
@@ -0,0 +1,138 @@
+---
+id: 587d7b7d367417b2b2512b1d
+title: Ітерація через ключі об'єкта у циклі "for...in"
+challengeType: 1
+forumTopicId: 301162
+dashedName: iterate-through-the-keys-of-an-object-with-a-for---in-statement
+---
+
+# --description--
+
+Часом вам треба буде ітерувати всі ключі всередині об'єкта. У JavaScript це вимагає певного синтаксису, що називається <dfn>for...in</dfn> циклом. Для нашого `users` об'єкту, це може виглядати так:
+
+```js
+for (let user in users) {
+  console.log(user);
+}
+```
+
+Це б зазначило, що `Alan`, `Jeff`, `Sarah`, і `Ryan` мають кожне значення у власному рядку.
+
+У цьому циклі ми визначили змінну `user` і, як ви можете побачити, цю змінну скидували під час кожної ітерації ключів об'єкта, в міру зациклювання через об’єкт, що призводить до того, що кожне ім'я користувача друкується на консолі.
+
+**ПРИМІТКА:** об'єкти не зберігають впорядкування ключів так, як це роблять масиви. Таким чином, позиція ключа в об'єкті або відносний його порядок є недоречним, коли ми його відсилаємо або отримуємо до нього доступ.
+
+# --instructions--
+
+Ми визначили функцію `countOnline`, яка приймає один аргумент (користувацький об'єкт). Використовуйте <dfn>for...in</dfn> цикл у межах цієї функції, щоб обробити користувацький об'єкт, який перейшов у функцію, і повернути кількість користувачів, чия `online` властивість установлена на `true`. Приклад користувацького об'єкту, який можна передати до `countOnline`, показано нижче. Кожен користувач матиме `online` властивість з обома `true` або `false` значеннями.
+
+```js
+{
+  Alan: {
+    online: false
+  },
+  Jeff: {
+    online: true
+  },
+  Sarah: {
+    online: false
+  }
+}
+```
+
+# --hints--
+
+Для функції `countOnline` слід використовувати `for in` цикл, щоб ітерувати ключі об'єкта, який передається до неї.
+
+```js
+assert(
+  code.match(
+    /for\s*\(\s*(var|let|const)\s+[a-zA-Z_$]\w*\s+in\s+[a-zA-Z_$]\w*\s*\)/
+  )
+);
+```
+
+Функція `countOnline` повинна повернути `1`, коли об'єкт `{ Alan: { online: false }, Jeff: { online: true }, Sarah: { online: false } }` передається до неї
+
+```js
+assert(countOnline(usersObj1) === 1);
+```
+
+Функція `countOnline` повинна повернути `2`, коли об'єкт `{ Alan: { online: true }, Jeff: { online: false }, Sarah: { online: true } }` передається до неї
+
+```js
+assert(countOnline(usersObj2) === 2);
+```
+
+Функція `countOnline` повинна повернути `0`, коли об'єкт `{ Alan: { online: false }, Jeff: { online: false }, Sarah: { online: false } }` передається до неї
+
+```js
+assert(countOnline(usersObj3) === 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const usersObj1 = {
+  Alan: {
+    online: false
+  },
+  Jeff: {
+    online: true
+  },
+  Sarah: {
+    online: false
+  }
+}
+
+const usersObj2 = {
+  Alan: {
+    online: true
+  },
+  Jeff: {
+    online: false
+  },
+  Sarah: {
+    online: true
+  }
+}
+
+
+const usersObj3 = {
+  Alan: {
+    online: false
+  },
+  Jeff: {
+    online: false
+  },
+  Sarah: {
+    online: false
+  }
+}
+```
+
+## --seed-contents--
+
+```js
+function countOnline(usersObj) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function countOnline(usersObj) {
+  let online = 0;
+  for(let user in usersObj){
+    if(usersObj[user].online) {
+      online++;
+    }
+  }
+  return online;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md
new file mode 100644
index 0000000000..3e4c8b572d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-array-stored-in-an-object.md
@@ -0,0 +1,112 @@
+---
+id: 587d7b7d367417b2b2512b1f
+title: Змінити масив, збережений в об'єкті
+challengeType: 1
+forumTopicId: 301163
+dashedName: modify-an-array-stored-in-an-object
+---
+
+# --description--
+
+Тепер вам відомо про всі основні операції стосовно об'єктів JavaScript. Ви можете додавати, змінювати та видаляти пари ключів і значень, перевіряти, чи існують ключі, і ітерувати усі ключі в об'єкті. Продовжуючи вивчення JavaScript ви познайомитесь з ще більш універсальними програми об'єктів. Крім того, уроки про структури даних, що належать до розділу «Coding Interview Prep» навчальної програми, також містять інформацію про ES6 <dfn>Map</dfn> та <dfn>Set</dfn> об'єкти, які є схожими на звичайні об'єкти, але забезпечують певні додаткові функції. Тепер, коли ви з'ясували, що таке масиви та об'єкти, ви цілком готові до вирішення складніших проблем з допомогою JavaScript!
+
+# --instructions--
+
+Зверніть увагу на об’єкт, який подано в редакторі коду. Об'єкт `user` містить три ключі. Ключ `data` містить п'ять ключів, один з яких містить масив `friends`. З цього можна зрозуміти, наскільки гнучкими є об'єкти як структури даних. Ми почали писати функцію `addFriend`. Завершіть її для того, щоб вона прийняла об'єкт `user` і додала назву аргументу `friend` до масиву, збереженого в `user.data.friends` і повернула цей масив.
+
+# --hints--
+
+Об'єкт `user` повинен мати наступні ключі: `name`, `age` та `data`.
+
+```js
+assert('name' in user && 'age' in user && 'data' in user);
+```
+
+Функція `addFriend` повинна прийняти об’єкт `user` і рядок `friend` у ролі аргументів, а також додати ще один до масиву `friends` в об'єкті `user`.
+
+```js
+assert(
+  (function () {
+    let L1 = user.data.friends.length;
+    addFriend(user, 'Sean');
+    let L2 = user.data.friends.length;
+    return L2 === L1 + 1;
+  })()
+);
+```
+
+`addFriend(user, "Pete")` повинен повернути `["Sam", "Kira", "Tomo", "Pete"]`.
+
+```js
+assert.deepEqual(
+  (function () {
+    delete user.data.friends;
+    user.data.friends = ['Sam', 'Kira', 'Tomo'];
+    return addFriend(user, 'Pete');
+  })(),
+  ['Sam', 'Kira', 'Tomo', 'Pete']
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+console.log(addFriend(user, 'Pete'));
+```
+
+# --solutions--
+
+```js
+let user = {
+  name: 'Kenneth',
+  age: 28,
+  data: {
+    username: 'kennethCodesAllDay',
+    joinDate: 'March 26, 2016',
+    organization: 'freeCodeCamp',
+    friends: [
+      'Sam',
+      'Kira',
+      'Tomo'
+    ],
+    location: {
+      city: 'San Francisco',
+      state: 'CA',
+      country: 'USA'
+    }
+  }
+};
+
+function addFriend(userObj, friend) {
+  userObj.data.friends.push(friend);
+  return userObj.data.friends;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md
new file mode 100644
index 0000000000..3e407ab2c5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/modify-an-object-nested-within-an-object.md
@@ -0,0 +1,101 @@
+---
+id: 587d7b7c367417b2b2512b19
+title: Змінити об'єкт, вкладений в інший об'єкт
+challengeType: 1
+forumTopicId: 301164
+dashedName: modify-an-object-nested-within-an-object
+---
+
+# --description--
+
+Тепер давайте розглянемо дещо складніший об'єкт. Властивості об'єкта можуть бути вкладені на довільну глибину, а їхні значення можуть бути будь-яким видом даних, що підтримується JavaScript, включно з масивами й навіть іншими об'єктами. Зверніть увагу:
+
+```js
+let nestedObject = {
+  id: 28802695164,
+  date: 'December 31, 2016',
+  data: {
+    totalUsers: 99,
+    online: 80,
+    onlineStatus: {
+      active: 67,
+      away: 13,
+      busy: 8
+    }
+  }
+};
+```
+
+`nestedObject` має три властивості: `id` (значення — це число), `date` (значення — це рядок), а `data` (значення — це об'єкт з його вкладеною структурою). Хоча структури можуть швидко ускладнюватися, все одно можна використовувати ті самі позначення, щоб отримати доступ до необхідної інформації. Щоб закріпити значення `10` до властивості `busy`, вкладеної в об'єкт `onlineStatus`, використовується точкова нотація, щоб посилатись на властивість:
+
+```js
+nestedObject.data.onlineStatus.busy = 10;
+```
+
+# --instructions--
+
+Тут ми окреслили об'єкт `userActivity`, який включає в себе інший вкладений об'єкт. Встановіть значення ключа `online` до `45`.
+
+# --hints--
+
+`userActivity` повинен мати такі властивості: `id`,`date` і`data`.
+
+```js
+assert(
+  'id' in userActivity && 'date' in userActivity && 'data' in userActivity
+);
+```
+
+`userActivity` має мати `data` ключ, встановлений в об'єкті з `totalUsers` і `online` ключами.
+
+```js
+assert('totalUsers' in userActivity.data && 'online' in userActivity.data);
+```
+
+Властивість `online`, вкладена в `data` ключі `userActivity` повинен бути встановлений до `45`
+
+```js
+assert(userActivity.data.online === 45);
+```
+
+Властивість `online` повинна бути встановлена за допомогою точкової нотації або квадратних дужок.
+
+```js
+assert.strictEqual(code.search(/online: 45/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(userActivity);
+```
+
+# --solutions--
+
+```js
+let userActivity = {
+  id: 23894201352,
+  date: 'January 1, 2017',
+  data: {
+    totalUsers: 51,
+    online: 42
+  }
+};
+
+userActivity.data.online = 45;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md
new file mode 100644
index 0000000000..a8ad692b4d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-from-an-array-with-pop-and-shift.md
@@ -0,0 +1,86 @@
+---
+id: 587d78b2367417b2b2512b0f
+title: Видалити елементи з масиву за допомогою функцій pop() і shift()
+challengeType: 1
+forumTopicId: 301165
+dashedName: remove-items-from-an-array-with-pop-and-shift
+---
+
+# --description--
+
+Обидві функції `push()` і `unshift()` використовують відповідні методи, які за функціями майже протилежні: `pop()` та `shift()`. Як ви вже, напевне, зрозуміли, `pop()` *видаляє* елемент з кінця масиву, а не додає його, тоді як `shift()` видаляє елемент з початку. Ключова різниця між `pop()` і `shift()` та їх "ріднею", тобто `push()` і `unshift()` полягає в тому, що жоден метод не приймає параметри, а тільки дозволяє масиву змінюватися за допомогою одного елемента одночасно.
+
+Звернімо увагу:
+
+```js
+let greetings = ['whats up?', 'hello', 'see ya!'];
+
+greetings.pop();
+```
+
+`greetings` отримала б значення `['whats up?', 'hello']`.
+
+```js
+greetings.shift();
+```
+
+`greetings` отримала б значення `['hello']`.
+
+Ми також можемо повернути значення видаленого елемента за допомогою будь-якого з цих методів:
+
+```js
+let popped = greetings.pop();
+```
+
+`greetings` отримала б значення `[]`, а `popped` отримала б значення `hello`.
+
+# --instructions--
+
+Ми визначили функцію, `popShift`, яка приймає масив як аргумент і повертає новий масив. Змініть функцію, використовуючи `pop()` і `shift()`, щоб видалити перший та останній елементи масиву аргументів і призначити видалені елементи до їх відповідних змінних, щоб повернутий масив містив їхні значення.
+
+# --hints--
+
+`popShift(["challenge", "is", "not", "complete"])` має повернути `["challenge", "complete"]`
+
+```js
+assert.deepEqual(popShift(['challenge', 'is', 'not', 'complete']), [
+  'challenge',
+  'complete'
+]);
+```
+
+Функція `popShift` повинна використовувати метод `pop()`
+
+```js
+assert.notStrictEqual(popShift.toString().search(/\.pop\(/), -1);
+```
+
+Функція `popShift` повинна використовувати метод `shift()`
+
+```js
+assert.notStrictEqual(popShift.toString().search(/\.shift\(/), -1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function popShift(arr) {
+  let popped; // Change this line
+  let shifted; // Change this line
+  return [shifted, popped];
+}
+
+console.log(popShift(['challenge', 'is', 'not', 'complete']));
+```
+
+# --solutions--
+
+```js
+function popShift(arr) {
+  let popped = arr.pop(); // Change this line
+  let shifted = arr.shift(); // Change this line
+  return [shifted, popped];
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md
new file mode 100644
index 0000000000..acdb0c945a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/remove-items-using-splice.md
@@ -0,0 +1,87 @@
+---
+id: 587d78b2367417b2b2512b10
+title: Видалити елементи за допомогою функції splice()
+challengeType: 1
+forumTopicId: 301166
+dashedName: remove-items-using-splice
+---
+
+# --description--
+
+Що ж, ми дізналися, як видалити елементи з початку і кінця масиву, використовуючи `shift()` і `pop()`, але що робити, якщо ми хочемо прибрати елемент десь зі середини? Або видалити декілька елементів одразу? Якраз тут нам на допомогу може прийти `splice()`. `splice()` дозволяє нам зробити ось що: **видалити будь-яку кількість послідовних елементів** будь-де в масиві.
+
+`splice()` може прийняти до трьох параметрів, але зараз ми зосередимося на перших двох. Перші два параметри `splice()` — це цілі числа, які позначають індекси або позиції масиву, яким викликається `splice()`. Пам'ятайте, якщо масиви є *zero-indexed*, ми б використовували `0`, щоб зазначити перший елемент масиву. Перший параметр функції `splice()` позначає індекс в масиві, з якого починають видаляти елементи, у той час як другий параметр зазначає кількість елементів, необхідних для видалення. Наприклад:
+
+```js
+let array = ['today', 'was', 'not', 'so', 'great'];
+
+array.splice(2, 2);
+```
+
+Ось тут видаляємо 2 елементи, починаючи з третього елемента (за другим індексом). `array` отримала б значення `['today', 'was', 'great']`.
+
+`splice()` не лише змінює масив, на який вона викликається, але й повертає новий масив, що містить значення видалених елементів:
+
+```js
+let array = ['I', 'am', 'feeling', 'really', 'happy'];
+
+let newArray = array.splice(3, 2);
+```
+
+`newArray` має значення `['really', 'happy']`.
+
+# --instructions--
+
+Ми ініціалізували масив `arr`. Використовуйте `splice()`, щоб видалити елементи з `arr`, для того щоб він містив виключно елементи, які разом складають значення `10`.
+
+# --hints--
+
+Не потрібно змінювати вихідний рядок `const arr = [2, 4, 5, 1, 7, 5, 2, 1];`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/constarr=\[2,4,5,1,7,5,2,1\];?/)
+);
+```
+
+`arr` повинен містити лише елементи, які разом складають значення до `10`.
+
+```js
+assert.strictEqual(
+  arr.reduce((a, b) => a + b),
+  10
+);
+```
+
+Ваш код повинен використовувати метод `splice()` у `arr`.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/arr\.splice\(/));
+```
+
+Функція splice може лише видаляти елементи з `arr`, а не додавати їх до `arr`.
+
+```js
+assert(
+  !__helpers.removeWhiteSpace(code).match(/arr\.splice\(\d+,\d+,\d+.*\)/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const arr = [2, 4, 5, 1, 7, 5, 2, 1];
+// Only change code below this line
+
+// Only change code above this line
+console.log(arr);
+```
+
+# --solutions--
+
+```js
+const arr = [2, 4, 5, 1, 7, 5, 2, 1];
+arr.splice(1, 4);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md
new file mode 100644
index 0000000000..0f17a1e4ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-an-array-to-store-a-collection-of-data.md
@@ -0,0 +1,95 @@
+---
+id: 587d7b7e367417b2b2512b20
+title: Використання масиву для зберігання зібраних даних
+challengeType: 1
+forumTopicId: 301167
+dashedName: use-an-array-to-store-a-collection-of-data
+---
+
+# --description--
+
+Нижче наведено приклад найпростішої реалізації структури масиву даних. Його називають <dfn>one-dimensional array</dfn>, що означає, що він має лише один рівень або що він не має жодних інших вкладених масивів. Зверніть увагу, що в ньому містяться <dfn>booleans</dfn>, <dfn>strings</dfn> і <dfn>numbers</dfn> серед інших дійсних типів даних JavaScript:
+
+```js
+let simpleArray = ['one', 2, 'three', true, false, undefined, null];
+console.log(simpleArray.length);
+```
+
+Виклик `console.log` відображає `7`.
+
+Усі масиви мають властивість довжини, до якої, як згадується вище, дуже легко можна отримати доступ за допомогою синтаксису `Array.length`. Складнішу реалізацію масиву можна побачити нижче. Це відомий <dfn>multi-dimensional array</dfn>, або масив що містить інші масиви. Зверніть увагу, що цей масив також включає JavaScript <dfn>objects</dfn>, які ми ретельно вивчатимемо в наступному розділі, але поки вам потрібно знати тільки те, що масиви також здатні зберігати складні об'єкти.
+
+```js
+let complexArray = [
+  [
+    {
+      one: 1,
+      two: 2
+    },
+    {
+      three: 3,
+      four: 4
+    }
+  ],
+  [
+    {
+      a: "a",
+      b: "b"
+    },
+    {
+      c: "c",
+      d: "d"
+    }
+  ]
+];
+```
+
+# --instructions--
+
+Ми визначили змінну з назвою `yourArray`. Виконайте інструкцію, призначаючи масив принаймні з 5 елементів у довжину до змінної `yourArray`. Ваш масив повинен містити щонайменше по-одному <dfn>string</dfn>, <dfn>number</dfn> і <dfn>boolean</dfn>.
+
+# --hints--
+
+`yourArray` повинна бути масивом.
+
+```js
+assert.strictEqual(Array.isArray(yourArray), true);
+```
+
+`yourArray` повинна складати щонайменше з 5 елементів в довжину.
+
+```js
+assert.isAtLeast(yourArray.length, 5);
+```
+
+`yourArray` повинна містити щонайменше одне `boolean`.
+
+```js
+assert(yourArray.filter((el) => typeof el === 'boolean').length >= 1);
+```
+
+`yourArray` повинна містити щонайменше одне `number`.
+
+```js
+assert(yourArray.filter((el) => typeof el === 'number').length >= 1);
+```
+
+`yourArray` повинна містити щонайменше один `string`.
+
+```js
+assert(yourArray.filter((el) => typeof el === 'string').length >= 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let yourArray; // Change this line
+```
+
+# --solutions--
+
+```js
+let yourArray = ['a string', 100, true, ['one', 2], 'another string'];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md
new file mode 100644
index 0000000000..63dda7f6dc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/use-the-delete-keyword-to-remove-object-properties.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b7c367417b2b2512b1b
+title: Використати ключове слово delete для видалення властивостей об'єкта
+challengeType: 1
+forumTopicId: 301168
+dashedName: use-the-delete-keyword-to-remove-object-properties
+---
+
+# --description--
+
+Тепер вам відомо, що таке об'єкти, а також їхні основні функції і переваги. Коротше кажучи, вони — бази даних "ключ-значення", які забезпечують гнучкий та інтуїтивно зрозумілий спосіб структурування даних, ***і***, вони сприяють зменшенню часу пошуку. У решті цих завдань ми опишемо кілька типових операцій, які ви можете здійснити стосовно об'єктів, щоб вам було зручно застосовувати такі корисні структури даних у ваших програмах.
+
+У попередніх завданнях ми як додавали пари "ключ-значення" в об'єкт, так і змінювали їх. Таким чином, ми зрозуміємо, як ми можемо *видалити* пару "ключ-значення" з об'єкта.
+
+Повернімося до нашого прикладу об'єкту `foods` востаннє. Якщо ми хочемо видалити ключ `apples`, ми можемо зробити це за допомогою ключового слова `delete` наступним чином:
+
+```js
+delete foods.apples;
+```
+
+# --instructions--
+
+Використайте це ключове слово для видалення `oranges`, `plums` і `strawberries` ключів з об'єкту `foods`.
+
+# --hints--
+
+Об'єкт `foods` має включати тільки три ключі: `apples`, `grapes` і `bananas`.
+
+```js
+assert(
+  !foods.hasOwnProperty('oranges') &&
+    !foods.hasOwnProperty('plums') &&
+    !foods.hasOwnProperty('strawberries') &&
+    Object.keys(foods).length === 3
+);
+```
+
+Ключі `oranges`, `plums` і `strawberries` необхідно видалити, використовуючи `delete`.
+
+```js
+assert(
+  code.search(/oranges:/) !== -1 &&
+    code.search(/plums:/) !== -1 &&
+    code.search(/strawberries:/) !== -1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+// Only change code below this line
+
+// Only change code above this line
+
+console.log(foods);
+```
+
+# --solutions--
+
+```js
+let foods = {
+  apples: 25,
+  oranges: 32,
+  plums: 28,
+  bananas: 13,
+  grapes: 35,
+  strawberries: 27
+};
+
+delete foods.oranges;
+delete foods.plums;
+delete foods.strawberries;
+
+console.log(foods);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md
new file mode 100644
index 0000000000..d4d6a1d7e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-array-data-with-indexes.md
@@ -0,0 +1,89 @@
+---
+id: 56bbb991ad1ed5201cd392ca
+title: Доступ до елементу в масиві за допомогою індексу
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZQbTz'
+forumTopicId: 16158
+dashedName: access-array-data-with-indexes
+---
+
+# --description--
+
+Ми можемо отримати доступ до даних всередині масивів за допомогою <dfn>індексів</dfn>.
+
+Індекс масивів, так як і в рядках, вказується у квадратних дужках ([]). Однак індекс в масивах використовується для отримання доступу до певного елемента в масиві. Як і рядки, масиви використовують індексування <dfn>на основі нуля</dfn>, тому перший елемент у масиві має індекс `0`.
+
+<br>
+
+**Наприклад**
+
+```js
+const array = [50, 60, 70];
+array[0];
+const data = array[1];
+```
+
+`array[0]` становить `50`, і`data` має значення `60`.
+
+**Примітка:** ніколи не вставляйте пробіл між ім'ям масиву і квадратними дужками, наприклад `array [0]`. Хоча JavaScript прочитає це правильно, але це може створити труднощі для інших програмістів, які читатимуть ваш код.
+
+# --instructions--
+
+Створіть змінну з назвою `myData` і встановіть її значення рівне до першому елементу `myArray`, використовуючи квадратні дужки.
+
+# --hints--
+
+Змінна `myData` повинна дорівнювати першому значенню `myArray`.
+
+```js
+assert(
+  (function () {
+    if (
+      typeof myArray !== 'undefined' &&
+      typeof myData !== 'undefined' &&
+      myArray[0] === myData
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+До даних в змінній `myArray` слід отримати доступ за допомогою індексу у квадратних дужках.
+
+```js
+assert(
+  (function () {
+    if (code.match(/\s*=\s*myArray\[0\]/g)) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined" && typeof myData !== "undefined"){(function(y,z){return 'myArray = ' + JSON.stringify(y) + ', myData = ' + JSON.stringify(z);})(myArray, myData);}
+```
+
+## --seed-contents--
+
+```js
+const myArray = [50, 60, 70];
+
+
+```
+
+# --solutions--
+
+```js
+const myArray = [50, 60, 70];
+const myData = myArray[0];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.md
new file mode 100644
index 0000000000..7a781fa998
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/access-multi-dimensional-arrays-with-indexes.md
@@ -0,0 +1,77 @@
+---
+id: 56592a60ddddeae28f7aa8e1
+title: Доступ до багатовимірних масивів за допомогою індексів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ckND4Cq'
+forumTopicId: 16159
+dashedName: access-multi-dimensional-arrays-with-indexes
+---
+
+# --description--
+
+<dfn>Багатовимірні масиви</dfn> можна також описати як *масиви в масивах*. Коли ви використовуєте дужки для доступу до масиву, перша пара дужок відноситься до матеріалів зовнішнього (перший рівень) масиву, і кожна додаткова пара дужок стосується наступного рівня матеріалів.
+
+**Наприклад**
+
+```js
+const arr = [
+  [1, 2, 3],
+  [4, 5, 6],
+  [7, 8, 9],
+  [[10, 11, 12], 13, 14]
+];
+
+arr[3];
+arr[3][0];
+arr[3][0][1];
+```
+
+`arr[3]` є `[[10, 11, 12], 13, 14]`, `arr[3][0]` є `[10, 11, 12]`, і `arr[3][0][1]` є `11`.
+
+**Примітка:** ніколи не вставляйте пробіл між ім'ям масиву і квадратними дужками, наприклад, так `array [0][0]` і навіть так `array [0] [0]` не можна робити. Незважаючи на те, що для JavaScript це є дрібницею, ця звичка може ускладнити читання коду іншими програмістами.
+
+# --instructions--
+
+За допомогою квадратних дужок виберіть елемент із `myArray` таким чином, щоб `myData` дорівнював `8`.
+
+# --hints--
+
+`myData` має дорівнювати `8`.
+
+```js
+assert(myData === 8);
+```
+
+Ви маєте використовувати квадратні дужки, щоб зчитати правильне значення з `myArray`.
+
+```js
+assert(/myData=myArray\[2\]\[1\]/.test(__helpers.removeWhiteSpace(code)));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return "myData: " + myData + " myArray: " + JSON.stringify(myArray);})();}
+```
+
+## --seed-contents--
+
+```js
+const myArray = [
+  [1, 2, 3],
+  [4, 5, 6],
+  [7, 8, 9],
+  [[10, 11, 12], 13, 14],
+];
+
+const myData = myArray[0][0];
+```
+
+# --solutions--
+
+```js
+const myArray = [[1, 2, 3], [4, 5, 6], [7, 8, 9], [[10, 11, 12], 13, 14]];
+const myData = myArray[2][1];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md
new file mode 100644
index 0000000000..8707d2b0cc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays.md
@@ -0,0 +1,121 @@
+---
+id: 56533eb9ac21ba0edf2244cd
+title: Доступ до вкладених масивів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cLeGDtZ'
+forumTopicId: 16160
+dashedName: accessing-nested-arrays
+---
+
+# --description--
+
+Як ми бачили в попередніх прикладах, об'єкти можуть містити і вкладені об'єкти, і вкладені масиви. Подібно до доступу до вкладених об'єктів, запис набору масивів може бути сформований для доступу до вкладених масив.
+
+Ось приклад того, як отримати доступ до вкладеного масиву:
+
+```js
+const ourPets = [
+  {
+    animalType: "cat",
+    names: [
+      "Meowzer",
+      "Fluffy",
+      "Kit-Cat"
+    ]
+  },
+  {
+    animalType: "dog",
+    names: [
+      "Spot",
+      "Bowser",
+      "Frankie"
+    ]
+  }
+];
+
+ourPets[0].names[1];
+ourPets[1].names[0];
+```
+
+`ourPets[0].names[1]` буде рядком `Fluffy`, і `ourPets[1].names[0]` буде рядком `Spot`.
+
+# --instructions--
+
+Використовуючи точкову і дужкову нотацію, встановіть змінну `secondTree` на другий елемент в списку `trees` з об'єкта `myPlants`.
+
+# --hints--
+
+`secondTree` повинно дорівнювати рядку `pine`.
+
+```js
+assert(secondTree === 'pine');
+```
+
+У вашому коді повинні бути точкова і дужкова нотація, щоб отримати доступ до `myPlants`.
+
+```js
+assert(/=\s*myPlants\[1\].list\[1\]/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x) {
+  if(typeof x != 'undefined') {
+    return "secondTree = " + x;
+  }
+  return "secondTree is undefined";
+})(secondTree);
+```
+
+## --seed-contents--
+
+```js
+const myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+const secondTree = "";
+```
+
+# --solutions--
+
+```js
+const myPlants = [
+  {
+    type: "flowers",
+    list: [
+      "rose",
+      "tulip",
+      "dandelion"
+    ]
+  },
+  {
+    type: "trees",
+    list: [
+      "fir",
+      "pine",
+      "birch"
+    ]
+  }
+];
+
+const secondTree = myPlants[1].list[1];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md
new file mode 100644
index 0000000000..cedae7796a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244cc
+title: Доступ до вкладених об'єктів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRnRnfa'
+forumTopicId: 16161
+dashedName: accessing-nested-objects
+---
+
+# --description--
+
+Доступ до субвластивостей об'єктів можна отримати використавши крапкову або дужкову нотацію.
+
+Ось вкладений об'єкт:
+
+```js
+const ourStorage = {
+  "desk": {
+    "drawer": "stapler"
+  },
+  "cabinet": {
+    "top drawer": { 
+      "folder1": "a file",
+      "folder2": "secrets"
+    },
+    "bottom drawer": "soda"
+  }
+};
+
+ourStorage.cabinet["top drawer"].folder2;
+ourStorage.desk.drawer;
+```
+
+`ourStorage.cabinet["top drawer"].folder2` зміниться на `secrets`, і `ourStorage.desk.drawer` зміниться на `stapler`.
+
+# --instructions--
+
+Отримайте доступ до `myStorage` та визначте вміст скрині `glove box` для змінної `gloveBoxContents`. Використовуйте точкову нотацію для всіх властивостей, де це можливо, в іншому випадку використовуйте дужки.
+
+# --hints--
+
+`gloveBoxContents` має дорівнювати рядку `maps`.
+
+```js
+assert(gloveBoxContents === 'maps');
+```
+
+Використовуйте крапкову або дужкову нотацію в коді, щоб отримати доступ до `myStorage`.
+
+```js
+assert(/=\s*myStorage\.car\.inside\[\s*("|')glove box\1\s*\]/g.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x) { 
+  if(typeof x != 'undefined') { 
+    return "gloveBoxContents = " + x;
+  }
+  return "gloveBoxContents is undefined";
+})(gloveBoxContents);
+```
+
+## --seed-contents--
+
+```js
+const myStorage = {
+  "car": {
+    "inside": {
+      "glove box": "maps",
+      "passenger seat": "crumbs"
+     },
+    "outside": {
+      "trunk": "jack"
+    }
+  }
+};
+
+const gloveBoxContents = undefined;
+```
+
+# --solutions--
+
+```js
+const myStorage = {
+  "car":{
+    "inside":{
+      "glove box":"maps",
+      "passenger seat":"crumbs"
+    },
+    "outside":{
+      "trunk":"jack"
+    }
+  }
+};
+const gloveBoxContents = myStorage.car.inside["glove box"];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md
new file mode 100644
index 0000000000..5c1e5679f1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-bracket-notation.md
@@ -0,0 +1,103 @@
+---
+id: 56533eb9ac21ba0edf2244c8
+title: Доступ до властивостей об'єкту за допомогою дужкової нотації
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBvmEHP'
+forumTopicId: 16163
+dashedName: accessing-object-properties-with-bracket-notation
+---
+
+# --description--
+
+Наступний спосіб отримати доступ до властивостей об'єкта - це використати дужкову нотацію (`[]`). Якщо характеристика об'єкта, до якого ви намагаєтеся отримати доступ, має пропуск у назві, потрібно використовувати квадратні дужки.
+
+Однак, ви також можете використовувати дужкову нотацію для характеристик об'єкта без пропусків.
+
+Нижче наведено приклад використання дужкової нотації для прочитання характеристик об'єкта:
+
+```js
+const myObj = {
+  "Space Name": "Kirk",
+  "More Space": "Spock",
+  "NoSpace": "USS Enterprise"
+};
+
+myObj["Space Name"];
+myObj['More Space'];
+myObj["NoSpace"];
+```
+
+`myObj["Space Name"]` зміниться на `Kirk`, `myObj['More Space']` зміниться на`Spock`, і `myObj["NoSpace"]` зміниться на `USS Enterprise`.
+
+Зауважте, що значення імен з пробілами, повинні бути в лапках (одинарних або подвійних).
+
+# --instructions--
+
+Прочитайте значення властивостей `an entree` і `the drink` в `testObj` використовуючи запис у квадратних дужках, та зазначте їх як `entreeValue` і `drinkValue` відповідно.
+
+# --hints--
+
+`entreeValue` має бути рядком
+
+```js
+assert(typeof entreeValue === 'string');
+```
+
+Значення `entreeValue` має бути рядком `hamburger`
+
+```js
+assert(entreeValue === 'hamburger');
+```
+
+`drinkValue` має бути рядком
+
+```js
+assert(typeof drinkValue === 'string');
+```
+
+Значення `drinkValue` має бути рядком `water`
+
+```js
+assert(drinkValue === 'water');
+```
+
+Потрібно використовувати квадратні дужки двічі
+
+```js
+assert(code.match(/testObj\s*?\[('|")[^'"]+\1\]/g).length > 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b) { return "entreeValue = '" + a + "', drinkValue = '" + b + "'"; })(entreeValue,drinkValue);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+
+// Only change code below this line
+const entreeValue = testObj;   // Change this line
+const drinkValue = testObj;    // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+  "an entree": "hamburger",
+  "my side": "veggies",
+  "the drink": "water"
+};
+const entreeValue = testObj["an entree"];
+const drinkValue = testObj['the drink'];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md
new file mode 100644
index 0000000000..6cc45642f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244c7
+title: Доступ до властивостей об'єкту за допомогою крапкових знаків
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cGryJs8'
+forumTopicId: 16164
+dashedName: accessing-object-properties-with-dot-notation
+---
+
+# --description--
+
+Є два способи доступу до властивостей об'єкту: крапковий запис (`.`) та запис за допомогою квадратних дужок (`[]`), подібні до масиву.
+
+Крапковий запис, це те, що ви використовуєте, коли ви знаєте назву властивості, до якої намагаєтеся отримати доступ.
+
+Нижче наведено приклад крапкового запису (`.`) для прочитання властивостей об'єкта:
+
+```js
+const myObj = {
+  prop1: "val1",
+  prop2: "val2"
+};
+
+const prop1val = myObj.prop1;
+const prop2val = myObj.prop2;
+```
+
+`prop1val` матиме значення рядка `val1`, і `prop2val` матиме значення рядка `val2`.
+
+# --instructions--
+
+Прочитайте значення властивостей `testObj`, використовуючи крапковий запис. Встановіть змінну `hatValue` рівну властивостям об'єкта `hat` і встановіть змінну `shirtValue` рівну властивостям об'єкта `shirt`.
+
+# --hints--
+
+`hatValue` має бути рядком
+
+```js
+assert(typeof hatValue === 'string');
+```
+
+Значення `hatValue` має бути рядком `ballcap`
+
+```js
+assert(hatValue === 'ballcap');
+```
+
+`shirtValue` має бути рядком
+
+```js
+assert(typeof shirtValue === 'string');
+```
+
+Значення `shirtValue` має бути рядком `jersey`
+
+```js
+assert(shirtValue === 'jersey');
+```
+
+Використовувати крапковий запис потрібно двічі
+
+```js
+assert(code.match(/testObj\.\w+/g).length > 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b) { return "hatValue = '" + a + "', shirtValue = '" + b + "'"; })(hatValue,shirtValue);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+// Only change code below this line
+const hatValue = testObj;      // Change this line
+const shirtValue = testObj;    // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+  "hat": "ballcap",
+  "shirt": "jersey",
+  "shoes": "cleats"
+};
+
+const hatValue = testObj.hat;
+const shirtValue = testObj.shirt;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md
new file mode 100644
index 0000000000..8089c51ba6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-variables.md
@@ -0,0 +1,125 @@
+---
+id: 56533eb9ac21ba0edf2244c9
+title: Доступ до властивостей об'єкту за допомогою змінних
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cnQyKur'
+forumTopicId: 16165
+dashedName: accessing-object-properties-with-variables
+---
+
+# --description--
+
+Ще одне використання дужкової нотації на об'єктах полягає в доступі до властивостей, які зберігаються у вигляді змінної величини. Це може бути дуже корисним для ітерації властивостей об'єкта або при отриманні доступу до пошукової таблиці.
+
+Ось приклад використання змінної для отримання доступу до властивостей:
+
+```js
+const dogs = {
+  Fido: "Mutt",
+  Hunter: "Doberman",
+  Snoopie: "Beagle"
+};
+
+const myDog = "Hunter";
+const myBreed = dogs[myDog];
+console.log(myBreed);
+```
+
+У консолі відображатиметься рядок `Doberman`.
+
+Інший спосіб, у який можна використовувати цей метод, - коли назви властивостей активно накопичуються протягом роботи у програмі, як показано далі:
+
+```js
+const someObj = {
+  propName: "John"
+};
+
+function propPrefix(str) {
+  const s = "prop";
+  return s + str;
+}
+
+const someProp = propPrefix("Name");
+console.log(someObj[someProp]);
+```
+
+`someProp` матиме значення рядка `propName`, і рядок `John` відображатиметься в консолі.
+
+Зверніть увагу, що ми *не* використовуємо лапки із змінними назвами, коли нам потрібен доступ до властивостей, тому що ми використовуємо *значення* змінної, а не її *назву*.
+
+# --instructions--
+
+Вкажіть, що `playerNumber` може змінюватися до `16`. Потім використовуйте змінну для пошуку імені гравця та закріпіть її за `player`.
+
+# --hints--
+
+`playerNumber` має бути числом
+
+```js
+assert(typeof playerNumber === 'number');
+```
+
+Змінна `player` повинна бути рядком
+
+```js
+assert(typeof player === 'string');
+```
+
+Значення `player` повинне бути рядком `Montana`
+
+```js
+assert(player === 'Montana');
+```
+
+Використовуйте дужкову нотацію, щоб отримати доступ до `testObj`
+
+```js
+assert(/testObj\s*?\[.*?\]/.test(code));
+```
+
+Значення `Montana` не можна закріплювати безпосередньо за змінною `player`.
+
+```js
+assert(!code.match(/player\s*=\s*"|\'\s*Montana\s*"|\'\s*;/gi));
+```
+
+Слід використовувати змінну `playerNumber` у квадратних дужках
+
+```js
+assert(/testObj\s*?\[\s*playerNumber\s*\]/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof player !== "undefined"){(function(v){return v;})(player);}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+
+// Only change code below this line
+const playerNumber = 42;  // Change this line
+const player = testObj;   // Change this line
+```
+
+# --solutions--
+
+```js
+const testObj = {
+  12: "Namath",
+  16: "Montana",
+  19: "Unitas"
+};
+const playerNumber = 16;
+const player = testObj[playerNumber];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md
new file mode 100644
index 0000000000..1e334c7e1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-new-properties-to-a-javascript-object.md
@@ -0,0 +1,90 @@
+---
+id: 56bbb991ad1ed5201cd392d2
+title: Додати нові властивості об'єкту JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cQe38UD'
+forumTopicId: 301169
+dashedName: add-new-properties-to-a-javascript-object
+---
+
+# --description--
+
+Ви можете додати нові властивості вже наявним об'єктам JavaScript, таким чином модифікуючи їх.
+
+Нижче подано як додавати властивість `bark` до `ourDog`:
+
+```js
+ourDog.bark = "bow-wow";
+```
+
+або
+
+```js
+ourDog["bark"] = "bow-wow";
+```
+
+Тепер, коли оцінимо `ourDog.bark`, отримаємо його гавкання, `bow-wow`.
+
+Наприклад:
+
+```js
+const ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+
+ourDog.bark = "bow-wow";
+```
+
+# --instructions--
+
+Додайте властивість `bark` до `myDog` і встановіть його на звук собаки, наприклад "гав". Ви можете використовувати крапковий запис або запис квадратними дужками.
+
+# --hints--
+
+Вам потрібно додати властивість `bark` до `myDog`.
+
+```js
+assert(myDog.bark !== undefined);
+```
+
+Не слід додавати `bark` до ініціалізації `myDog`.
+
+```js
+assert(!/bark[^\n]:/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+const myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+myDog.bark = "Woof Woof";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md
new file mode 100644
index 0000000000..257889ebfb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/add-two-numbers-with-javascript.md
@@ -0,0 +1,62 @@
+---
+id: cf1111c1c11feddfaeb3bdef
+title: Додайте два числа з JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cM2KBAG'
+forumTopicId: 16650
+dashedName: add-two-numbers-with-javascript
+---
+
+# --description--
+
+`Number` - це такий тип в JavaScript, який передає числові дані.
+
+Тепер спробуємо додати два числа за допомогою JavaScript.
+
+JavaScript використовує символ `+` в ролі оператора додавання, і розміщується між двома числами.
+
+**Наприклад:**
+
+```js
+const myVar = 5 + 10;
+```
+
+`myVar` тепер матиме значення `15`.
+
+# --instructions--
+
+Змініть `0` так, щоб сума дорівнювала `20`.
+
+# --hints--
+
+`sum` повинен дорівнювати `20`.
+
+```js
+assert(sum === 20);
+```
+
+Вам слід використовувати оператор `+`.
+
+```js
+assert(/\+/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'sum = '+z;})(sum);
+```
+
+## --seed-contents--
+
+```js
+const sum = 10 + 0;
+```
+
+# --solutions--
+
+```js
+const sum = 10 + 10;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md
new file mode 100644
index 0000000000..faeb5e24d1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/adding-a-default-option-in-switch-statements.md
@@ -0,0 +1,128 @@
+---
+id: 56533eb9ac21ba0edf2244de
+title: Додавання опції за замовчуванням до команди Switch
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c3JvVfg'
+forumTopicId: 16653
+dashedName: adding-a-default-option-in-switch-statements
+---
+
+# --description--
+
+В команді `switch` ви не матимете можливості вказати усі можливі значення, наприклад, як команда `case`. Натомість, ви можете додати команду `default`, яка включатиметься, якщо не знайдено відповідних перемикачів `case`. Вважайте це фінальною командою `else` у ланцюжку `if/else`.
+
+`default` перемикач повинен бути останнім.
+
+```js
+switch (num) {
+  case value1:
+    statement1;
+    break;
+  case value2:
+    statement2;
+    break;
+...
+  default:
+    defaultStatement;
+    break;
+}
+```
+
+# --instructions--
+
+Напишіть команду switch, щоб встановити `answer` за наступних умов:  
+`a` - `apple`  
+`b` - `bird`  
+`c` - `cat`  
+`default` - `stuff`
+
+# --hints--
+
+`switchOfStuff("a")` повинен перетворитися на рядок `apple`
+
+```js
+assert(switchOfStuff('a') === 'apple');
+```
+
+`switchOfStuff("b")` повинен перетворитися на рядок`bird`
+
+```js
+assert(switchOfStuff('b') === 'bird');
+```
+
+`switchOfStuff("c")` повинен перетворитися на рядок `cat`
+
+```js
+assert(switchOfStuff('c') === 'cat');
+```
+
+`switchOfStuff("d")` повинен перетворитися на рядок `stuff`
+
+```js
+assert(switchOfStuff('d') === 'stuff');
+```
+
+`switchOfStuff(4)` повинен перетворитися на рядок `stuff`
+
+```js
+assert(switchOfStuff(4) === 'stuff');
+```
+
+Ви не повинні використовувати `if` чи `else` команди
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+Вам слід користуватись командою`default`
+
+```js
+assert(switchOfStuff('string-to-trigger-default-case') === 'stuff');
+```
+
+Потрібно мати щонайменше 3 команди `break`
+
+```js
+assert(code.match(/break/g).length > 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function switchOfStuff(val) {
+  let answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+switchOfStuff(1);
+```
+
+# --solutions--
+
+```js
+function switchOfStuff(val) {
+  let answer = "";
+
+  switch(val) {
+    case "a":
+      answer = "apple";
+      break;
+    case "b":
+      answer = "bird";
+      break;
+    case "c":
+      answer = "cat";
+      break;
+    default:
+      answer = "stuff";
+  }
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md
new file mode 100644
index 0000000000..3c020bfc14
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/appending-variables-to-strings.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244ed
+title: Додавання змінних до рядків
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cbQmZfa'
+forumTopicId: 16656
+dashedName: appending-variables-to-strings
+---
+
+# --description--
+
+Так само, як ми можемо створити рядок з декількох рядків за допомогою <dfn>literals</dfn>, ми також можемо додати змінні до рядка, використовуючи знаки "плюс" та "дорівнює" (`+=`).
+
+Наприклад:
+
+```js
+const anAdjective = "awesome!";
+let ourStr = "freeCodeCamp is ";
+ourStr += anAdjective;
+```
+
+`ourStr` матиме значення `freeCodeCamp is awesome!`.
+
+# --instructions--
+
+Встановіть `someAdjective` у рядку із щонайменше 3 символів і додайте його до `myStr`, використовуючи знаки `+=`.
+
+# --hints--
+
+`someAdjective` повинен бути встановлений у рядку, який складається із не менше, ніж 3 символів.
+
+```js
+assert(typeof someAdjective !== 'undefined' && someAdjective.length > 2);
+```
+
+Вам потрібно додати `someAdjective` до `myStr`, використовуючи знаки `+=`.
+
+```js
+assert(code.match(/myStr\s*\+=\s*someAdjective\s*/).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+  var output = [];
+  if(typeof someAdjective === 'string') {
+    output.push('someAdjective = "' + someAdjective + '"');
+  } else {
+    output.push('someAdjective is not a string');
+  }
+  if(typeof myStr === 'string') {
+    output.push('myStr = "' + myStr + '"');
+  } else {
+    output.push('myStr is not a string');
+  }
+  return output.join('\n');
+})();
+```
+
+## --seed-contents--
+
+```js
+// Change code below this line
+const someAdjective = "";
+let myStr = "Learning to code is ";
+```
+
+# --solutions--
+
+```js
+const someAdjective = "neat";
+let myStr = "Learning to code is ";
+myStr += someAdjective;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md
new file mode 100644
index 0000000000..4b8a41cefc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assigning-the-value-of-one-variable-to-another.md
@@ -0,0 +1,86 @@
+---
+id: 5ee127a03c3b35dd45426493
+title: Присвоєння значення однієї змінної іншій
+challengeType: 1
+videoUrl: ''
+forumTopicId: 418265
+dashedName: assigning-the-value-of-one-variable-to-another
+---
+
+# --description--
+
+Після присвоєння значення змінної за допомогою оператора <dfn>assignment</dfn>, Ви можете присвоїти значення цієї змінної іншій змінній, використовуючи оператор <dfn>assignment</dfn>.
+
+```js
+var myVar;
+myVar = 5;
+var myNum;
+myNum = myVar;
+```
+
+Наведений вище приклад показує, що `myVar` - змінна без значення, а потім присвоює їй значення `5`. Далі можна побачити, що змінна з назвою `myNum`, - теж без значення. Потім, вміст `myVar` (який дорівнює `5`) присвоюється змінній `myNum`. І, ось, `myNum` тепер також має значення `5`.
+
+# --instructions--
+
+Призначте значення `a` змінній `b`.
+
+# --hints--
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(/var a;/.test(code) && /a = 7;/.test(code) && /var b;/.test(code));
+```
+
+`b` повинне мати значення `7`.
+
+```js
+assert(typeof b === 'number' && b === 7);
+```
+
+`a` потрібно призначити `b` за допомогою `=`.
+
+```js
+assert(/b\s*=\s*a\s*/g.test(code));
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+if (typeof b != 'undefined') {
+  b = undefined;
+}
+```
+
+## --after-user-code--
+
+```js
+(function(a, b) {
+  return 'a = ' + a + ', b = ' + b;
+})(a, b);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+var a;
+a = 7;
+var b;
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+var a;
+a = 7;
+var b;
+b = a;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md
new file mode 100644
index 0000000000..21ecd65d53
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/assignment-with-a-returned-value.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244c3
+title: Призначення з поверненим значенням
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2pEtB'
+forumTopicId: 16658
+dashedName: assignment-with-a-returned-value
+---
+
+# --description--
+
+Якщо Ви пригадаєте з нашого обговорення [Storing Values with the Assignment Operator](/learn/javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator), все, що знаходиться справа від знака рівності визначається ще до того, як присвоюється значення. Це означає, що ми можемо взяти повернене значення функції та присвоїти її змінній.
+
+Припустимо, у нас уже є визначена функція `sum`, яка додає два числа, тоді:
+
+```js
+ourSum = sum(5, 12);
+```
+
+вона називатиметься функцією `sum`, яка повертає значення `17` і призначає її змінній `ourSum`.
+
+# --instructions--
+
+Назвіть функцію `processArg` з аргументом `7` і присвойте її повернене значення змінній `processed`.
+
+# --hints--
+
+`processed` повинне мати значення `2`
+
+```js
+assert(processed === 2);
+```
+
+`processArg` потрібно призначити `processed`
+
+```js
+assert(/processed\s*=\s*processArg\(\s*7\s*\)/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){return "processed = " + processed})();
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+var processed = 0;
+
+function processArg(num) {
+  return (num + 3) / 5;
+}
+
+processed = processArg(7);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md
new file mode 100644
index 0000000000..7ccadbd478
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/build-javascript-objects.md
@@ -0,0 +1,159 @@
+---
+id: 56bbb991ad1ed5201cd392d0
+title: Створення об'єктів JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWGkbtd'
+forumTopicId: 16769
+dashedName: build-javascript-objects
+---
+
+# --description--
+
+Ви могли чути термін `object` раніше.
+
+Об'єкти подібні до `arrays`, за винятком того, що для отримання доступу та зміни їхніх даних використовуються не індекси, а `properties`.
+
+Об'єкти придатні для структурованого зберігання даних, і також можуть представляти об'єкти реального світу, такі як кіт, наприклад.
+
+Зразок об'єкта кота:
+
+```js
+const cat = {
+  "name": "Whiskers",
+  "legs": 4,
+  "tails": 1,
+  "enemies": ["Water", "Dogs"]
+};
+```
+
+У цьому прикладі всі властивості зберігаються у вигляді рядків, таких як `name`, `legs` і `tails`. Однак, ви також можете використовувати числа як характеристики. Лапки для характеристик, які складаються з одного слова, можна пропустити наступним чином:
+
+```js
+const anotherObject = {
+  make: "Ford",
+  5: "five",
+  "model": "focus"
+};
+```
+
+Якщо ваші об'єкти містять будь-які не рядкові характеристики, JavaScript автоматично надрукує їх як рядки.
+
+# --instructions--
+
+Створіть об'єкт під назвою `myDog`, який має такі характеристики: `name` (a string), `legs`, `tails` and `friends`.
+
+Ви можете надати характеристикам цих об'єктів будь-які значення, доки `name` - це рядок, `legs` and `tails` - числа, і `friends` - масив.
+
+# --hints--
+
+`myDog` має містити характеристику `name` і бути `string`.
+
+```js
+assert(
+  (function (z) {
+    if (
+      z.hasOwnProperty('name') &&
+      z.name !== undefined &&
+      typeof z.name === 'string'
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myDog)
+);
+```
+
+`myDog` має містити характеристику `legs` і бути `number`.
+
+```js
+assert(
+  (function (z) {
+    if (
+      z.hasOwnProperty('legs') &&
+      z.legs !== undefined &&
+      typeof z.legs === 'number'
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myDog)
+);
+```
+
+`myDog` має містити характеристику `tails` і бути `number`.
+
+```js
+assert(
+  (function (z) {
+    if (
+      z.hasOwnProperty('tails') &&
+      z.tails !== undefined &&
+      typeof z.tails === 'number'
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myDog)
+);
+```
+
+`myDog` має містити характеристику `friends` і бути `array`.
+
+```js
+assert(
+  (function (z) {
+    if (
+      z.hasOwnProperty('friends') &&
+      z.friends !== undefined &&
+      Array.isArray(z.friends)
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myDog)
+);
+```
+
+`myDog` має містити всі задані характеристики.
+
+```js
+assert(
+  (function (z) {
+    return Object.keys(z).length === 4;
+  })(myDog)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+const myDog = {
+  // Only change code below this line
+
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+const myDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md
new file mode 100644
index 0000000000..1aaf9f399b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/chaining-if-else-statements.md
@@ -0,0 +1,149 @@
+---
+id: 56533eb9ac21ba0edf2244dc
+title: Створення ланцюгу If Else (Що-Якщо)
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeJgsw'
+forumTopicId: 16772
+dashedName: chaining-if-else-statements
+---
+
+# --description--
+
+`if/else` може бути об'єднаним у разі складних алгоритмів. Ось <dfn>pseudocode</dfn> декількох ланцюжків `if` / `else if` тверджень:
+
+```js
+if (condition1) {
+  statement1
+} else if (condition2) {
+  statement2
+} else if (condition3) {
+  statement3
+. . .
+} else {
+  statementN
+}
+```
+
+# --instructions--
+
+Запишіть ланцюжок `if`/`else if` для того, щоб виконати наступні умови:
+
+`num < 5` дає `Tiny`  
+`num < 10` дає `Small`  
+`num < 15` дає `Medium`  
+`num < 20` дає `Large`  
+`num >= 20` дає `Huge`
+
+# --hints--
+
+Потрібно мати щонайменше 4 команди `else`
+
+```js
+assert(code.match(/else/g).length > 3);
+```
+
+Потрібно мати щонайменше 4 команди `if`
+
+```js
+assert(code.match(/if/g).length > 3);
+```
+
+Потрібно мати щонайменше 1 команду `return`
+
+```js
+assert(code.match(/return/g).length >= 1);
+```
+
+`testSize(0)` має повертати рядок `Tiny`
+
+```js
+assert(testSize(0) === 'Tiny');
+```
+
+`testSize(4)` має повертати рядок `Tiny`
+
+```js
+assert(testSize(4) === 'Tiny');
+```
+
+`testSize(5)` має повертати рядок `Small`
+
+```js
+assert(testSize(5) === 'Small');
+```
+
+`testSize(8)` має повертати рядок `Small`
+
+```js
+assert(testSize(8) === 'Small');
+```
+
+`testSize(10)` має повертати рядок `Medium`
+
+```js
+assert(testSize(10) === 'Medium');
+```
+
+`testSize(14)` має повертати рядок `Medium`
+
+```js
+assert(testSize(14) === 'Medium');
+```
+
+`testSize(15)` має повертати рядок `Large`
+
+```js
+assert(testSize(15) === 'Large');
+```
+
+`testSize(17)` має повертати рядок `Large`
+
+```js
+assert(testSize(17) === 'Large');
+```
+
+`testSize(20)` має повертати рядок `Huge`
+
+```js
+assert(testSize(20) === 'Huge');
+```
+
+`testSize(25)` має повертати рядок `Huge`
+
+```js
+assert(testSize(25) === 'Huge');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testSize(num) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+testSize(7);
+```
+
+# --solutions--
+
+```js
+function testSize(num) {
+  if (num < 5) {
+    return "Tiny";
+  } else if (num < 10) {
+    return "Small";
+  } else if (num < 15) {
+    return "Medium";
+  } else if (num < 20) {
+    return "Large";
+  } else {
+    return "Huge";
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md
new file mode 100644
index 0000000000..906385c3af
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comment-your-javascript-code.md
@@ -0,0 +1,63 @@
+---
+id: bd7123c9c441eddfaeb4bdef
+title: Поясніть ваш JavaScript код
+challengeType: 1
+removeComments: false
+videoUrl: 'https://scrimba.com/c/c7ynnTp'
+forumTopicId: 16783
+dashedName: comment-your-javascript-code
+---
+
+# --description--
+
+Пояснення - це рядки коду, які JavaScript буде навмисно ігнорувати. Коментарі - це чудовий спосіб залишити нотатки для себе та інших людей, які згодом мають дізнатися, що робить цей код.
+
+Є два шляхи написати пояснення у JavaScript:
+
+Використання `//` дозволить JavaScript ігнорувати решту тексту в поточному рядку. Це коментар всередині рядка:
+
+```js
+// This is an in-line comment.
+```
+
+Ви можете зробити багаторядковий коментар починаючи з `/*` і закінчуватися `*/`. Це багаторядковий коментар:
+
+```js
+/* This is a
+multi-line comment */
+```
+
+**ПРИМІТКА:**, написавши код, вам слід постійно додавати коментарі, щоб уточнити функцію частин вашого коду. Хороші і якісні коментарі допоможуть допомогти розібратись в значенні вашого коду - як для іншим людям, так і *and* для вас у майбутньому.
+
+# --instructions--
+
+Спробуйте створити один коментар кожного типу.
+
+# --hints--
+
+Ви повинні створити стиль `//`, що містить щонайменше п'ять літер.
+
+```js
+assert(code.match(/(\/\/)...../g));
+```
+
+Ви повинні створити коментар стилю `/* */`, що містить щонайменше п'ять літер.
+
+```js
+assert(code.match(/(\/\*)([^\/]{5,})(?=\*\/)/gm));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+// Fake Comment
+/* Another Comment */
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md
new file mode 100644
index 0000000000..651c8fa8ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator.md
@@ -0,0 +1,91 @@
+---
+id: 56533eb9ac21ba0edf2244d0
+title: Порівняння з Оператором Рівності
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cKyVMAL'
+forumTopicId: 16784
+dashedName: comparison-with-the-equality-operator
+---
+
+# --description--
+
+У JavaScript є багато <dfn>операторів порівняння</dfn>. Всі ці оператори присвоюють логічне `true` або `false` значення.
+
+Основним є оператор рівності `==`. Оператор рівності порівнює два значення і видає `true`, якщо вони еквівалентні, або `false`, якщо ні. Зверніть увагу, що рівність відрізняється від присвоєння (`=`), яке закріплює за змінною ліворуч значення праворуч від оператора.
+
+```js
+function equalityTest(myVal) {
+  if (myVal == 10) {
+    return "Equal";
+  }
+  return "Not Equal";
+}
+```
+
+Якщо `myVal` рівнозначний `10`, оператор рівності видає `true`, тож код у фігурних дужках виконається, і функція буде `Equal`. В іншому випадку, функція буде `Not Equal`. Для того, щоб JavaScript порівняв два різні <dfn>типи даних</dfn> (наприклад, `numbers` і `strings`), потрібно конвертувати один тип в інший. Це називається Перетворення Типів. Однак, після його виконання поняття порівнюються наступним чином:
+
+```js
+1   ==  1
+1   ==  2
+1   == '1'
+"3" ==  3
+```
+
+У такому ж порядку, як вони є, ці вирази будуть оцінені, як `true`, `false`, `true`, і `true`.
+
+# --instructions--
+
+Додайте оператор рівності до зазначеного рядка, щоб функція визначила рядок, як `Equal`, коли `val` еквівалентна `12`.
+
+# --hints--
+
+`testEqual(10)` повинен повернути рядок `Not Equal`
+
+```js
+assert(testEqual(10) === 'Not Equal');
+```
+
+`testEqual(12)` повинен повернути рядок `Equal`
+
+```js
+assert(testEqual(12) === 'Equal');
+```
+
+`testEqual("12")` повинен повернути рядок `Equal`
+
+```js
+assert(testEqual('12') === 'Equal');
+```
+
+Слід використовувати оператор `==`
+
+```js
+assert(code.match(/==/g) && !code.match(/===/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testEqual(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+testEqual(10);
+```
+
+# --solutions--
+
+```js
+function testEqual(val) {
+  if (val == 12) {
+    return "Equal";
+  }
+  return "Not Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md
new file mode 100644
index 0000000000..6fe33d7e39
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-operator.md
@@ -0,0 +1,113 @@
+---
+id: 56533eb9ac21ba0edf2244d4
+title: Порівняння з оператором «більше ніж»
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cp6GbH4'
+forumTopicId: 16786
+dashedName: comparison-with-the-greater-than-operator
+---
+
+# --description--
+
+Оператор «більше ніж» (`>`) порівнює значення двох чисел. Якщо число зліва більше за число справа, то воно повертається `true`. В іншому випадку видається результат `false`.
+
+Як і оператор «рівність», «більше ніж» перетворюватиме типи даних під час порівняння.
+
+**Приклади**
+
+```js
+5   >  3
+7   > '3'
+2   >  3
+'1' >  9
+```
+
+По-порядку, ці вирази оцінюватимуться як `true`, `true`, `false`, та `false`.
+
+# --instructions--
+
+Додайте оператор «більше ніж» до вказаних рядків, щоб оператор повернення спрацював.
+
+# --hints--
+
+`GreaterThan(0)` має повернути рядок `10 або Under`
+
+```js
+assert(testGreaterThan(0) === '10 or Under');
+```
+
+`testGreaterThan(10)` має повернути рядок `10 or Under`
+
+```js
+assert(testGreaterThan(10) === '10 or Under');
+```
+
+`testGreaterThan(11)` має повернути рядок `Over 10`
+
+```js
+assert(testGreaterThan(11) === 'Over 10');
+```
+
+`testGreaterThan(99)` має повернути рядок `Over 10`
+
+```js
+assert(testGreaterThan(99) === 'Over 10');
+```
+
+`testGreaterThan(100)` має повернути рядок `Over 10`
+
+```js
+assert(testGreaterThan(100) === 'Over 10');
+```
+
+`testGreaterThan(101)` має повернути рядок `Over 100`
+
+```js
+assert(testGreaterThan(101) === 'Over 100');
+```
+
+`testGreaterThan(150)` має повернути рядок `Over 100`
+
+```js
+assert(testGreaterThan(150) === 'Over 100');
+```
+
+Ви повинні використати оператор `>` принаймні двічі
+
+```js
+assert(code.match(/val\s*>\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testGreaterThan(val) {
+  if (val) {  // Change this line
+    return "Over 100";
+  }
+
+  if (val) {  // Change this line
+    return "Over 10";
+  }
+
+  return "10 or Under";
+}
+
+testGreaterThan(10);
+```
+
+# --solutions--
+
+```js
+function testGreaterThan(val) {
+  if (val > 100) {  // Change this line
+    return "Over 100";
+  }
+  if (val > 10) {  // Change this line
+    return "Over 10";
+  }
+  return "10 or Under";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md
new file mode 100644
index 0000000000..c2f18748b2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-greater-than-or-equal-to-operator.md
@@ -0,0 +1,115 @@
+---
+id: 56533eb9ac21ba0edf2244d5
+title: Порівняння з оператором «Більше ніж дорівнює»
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c6KBqtV'
+forumTopicId: 16785
+dashedName: comparison-with-the-greater-than-or-equal-to-operator
+---
+
+# --description--
+
+Оператор "більше ніж дорівнює" (`>=`) порівнює значення двох чисел. Якщо число зліва більше за число справа, тоді функція є `true`. В іншому випадку - вона `false`.
+
+Так само, як і оператор рівності, оператор "більше ніж дорівнює" конвертує типи даних під час їх порівняння.
+
+**Наприклад**
+
+```js
+6   >=  6
+7   >= '3'
+2   >=  3
+'7' >=  9
+```
+
+У такому ж порядку, як вони є, ці вирази будуть оцінені, як `true`, `true`, `false`, і `false`.
+
+# --instructions--
+
+Додайте оператор "більше ніж дорівнює" до зазначених рядків, щоб оператор повернення мав сенс.
+
+# --hints--
+
+`testGreaterOrEqual(0)` повинен повернути рядок `Less than 10`
+
+```js
+assert(testGreaterOrEqual(0) === 'Less than 10');
+```
+
+`testGreaterOrEqual(9)` повинен повернути рядок `Less than 10`
+
+```js
+assert(testGreaterOrEqual(9) === 'Less than 10');
+```
+
+`testGreaterOrEqual(10)` повинен повернути рядок `10 or Over`
+
+```js
+assert(testGreaterOrEqual(10) === '10 or Over');
+```
+
+`testGreaterOrEqual(11)` повинен повернути рядок `10 or Over`
+
+```js
+assert(testGreaterOrEqual(11) === '10 or Over');
+```
+
+`testGreaterOrEqual(19)` повинен повернути рядок `10 or Over`
+
+```js
+assert(testGreaterOrEqual(19) === '10 or Over');
+```
+
+`testGreaterOrEqual(100)` повинен повернути рядок `20 or Over`
+
+```js
+assert(testGreaterOrEqual(100) === '20 or Over');
+```
+
+`testGreaterOrEqual(21)` повинен повернути рядок `20 or Over`
+
+```js
+assert(testGreaterOrEqual(21) === '20 or Over');
+```
+
+Слід використовувати оператор `>=` принаймні двічі
+
+```js
+assert(code.match(/val\s*>=\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testGreaterOrEqual(val) {
+  if (val) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+
+testGreaterOrEqual(10);
+```
+
+# --solutions--
+
+```js
+function testGreaterOrEqual(val) {
+  if (val >= 20) {  // Change this line
+    return "20 or Over";
+  }
+
+  if (val >= 10) {  // Change this line
+    return "10 or Over";
+  }
+
+  return "Less than 10";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md
new file mode 100644
index 0000000000..c83a227021
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-inequality-operator.md
@@ -0,0 +1,93 @@
+---
+id: 56533eb9ac21ba0edf2244d2
+title: Порівняння з Оператором "Не дорівнює"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBm9Sr'
+forumTopicId: 16787
+dashedName: comparison-with-the-inequality-operator
+---
+
+# --description--
+
+Оператор "не дорівнює" (`!=`) є протилежним до оператора рівності. Це означає, що вирази не еквівалентні і що вони повернуться `false`, де рівність повернеться `true` і *навпаки*. Так само, як і оператор рівності, оператор "не дорівнює" конвертує типи даних під час їх порівняння.
+
+**Наприклад**
+
+```js
+1 !=  2
+1 != "1"
+1 != '1'
+1 != true
+0 != false
+```
+
+У такому ж порядку, як вони є, ці вирази будуть оцінені, як `true`, `false`, `false`, `false` і `false`.
+
+# --instructions--
+
+Додайте оператора нерівності `!=` до команди `if`, щоб функція повернула рядок `Not Equal`, коли `val` не дорівнює `99`.
+
+# --hints--
+
+`testNotEqual(99)` має повернути рядок `Equal`
+
+```js
+assert(testNotEqual(99) === 'Equal');
+```
+
+`testNotEqual("99")` має повернути рядок `Equal`
+
+```js
+assert(testNotEqual('99') === 'Equal');
+```
+
+`testNotEqual(12)` має повернути рядок `Not Equal`
+
+```js
+assert(testNotEqual(12) === 'Not Equal');
+```
+
+`testNotEqual("12")` має повернути рядок `Not Equal`
+
+```js
+assert(testNotEqual('12') === 'Not Equal');
+```
+
+`testNotEqual("bob")` має повернути рядок `Not Equal`
+
+```js
+assert(testNotEqual('bob') === 'Not Equal');
+```
+
+Слід використовувати оператор `!=`
+
+```js
+assert(code.match(/(?!!==)!=/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+testNotEqual(10);
+```
+
+# --solutions--
+
+```js
+function testNotEqual(val) {
+  if (val != 99) {
+    return "Not Equal";
+  }
+  return "Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md
new file mode 100644
index 0000000000..38ac8eb9fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-operator.md
@@ -0,0 +1,108 @@
+---
+id: 56533eb9ac21ba0edf2244d6
+title: Порівняння з оператором "менше ніж"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNVRWtB'
+forumTopicId: 16789
+dashedName: comparison-with-the-less-than-operator
+---
+
+# --description--
+
+Оператор "менше ніж" (`<`) порівнює значення двох чисел. Якщо число ліворуч менше за число праворуч, то видається результат `true`. В іншому випадку видається результат `false`. Так само, як і оператор "дорівнює", оператор "менше ніж" конвертує типи даних під час їх порівняння.
+
+**Наприклад:**
+
+```js
+2   < 5
+'3' < 7
+5   < 5
+3   < 2
+'8' < 4
+```
+
+Відповідно, ці вирази будуть оцінені як `true`, `true`, `false`, `false`, та `false`.
+
+# --instructions--
+
+Додайте оператор "менше ніж" до вказаних рядків, щоб оператор повернення спрацював.
+
+# --hints--
+
+`testLessThan(0)` повинен видати рядок `Under 25`
+
+```js
+assert(testLessThan(0) === 'Under 25');
+```
+
+`testLessThan(24)` повинен видати рядок `Under 25`
+
+```js
+assert(testLessThan(24) === 'Under 25');
+```
+
+`testLessThan(25)` повинен видати рядок `Under 55`
+
+```js
+assert(testLessThan(25) === 'Under 55');
+```
+
+`testLessThan(54)` повинен видати рядок `Under 55`
+
+```js
+assert(testLessThan(54) === 'Under 55');
+```
+
+`testLessThan(55)` повинен видати рядок `55 or Over`
+
+```js
+assert(testLessThan(55) === '55 or Over');
+```
+
+`testLessThan(99)` повинен видати рядок `55 or Over`
+
+```js
+assert(testLessThan(99) === '55 or Over');
+```
+
+Оператор `<` потрібно використати принаймні двічі
+
+```js
+assert(code.match(/val\s*<\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLessThan(val) {
+  if (val) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+
+testLessThan(10);
+```
+
+# --solutions--
+
+```js
+function testLessThan(val) {
+  if (val < 25) {  // Change this line
+    return "Under 25";
+  }
+
+  if (val < 55) {  // Change this line
+    return "Under 55";
+  }
+
+  return "55 or Over";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md
new file mode 100644
index 0000000000..0e796b4b08
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-less-than-or-equal-to-operator.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244d7
+title: Порівняння з оператором "менше або рівне"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNVR7Am'
+forumTopicId: 16788
+dashedName: comparison-with-the-less-than-or-equal-to-operator
+---
+
+# --description--
+
+Оператор "менше або рівне"(`<=`) порівнює значення двох чисел. Якщо число ліворуч є меншим, ніж число праворуч або дорівнює йому, то видається результат `true`. Якщо число ліворуч більше за число праворуч, то видається результат `false`. Так само, як і оператор рівності, оператор "менше або рівне" конвертує типи даних.
+
+**Наприклад:**
+
+```js
+4   <= 5
+'7' <= 7
+5   <= 5
+3   <= 2
+'8' <= 4
+```
+
+Відповідно, ці вирази будуть оцінені як `true`, `true`, `true`, `false`, та `false`.
+
+# --instructions--
+
+Додайте оператор "менше або рівне до вказаних рядків, щоб оператор повернення спрацював.
+
+# --hints--
+
+`testLessOrEqual(0)` повинен повернути рядок `Smaller Than or Equal to 12`
+
+```js
+assert(testLessOrEqual(0) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(11)` повинен повернути рядок `Smaller Than or Equal to 12`
+
+```js
+assert(testLessOrEqual(11) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(12)` повинен повернути рядок `Smaller Than or Equal to 12`
+
+```js
+assert(testLessOrEqual(12) === 'Smaller Than or Equal to 12');
+```
+
+`testLessOrEqual(23)` повинен повернути рядок `Smaller Than or Equal to 24`
+
+```js
+assert(testLessOrEqual(23) === 'Smaller Than or Equal to 24');
+```
+
+`testLessOrEqual(24)` повинен повернути рядок `Smaller Than or Equal to 24`
+
+```js
+assert(testLessOrEqual(24) === 'Smaller Than or Equal to 24');
+```
+
+`testLessOrEqual(25)` повинен повернути рядок `More Than 24`
+
+```js
+assert(testLessOrEqual(25) === 'More Than 24');
+```
+
+`testLessOrEqual(55)` повинен повернути рядок `More Than 24`
+
+```js
+assert(testLessOrEqual(55) === 'More Than 24');
+```
+
+Оператор `<=` потрібно використати принаймні двічі
+
+```js
+assert(code.match(/val\s*<=\s*('|")*\d+('|")*/g).length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLessOrEqual(val) {
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+
+testLessOrEqual(10);
+```
+
+# --solutions--
+
+```js
+function testLessOrEqual(val) {
+  if (val <= 12) {  // Change this line
+    return "Smaller Than or Equal to 12";
+  }
+
+  if (val <= 24) {  // Change this line
+    return "Smaller Than or Equal to 24";
+  }
+
+  return "More Than 24";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md
new file mode 100644
index 0000000000..3cf94152ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-equality-operator.md
@@ -0,0 +1,82 @@
+---
+id: 56533eb9ac21ba0edf2244d1
+title: Порівняння з Оператором Абсолютної Рівності
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87atr'
+forumTopicId: 16790
+dashedName: comparison-with-the-strict-equality-operator
+---
+
+# --description--
+
+Абсолютна рівність (`===`) є аналогом оператора рівності (`==`). Однак, на відміну від оператора рівності, який намагається перетворити обидва значення в порівнянні зі звичайним типом, оператор абсолютної рівності не виконує перетворення типів.
+
+Якщо значення, які перетворюються, мають різні типи, вони вважаються нерівними і оператор абсолютної рівності видасть помилку.
+
+**Наприклад**
+
+```js
+3 ===  3
+3 === '3'
+```
+
+Ці умови повертаються відповідно `true` та `false` відповідно.
+
+У другому прикладі, `3` є типом `Number`, а `'3'` є типом `String`.
+
+# --instructions--
+
+Використовуйте оператора абсолютної рівності з командою `if`, щоб функція повернула рядок `Equal`, коли `val` точно дорівнює `7`.
+
+# --hints--
+
+`testStrict(10)` перетворюється в рядку на `Not Equal`
+
+```js
+assert(testStrict(10) === 'Not Equal');
+```
+
+`testStrict(7)` перетворюється в рядку на `Equal`
+
+```js
+assert(testStrict(7) === 'Equal');
+```
+
+`testStrict("7")` перетворюється в рядку на `Not Equal`
+
+```js
+assert(testStrict('7') === 'Not Equal');
+```
+
+Вам слід використовувати оператора `===`
+
+```js
+assert(code.match(/(val\s*===\s*\d+)|(\d+\s*===\s*val)/g).length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testStrict(val) {
+  if (val) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+testStrict(10);
+```
+
+# --solutions--
+
+```js
+function testStrict(val) {
+  if (val === 7) {
+    return "Equal";
+  }
+  return "Not Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md
new file mode 100644
index 0000000000..e20fea2e73
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-strict-inequality-operator.md
@@ -0,0 +1,85 @@
+---
+id: 56533eb9ac21ba0edf2244d3
+title: Порівняння з Оператором Абсолютної Нерівності
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cKekkUy'
+forumTopicId: 16791
+dashedName: comparison-with-the-strict-inequality-operator
+---
+
+# --description--
+
+Оператор абсолютної нерівності (`!==`) є логічною протилежністю оператора абсолютної рівності. Це означає, що "Абсолютно Не Рівно" та визначається `false`, де абсолютна рівність визначається як `true` і *vice versa*. Оператор абсолютної нерівності не буде перетворювати типи даних.
+
+**Приклади**
+
+```js
+3 !==  3
+3 !== '3'
+4 !==  3
+```
+
+У такому порядку, ці вирази будуть оцінювати, як `false`, `true`,`true`.
+
+# --instructions--
+
+Додайте оператора абсолютної нерівності до команди `if`, щоб функція визначила рядок `Not Equal`, коли `val` не є абсолютно рівним `17`
+
+# --hints--
+
+`testStrictNotEqual(17)` перетворюється в рядку на `Equal`
+
+```js
+assert(testStrictNotEqual(17) === 'Equal');
+```
+
+`testStrictNotEqual("17")` перетворюється в рядку на `Not Equal`
+
+```js
+assert(testStrictNotEqual('17') === 'Not Equal');
+```
+
+`testStrictNotEqual(12)` перетворюється в рядку на `Not Equal`
+
+```js
+assert(testStrictNotEqual(12) === 'Not Equal');
+```
+
+`testStrictNotEqual("bob")` перетворюється в рядку на `Not Equal`
+
+```js
+assert(testStrictNotEqual('bob') === 'Not Equal');
+```
+
+Вам слід використовувати оператора`!==`
+
+```js
+assert(code.match(/(val\s*!==\s*\d+)|(\d+\s*!==\s*val)/g).length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function testStrictNotEqual(val) {
+  if (val) { // Change this line
+    return "Not Equal";
+  }
+  return "Equal";
+}
+
+testStrictNotEqual(10);
+```
+
+# --solutions--
+
+```js
+function testStrictNotEqual(val) {
+  if (val !== 17) {
+    return "Not Equal";
+  }
+  return "Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md
new file mode 100644
index 0000000000..32181c9126
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-and-operator.md
@@ -0,0 +1,130 @@
+---
+id: 56533eb9ac21ba0edf2244d8
+title: Порівняння з оператором "більше ніж"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvbRVtr'
+forumTopicId: 16799
+dashedName: comparisons-with-the-logical-and-operator
+---
+
+# --description--
+
+Трапляється, що потрібно перевіряти більше ніж одну цифру одночасно. <dfn>Оператор "більше ніж"</dfn> `&&` стає `true` якщо <dfn>вихідні об'єкти</dfn> справа та зліва від нього вірні.
+
+Такого ж результату можна досягнути шляхом закладання інформації всередині іншого:
+
+```js
+if (num > 5) {
+  if (num < 10) {
+    return "Yes";
+  }
+}
+return "No";
+```
+
+результат `Yes`, якщо `num` є більшим `5` та меньшим за `10`. Приклад оператора наведено нище:
+
+```js
+if (num > 5 && num < 10) {
+  return "Yes";
+}
+return "No";
+```
+
+# --instructions--
+
+Замініть два оператора if statements одним використовуючи `&&` оператор. Значення рядка буде `Yes`, якщо `val` меньше або рівне `50` та більше або рівне `25`. В іншому випадку значення рядка стане `No`.
+
+# --hints--
+
+Використовуйте оператор `&&` лише один раз
+
+```js
+assert(code.match(/&&/g).length === 1);
+```
+
+У вас має бути лише один елемент `if`
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+`testLogicalAnd(0)` перетворюється у рядку на `No`
+
+```js
+assert(testLogicalAnd(0) === 'No');
+```
+
+`testLogicalAnd(24)` перетворюється на `No`
+
+```js
+assert(testLogicalAnd(24) === 'No');
+```
+
+`testLogicalAnd(25)` перетворюється на `Yes`
+
+```js
+assert(testLogicalAnd(25) === 'Yes');
+```
+
+`testLogicalAnd(30)` перетворюється на `Yes`
+
+```js
+assert(testLogicalAnd(30) === 'Yes');
+```
+
+`testLogicalAnd(50)` перетворюється на `Yes`
+
+```js
+assert(testLogicalAnd(50) === 'Yes');
+```
+
+`testLogicalAnd(51)` перетворюється на `No`
+
+```js
+assert(testLogicalAnd(51) === 'No');
+```
+
+`testLogicalAnd(75)` перетворюється на `No`
+
+```js
+assert(testLogicalAnd(75) === 'No');
+```
+
+`testLogicalAnd(80)` перетворюється на `No`
+
+```js
+assert(testLogicalAnd(80) === 'No');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLogicalAnd(val) {
+  // Only change code below this line
+
+  if (val) {
+    if (val) {
+      return "Yes";
+    }
+  }
+
+  // Only change code above this line
+  return "No";
+}
+
+testLogicalAnd(10);
+```
+
+# --solutions--
+
+```js
+function testLogicalAnd(val) {
+  if (val >= 25 && val <= 50) {
+    return "Yes";
+  }
+  return "No";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md
new file mode 100644
index 0000000000..7e3c80fb75
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/comparisons-with-the-logical-or-operator.md
@@ -0,0 +1,135 @@
+---
+id: 56533eb9ac21ba0edf2244d9
+title: Порівняння з оператором "більше ніж"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cEPrGTN'
+forumTopicId: 16800
+dashedName: comparisons-with-the-logical-or-operator
+---
+
+# --description--
+
+Якщо оператор <dfn>logical або</dfn> (`||`) повертає `true`, якщо будь-який з <dfn>operands</dfn> є `true`. В іншому випадку перетворюється на `false`.
+
+Оператор <dfn>логічний або</dfn> складається з двох символів труби (`||`). Зазвичай його можна знайти на клавіатурі між клавіш Backspace та Enter.
+
+Шаблон нижче повинен бути схожим з етапами вище:
+
+```js
+if (num > 10) {
+  return "No";
+}
+if (num < 5) {
+  return "No";
+}
+return "Yes";
+```
+
+стає `Yes` тільки, якщо `num` між `5` та `10` (5 та 10 включно). Приклад оператора наведено нижче:
+
+```js
+if (num > 10 || num < 5) {
+  return "No";
+}
+return "Yes";
+```
+
+# --instructions--
+
+Об'єднайте два оператори `if` в один оператор який перетворить рядок `Outside`, якщо `val` не знаходиться в діапазоні від `10` до `20` включно. В іншому випадку значення рядка стане `Inside`.
+
+# --hints--
+
+Використовуйте оператор `||` лише раз
+
+```js
+assert(code.match(/\|\|/g).length === 1);
+```
+
+У вас має бути лише один елемент `if`
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+`testLogicalOr(0)` перетворюється на `Outside`
+
+```js
+assert(testLogicalOr(0) === 'Outside');
+```
+
+`testLogicalOr(9)` перетворюється на `Outside`
+
+```js
+assert(testLogicalOr(9) === 'Outside');
+```
+
+`testLogicalOr(10)` перетворюється на `Inside`
+
+```js
+assert(testLogicalOr(10) === 'Inside');
+```
+
+`testLogicalOr(15)` перетворюється на `Inside`
+
+```js
+assert(testLogicalOr(15) === 'Inside');
+```
+
+`testLogicalOr(19)` перетворюється на `Inside`
+
+```js
+assert(testLogicalOr(19) === 'Inside');
+```
+
+`testLogicalOr(20)` перетворюється на `Inside`
+
+```js
+assert(testLogicalOr(20) === 'Inside');
+```
+
+`testLogicalOr(21)` перетворюється на `Outside`
+
+```js
+assert(testLogicalOr(21) === 'Outside');
+```
+
+`testLogicalOr(25)` перетворюється на `Outside`
+
+```js
+assert(testLogicalOr(25) === 'Outside');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testLogicalOr(val) {
+  // Only change code below this line
+
+  if (val) {
+    return "Outside";
+  }
+
+  if (val) {
+    return "Outside";
+  }
+
+  // Only change code above this line
+  return "Inside";
+}
+
+testLogicalOr(15);
+```
+
+# --solutions--
+
+```js
+function testLogicalOr(val) {
+  if (val < 10 || val > 20) {
+    return "Outside";
+  }
+  return "Inside";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md
new file mode 100644
index 0000000000..dc528a79f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-addition.md
@@ -0,0 +1,101 @@
+---
+id: 56533eb9ac21ba0edf2244af
+title: Комбіноване присвоєння з розширеним додаванням
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDR6LCb'
+forumTopicId: 16661
+dashedName: compound-assignment-with-augmented-addition
+---
+
+# --description--
+
+У програмуванні присвоєння зазвичай використовують для зміни вмісту змінної. Пам'ятайте, що спершу обчислюється усе, що стоїть праворуч від знаку "дорівнює", тож можна сказати, що:
+
+```js
+myVar = myVar + 5;
+```
+
+додати `5` до `myVar`. Оскільки це загальний шаблон, то існують оператори, які виконують математичні дії та присвоєння за один крок.
+
+Одним з таких операторів є `+=`.
+
+```js
+let myVar = 1;
+myVar += 5;
+console.log(myVar);
+```
+
+У консолі відображатиметься значення `6`.
+
+# --instructions--
+
+Конвертуйте присвоєння для `a`, `b`, та `c`, щоб використати оператор `+=`.
+
+# --hints--
+
+`a` повинне дорівнювати `15`.
+
+```js
+assert(a === 15);
+```
+
+`b` повинне дорівнювати `26`.
+
+```js
+assert(b === 26);
+```
+
+`c` повинне дорівнювати `19`.
+
+```js
+assert(c === 19);
+```
+
+Слід використовувати оператор `+=` для всіх змінних.
+
+```js
+assert(code.match(/\+=/g).length === 3);
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(
+  /let a = 3;/.test(code) &&
+    /let b = 17;/.test(code) &&
+    /let c = 12;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 3;
+let b = 17;
+let c = 12;
+
+// Only change code below this line
+a = a + 12;
+b = 9 + b;
+c = c + 7;
+```
+
+# --solutions--
+
+```js
+let a = 3;
+let b = 17;
+let c = 12;
+
+a += 12;
+b += 9;
+c += 7;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md
new file mode 100644
index 0000000000..4d0e12b5a2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-division.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244b2
+title: Комбіноване присвоєння з розширеним діленням
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvKT2'
+forumTopicId: 16659
+dashedName: compound-assignment-with-augmented-division
+---
+
+# --description--
+
+Оператор `/=` ділить змінну на інше число.
+
+```js
+myVar = myVar / 5;
+```
+
+Поділить `myVar` на `5`. Це можна записати ще так:
+
+```js
+myVar /= 5;
+```
+
+# --instructions--
+
+Конвертуйте присвоєння для `a`, `b`, та `c`, щоб використати оператор `/=`.
+
+# --hints--
+
+`a` повинне дорівнювати `4`.
+
+```js
+assert(a === 4);
+```
+
+`b` повинне дорівнювати `27`.
+
+```js
+assert(b === 27);
+```
+
+`c` повинне дорівнювати `3`.
+
+```js
+assert(c === 3);
+```
+
+Слід використовувати оператор `/=` для всіх змінних.
+
+```js
+assert(code.match(/\/=/g).length === 3);
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(
+  /let a = 48;/.test(code) &&
+    /let b = 108;/.test(code) &&
+    /let c = 33;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 48;
+let b = 108;
+let c = 33;
+
+// Only change code below this line
+a = a / 12;
+b = b / 4;
+c = c / 11;
+```
+
+# --solutions--
+
+```js
+let a = 48;
+let b = 108;
+let c = 33;
+
+a /= 12;
+b /= 4;
+c /= 11;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md
new file mode 100644
index 0000000000..f73b82a65c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-multiplication.md
@@ -0,0 +1,95 @@
+---
+id: 56533eb9ac21ba0edf2244b1
+title: Комбіноване присвоєння з розширеним множенням
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c83vrfa'
+forumTopicId: 16662
+dashedName: compound-assignment-with-augmented-multiplication
+---
+
+# --description--
+
+Оператор `*=` множить змінну на число.
+
+```js
+myVar = myVar * 5;
+```
+
+`myVar` множитиметься на `5`. Це можна переписати так:
+
+```js
+myVar *= 5;
+```
+
+# --instructions--
+
+Перетворіть присвоєння для `a`, `b`, і `c`, щоб використати оператор `*=`.
+
+# --hints--
+
+`a` повинне дорівнювати `25`.
+
+```js
+assert(a === 25);
+```
+
+`b` повинне дорівнювати `36`.
+
+```js
+assert(b === 36);
+```
+
+`c` повинне дорівнювати `46`.
+
+```js
+assert(c === 46);
+```
+
+Вам слід використовувати оператор `*=` для кожної змінної.
+
+```js
+assert(code.match(/\*=/g).length === 3);
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(
+  /let a = 5;/.test(code) &&
+    /let b = 12;/.test(code) &&
+    /let c = 4\.6;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 5;
+let b = 12;
+let c = 4.6;
+
+// Only change code below this line
+a = a * 5;
+b = 3 * b;
+c = c * 10;
+```
+
+# --solutions--
+
+```js
+let a = 5;
+let b = 12;
+let c = 4.6;
+
+a *= 5;
+b *= 3;
+c *= 10;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md
new file mode 100644
index 0000000000..fc08362054
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/compound-assignment-with-augmented-subtraction.md
@@ -0,0 +1,93 @@
+---
+id: 56533eb9ac21ba0edf2244b0
+title: Комбіноване присвоєння з розширеним відніманням
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2Qv7AV'
+forumTopicId: 16660
+dashedName: compound-assignment-with-augmented-subtraction
+---
+
+# --description--
+
+Схожий на оператор `+=`, що додає, `-=` віднімає число від змінної.
+
+```js
+myVar = myVar - 5;
+```
+
+`5` віднімається від `myVar`. Це можна записати ще так:
+
+```js
+myVar -= 5;
+```
+
+# --instructions--
+
+Перетворіть присвоєння для `a`, `b`, і `c`, щоб використати оператор `-=`.
+
+# --hints--
+
+`a` повинне дорівнювати `5`.
+
+```js
+assert(a === 5);
+```
+
+`b` повинне дорівнювати `-6`.
+
+```js
+assert(b === -6);
+```
+
+`c` повинне дорівнювати `2`.
+
+```js
+assert(c === 2);
+```
+
+Слід використовувати оператор `-=` для кожної змінної.
+
+```js
+assert(code.match(/-=/g).length === 3);
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(
+  /let a = 11;/.test(code) && /let b = 9;/.test(code) && /let c = 3;/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = " + c; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+let a = 11;
+let b = 9;
+let c = 3;
+
+// Only change code below this line
+a = a - 6;
+b = b - 15;
+c = c - 1;
+```
+
+# --solutions--
+
+```js
+let a = 11;
+let b = 9;
+let c = 3;
+
+a -= 6;
+b -= 15;
+c -= 1;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md
new file mode 100644
index 0000000000..457c1e63c0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-plus-operator.md
@@ -0,0 +1,83 @@
+---
+id: 56533eb9ac21ba0edf2244b7
+title: Об'єднання рядків за допомогою оператора "плюс"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNpM8AN'
+forumTopicId: 16802
+dashedName: concatenating-strings-with-plus-operator
+---
+
+# --description--
+
+В JavaScript, коли оператор `+` використовується зі значенням `String`, це називається оператором <dfn>об'єднання</dfn>. З рядків можна створити новий рядок, <dfn>об'єднавши</dfn> їх.
+
+**Наприклад:**
+
+```js
+'My name is Alan,' + ' I concatenate.'
+```
+
+**Примітка:** Зверніть увагу на пробіли. Під час об'єднання між рядками відсутні пробіли, вам потрібно буде додати їх самостійно.
+
+Наприклад:
+
+```js
+const ourStr = "I come first. " + "I come second.";
+```
+
+Рядок ` I come first. I come second.` відображатиметься у консолі.
+# --instructions--
+
+Створіть `myStr` з рядків `This is the start.` й `This is the end.` за допомогою `+` оператору. Обов'язково використовуйте пробіл між двома рядками.
+
+# --hints--
+
+`myStr` повинен мати таке ж значення як і рядок `This is the start. This is the end.`
+
+```js
+assert(myStr === 'This is the start. This is the end.');
+```
+
+Для створення `myStr` потрібно використовувати `+`.
+
+```js
+assert(code.match(/(["']).*\1\s*\+\s*(["']).*\2/g));
+```
+
+Для створення `myStr` потрібно використати ключове слово `const`.
+
+```js
+assert(/const\s+myStr/.test(code));
+```
+
+Слід призначити результат для змінної `myStr`.
+
+```js
+assert(/myStr\s*=/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+  if(typeof myStr === 'string') {
+    return 'myStr = "' + myStr + '"';
+  } else {
+    return 'myStr is not a string';
+  }
+})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "This is the start. " + "This is the end.";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md
new file mode 100644
index 0000000000..3e117d5e1c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/concatenating-strings-with-the-plus-equals-operator.md
@@ -0,0 +1,68 @@
+---
+id: 56533eb9ac21ba0edf2244b8
+title: Об'єднання рядків за допомогою оператора "плюс дорівнює"
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cbQmmC4'
+forumTopicId: 16803
+dashedName: concatenating-strings-with-the-plus-equals-operator
+---
+
+# --description--
+
+Ми можемо також використовувати оператор `+=`, щоб <dfn>з'єднувати</dfn> рядок з кінцем уже існуючого рядка змінної. Або ще для того, щоб розділяти довгий рядок над кількома рядками.
+
+**Примітка:** Зверніть увагу на пробіли. Під час об'єднання між рядками відсутні пробіли, вам потрібно буде додати їх самостійно.
+
+Наприклад:
+
+```js
+let ourStr = "I come first. ";
+ourStr += "I come second.";
+```
+
+`ourStr` зараз має значення рядка `I come first. I come second.`.
+
+# --instructions--
+
+Введіть `myStr` над кількома рядками, об'єднуючи ці два рядки: `This is the first sentence.` і `This is the second sentence.`. Використовуйте оператор `+=`. Використовуйте `+=` оператор, подібний до того, як показно в прикладі, й обов'язково зверніть увагу на наявність пробіл між рядками. Почніть з призначення першого рядка `myStr`, а потім додайте до другого рядка.
+
+# --hints--
+
+`myStr` повинен мати значення рядка `This is the first sentence. This is the second sentence.`
+
+```js
+assert(myStr === 'This is the first sentence. This is the second sentence.');
+```
+
+Для створення `myStr` потрібно використовувати `+=`.
+
+```js
+assert(code.match(/myStr\s*\+=\s*(["']).*\1/g));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+  if(typeof myStr === 'string') {
+    return 'myStr = "' + myStr + '"';
+  } else {
+    return 'myStr is not a string';
+  }
+})();
+```
+
+## --seed-contents--
+
+```js
+let myStr;
+```
+
+# --solutions--
+
+```js
+let myStr = "This is the first sentence. ";
+myStr += "This is the second sentence.";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md
new file mode 100644
index 0000000000..3435902654
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/constructing-strings-with-variables.md
@@ -0,0 +1,75 @@
+---
+id: 56533eb9ac21ba0edf2244b9
+title: Створення рядків зі змінними
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cqk8rf4'
+forumTopicId: 16805
+dashedName: constructing-strings-with-variables
+---
+
+# --description--
+
+Інколи потрібно створити рядок у стилі гри [Mad Libs](https://en.wikipedia.org/wiki/Mad_Libs). Використовуючи оператор об'єднання (`+`), можна вставити одну або декілька змінних у рядок, який ви створюєте.
+
+Наприклад:
+
+```js
+const ourName = "freeCodeCamp";
+const ourStr = "Hello, our name is " + ourName + ", how are you?";
+```
+
+`ourStr` матиме значення рядка `Hello, our name is freeCodeCamp, how are you?`.
+
+# --instructions--
+
+Вставте `myName` у рядок з вашим іменем і створіть `myStr` з `myName` між рядками `My name is` і `and I am well!`
+
+# --hints--
+
+`myName` потрібно вставити у рядок, де є принаймні три символи.
+
+```js
+assert(typeof myName !== 'undefined' && myName.length > 2);
+```
+
+Ви маєте використати два оператори `+` для створення `myStr` з `myName` всередині нього.
+
+```js
+assert(code.match(/["']\s*\+\s*myName\s*\+\s*["']/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+  var output = [];
+  if(typeof myName === 'string') {
+    output.push('myName = "' + myName + '"');
+  } else {
+    output.push('myName is not a string');
+  }
+  if(typeof myStr === 'string') {
+    output.push('myStr = "' + myStr + '"');
+  } else {
+    output.push('myStr is not a string');
+  }
+  return output.join('\n');
+})();
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myName = "";
+const myStr = "";
+```
+
+# --solutions--
+
+```js
+const myName = "Bob";
+const myStr = "My name is " + myName + " and I am well!";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md
new file mode 100644
index 0000000000..ce7399581d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/count-backwards-with-a-for-loop.md
@@ -0,0 +1,77 @@
+---
+id: 56105e7b514f539506016a5e
+title: Зворотній рахунок за допомогою циклу For Loop
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2R6BHa'
+forumTopicId: 16808
+dashedName: count-backwards-with-a-for-loop
+---
+
+# --description--
+
+Цикл For Loop може здійснювати зворотній відлік, якщо виставлені правильні умови.
+
+Для того, щоб зменшити значення на два кроки, потрібно змінити нашу ініціалізацію, умову та кінцевий вираз.
+
+Розпочнемо з `i = 10` та створимо цикл, коли `i > 0`. Зменшуватимемо значення `i` на 2 в кожному циклі при тому, що`i -= 2`.
+
+```js
+const ourArray = [];
+
+for (let i = 10; i > 0; i -= 2) {
+  ourArray.push(i);
+}
+```
+
+`ourArray` тепер міститиме `[10, 8, 6, 4, 2]`. Змінімо нашу ініціалізацію та кінцевий вираз і тоді ми зможемо відраховувати назад на два, щоб створити масив непарних чисел у порядку спадання.
+
+# --instructions--
+
+Додайте непарні числа від 9 до 1 до `myArray`, використовуючи цикл `for`.
+
+# --hints--
+
+Для цього потрібно використовувати цикл `for`.
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+Потрібно використовувати метод масиву `push`.
+
+```js
+assert(code.match(/myArray.push/));
+```
+
+`myArray` повинне дорівнювати `[9, 7, 5, 3, 1]`.
+
+```js
+assert.deepEqual(myArray, [9, 7, 5, 3, 1]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 9; i > 0; i -= 2) {
+  myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md
new file mode 100644
index 0000000000..749893d8b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/create-decimal-numbers-with-javascript.md
@@ -0,0 +1,55 @@
+---
+id: cf1391c1c11feddfaeb4bdef
+title: Створення десяткових чисел з JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8GEuW'
+forumTopicId: 16826
+dashedName: create-decimal-numbers-with-javascript
+---
+
+# --description--
+
+Ми можемо зберігати десяткові числа також і у змінних. Десяткові числа іноді називаються числами <dfn>floating point</dfn> або <dfn>floats</dfn>.
+
+**Примітка:** Не всі дійсні числа можуть бути віднесені до <dfn>рухомої коми</dfn>. Це може призвести до помилок заокруглення. [Детальніше Тут](https://en.wikipedia.org/wiki/Floating-point_arithmetic#Accuracy_problems).
+
+# --instructions--
+
+Створіть змінну `myDecimal` і надайте їй десяткове значення з дробовою частиною (наприклад, `5.7`).
+
+# --hints--
+
+`myDecimal` повинне бути числом.
+
+```js
+assert(typeof myDecimal === 'number');
+```
+
+`myDecimal` повинне мати десяткову кому
+
+```js
+assert(myDecimal % 1 != 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){if(typeof myDecimal !== "undefined"){return myDecimal;}})();
+```
+
+## --seed-contents--
+
+```js
+const ourDecimal = 5.7;
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDecimal = 9.9;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md
new file mode 100644
index 0000000000..1d1a68baec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword.md
@@ -0,0 +1,88 @@
+---
+id: 587d7b87367417b2b2512b41
+title: Оголосіть змінну, доступну лише для читання, з ключовим словом Const
+challengeType: 1
+forumTopicId: 301201
+dashedName: declare-a-read-only-variable-with-the-const-keyword
+---
+
+# --description--
+
+Ключове слово `let` є не єдиним новим способом оголосити змінну. В ES6 можливо також оголосити змінні, використовуючи ключове слово `const`.
+
+У `const` є ті ж круті функції, що й в `let` з приємним бонусом — тепер змінні, оголошені за допомогою `const`, доступні лише для читання. Вони мають константне значення. Тобто, як тільки змінна стає призначеною `const`, її вже неможливо призначити знову:
+
+```js
+const FAV_PET = "Cats";
+FAV_PET = "Dogs";
+```
+
+Консоль показуватиме помилку через перепризначення значення `FAV_PET`.
+
+Змінні, які не передбачають перепризначення, слід називати, використовуючи ключове слово `const`. Це може знадобитися, якщо ви випадково спробуєте перепризначити змінну, яка повинна бути константною.
+
+Як правило, назву пишуть великими літерами, а слова виокремлюють знаком підкреслення.
+
+**Зверніть увагу:** Зазвичай, розробники пишуть назву ідентифікаторів незмінних значень великими літерами, а назви змінних значень (об'єктів та масивів) — маленькими літерами або через camelCase. Ви дізнаєтесь більше про предмети, масиви, незмінні та незмінні цінності в наступних завданнях. Також у наступних завданнях ви побачите приклади використання нижнього та верхнього регістру, а також ідентифікаторів змінної camelCase.
+
+# --instructions--
+
+Змініть код так, щоб усі змінні були оголошені за допомогою `let` або `const`. Використовуйте `let` для змінних значень, а `const` для незмінних значень. Крім того, змініть назву змінної, оголошеної з `const`, відповідно до поширених методів роботи: назви констант мають писатися великими літерами.
+
+# --hints--
+
+`var` має бути відсутнім у коді.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+Ви повинні змінити `fCC` на верхні регістри.
+
+```js
+(getUserInput) => {
+  assert(getUserInput('index').match(/(FCC)/));
+  assert(!getUserInput('index').match(/fCC/));
+}
+```
+
+`FCC` має бути константною змінною, оголошеною з `const`.
+
+```js
+assert.equal(FCC, 'freeCodeCamp');
+assert.match(code, /const\s+FCC/);
+```
+
+`fact` має оголошуватися з `let`.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/(let fact)/g));
+```
+
+`console.log` необхідно змінити, щоб вивести на екран змінні `FCC` та `fact`.
+
+```js
+(getUserInput) =>
+  assert(getUserInput('index').match(/console\.log\(\s*FCC\s*\,\s*fact\s*\)\s*;?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var fCC = "freeCodeCamp"; // Change this line
+var fact = "is cool!"; // Change this line
+fact = "is awesome!";
+console.log(fCC, fact); // Change this line
+```
+
+# --solutions--
+
+```js
+const FCC = "freeCodeCamp";
+let fact = "is cool!";
+
+fact = "is awesome!";
+console.log(FCC, fact);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md
new file mode 100644
index 0000000000..6b83e2721a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md
@@ -0,0 +1,61 @@
+---
+id: bd7123c9c443eddfaeb5bdef
+title: Оголошення змінних JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cNanrHq'
+forumTopicId: 17556
+dashedName: declare-javascript-variables
+---
+
+# --description--
+
+У інформатиці <dfn>data</dfn> має важливе значення для комп'ютера. JavaScript надає вісім різних типів <dfn>data</dfn>: `undefined`, `null`, `boolean`, `string`, `symbol`, `bigint`, `number` та `object`.
+
+Наприклад, компю'тери розрізняють числа, такі як `12` та `strings`, такі як `"12"`, `"dog"` або `"123 cats"`, котрі є набором символів. Комп'ютери можуть виконувати математичні операції з числом, але не з рядком.
+
+<dfn>Variables</dfn> дозволяють комп'ютеру динамічно зберігати та керувати даними. Вони роблять це шляхом використання "мітки" для того, щоб вказувати на дані, не використовуючи самі дані. Будь-який з восьми видів даних можуть зберігатися у змінній.
+
+Змінні подібні до змінних "x" та "y", що використовуються в математиці, і це означає, що вони є простою назвою для представлення даних, на які ми хочемо посилатися. Комп'ютерні змінні відрізняються від математичних змінних тим, що вони можуть зберігати різні значення в різний час.
+
+Ми вказуємо JavaScript створити або <dfn>declare</dfn> змінну, встановивши перед нею ключове слово `var`, таким чином:
+
+```js
+var ourName;
+```
+
+створює змінну, що називається `ourName`. В JavaScript ми завершуємо команди крапкою з комою. Імена змінних можуть бути складені з цифр, букв та `$` або `_`, але не можуть містити пробіли або починатися з числа.
+
+# --instructions--
+
+Використовуйте ключове слово `var` для створення змінної `myName`.
+
+**Підказка**  
+Якщо застрягли, перегляньте приклад `ourName` вище.
+
+# --hints--
+
+Ви повинні вказати `myName` з ключовим словом `var`, закінчуючи крапкою з комою
+
+```js
+assert(/var\s+myName\s*;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myName !== "undefined"){(function(v){return v;})(myName);}
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var myName;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md
new file mode 100644
index 0000000000..a26be3e65d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md
@@ -0,0 +1,87 @@
+---
+id: bd7123c9c444eddfaeb5bdef
+title: Оголошення типу змінних string
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvWU6'
+forumTopicId: 17557
+dashedName: declare-string-variables
+---
+
+# --description--
+
+Раніше ви використовували цей код, щоб оголосити змінну:
+
+```js
+var myName;
+```
+
+Але ви також можете оголосити рядковий тип змінним ось так:
+
+```js
+var myName = "your name";
+```
+
+`"your name"` називається <dfn>string</dfn> <dfn>literal</dfn>. string literal — це послідовність символів від нуля до нескінченності, записаних в одинарних чи подвійних лапках.
+
+# --instructions--
+
+Створіть дві нові змінні рядкового типу: `myFirstName` (моє ім'я) та `myLastName` (моє прізвище) та надайте їм значення вашого імені та прізвища.
+
+# --hints--
+
+`myFirstName` має бути рядком з хоча б одним символом всередині.
+
+```js
+assert(
+  (function () {
+    if (
+      typeof myFirstName !== 'undefined' &&
+      typeof myFirstName === 'string' &&
+      myFirstName.length > 0
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+`myLastName` має бути рядком з хоча б одним символом всередині.
+
+```js
+assert(
+  (function () {
+    if (
+      typeof myLastName !== 'undefined' &&
+      typeof myLastName === 'string' &&
+      myLastName.length > 0
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myFirstName !== "undefined" && typeof myLastName !== "undefined"){(function(){return myFirstName + ', ' + myLastName;})();}
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var myFirstName = "Alan";
+var myLastName = "Turing";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md
new file mode 100644
index 0000000000..5beb517c8f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244ad
+title: Зменшення числа за допомогою JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cM2KeS2'
+forumTopicId: 17558
+dashedName: decrement-a-number-with-javascript
+---
+
+# --description--
+
+Ви можете легко <dfn>decrement</dfn> або зменшити змінну на одиницю за допомогою оператора `--`.
+
+```js
+i--;
+```
+
+дорівнює
+
+```js
+i = i - 1;
+```
+
+**Примітка:** Весь рядок стає `i--;`, усуваючи потребу в знаку рівності.
+
+# --instructions--
+
+Змініть код, щоб користуватися оператором `--` у `myVar`.
+
+# --hints--
+
+`myVar` повинен дорівнювати `10`.
+
+```js
+assert(myVar === 10);
+```
+
+`myVar = myVar - 1;` слід змінити.
+
+```js
+assert(
+  /let\s*myVar\s*=\s*11;\s*\/*.*\s*([-]{2}\s*myVar|myVar\s*[-]{2});/.test(code)
+);
+```
+
+Вам слід користуватись оператором `--` у `myVar`.
+
+```js
+assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code));
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(/let myVar = 11;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myVar = ' + z;})(myVar);
+```
+
+## --seed-contents--
+
+```js
+let myVar = 11;
+
+// Only change code below this line
+myVar = myVar - 1;
+```
+
+# --solutions--
+
+```js
+let myVar = 11;
+myVar--;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md
new file mode 100644
index 0000000000..caff9023e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md
@@ -0,0 +1,96 @@
+---
+id: 56bbb991ad1ed5201cd392d3
+title: Видалення властивостей з об'єкту JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDqKdTv'
+forumTopicId: 17560
+dashedName: delete-properties-from-a-javascript-object
+---
+
+# --description--
+
+Ми також можемо видалити властивості з таких об'єктів, як цей:
+
+```js
+delete ourDog.bark;
+```
+
+До прикладу:
+
+```js
+const ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"],
+  "bark": "bow-wow"
+};
+
+delete ourDog.bark;
+```
+
+Після того, як зазначено останній рядок, `ourDog` виглядає так:
+
+```js
+{
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+}
+```
+
+# --instructions--
+
+Видаліть властивість `tails` з `myDog`. Ви можете використовувати крапковий запис або запис квадратними дужками.
+
+# --hints--
+
+Вам слід видалити властивість `tails` з `myDog`.
+
+```js
+assert(typeof myDog === 'object' && myDog.tails === undefined);
+```
+
+Ви не повинні змінювати налаштування `myDog`.
+
+```js
+assert(code.match(/"tails": 1/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+  "name": "Happy Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"],
+  "bark": "woof"
+};
+delete myDog.tails;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md
new file mode 100644
index 0000000000..480592dc62
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md
@@ -0,0 +1,56 @@
+---
+id: bd7993c9ca9feddfaeb7bdef
+title: Ділення одного десяткового на інше у JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZe9AW'
+forumTopicId: 18255
+dashedName: divide-one-decimal-by-another-with-javascript
+---
+
+# --description--
+
+Тепер давайте поділимо одне десяткове число на інше.
+
+# --instructions--
+
+Змініть `0.0` таким чином, щоб `quotient` дорівнювало `2.2`.
+
+# --hints--
+
+Змінна `quotient` повинна дорівнювати `2.2`
+
+```js
+assert(quotient === 2.2);
+```
+
+Вам слід використовувати оператор `/`, щоб поділити 4.4 на 2
+
+```js
+assert(/4\.40*\s*\/\s*2\.*0*/.test(code));
+```
+
+Коефіцієнтна змінна повинна бути визначена лише раз
+
+```js
+assert(code.match(/quotient/g).length === 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'quotient = '+y;})(quotient);
+```
+
+## --seed-contents--
+
+```js
+const quotient = 0.0 / 2.0; // Change this line
+```
+
+# --solutions--
+
+```js
+const quotient = 4.4 / 2.0;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md
new file mode 100644
index 0000000000..51ca86672b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb6bdef
+title: Ділення одного числа на інше за допомогою JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cqkbdAr'
+forumTopicId: 17566
+dashedName: divide-one-number-by-another-with-javascript
+---
+
+# --description--
+
+Також ми можемо поділити одне число на інше.
+
+JavaScript використовує символ `/` для ділення.
+
+**Приклад**
+
+```js
+const myVar = 16 / 2;
+```
+
+`myVar` тепер набуває значення `8`.
+# --instructions--
+
+Змініть `0` таким чином, щоб `quotient` дорівнювало `2`.
+
+# --hints--
+
+Змінна `quotient` має дорівнювати 2.
+
+```js
+assert(quotient === 2);
+```
+
+Вам слід використовувати оператор `/`.
+
+```js
+assert(/\d+\s*\/\s*\d+/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'quotient = '+z;})(quotient);
+```
+
+## --seed-contents--
+
+```js
+const quotient = 66 / 0;
+```
+
+# --solutions--
+
+```js
+const quotient = 66 / 33;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md
new file mode 100644
index 0000000000..0d30c55870
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md
@@ -0,0 +1,99 @@
+---
+id: 56533eb9ac21ba0edf2244b6
+title: Екранування послідовностей у рядках
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvmqRh6'
+forumTopicId: 17567
+dashedName: escape-sequences-in-strings
+---
+
+# --description--
+
+Лапки - не єдині символи, що можуть бути <dfn>екрановані</dfn> в рядку. Існує дві причини використовувати екрановані символи:
+
+1.  Щоб дозволити вам використовувати символи, які ви не можете інакше вводити, такі як повернення каретки.
+2.  Щоб дозволити вам відобразити декілька лапок в рядку без неправильного тлумачення JavaScript того, що ви маєте на увазі.
+
+Ми вивчили це в попередньому завданні.
+
+<table class='table table-striped'><thead><tr><th>Код</th><th>При виведенні буде</th></tr></thead><tbody><tr><td><code>\'</code></td><td>одинарні лапки</td></tr><tr><td><code>\"</code></td><td>подвійні лапки</td></tr><tr><td><code>\\</code></td><td>зворотня коса риска</td></tr><tr><td><code>\n</code></td><td>новий рядок</td></tr><tr><td><code>\r</code></td><td>повернення каретки</td></tr><tr><td><code>\t</code></td><td>вкладка</td></tr><tr><td><code>\b</code></td><td>границі слова</td></tr><tr><td><code>\f</code></td><td>розрив сторінки</td></tr></tbody></table>
+
+*Зверніть увагу, що сама зворотня коса риска повинна бути екранована для того, щоб вона відображалась.*
+
+# --instructions--
+
+Задайте наступні 3 рядки тексту в єдину змінну `myStr`, використовуючи екрановану послідовність.
+
+<blockquote>Перша лінія<br>    \Друга лінія<br>Третя лінія</blockquote>
+
+Щоб правильно встановити спеціальні символи, потрібно використовувати екрановану послідовність. Також потрібно дотримуватись інтервалу, як це виглядає вище, без пробілів між екранованими послідовностями або словами.
+
+**Примітка:** Відступ для `SecondLine` досягається за допомогою символу екранування вкладки, а не пробілів.
+
+# --hints--
+
+`myStr` не повинен містити пробілів
+
+```js
+assert(!/ /.test(myStr));
+```
+
+`myStr` повинен містити рядки `FirstLine`, `SecondLine` та `ThirdLine` (пам'ятайте про врахування регістру)
+
+```js
+assert(
+  /FirstLine/.test(myStr) && /SecondLine/.test(myStr) && /ThirdLine/.test(myStr)
+);
+```
+
+За `FirstLine` повинен слідувати символ нового рядка `\n`
+
+```js
+assert(/FirstLine\n/.test(myStr));
+```
+
+`myStr` повинен містити символ вкладки `\t`, який слідує за символом нового рядка
+
+```js
+assert(/\n\t/.test(myStr));
+```
+
+За `SecondLine` повинен слідувати символ зворотної косої риски `\`
+
+```js
+assert(/\\SecondLine/.test(myStr));
+```
+
+Між `SecondLine` та `ThirdLine` повинен бути символ нового рядка
+
+```js
+assert(/SecondLine\nThirdLine/.test(myStr));
+```
+
+`myStr` повинен містити лише символи, показані в інструкціях
+
+```js
+assert(myStr === 'FirstLine\n\t\\SecondLine\nThirdLine');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+if (myStr !== undefined){
+console.log('myStr:\n' + myStr);}})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "FirstLine\n\t\\SecondLine\nThirdLine";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md
new file mode 100644
index 0000000000..f5cbda4059
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escaping-literal-quotes-in-strings.md
@@ -0,0 +1,72 @@
+---
+id: 56533eb9ac21ba0edf2244b5
+title: Уникнення літературних цитат в рядках
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QvgSr'
+forumTopicId: 17568
+dashedName: escaping-literal-quotes-in-strings
+---
+
+# --description--
+
+Коли ви зазначаєте рядок, вам потрібно починати і закінчувати його одинарними або подвійними лапками. Що стається, коли ви потребуєте літературну цитату `"` or `'` всередині вашого рядка?
+
+В JavaScript, ви можете <dfn>вийти</dfn> з цитати і розглядати її як кінець рядка лапки, розмістивши <dfn>зворотнього слешу</dfn> (`\`) перед лапкою.
+
+```js
+const sampleStr = "Alan said, \"Peter is learning JavaScript\".";
+```
+
+Це сигнали для JavaScript про те, що така цитата не є кінцевим рядком, а повинна з'явитися всередині рядка. Тому якщо ви введете це в консолі, то отримаєте:
+
+```js
+Alan said, "Peter is learning JavaScript".
+```
+
+# --instructions--
+
+Використовуйте <dfn>косі риски</dfn> щоб зазначити для рядка змінну `myStr`, і таким чином ввівши її на консолі, побачите:
+
+```js
+I am a "double quoted" string inside "double quotes".
+```
+
+# --hints--
+
+Вам слід використовувати дві подвійні лапки (`"`) і чотири подвійні лапки (`\"`).
+
+```js
+assert(code.match(/\\"/g).length === 4 && code.match(/[^\\]"/g).length === 2);
+```
+
+Змінний myStr повинен містити рядок: `I am a "double quoted" string inside "double quotes".`
+
+```js
+assert(/I am a "double quoted" string inside "double quotes(\."|"\.)$/.test(myStr));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){
+  if(typeof myStr === 'string') {
+    console.log("myStr = \"" + myStr + "\"");
+  } else {
+    console.log("myStr is undefined");
+  }
+})();
+```
+
+## --seed-contents--
+
+```js
+const myStr = ""; // Change this line
+```
+
+# --solutions--
+
+```js
+const myStr = "I am a \"double quoted\" string inside \"double quotes\".";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md
new file mode 100644
index 0000000000..cbf6173bfd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b87367417b2b2512b3f
+title: Дослідіть відмінності між ключовими словами var та let
+challengeType: 1
+forumTopicId: 301202
+dashedName: explore-differences-between-the-var-and-let-keywords
+---
+
+# --description--
+
+Одна з найбільших проблем в оголошенні змінних з ключовим словом `var` полягає в легкому перезаписуванні оголошень змінних:
+
+```js
+var camper = "James";
+var camper = "David";
+console.log(camper);
+```
+
+У вищезазначеному коді змінна `camper` спочатку була оголошена як `James`, а потім була переписана на `David`. Тому консоль показує рядок `David`.
+
+У невеликому застосунку вам можливо і не загрожуватиме така проблема. Але з поступовим збільшенням кодової бази, ви можете випадково переписати якусь змінну. Оскільки така дія не вважається помилковою, то й знайти та виправити такі похибки буде складніше.
+
+Ключове слово `let` було введено в ES6 (важливе оновлення до JavaScript), щоб потенційно розв'язати цю проблему з ключовим словом `var`. Про інші функції ES6 ви дізнаєтеся у наступних завданнях.
+
+Якщо ви заміните `var` на `let` у коді вище, це призведе до помилки:
+
+```js
+let camper = "James";
+let camper = "David";
+```
+
+Помилку можна побачити у вашій консолі браузера.
+
+Отже, на відміну від `var`, при використанні `let` змінну з такою самою назвою можливо оголосити лише один раз.
+
+# --instructions--
+
+Оновіть код так, щоб використовувалося лише ключове слово `let`.
+
+# --hints--
+
+`var` має бути відсутнім у коді.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`catName` має бути рядком `Oliver`.
+
+```js
+assert(catName === 'Oliver');
+```
+
+`catSound` має бути рядком `Meow!`
+
+```js
+assert(catSound === 'Meow!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var catName = "Oliver";
+var catSound = "Meow!";
+```
+
+# --solutions--
+
+```js
+let catName = "Oliver";
+let catSound = "Meow!";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md
new file mode 100644
index 0000000000..157e0f120e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c448eddfaeb5bdef
+title: Знайти довжину рядка
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cvmqEAd'
+forumTopicId: 18182
+dashedName: find-the-length-of-a-string
+---
+
+# --description--
+
+Ви можете знайти довжину `String` значення, написавши `.length` після рядкової змінної або рядкового літералу.
+
+```js
+console.log("Alan Peter".length);
+```
+
+У консолі відображатиметься значення `10`.
+
+Наприклад, якби ми створили змінну `const firstName = "Ada"`, ми б змогли визначити довжину рядка `Ada` за допомогою властивості `firstName.length`.
+
+# --instructions--
+
+Використовуйте властивість `.length`, щоб вирахувати кількість символів у змінній `lastName` і призначити її до `lastNameLength`.
+
+# --hints--
+
+Не слід змінювати оголошення змінних у розділі `// Setup`.
+
+```js
+assert(
+  code.match(/let lastNameLength = 0;/) &&
+    code.match(/const lastName = "Lovelace";/)
+);
+```
+
+`lastNameLength` має дорівнювати вісім.
+
+```js
+assert(typeof lastNameLength !== 'undefined' && lastNameLength === 8);
+```
+
+Ви повинні отримати довжину `lastName`, використовуючи `.length` таким чином: `lastName.length`.
+
+```js
+assert(code.match(/=\s*lastName\.length/g) && !code.match(/lastName\s*=\s*8/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+let lastNameLength = 0;
+const lastName = "Lovelace";
+
+// Only change code below this line
+lastNameLength = lastName;
+```
+
+# --solutions--
+
+```js
+let lastNameLength = 0;
+const lastName = "Lovelace";
+lastNameLength = lastName.length;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
new file mode 100644
index 0000000000..ecc76c0b1f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md
@@ -0,0 +1,67 @@
+---
+id: 56533eb9ac21ba0edf2244ae
+title: Пошук залишку в JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWP24Ub'
+forumTopicId: 18184
+dashedName: finding-a-remainder-in-javascript
+---
+
+# --description--
+
+Оператор <dfn>remainder</dfn> `%` надає залишки від ділення двох чисел.
+
+**Приклад**
+
+<blockquote>5 % 2 = 1 тому що <br>Math.floor(5 / 2) = 2 (Коефіцієнт)<br>2 * 2 = 4<br>5 - 4 = 1 (Залишок)</blockquote>
+
+**Usage**  
+В математиці число може бути перевіреним на парність чи непарність шляхом перевірки залишку від ділення числа на `2`.
+
+<blockquote>7 % 2 = 1 (17 є Непарним)<br>48 % 2 = 0 (48 є Парним)</blockquote>
+
+**Примітка:** Оператор <dfn>залишку</dfn> іноді неправильно називають оператором модуля. Він є дуже схожим на модуль, але не працює належним чином з від'ємними числами.
+
+# --instructions--
+
+Встановіть `remainder`, що дорівнює залишку `11` поділеного на `3` використовуючи оператор <dfn>remainder</dfn> (`%`).
+
+# --hints--
+
+Змінна `remainder` повинна бути ініціалізованою
+
+```js
+assert(/(const|let|var)\s+?remainder/.test(code));
+```
+
+Значення `remainder` повинне бути `2`
+
+```js
+assert(remainder === 2);
+```
+
+Вам слід використовувати оператор `%`
+
+```js
+assert(/\s+?remainder\s*?=\s*?.*%.*;?/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'remainder = '+y;})(remainder);
+```
+
+## --seed-contents--
+
+```js
+const remainder = 0;
+```
+
+# --solutions--
+
+```js
+const remainder = 11 % 3;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md
new file mode 100644
index 0000000000..ffe36aef4e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md
@@ -0,0 +1,69 @@
+---
+id: cf1111c1c11feddfaeb9bdef
+title: Генерація випадкових дробів з JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cyWJJs3'
+forumTopicId: 18185
+dashedName: generate-random-fractions-with-javascript
+---
+
+# --description--
+
+Випадкові числа є корисними для створення випадкової поведінки об'єкта.
+
+JavaScript має функцію `Math.random()`, що генерує випадкові десяткові числа між `0` (включно) and `1` (виключно). Таким чином `Math.random()` може повернути `0` але ніколи не поверне `1`.
+
+**Примітка:** Як [Storing Values with the Assignment Operator](/learn/javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator), всі виклики функцій будуть вирішені до того, як `return` виконується, тому ми можемо повернути значення `return` функції `Math.random()`.
+
+# --instructions--
+
+Змініть `randomFraction`, щоб повернути випадкове число замість повернення `0`.
+
+# --hints--
+
+`randomFraction` має повернути випадкове число.
+
+```js
+assert(typeof randomFraction() === 'number');
+```
+
+Число, яке повернуто `randomFraction` має бути десятковим.
+
+```js
+assert((randomFraction() + '').match(/\./g));
+```
+
+Вам слід використовувати `Math.random` для генерації випадкового десяткового числа.
+
+```js
+assert(code.match(/Math\.random/g).length >= 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){return randomFraction();})();
+```
+
+## --seed-contents--
+
+```js
+function randomFraction() {
+
+  // Only change code below this line
+
+  return 0;
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function randomFraction() {
+  return Math.random();
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md
new file mode 100644
index 0000000000..eddcd61bf5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-with-javascript.md
@@ -0,0 +1,90 @@
+---
+id: cf1111c1c12feddfaeb1bdef
+title: Генерація випадкових цілих чисел за допомогою JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRn6bfr'
+forumTopicId: 18186
+dashedName: generate-random-whole-numbers-with-javascript
+---
+
+# --description--
+
+Це чудово, що ми можемо згенерувати випадкові десяткові числа, але більш зручно, якщо ми використаємо їх для генерації випадкових цілих чисел.
+
+<ol><li>Використовуйте <code>Math.random()</code> щоб згенерувати випадкове десяткове число.</li><li>Помножте це випадкое десяткове на <code>20</code>.</li><li>Використайте іншу функцію, <code>Math.floor()</code> щоб заокруглити число до найближчого цілого числа.</li></ol>
+
+Пам'ятайте, що `Math.random()` ніколи не повертає `1`, тому що ми заокруглюємо без можливості отримати `20`. Цей метод видасть нам ціле число від `0` до `19`.
+
+Зіставивши усе разом, ось так виглядає наш код:
+
+```js
+Math.floor(Math.random() * 20);
+```
+
+Ми називаємо `Math.random()`, перемноживши результат на 20, а потім передаємо значення функції `Math.floor()` для заокруглення значення до найближчого цілого числа.
+
+# --instructions--
+
+Використайте цей метод для утворення та повернення випадкового цілого числа від `0` до `9`.
+
+# --hints--
+
+Результат `randomWholeNum` має бути цілим числом.
+
+```js
+assert(
+  typeof randomWholeNum() === 'number' &&
+    (function () {
+      var r = randomWholeNum();
+      return Math.floor(r) === r;
+    })()
+);
+```
+
+Вам слід використовувати `Math.random` для утворення випадкового числа.
+
+```js
+assert(code.match(/Math.random/g).length >= 1);
+```
+
+Ви повинні помножити результат `Math.random` на 10, щоб зробити його числом від 0 до 9.
+
+```js
+assert(
+  code.match(/\s*?Math.random\s*?\(\s*?\)\s*?\*\s*?10[\D]\s*?/g) ||
+    code.match(/\s*?10\s*?\*\s*?Math.random\s*?\(\s*?\)\s*?/g)
+);
+```
+
+Ви повинні використовувати `Math.floor` для видалення десяткової частини числа.
+
+```js
+assert(code.match(/Math.floor/g).length >= 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){return randomWholeNum();})();
+```
+
+## --seed-contents--
+
+```js
+function randomWholeNum() {
+
+  // Only change code below this line
+
+  return Math.random();
+}
+```
+
+# --solutions--
+
+```js
+function randomWholeNum() {
+  return Math.floor(Math.random() * 10);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.md
new file mode 100644
index 0000000000..056598dfeb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-whole-numbers-within-a-range.md
@@ -0,0 +1,102 @@
+---
+id: cf1111c1c12feddfaeb2bdef
+title: Генерація випадкових цілих чисел в межах діапазону
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm83yu6'
+forumTopicId: 18187
+dashedName: generate-random-whole-numbers-within-a-range
+---
+
+# --description--
+
+Замість генерації випадкового цілого числа між нулем і даним числом, як ми робили це раніше, ми можемо утворити випадкове ціле число, що потрапляє в діапазон двох конкретних чисел.
+
+Для цього ми визначимо мінімальне число `min` і максимальне число `max`.
+
+Ми будемо використовувати наступну формулу. Зробіть паузу, щоб прочитати і зрозуміти, що робить цей код:
+
+```js
+Math.floor(Math.random() * (max - min + 1)) + min
+```
+
+# --instructions--
+
+Створіть функцію під назвою `randomRange`, яка займає діапазон `myMin` і `myMax` і повертає випадкове ціле число, яке більше або дорівнює `myMin`і менше або дорівнює `myMax`, включно.
+
+# --hints--
+
+Найменше випадкове число, яке можна створити за допомогою `randomRange` має дорівнювати вашому мінімальному числу, `myMin`.
+
+```js
+assert(calcMin === 5);
+```
+
+Найбільше випадкове число, яке можна створити за допомогою `randomRange` має дорівнювати вашому максимальному числу, `myMax`.
+
+```js
+assert(calcMax === 15);
+```
+
+Випадкове число, утворене за допомогою `randomRange` має бути цілим, а не десятковим.
+
+```js
+assert(randomRange(0, 1) % 1 === 0);
+```
+
+`randomRange` повинен використовувати обидва `myMax` та `myMin`, і повертати випадкове число у межах вашого діапазону.
+
+```js
+assert(
+  (function () {
+    if (
+      code.match(/myMax/g).length > 1 &&
+      code.match(/myMin/g).length > 2 &&
+      code.match(/Math.floor/g) &&
+      code.match(/Math.random/g)
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+var calcMin = 100;
+var calcMax = -100;
+for(var i = 0; i < 100; i++) {
+  var result = randomRange(5,15);
+  calcMin = Math.min(calcMin, result);
+  calcMax = Math.max(calcMax, result);
+}
+(function(){
+  if(typeof myRandom === 'number') {
+    return "myRandom = " + myRandom;
+  } else {
+    return "myRandom undefined";
+  }
+})()
+```
+
+## --seed-contents--
+
+```js
+function randomRange(myMin, myMax) {
+  // Only change code below this line
+  return 0;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function randomRange(myMin, myMax) {
+  return Math.floor(Math.random() * (myMax - myMin + 1)) + myMin;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md
new file mode 100644
index 0000000000..c1177712df
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-scope-and-functions.md
@@ -0,0 +1,128 @@
+---
+id: 56533eb9ac21ba0edf2244be
+title: Глобальна область видимості та функції
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cQM7mCN'
+forumTopicId: 18193
+dashedName: global-scope-and-functions
+---
+
+# --description--
+
+У JavaScript, <dfn>область видимості</dfn> стосується видимості змінних. Змінні, які знаходяться за межами функції, мають <dfn>Глобальну</dfn> область видимості. Це означає, що їх можна побачити всюди у вашому коді в JavaScript.
+
+Змінні, які оголошуються без ключових слів `let` чи `const` автоматично створюються в `global` області видимості. Це може створити непередбачувані наслідки десь у вашому коді або при запуску функції знову. Ви повинні завжди визначати свої змінні за допомогою `let` чи `const`.
+
+# --instructions--
+
+Використовуючи `let` чи `const`, визначте глобальну змінну `myGlobal` поза будь-якою функцією. Привласніть їй значення `10`.
+
+Призначте `5` для `oopsGlobal` всередині функції `fun1` ***не*** використовуючи ключове слово `let` чи `const`.
+
+# --hints--
+
+`myGlobal` краще визначити
+
+```js
+assert(typeof myGlobal != 'undefined');
+```
+
+`myGlobal` повинне мати значення `10`
+
+```js
+assert(myGlobal === 10);
+```
+
+Для визначення `myGlobal` потрібно використати ключове слово `let` чи `const`
+
+```js
+assert(/(let|const)\s+myGlobal/.test(code));
+```
+
+`oopsGlobal` має бути глобальною змінною і мати значення `5`
+
+```js
+assert(typeof oopsGlobal != 'undefined' && oopsGlobal === 5);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+var oopsGlobal;
+capture();
+```
+
+## --after-user-code--
+
+```js
+fun1();
+fun2();
+uncapture();
+(function() { return logOutput || "console.log never called"; })();
+```
+
+## --seed-contents--
+
+```js
+// Declare the myGlobal variable below this line
+
+
+function fun1() {
+  // Assign 5 to oopsGlobal Here
+
+}
+
+// Only change code above this line
+
+function fun2() {
+  var output = "";
+  if (typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if (typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+```
+
+# --solutions--
+
+```js
+const myGlobal = 10;
+
+function fun1() {
+  oopsGlobal = 5;
+}
+
+function fun2() {
+  var output = "";
+  if(typeof myGlobal != "undefined") {
+    output += "myGlobal: " + myGlobal;
+  }
+  if(typeof oopsGlobal != "undefined") {
+    output += " oopsGlobal: " + oopsGlobal;
+  }
+  console.log(output);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md
new file mode 100644
index 0000000000..dca1cda278
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/global-vs.-local-scope-in-functions.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244c0
+title: Глобальна та Локальна Область видимості в роботі
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c2QwKH2'
+forumTopicId: 18194
+dashedName: global-vs--local-scope-in-functions
+---
+
+# --description--
+
+<dfn>Локальні</dfn> та <dfn>глобальні</dfn> змінні можна використовувати з одним і тим самим іменем. Коли ви це зробите, локальна змінна має перевагу над глобальною змінною.
+
+У цьому прикладі:
+
+```js
+const someVar = "Hat";
+
+function myFun() {
+  const someVar = "Head";
+  return someVar;
+}
+```
+
+Функція `myFun` поверне рядок `Head`, оскільки присутній місцевий варіант змінної.
+
+# --instructions--
+
+Додайте локальну змінну до функції `myOutfit`, щоб перевизначити значення `outerWear` з рядком `sweater`.
+
+# --hints--
+
+Краще не змінювати значення глобального `outerWear`.
+
+```js
+assert(outerWear === 'T-Shirt');
+```
+
+`myOutfit` має повертати рядок `sweater`.
+
+```js
+assert(myOutfit() === 'sweater');
+```
+
+Не можна змінювати оператор повернення.
+
+```js
+assert(/return outerWear/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+const outerWear = "T-Shirt";
+
+function myOutfit() {
+  // Only change code below this line
+
+  // Only change code above this line
+  return outerWear;
+}
+
+myOutfit();
+```
+
+# --solutions--
+
+```js
+const outerWear = "T-Shirt";
+function myOutfit() {
+  const outerWear = "sweater";
+  return outerWear;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md
new file mode 100644
index 0000000000..0a21c6f831
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/golf-code.md
@@ -0,0 +1,136 @@
+---
+id: 5664820f61c48e80c9fa476c
+title: Golf Code
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9ykNUR'
+forumTopicId: 18195
+dashedName: golf-code
+---
+
+# --description--
+
+У грі [гольф](https://en.wikipedia.org/wiki/Golf), кожен отвір має `par`, значення від середньої кількості очікуваних `ударів`, які повинен зробити гравець, щоб потрапити м'ячем у лунку, для завершення гри. Залежно від того, на скільки вище або нижче `par` є ваші `удари`, існують різні псевдоніми.
+
+Ваша функція проходитиме аргументи `par` та `strokes`. Поверніть правильний рядок відповідно до цієї таблиці, яка перелічує удари в порядку пріоритету; зверху (найвищий) до низу (найнижчий):
+
+<table class='table table-striped'><thead><tr><th>Удари</th><th>Відображений результат</th></tr></thead><tbody><tr><td>1</td><td>"В лунку з першого удару"</td></tr><tr><td>&#x3C;= par - 2</td><td>"Орел"</td></tr><tr><td>par - 1</td><td>"Пташка"</td></tr><tr><td>par</td><td>"Середнячок"</td></tr><tr><td>par + 1</td><td>"Страшко"</td></tr><tr><td>par + 2</td><td>"Двічі Страшко"</td></tr><tr><td>>= par + 3</td><td>"Йди додому!"</td></tr></tbody></table>
+
+`par` та `удари` завжди будуть числовими та додатніми. Ми додали масив усіх ваших імен для зручності.
+
+# --hints--
+
+Рахунок `(4, 1)` має виводити стрічку `В лунку з першого удару!`
+
+```js
+assert(golfScore(4, 1) === 'Hole-in-one!');
+```
+
+Рахунок `(4, 2)` має виводити стрічку `Орел`
+
+```js
+assert(golfScore(4, 2) === 'Eagle');
+```
+
+Рахунок `(5, 2)` має виводити стрічку `Орел`
+
+```js
+assert(golfScore(5, 2) === 'Eagle');
+```
+
+Рахунок `(4, 3)` має виводити стрічку `Пташка`
+
+```js
+assert(golfScore(4, 3) === 'Birdie');
+```
+
+Рахунок `(4, 4)` має виводити стрічку `Середнячок`
+
+```js
+assert(golfScore(4, 4) === 'Par');
+```
+
+Рахунок `(1, 1)` має виводити стрічку `В лунку з першого удару!`
+
+```js
+assert(golfScore(1, 1) === 'Hole-in-one!');
+```
+
+Рахунок `(5, 5)` має виводити стрічку `Середнячок`
+
+```js
+assert(golfScore(5, 5) === 'Par');
+```
+
+Рахунок `(4, 5)` має виводити стрічку `Страшко`
+
+```js
+assert(golfScore(4, 5) === 'Bogey');
+```
+
+Рахунок `(4, 6)` має виводити стрічку `Двічі Страшко`
+
+```js
+assert(golfScore(4, 6) === 'Double Bogey');
+```
+
+Рахунок `(4, 7)` має виводити стрічку `Йди додому!`
+
+```js
+assert(golfScore(4, 7) === 'Go Home!');
+```
+
+Рахунок `(5, 9)` має виводити стрічку `Йди додому!`
+
+```js
+assert(golfScore(5, 9) === 'Go Home!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const names = ["Hole-in-one!", "Eagle", "Birdie", "Par", "Bogey", "Double Bogey", "Go Home!"];
+
+function golfScore(par, strokes) {
+  // Only change code below this line
+
+
+  return "Change Me";
+  // Only change code above this line
+}
+
+golfScore(5, 4);
+```
+
+# --solutions--
+
+```js
+function golfScore(par, strokes) {
+  if (strokes === 1) {
+    return "Hole-in-one!";
+  }
+
+  if (strokes <= par - 2) {
+    return "Eagle";
+  }
+
+  if (strokes === par - 1) {
+    return "Birdie";
+  }
+
+  if (strokes === par) {
+    return "Par";
+  }
+
+  if (strokes === par + 1) {
+    return "Bogey";
+  }
+
+  if(strokes === par + 2) {
+    return "Double Bogey";
+  }
+
+  return "Go Home!";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md
new file mode 100644
index 0000000000..caf1fad30c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/increment-a-number-with-javascript.md
@@ -0,0 +1,80 @@
+---
+id: 56533eb9ac21ba0edf2244ac
+title: Збільшення Числа з JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8GLT9'
+forumTopicId: 18201
+dashedName: increment-a-number-with-javascript
+---
+
+# --description--
+
+Ви можете легко <dfn>збільшити</dfn> або додати до змінної з оператором `++`.
+
+```js
+i++;
+```
+
+є еквівалентом
+
+```js
+i = i + 1;
+```
+
+**Note:** Весь рядок стає `i++;`, усуваючи потребу в знаку рівності.
+
+# --instructions--
+
+Змініть код, щоб використовувати оператор `++` у `myVar`.
+
+# --hints--
+
+`myVar` повинен дорівнювати `88`.
+
+```js
+assert(myVar === 88);
+```
+
+Ви не повинні використовувати оператор присвоєння.
+
+```js
+assert(
+  /let\s*myVar\s*=\s*87;\s*\/*.*\s*([+]{2}\s*myVar|myVar\s*[+]{2});/.test(code)
+);
+```
+
+Вам слід використовувати оператор `++`.
+
+```js
+assert(/[+]{2}\s*myVar|myVar\s*[+]{2}/.test(code));
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(/let myVar = 87;/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myVar = ' + z;})(myVar);
+```
+
+## --seed-contents--
+
+```js
+let myVar = 87;
+
+// Only change code below this line
+myVar = myVar + 1;
+```
+
+# --solutions--
+
+```js
+let myVar = 87;
+myVar++;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md
new file mode 100644
index 0000000000..6f90c4db90
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/initializing-variables-with-the-assignment-operator.md
@@ -0,0 +1,50 @@
+---
+id: 56533eb9ac21ba0edf2244a9
+title: Ініціалізація Змінних за допомогою Оператора Присвоєння
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWJ4Bfb'
+forumTopicId: 301171
+dashedName: initializing-variables-with-the-assignment-operator
+---
+
+# --description--
+
+Є загальноприйнятим <dfn>ініціалізувати</dfn> змінну до початкового значення в тому ж рядку, в якому вона була вказана.
+
+```js
+var myVar = 0;
+```
+
+Створіть нову змінну з назвою `myVar` та призначте їй початкове значення `0`.
+
+# --instructions--
+
+Визначте змінну `a` з `var` та ініціалізуйте її до значення `9`.
+
+# --hints--
+
+Вам потрібно ініціалізувати `a` до значення `9`.
+
+```js
+assert(/var\s+a\s*=\s*9(\s*;?\s*)$/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof a !== 'undefined') {(function(a){return "a = " + a;})(a);} else { (function() {return 'a is undefined';})(); }
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+var a = 9;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md
new file mode 100644
index 0000000000..c61749e57c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-if-statements.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244db
+title: Поняття про команду Else If
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeJ2hm'
+forumTopicId: 18206
+dashedName: introducing-else-if-statements
+---
+
+# --description--
+
+Якщо вам потрібно донести декілька умов, ви можете з'єднати команди з `if` разом з командами `else if`.
+
+```js
+if (num > 15) {
+  return "Bigger than 15";
+} else if (num < 5) {
+  return "Smaller than 5";
+} else {
+  return "Between 5 and 15";
+}
+```
+
+# --instructions--
+
+Перетворіть оператори використовуючи команди `else if`.
+
+# --hints--
+
+Щонайменше потрібно мати дві команди `else`
+
+```js
+assert(code.match(/else/g).length > 1);
+```
+
+Щонайменше потрібно мати дві команди `if`
+
+```js
+assert(code.match(/if/g).length > 1);
+```
+
+Кожен блок коду `if else` повинен мати закриті і відкриті фігурні дужки.
+
+```js
+assert(
+  code.match(
+    /if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s+if\s*\((.+)\)\s*\{[\s\S]+\}\s*else\s*\{[\s\S]+\s*\}/
+  )
+);
+```
+
+`testElseIf(0)` має повернути рядок `Smaller than 5`
+
+```js
+assert(testElseIf(0) === 'Smaller than 5');
+```
+
+`testElseIf(5)` має повернути рядок `Between 5 and 10`
+
+```js
+assert(testElseIf(5) === 'Between 5 and 10');
+```
+
+`testElseIf(7)` має повернути рядок `Between 5 and 10`
+
+```js
+assert(testElseIf(7) === 'Between 5 and 10');
+```
+
+`testElseIf(10)` має повернути рядок `Between 5 and 10`
+
+```js
+assert(testElseIf(10) === 'Between 5 and 10');
+```
+
+`testElseIf(12)` має повернути рядок `Greater than 10`
+
+```js
+assert(testElseIf(12) === 'Greater than 10');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testElseIf(val) {
+  if (val > 10) {
+    return "Greater than 10";
+  }
+
+  if (val < 5) {
+    return "Smaller than 5";
+  }
+
+  return "Between 5 and 10";
+}
+
+testElseIf(7);
+```
+
+# --solutions--
+
+```js
+function testElseIf(val) {
+  if(val > 10) {
+    return "Greater than 10";
+  } else if(val < 5) {
+    return "Smaller than 5";
+  } else {
+    return "Between 5 and 10";
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md
new file mode 100644
index 0000000000..972fb05fae
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/introducing-else-statements.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244da
+title: Поняття про команду Else
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cek4Efq'
+forumTopicId: 18207
+dashedName: introducing-else-statements
+---
+
+# --description--
+
+Коли умова команди `if` правильна, то наступний блок з кодом виконується. Що ж коли ця умова хибна? Зазвичай нічого не станеться. У випадку `else`, альтернативний блок коду може спрацювати.
+
+```js
+if (num > 10) {
+  return "Bigger than 10";
+} else {
+  return "10 or Less";
+}
+```
+
+# --instructions--
+
+Об’єднайте команди `if` в єдину команду `if/else`.
+
+# --hints--
+
+Ви повинні отримати одну команду `if` у редакторі
+
+```js
+assert(code.match(/if/g).length === 1);
+```
+
+Вам слід використати команду `else`
+
+```js
+assert(/else/g.test(code));
+```
+
+`testElse(4)` повинен видати рядок `5 or Smaller`
+
+```js
+assert(testElse(4) === '5 or Smaller');
+```
+
+`testElse(5)` повинен видати рядок `5 or Smaller`
+
+```js
+assert(testElse(5) === '5 or Smaller');
+```
+
+`testElse(6)` повинен видати рядок `Bigger than 5`
+
+```js
+assert(testElse(6) === 'Bigger than 5');
+```
+
+`testElse(10)` повинен видати рядок `Bigger than 5`
+
+```js
+assert(testElse(10) === 'Bigger than 5');
+```
+
+Не варто змінювати код вище або нижче зазначених коментарів.
+
+```js
+assert(/let result = "";/.test(code) && /return result;/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function testElse(val) {
+  let result = "";
+  // Only change code below this line
+
+  if (val > 5) {
+    result = "Bigger than 5";
+  }
+
+  if (val <= 5) {
+    result = "5 or Smaller";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+testElse(4);
+```
+
+# --solutions--
+
+```js
+function testElse(val) {
+  let result = "";
+  if(val > 5) {
+    result = "Bigger than 5";
+  } else {
+    result = "5 or Smaller";
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md
new file mode 100644
index 0000000000..61aa53890e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-odd-numbers-with-a-for-loop.md
@@ -0,0 +1,69 @@
+---
+id: 56104e9e514f539506016a5c
+title: Ітерація непарних чисел у циклі for
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm8n7T9'
+forumTopicId: 18212
+dashedName: iterate-odd-numbers-with-a-for-loop
+---
+
+# --description--
+
+Цикли for не повинні повторювати один одного по черзі. При зміні `final-expression`ми можемо порахувати парними числами.
+
+Розпочнемо з `i = 0` та створимо цикл, коли `i < 10`. Збільшуватимемо значення `i` на 2 в кожному циклі при тому, що `i += 2`.
+
+```js
+const ourArray = [];
+
+for (let i = 0; i < 10; i += 2) {
+  ourArray.push(i);
+}
+```
+
+`ourArray` тепер міститиме `[0, 2, 4, 6, 8]`. Тепер змінимо нашу `initialization` так, щоб ми могли рахувати за непарними числами.
+
+# --instructions--
+
+Додайте непарні числа від 1 до 9 до `myArray`, використовуючи цикл `for`.
+
+# --hints--
+
+Для цього потрібно використовувати цикл `for`.
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+`myArray` повинне дорівнювати `[1, 3, 5, 7, 9]`.
+
+```js
+assert.deepEqual(myArray, [1, 3, 5, 7, 9]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 1; i < 10; i += 2) {
+  myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md
new file mode 100644
index 0000000000..84d6820c89
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-through-an-array-with-a-for-loop.md
@@ -0,0 +1,81 @@
+---
+id: 5675e877dbd60be8ad28edc6
+title: Ітерація через масив за допомогою циклу For
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caeR3HB'
+forumTopicId: 18216
+dashedName: iterate-through-an-array-with-a-for-loop
+---
+
+# --description--
+
+Ітерація через вміст масиву є поширеною задачею у JavaScript. Це можна робити за допомогою циклу `for`. Цей код буде виводити кожен елемент масиву `arr` на консоль:
+
+```js
+const arr = [10, 9, 8, 7, 6];
+
+for (let i = 0; i < arr.length; i++) {
+   console.log(arr[i]);
+}
+```
+
+Пам'ятайте, що масиви мають індексацію, яка рахується від нуля і це означає, що останній індекс масиву - це `length - 1`. Нашою умовою для цього циклу є `i < arr.length`, який зупиняє цикл, коли `i` дорівнює `length`. У цьому випадку останньою ітерацією є `i === 4`, тобто коли `i` дорівнює `arr.length - 1` і виводить `6` на консоль. Тоді `i` збільшується на `5`, і цикл закінчується тому, що код `i < arr.length` є `false`.
+
+# --instructions--
+
+Оголосіть та ініціалізуйте змінну `total` до `0`. Використовуйте цикл `for` для додавання значення кожного елементу масиву `myArr` до `total`.
+
+# --hints--
+
+`total` повинна бути оголошеною та ініціалізованою до 0.
+
+```js
+assert(code.match(/(var|let|const)\s*?total\s*=\s*0.*?;?/));
+```
+
+`total` повинна дорівнювати 20.
+
+```js
+assert(total === 20);
+```
+
+Слід використовувати цикл `for` для ітерації через `myArr`.
+
+```js
+assert(/for\s*\(/g.test(code) && /myArr\s*\[/g.test(code));
+```
+
+Не потрібно намагатися напряму призначити `total` значення 20.
+
+```js
+assert(!__helpers.removeWhiteSpace(code).match(/total[=+-]0*[1-9]+/gm));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(){if(typeof total !== 'undefined') { return "total = " + total; } else { return "total is undefined";}})()
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArr = [2, 3, 4, 5, 6];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArr = [2, 3, 4, 5, 6];
+let total = 0;
+
+for (let i = 0; i < myArr.length; i++) {
+  total += myArr[i];
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md
new file mode 100644
index 0000000000..938e32f200
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-do...while-loops.md
@@ -0,0 +1,105 @@
+---
+id: 5a2efd662fb457916e1fe604
+title: Ітерація з "do...while" циклами, JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDqWGcp'
+forumTopicId: 301172
+dashedName: iterate-with-javascript-do---while-loops
+---
+
+# --description--
+
+Наступний вид циклів, який ви вивчите, називається `do...while` циклом. Він називається `do...while` циклом, тому що, спочатку, не зважаючи ні на що, він `do` (робить) одну передачу коду, а потім продовжує виконувати цикл `while` поки вказана умова обчислюється до `true`.
+
+```js
+const ourArray = [];
+let i = 0;
+
+do {
+  ourArray.push(i);
+  i++;
+} while (i < 5);
+```
+
+Приклад вище поводиться аналогічно з іншими типами циклів, і результуючий масив буде виглядати як `[0, 1, 2, 3, 4]`. Однак, що відрізняє `do...while` від інших циклів, так це те, як він поводиться, коли умова підводить при першій перевірці. Давайте розглянемо це в дії: Ось звичайний `while` цикл, який запустить код за умови, якщо `i < 5`:
+
+```js
+const ourArray = []; 
+let i = 5;
+
+while (i < 5) {
+  ourArray.push(i);
+  i++;
+}
+```
+
+У цьому прикладі ми ініціалізуємо значення `ourArray` до порожнього масиву і значення `i` до 5. Коли ми виконуємо `while` цикл, умова обчислюється до `false`, тому що `i` не менше ніж 5, таким чином ми не виконуємо код всередині циклу. Результатом є те, що до `ourArray` не буде додано ніяких значень і він все ще виглядатиме, як `[]`, коли всі коди, в наведеному вище прикладі, вже завершили роботу. А зараз погляньте на `do...while` цикл:
+
+```js
+const ourArray = []; 
+let i = 5;
+
+do {
+  ourArray.push(i);
+  i++;
+} while (i < 5);
+```
+
+У цьому випадку, ми ініціалізуємо значення `i` до 5, так само, як ми зробили з `while` циклом. Коли ми доходимо до наступного рядка, то бачимо, що умови для обчислення немає. Таким чином, ми рухаємось до коду, що знаходиться у фігурних дужках, і виконуємо його. Ми додамо єдиний елемент до масиву, а потім збільшимо `i` перед тим, як перейти до перевірки умови. Коли ми нарешті обчислимо умову `i < 5` в останньому рядку, ми побачимо, що зараз `i` становить 6, що провалює перевірку умови. Тому, ми виходимо з циклу і завершуємо роботу. Наприкінці наведеного вище прикладу, значення `ourArray` становить `[5]`. В цілому, `do...while` цикл гарантує те, що код всередині циклу буде виконуватися принаймні один раз. Давайте спробуємо підготувати `do...while` цикл до роботи, висуваючи значення до масиву.
+
+# --instructions--
+
+В коді змініть `while` цикл на `do...while` цикл і він висуватиме лише число `10` до `myArray`, а `i` буде дорівнювати `11`, коли код закінчить роботу.
+
+# --hints--
+
+Для цього завдання вам слід використовувати `do...while` цикл.
+
+```js
+assert(code.match(/do/g));
+```
+
+`myArray` повинне дорівнювати `[10]`.
+
+```js
+assert.deepEqual(myArray, [10]);
+```
+
+`i` повинне дорівнювати `11`
+
+```js
+assert.equal(i, 11);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+let i = 10;
+
+// Only change code below this line
+while (i < 5) {
+  myArray.push(i);
+  i++;
+}
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+let i = 10;
+do {
+  myArray.push(i);
+  i++;
+} while (i < 5)
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md
new file mode 100644
index 0000000000..61fe604ef9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-for-loops.md
@@ -0,0 +1,81 @@
+---
+id: cf1111c1c11feddfaeb5bdef
+title: Ітерація для циклів з JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yNVCe'
+forumTopicId: 18219
+dashedName: iterate-with-javascript-for-loops
+---
+
+# --description--
+
+Ви можете виконати один і той самий код декілька разів, використовуючи цикл.
+
+Найбільш поширеним типом JavaScript циклу є `for` цикл, тому що він виконується протягом певної кількості разів.
+
+For-цикли визнано трьома додатковими виразами, які розділені крапкою з комою:
+
+`for (a; b; c)`, де `a` — це твердження ініціалізації, `b` — твердження умови, а `c` — остаточний вираз.
+
+Твердження ініціалізації виконується лише один раз, перед початком циклу. Воно переважно використовується для визначення і налаштування змінної циклу.
+
+Твердження умови обчислюється на початку кожної ітерації циклу і продовжуватиметься до тих пір, поки не обчислиться до `true`. Коли, на початку ітерації, умова становить `false`, цикл припинить виконуватись. Це означає те, що якщо умова починається як "false", ваш цикл ніколи не виконається.
+
+Остаточний вираз виконується наприкінці кожної ітерації циклу, перед перевіркою наступної умови і, зазвичай, використовується для того, щоб збільшити або зменшити лічильник циклу.
+
+У наступному прикладі ми ініціалізуємо та ітеруємо `i = 0` допоки наша умова `i < 5` не буде правильною. Ми збільшимо `i` на `1` у кожній ітерації циклу `i++` у ролі нашого остаточного виразу.
+
+```js
+const ourArray = [];
+
+for (let i = 0; i < 5; i++) {
+  ourArray.push(i);
+}
+```
+
+`ourArray` тепер матиме значення `[0, 1, 2, 3, 4]`.
+
+# --instructions--
+
+Використовуйте `for` цикл для того, щоб перемістити значення 1 через 5 на `myArray`.
+
+# --hints--
+
+Для цього вам слід використовувати `for` цикл.
+
+```js
+assert(/for\s*\([^)]+?\)/.test(code));
+```
+
+`myArray` повинне дорівнювати `[1, 2, 3, 4, 5]`.
+
+```js
+assert.deepEqual(myArray, [1, 2, 3, 4, 5]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+for (let i = 1; i < 6; i++) {
+  myArray.push(i);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md
new file mode 100644
index 0000000000..2d9812b187
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/iterate-with-javascript-while-loops.md
@@ -0,0 +1,75 @@
+---
+id: cf1111c1c11feddfaeb1bdef
+title: Ітерація циклів JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c8QbnCM'
+forumTopicId: 18220
+dashedName: iterate-with-javascript-while-loops
+---
+
+# --description--
+
+Завдяки циклу, Ви можете запустити той самий код декілька разів.
+
+Перший тип циклу, який ми вивчатимемо, називається `while`, оскільки виконується за заданою істинною умовою і припиняється, як тільки ця умова більше не буде істинною.
+
+```js
+const ourArray = [];
+let i = 0;
+
+while (i < 5) {
+  ourArray.push(i);
+  i++;
+}
+```
+
+У прикладі вище коду цикл `while` виконуватиметься 5 разів і додаватиме числа від 0 до 4 до `ourArray`.
+
+Спробуймо підготувати цикл while до роботи, розміщуючи значення в масиві даних.
+
+# --instructions--
+
+Додайте числа від 5 до 0 (включно) у порядку спадання до `myArray`, використовуючи цикл `while`.
+
+# --hints--
+
+Для цього слід використовувати цикл `while`.
+
+```js
+assert(code.match(/while/g));
+```
+
+`myArray` повинне дорівнювати `[5, 4, 3, 2, 1, 0]`.
+
+```js
+assert.deepEqual(myArray, [5, 4, 3, 2, 1, 0]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [];
+let i = 5;
+while (i >= 0) {
+  myArray.push(i);
+  i--;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md
new file mode 100644
index 0000000000..266159518a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/local-scope-and-functions.md
@@ -0,0 +1,86 @@
+---
+id: 56533eb9ac21ba0edf2244bf
+title: Локальна область видимості та функції
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cd62NhM'
+forumTopicId: 18227
+dashedName: local-scope-and-functions
+---
+
+# --description--
+
+Змінні, що є зазначені в межах функції, мають діапазон <dfn>local</dfn>, так як і параметри функції. Це означає, що вони є видимими лише в межах цієї функції.
+
+Це функція `myTest` з локальною змінною `loc`.
+
+```js
+function myTest() {
+  const loc = "foo";
+  console.log(loc);
+}
+
+myTest();
+console.log(loc);
+```
+
+Виклик функції `myTest()` відображатиме рядок `foo` в консолі. Рядок `console.log(loc)` видасть помилку, тому що `loc` не є визначеним за діапазоном функції.
+
+# --instructions--
+
+Редактор має два `console.log` щоб допомогти вам побачити, що відбувається. Позначте консоль як ваш код, щоб побачити як вона змінюється. Зазначте локальну змінну e `myVar` всередині `myLocalScope` і запустіть тест.
+
+Консоль **Note:** все ще відображатиме `ReferenceError: myVar is not defined`, але це не спричинить збій тестувань.
+
+# --hints--
+
+Код не повинен містити глобальну змінну `myVar`.
+
+```js
+function declared() {
+  myVar;
+}
+
+assert.throws(declared, ReferenceError);
+```
+
+Вам слід додати локальну змінну `myVar`.
+
+```js
+assert(
+  /functionmyLocalScope\(\)\{.*(var|let|const)myVar[\s\S]*}/.test(
+    __helpers.removeWhiteSpace(code)
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myLocalScope() {
+  // Only change code below this line
+
+  console.log('inside myLocalScope', myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log('outside myLocalScope', myVar);
+```
+
+# --solutions--
+
+```js
+function myLocalScope() {
+  // Only change code below this line
+  let myVar;
+  console.log('inside myLocalScope', myVar);
+}
+myLocalScope();
+
+// Run and check the console
+// myVar is not defined outside of myLocalScope
+console.log('outside myLocalScope', myVar);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md
new file mode 100644
index 0000000000..1b8dc2e620
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/logical-order-in-if-else-statements.md
@@ -0,0 +1,109 @@
+---
+id: 5690307fddb111c6084545d7
+title: Логічна послідовність в команді If Else
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cwNvMUV'
+forumTopicId: 18228
+dashedName: logical-order-in-if-else-statements
+---
+
+# --description--
+
+Послідовність є важливою в командах `if` та `else if`.
+
+Функція виконується зверху до низу, тому уважно перевірте, яке речення стоїть першим.
+
+Візьмемо ці дві функції як приклад.
+
+Перша:
+
+```js
+function foo(x) {
+  if (x < 1) {
+    return "Less than one";
+  } else if (x < 2) {
+    return "Less than two";
+  } else {
+    return "Greater than or equal to two";
+  }
+}
+```
+
+А друга лише міняє порядок команд:
+
+```js
+function bar(x) {
+  if (x < 2) {
+    return "Less than two";
+  } else if (x < 1) {
+    return "Less than one";
+  } else {
+    return "Greater than or equal to two";
+  }
+}
+```
+
+Оскільки ці дві функції виглядають майже однаково, навіть якщо ми надаємо однакове число обом, то отримуємо різні результати.
+
+```js
+foo(0)
+bar(0)
+```
+
+`foo(0)` видаватиме рядок `Less than one`, і `bar(0)` видаватиме рядок `Less than two`.
+
+# --instructions--
+
+Змініть логічну послідовність функції так, щоб вона видавала правильні команди у всіх випадках.
+
+# --hints--
+
+`orderMyLogic(4)` має видати рядок `Less than 5`
+
+```js
+assert(orderMyLogic(4) === 'Less than 5');
+```
+
+`orderMyLogic(6)` має видати рядок `Less than 10`
+
+```js
+assert(orderMyLogic(6) === 'Less than 10');
+```
+
+`orderMyLogic(11)` має видати рядок `Greater than or equal to 10`
+
+```js
+assert(orderMyLogic(11) === 'Greater than or equal to 10');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function orderMyLogic(val) {
+  if (val < 10) {
+    return "Less than 10";
+  } else if (val < 5) {
+    return "Less than 5";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+
+orderMyLogic(7);
+```
+
+# --solutions--
+
+```js
+function orderMyLogic(val) {
+  if(val < 5) {
+    return "Less than 5";
+  } else if (val < 10) {
+    return "Less than 10";
+  } else {
+    return "Greater than or equal to 10";
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md
new file mode 100644
index 0000000000..0ea01b7a03
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-pop.md
@@ -0,0 +1,90 @@
+---
+id: 56bbb991ad1ed5201cd392cc
+title: Керування масивами за допомогою pop()
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRbVZAB'
+forumTopicId: 18236
+dashedName: manipulate-arrays-with-pop
+---
+
+# --description--
+
+Іншим способом змінити дані у масиві можна за допомогою функції `.pop()`.
+
+`.pop()` використовується для виведення значення з кінця масиву. Ми можемо зберігати значення, яке виводиться, присвоюючи його змінній. Іншими словами, `.pop()` видаляє останній елемент з масиву і повертає цей елемент.
+
+Будь-який тип запису може бути виведений з масиву - цифри, рядки, навіть вкладені масиви.
+
+```js
+const threeArr = [1, 4, 6];
+const oneDown = threeArr.pop();
+console.log(oneDown);
+console.log(threeArr);
+```
+
+Перший `console.log` відображатиме значення `6`, а другий - значення `[1, 4]`.
+
+# --instructions--
+
+Використовуйте функцію `.pop()`, щоб видалити останній елемент з `myArray` та призначити значення, яке виводиться для `removedFromMyArray`.
+
+# --hints--
+
+`myArray` повинен містити лише `[["John", 23]]`.
+
+```js
+assert(
+  (function (d) {
+    if (d[0][0] == 'John' && d[0][1] === 23 && d[1] == undefined) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myArray)
+);
+```
+
+Вам слід використовувати `pop()` на `myArray`.
+
+```js
+assert(/removedFromMyArray\s*=\s*myArray\s*.\s*pop\s*(\s*)/.test(code));
+```
+
+`removedFromMyArray` повинен містити лише `["cat", 2]`.
+
+```js
+assert(
+  (function (d) {
+    if (d[0] == 'cat' && d[1] === 2 && d[2] == undefined) {
+      return true;
+    } else {
+      return false;
+    }
+  })(removedFromMyArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof removedFromMyArray !== 'undefined') (function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removedFromMyArray = ' + JSON.stringify(z);})(myArray, removedFromMyArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["cat", 2]];
+const removedFromMyArray = myArray.pop();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md
new file mode 100644
index 0000000000..68e95c0b1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-push.md
@@ -0,0 +1,78 @@
+---
+id: 56bbb991ad1ed5201cd392cb
+title: Керування масивами за допомогою push()
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cnqmVtJ'
+forumTopicId: 18237
+dashedName: manipulate-arrays-with-push
+---
+
+# --description--
+
+Найпростіший спосіб додати дані до кінця масиву - це використати функцію `push()`.
+
+`.push()` приймає один або більше <dfn>parameters</dfn> і "виштовхує" їх в кінець масиву.
+
+Приклади:
+
+```js
+const arr1 = [1, 2, 3];
+arr1.push(4);
+
+const arr2 = ["Stimpson", "J", "cat"];
+arr2.push(["happy", "joy"]);
+```
+
+`arr1` зараз набуває значення `[1, 2, 3, 4]` та `arr2` набуває значення `["Stimpson", "J", "cat", ["happy", "joy"]]`.
+
+# --instructions--
+
+Виштовхніть `["dog", 3]` в кінець змінної `myArray`.
+
+# --hints--
+
+`myArray` тепер має дорівнювати `[["John", 23], ["cat", 2], ["dog", 3]]`.
+
+```js
+assert(
+  (function (d) {
+    if (
+      d[2] != undefined &&
+      d[0][0] == 'John' &&
+      d[0][1] === 23 &&
+      d[2][0] == 'dog' &&
+      d[2][1] === 3 &&
+      d[2].length == 2
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'myArray = ' + JSON.stringify(z);})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["cat", 2]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["cat", 2]];
+myArray.push(["dog",3]);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md
new file mode 100644
index 0000000000..6cbee870c0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-shift.md
@@ -0,0 +1,88 @@
+---
+id: 56bbb991ad1ed5201cd392cd
+title: Керування масивами за допомогою shift()
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRbVETW'
+forumTopicId: 18238
+dashedName: manipulate-arrays-with-shift
+---
+
+# --description--
+
+`pop()` завжди видаляє останній елемент масиву. А якщо ти хочеш видалити перший?
+
+Саме тут нам на допомогу може прийти `.shift()`. Це працює точно так як `.pop()`, за винятком того, що видаляє перший елемент замість останнього.
+
+Наприклад:
+
+```js
+const ourArray = ["Stimpson", "J", ["cat"]];
+const removedFromOurArray = ourArray.shift();
+```
+
+`removedFromOurArray` матиме значення рядка `Stimpson` та `ourArray` отримає `["J", ["cat"]]`.
+
+# --instructions--
+
+Використовуйте функцію `.shift()`, щоб видалити перший елемент з `myArray` та призначивши значення "викреслено" для нової змінної `removedFromMyArray`.
+
+# --hints--
+
+`myArray` має дорівнювати `[["dog", 3]]`.
+
+```js
+assert(
+  (function (d) {
+    if (d[0][0] == 'dog' && d[0][1] === 3 && d[1] == undefined) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myArray)
+);
+```
+
+`removedFromMyArray` повинен містити `["John", 23]`.
+
+```js
+assert(
+  (function (d) {
+    if (
+      d[0] == 'John' &&
+      d[1] === 23 &&
+      typeof removedFromMyArray === 'object'
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(removedFromMyArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if (typeof removedFromMyArray !== 'undefined') (function(y, z){return 'myArray = ' + JSON.stringify(y) + ' & removedFromMyArray = ' + JSON.stringify(z);})(myArray, removedFromMyArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["dog", 3]];
+
+// Only change code below this line
+const removedFromMyArray = myArray.shift();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md
new file mode 100644
index 0000000000..7268126ea1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulate-arrays-with-unshift.md
@@ -0,0 +1,79 @@
+---
+id: 56bbb991ad1ed5201cd392ce
+title: Керування масивами за допомогою unshift()
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ckNDESv'
+forumTopicId: 18239
+dashedName: manipulate-arrays-with-unshift
+---
+
+# --description--
+
+Ви можете не лише `shift` елементи з початку масиву, ви також можете `unshift` елементи на початок масиву, тобто додати елементи перед масивом.
+
+`.unshift()` працює в точності як `.push()`, але замість додавання елемента в кінець масиву, `unshift()` додає елемент на початку масиву.
+
+Наприклад:
+
+```js
+const ourArray = ["Stimpson", "J", "cat"];
+ourArray.shift();
+ourArray.unshift("Happy");
+```
+
+Після `shift`, `ourArray` матиме значення `["J", "cat"]`. Після `unshift`, `ourArray` матиме значення `["Happy", "J", "cat"]`.
+
+# --instructions--
+
+Додайте `["Paul", 35]` на початок змінної `myArray`, використовуючи `unshift()`.
+
+# --hints--
+
+`myArray` тепер має мати `[["Paul", 35], ["dog", 3]]`.
+
+```js
+assert(
+  (function (d) {
+    if (
+      typeof d[0] === 'object' &&
+      d[0][0] == 'Paul' &&
+      d[0][1] === 35 &&
+      d[1][0] != undefined &&
+      d[1][0] == 'dog' &&
+      d[1][1] != undefined &&
+      d[1][1] == 3
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })(myArray)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y, z){return 'myArray = ' + JSON.stringify(y);})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [["John", 23], ["dog", 3]];
+myArray.shift();
+myArray.unshift(["Paul", 35]);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md
new file mode 100644
index 0000000000..cbcfa558d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/manipulating-complex-objects.md
@@ -0,0 +1,179 @@
+---
+id: 56533eb9ac21ba0edf2244cb
+title: Керування складними об'єктами
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yNMfR'
+forumTopicId: 18208
+dashedName: manipulating-complex-objects
+---
+
+# --description--
+
+Іноді ви можете зберігати дані в гнучкій <dfn>Data Structure</dfn>. Об'єкт JavaScript є одним із способів обробки гнучких даних. Вони створюють можливість довільних комбінацій <dfn>strings</dfn>, <dfn>numbers</dfn>, <dfn>booleans</dfn>, <dfn>arrays</dfn>, <dfn>functions</dfn> та <dfn>objects</dfn>.
+
+Ось приклад структури складних даних:
+
+```js
+const ourMusic = [
+  {
+    "artist": "Daft Punk",
+    "title": "Homework",
+    "release_year": 1997,
+    "formats": [ 
+      "CD", 
+      "Cassette", 
+      "LP"
+    ],
+    "gold": true
+  }
+];
+```
+
+Це масив, який містить один об'єкт всередині. Об'єкт має різні частини <dfn>metadata</dfn> про альбом. Він також має вкладений масив `formats`. Якщо ви хочете додати більше записів в альбом, це можна зробити, додавши записи до масиву верхнього рівня. Об'єкти зберігають дані у властивості, яка має формат ключ-значення. У прикладі вище, `"artist": "Daft Punk"` - це властивість, що має ключ `artist` і значення `Daft Punk`. [JavaScript Object Notation](http://www.json.org/) або `JSON` є форматом відповідного обміну даними, який використовується для зберігання даних.
+
+```json
+{
+  "artist": "Daft Punk",
+  "title": "Homework",
+  "release_year": 1997,
+  "formats": [ 
+    "CD",
+    "Cassette",
+    "LP"
+  ],
+  "gold": true
+}
+```
+
+**Примітка:** Вам потрібно буде розмістити кому після кожного об'єкта в масиві, якщо він не є останнім його об'єктом.
+
+# --instructions--
+
+Додайте новий альбом до масиву `myMusic`. Додайте `artist` та `title` рядки, `release_year` число та масив рядків `formats`.
+
+# --hints--
+
+`myMusic` повинен бути масивом
+
+```js
+assert(Array.isArray(myMusic));
+```
+
+`myMusic` має мати принаймні два елементи
+
+```js
+assert(myMusic.length > 1);
+```
+
+Елементи у масиві `myMusic` повинні бути об'єктами
+
+```js
+myMusic.forEach(object => {assert.typeOf(object, 'object')})
+```
+
+Ваш об'єкт в `myMusic` повинен мати щонайменше 4 властивості
+
+```js
+myMusic.forEach(object => {assert(Object.keys(object).length > 3); });
+```
+
+Ваш об'єкт в `myMusic` повинен містити властивість `artist`, яка належить до типу string
+
+```js
+myMusic.forEach(object => {
+  assert.containsAllKeys(object, ['artist']);
+  assert.typeOf(object.artist, 'string')
+})
+```
+
+Ваш об'єкт в `myMusic` повинен містити властивість `title`, яка належить до типу string
+
+```js
+myMusic.forEach(object => {
+  assert.containsAllKeys(object, ['title']);
+  assert.typeOf(object.title, 'string')
+})
+```
+
+Ваш об'єкт в `myMusic` повинен містити властивість `release_year`, яка належить до типу number
+
+```js
+myMusic.forEach(object => {
+  assert.containsAllKeys(object, ['release_year']);
+  assert.typeOf(object.release_year, 'number')
+})
+```
+
+Ваш об'єкт у `myMusic` повинен містити властивість `formats`, яка є масивом
+
+```js
+myMusic.forEach(object => {
+  assert.containsAllKeys(object, ['formats']);
+  assert.typeOf(object.formats, 'array')
+})
+```
+
+`formats` повинен бути масивом рядків з щонайменше двома елементами
+
+```js
+myMusic.forEach(object => {
+  object.formats.forEach(format => {
+    assert.typeOf(format, 'string')
+  });
+  assert.isAtLeast(object.formats.length, 2)
+})
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(x){ if (Array.isArray(x)) { return JSON.stringify(x); } return "myMusic is not an array"})(myMusic);
+```
+
+## --seed-contents--
+
+```js
+const myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CD",
+      "8T",
+      "LP"
+    ],
+    "gold": true
+  }
+];
+```
+
+# --solutions--
+
+```js
+const myMusic = [
+  {
+    "artist": "Billy Joel",
+    "title": "Piano Man",
+    "release_year": 1973,
+    "formats": [
+      "CS",
+      "8T",
+      "LP" ],
+    "gold": true
+  },
+  {
+    "artist": "ABBA",
+    "title": "Ring Ring",
+    "release_year": 1973,
+    "formats": [
+      "CS",
+      "8T",
+      "LP",
+    "CD",
+  ]
+  }
+];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md
new file mode 100644
index 0000000000..3f3b7d2b17
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/modify-array-data-with-indexes.md
@@ -0,0 +1,87 @@
+---
+id: cf1111c1c11feddfaeb8bdef
+title: Зміна даних масиву за допомогою індексів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/czQM4A8'
+forumTopicId: 18241
+dashedName: modify-array-data-with-indexes
+---
+
+# --description--
+
+На відміну від рядків, записи масиву <dfn>можуть бути змінювані</dfn>, навіть якщо масив був оголошений з `const`.
+
+**Наприклад:**
+
+```js
+const ourArray = [50, 40, 30];
+ourArray[0] = 15;
+```
+
+`ourArray` має значення `[15, 40, 30]`.
+
+**Примітка:** ніколи не вставляйте пробіл між іменем масиву і квадратними дужками, наприклад `array [0]`. Хоча JavaScript прочитає це правильно, але це може створити труднощі для інших програмістів, які читатимуть ваш код.
+
+# --instructions--
+
+Змінюйте дані, що зберігаються в індексі `0` масиву `myArray` до значення `45`.
+
+# --hints--
+
+`myArray` тепер повинен бути `[45, 64, 99]`.
+
+```js
+assert(
+  (function () {
+    if (
+      typeof myArray != 'undefined' &&
+      myArray[0] == 45 &&
+      myArray[1] == 64 &&
+      myArray[2] == 99
+    ) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+Слід використовувати правильний індекс для зміни значення у `myArray`.
+
+```js
+assert(
+  (function () {
+    if (code.match(/myArray\[0\]\s*=\s*/g)) {
+      return true;
+    } else {
+      return false;
+    }
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myArray = [18, 64, 99];
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myArray = [18, 64, 99];
+myArray[0] = 45;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md
new file mode 100644
index 0000000000..10df9e1cae
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiple-identical-options-in-switch-statements.md
@@ -0,0 +1,149 @@
+---
+id: 56533eb9ac21ba0edf2244df
+title: Кілька ідентичних параметрів у інструкціях перемикання
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBKWCV'
+forumTopicId: 18242
+dashedName: multiple-identical-options-in-switch-statements
+---
+
+# --description--
+
+Якщо команда `break` не включена в `switch` команди `case`, наступна (і) команди `case` буде виконуватись до тих пір поки `break` не буде виконано. Якщо у вас є кілька входів з одним і тим же виходом, ви можете подати їх в `switch` такої команди як ця:
+
+```js
+let result = "";
+switch(val) {
+  case 1:
+  case 2:
+  case 3:
+    result = "1, 2, or 3";
+    break;
+  case 4:
+    result = "4 alone";
+}
+```
+
+Кейси 1,2,3 дадуть один і той же результат.
+
+# --instructions--
+
+Запис інструкції перемикача для установки `answer` для наступних діапазонів:   
+`1-3` - `Low`  
+`4-6` - `Mid`  
+`7-9` - `High`
+
+**Note:** Ви повинні мати `case` для кожного числа в діапазоні.
+
+# --hints--
+
+`sequentialSizes(1)` перетворюється на `Low`
+
+```js
+assert(sequentialSizes(1) === 'Low');
+```
+
+`sequentialSizes(2)` змінюється на `Low`
+
+```js
+assert(sequentialSizes(2) === 'Low');
+```
+
+`sequentialSizes(3)` змінюється на `Low`
+
+```js
+assert(sequentialSizes(3) === 'Low');
+```
+
+`sequentialSizes(4)` перетворюється на `Mid`
+
+```js
+assert(sequentialSizes(4) === 'Mid');
+```
+
+`sequentialSizes(5)` перетворюється на `Mid`
+
+```js
+assert(sequentialSizes(5) === 'Mid');
+```
+
+`sequentialSizes(6)` перетворюється на `Mid`
+
+```js
+assert(sequentialSizes(6) === 'Mid');
+```
+
+`sequentialSizes(7)` перетворюється на `High`
+
+```js
+assert(sequentialSizes(7) === 'High');
+```
+
+`sequentialSizes(8)` перетворюється на `High`
+
+```js
+assert(sequentialSizes(8) === 'High');
+```
+
+`sequentialSizes(9)` перетворюється на `High`
+
+```js
+assert(sequentialSizes(9) === 'High');
+```
+
+Ви не повинні використовувати будь які `if` або `else` команди
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+У вас має бути дев'ять `case` команд
+
+```js
+assert(code.match(/case/g).length === 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sequentialSizes(val) {
+  let answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+sequentialSizes(1);
+```
+
+# --solutions--
+
+```js
+function sequentialSizes(val) {
+  let answer = "";
+
+  switch(val) {
+    case 1:
+    case 2:
+    case 3:
+      answer = "Low";
+      break;
+    case 4:
+    case 5:
+    case 6:
+      answer = "Mid";
+      break;
+    case 7:
+    case 8:
+    case 9:
+      answer = "High";
+  }
+
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md
new file mode 100644
index 0000000000..1fdc138d85
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-decimals-with-javascript.md
@@ -0,0 +1,52 @@
+---
+id: bd7993c9c69feddfaeb7bdef
+title: Множення двох десяткових чисел за допомогою JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2GeHq'
+forumTopicId: 301173
+dashedName: multiply-two-decimals-with-javascript
+---
+
+# --description--
+
+У JavaScript, ви можете здійснювати розрахунки як з десятковими числами, так і цілими числами.
+
+Перемножимо два десяткових числа, щоб отримати їх добуток.
+
+# --instructions--
+
+Змініть `0.0` так, щоб добуток дорівнював `5.0`.
+
+# --hints--
+
+Змінна `product` повинна дорівнювати `5.0`.
+
+```js
+assert(product === 5.0);
+```
+
+Вам слід використовувати оператор `*`
+
+```js
+assert(/\*/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(y){return 'product = '+y;})(product);
+```
+
+## --seed-contents--
+
+```js
+const product = 2.0 * 0.0;
+```
+
+# --solutions--
+
+```js
+const product = 2.0 * 2.5;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md
new file mode 100644
index 0000000000..03c000f162
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/multiply-two-numbers-with-javascript.md
@@ -0,0 +1,60 @@
+---
+id: cf1231c1c11feddfaeb5bdef
+title: Множення двох чисел за допомогою JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cP3y3Aq'
+forumTopicId: 18243
+dashedName: multiply-two-numbers-with-javascript
+---
+
+# --description--
+
+Ми також можемо множити одне число на інше.
+
+JavaScript використовує символ `*` для множення двох чисел.
+
+**Приклад**
+
+```js
+const myVar = 13 * 13;
+```
+
+`myVar` мало б значення `169`.
+
+# --instructions--
+
+Змініть `0` так, щоб добуток дорівнював `80`.
+
+# --hints--
+
+Змінна `product` повинна дорівнювати 80.
+
+```js
+assert(product === 80);
+```
+
+Ви маєте використати оператор `*`.
+
+```js
+assert(/\*/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'product = '+z;})(product);
+```
+
+## --seed-contents--
+
+```js
+const product = 8 * 0;
+```
+
+# --solutions--
+
+```js
+const product = 8 * 10;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md
new file mode 100644
index 0000000000..fd9f956131
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nest-one-array-within-another-array.md
@@ -0,0 +1,51 @@
+---
+id: cf1111c1c11feddfaeb7bdef
+title: Вкладіть один масив всередину іншого масиву
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/crZQZf8'
+forumTopicId: 18247
+dashedName: nest-one-array-within-another-array
+---
+
+# --description--
+
+Ви також можете вкладати масиви всередину інших масивів, як це показано нижче:
+
+```js
+const teams = [["Bulls", 23], ["White Sox", 45]];
+```
+
+Це також називається <dfn>багатовимірний масив</dfn>.
+
+# --instructions--
+
+Створіть вкладений масив під назвою `myArray`.
+
+# --hints--
+
+`myArray` повинен мати щонайменше один масив, вкладений в інший масив.
+
+```js
+assert(Array.isArray(myArray) && myArray.some(Array.isArray));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(typeof myArray !== "undefined"){(function(){return myArray;})();}
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myArray = [];
+```
+
+# --solutions--
+
+```js
+const myArray = [[1, 2, 3]];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md
new file mode 100644
index 0000000000..8b8c84165f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/nesting-for-loops.md
@@ -0,0 +1,92 @@
+---
+id: 56533eb9ac21ba0edf2244e1
+title: Вкладення для циклів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cRn6GHM'
+forumTopicId: 18248
+dashedName: nesting-for-loops
+---
+
+# --description--
+
+Якщо ви маєте багатовимірний масив, ви можете використати ту ж логіку, що і в попередній точці проходження до циклу через масив і будь-які підмасиви. Ось приклад:
+
+```js
+const arr = [
+  [1, 2], [3, 4], [5, 6]
+];
+
+for (let i = 0; i < arr.length; i++) {
+  for (let j = 0; j < arr[i].length; j++) {
+    console.log(arr[i][j]);
+  }
+}
+```
+
+Це виводить кожен піделемент у `arr` по одному. Зверніть увагу, що для внутрішнього циклу ми перевіряємо `.length` цього `arr[i]`, оскільки `arr[i]` і є масивом.
+
+# --instructions--
+
+Змініть функцію `multiplyAll` для того, щоб повернути добуток усіх чисел у підмасивах `arr`.
+
+# --hints--
+
+`multiplyAll([[1], [2], [3]])` повинен повернути `6`
+
+```js
+assert(multiplyAll([[1], [2], [3]]) === 6);
+```
+
+`multiplyAll([[1, 2], [3, 4], [5, 6, 7]])` повинен повернути `5040`
+
+```js
+assert(
+  multiplyAll([
+    [1, 2],
+    [3, 4],
+    [5, 6, 7]
+  ]) === 5040
+);
+```
+
+`multiplyAll([[5, 1], [0.2, 4, 0.5], [3, 9]])` повинен повернути `54`
+
+```js
+assert(
+  multiplyAll([
+    [5, 1],
+    [0.2, 4, 0.5],
+    [3, 9]
+  ]) === 54
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function multiplyAll(arr) {
+  let product = 1;
+  // Only change code below this line
+
+  // Only change code above this line
+  return product;
+}
+
+multiplyAll([[1, 2], [3, 4], [5, 6, 7]]);
+```
+
+# --solutions--
+
+```js
+function multiplyAll(arr) {
+  let product = 1;
+  for (let i = 0; i < arr.length; i++) {
+    for (let j = 0; j < arr[i].length; j++) {
+      product *= arr[i][j];
+    }
+  }
+  return product;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md
new file mode 100644
index 0000000000..af636b0a38
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/passing-values-to-functions-with-arguments.md
@@ -0,0 +1,120 @@
+---
+id: 56533eb9ac21ba0edf2244bd
+title: Передача значень до функцій з аргументами
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy8rahW'
+forumTopicId: 18254
+dashedName: passing-values-to-functions-with-arguments
+---
+
+# --description--
+
+<dfn>Параметри</dfn> - це змінні, які діють як місця для заповнення тих значень, які вводяться у функцію під час її виклику. Коли функцію визначають, її зазвичай визначають разом з одним або декількома параметрами. Реальні значення, які введені (або <dfn>"передані"</dfn>) до функції під час її виклику, називаються <dfn>аргументами</dfn>.
+
+Ось функція з двома параметрами, `param1` and `param2`:
+
+```js
+function testFun(param1, param2) {
+  console.log(param1, param2);
+}
+```
+
+Потім ми можемо викликати `testFun`, отак: `testFun("Hello", "World");`. Ми передали два рядкові аргументи: `Hello` and `World`. Всередині функції, `param1` дорівнюватиме рядку `Hello`, а `param2` дорівнюватиме рядку `World`. Зверніть увагу на те, що ви можете викликати `testFun` знову, використовуючи різні аргументи та параметри, які візьмуть значення нових аргументів.
+
+# --instructions--
+
+<ol><li>Створіть функцію з назвою <code>functionWithArgs</code>, яка приймає 2 аргументи і виводить їхню суму в dev-консоль.</li><li>Викличте функцію з двома числами так, як аргументи.</li></ol>
+
+# --hints--
+
+`functionWithArgs` має бути функцією.
+
+```js
+assert(typeof functionWithArgs === 'function');
+```
+
+`functionWithArgs(1,2)` має вивести `3`.
+
+```js
+if (typeof functionWithArgs === 'function') {
+  capture();
+  functionWithArgs(1, 2);
+  uncapture();
+}
+assert(logOutput == 3);
+```
+
+`functionWithArgs(7,9)` має вивести `16`.
+
+```js
+if (typeof functionWithArgs === 'function') {
+  capture();
+  functionWithArgs(7, 9);
+  uncapture();
+}
+assert(logOutput == 16);
+```
+
+Вам слід викликати `functionWithArgs` з двома числами після того як визначите його.
+
+```js
+assert(
+  /functionWithArgs\([-+]?\d*\.?\d*,[-+]?\d*\.?\d*\)/.test(
+    code.replace(/\s/g, '')
+  )
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var logOutput = "";
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        if(message) logOutput = JSON.stringify(message).trim();
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+
+if (typeof functionWithArgs !== "function") { 
+  (function() { return "functionWithArgs is not defined"; })();
+} else {
+  (function() { return logOutput || "console.log never called"; })();
+}
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function functionWithArgs(a, b) {
+  console.log(a + b);
+}
+functionWithArgs(10, 5);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.md
new file mode 100644
index 0000000000..9ef0daa67e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/practice-comparing-different-values.md
@@ -0,0 +1,78 @@
+---
+id: 599a789b454f2bbd91a3ff4d
+title: Вчіться порівнювати різні значення
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm8PqCa'
+forumTopicId: 301174
+dashedName: practice-comparing-different-values
+---
+
+# --description--
+
+В останніх двох задачах, ми вивчили оператор рівності (`==`) та оператор абсолютної рівності (`===`). Пригадаймо пройдену інформацію та спробуймо використати ці оператори знову.
+
+Якщо ми порівнюємо значення різних типів, то оператор рівності спершу конвертує типи, а потім обраховує значення. Однак, оператор абсолютної рівності порівнюватиме, як тип даних, так і значення у вихідному вигляді, не конвертуючи типи.
+
+**Наприклад:**
+
+`3 == '3'` повертає результат `true` тому, що JavaScript конвертує рядок у число. `3 === '3'` повертає результат false, оскільки ці типи є різними і конвертація не виконується.
+
+**Примітка:** В JavaScript, ви можете визначити тип змінної або значення за допомогою оператора `typeof`, наступним чином:
+
+```js
+typeof 3
+typeof '3'
+```
+
+`typeof 3` повертає рядок `number`, а `typeof '3'` повертає рядок `string`.
+
+# --instructions--
+
+Функція `compareEquality` в редакторі порівнює два значення за допомогою оператора рівності. Змініть функцію так, щоб вона повернула рядок `Equal` лише тоді, коли значення абсолютно рівні.
+
+# --hints--
+
+`compareEquality(10, "10")` повинне повернути рядок `Not Equal`
+
+```js
+assert(compareEquality(10, '10') === 'Not Equal');
+```
+
+`compareEquality("20", 20)` повинне повернути рядок `Not Equal`
+
+```js
+assert(compareEquality('20', 20) === 'Not Equal');
+```
+
+Слід використовувати оператор `===`
+
+```js
+assert(code.match(/===/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function compareEquality(a, b) {
+  if (a == b) { // Change this line
+    return "Equal";
+  }
+  return "Not Equal";
+}
+
+compareEquality(10, "10");
+```
+
+# --solutions--
+
+```js
+function compareEquality(a,b) {
+  if (a === b) {
+    return "Equal";
+  }
+  return "Not Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.md
new file mode 100644
index 0000000000..676149bb78
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/profile-lookup.md
@@ -0,0 +1,144 @@
+---
+id: 5688e62ea601b2482ff8422b
+title: Пошук профілю
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cDqW2Cg'
+forumTopicId: 18259
+dashedName: profile-lookup
+---
+
+# --description--
+
+У нас є безліч об'єктів, що представляють різних людей у наших списках контактів.
+
+Функція `lookUpProfile` яка приймає `name` та властивість (`prop`) як аргументи були попередньо записані для вас.
+
+Функція має перевірити, чи `name` є фактичним контактом `firstName` і даний параметр (`prop`) є властивістю цього контакту.
+
+Якщо обидва є правдою, то поверніть "значення" цієї власності.
+
+Якщо `name` не відповідає жодному контакту, поверніть рядок `No such contact`.
+
+Якщо `prop` не відповідає жодним дійсним властивостям контакту, знайденим за відповідністю  `name`  потім поверніться на рядок `No such property`.
+
+# --hints--
+
+`lookUpProfile("Kristian", "lastName")` повинен повернути рядок `Vos`
+
+```js
+assert(lookUpProfile('Kristian', 'lastName') === 'Vos');
+```
+
+`lookUpProfile("Sherlock", "likes")` повинен повернутись як `["Intriguing Cases", "Violin"]`
+
+```js
+assert.deepEqual(lookUpProfile('Sherlock', 'likes'), [
+  'Intriguing Cases',
+  'Violin'
+]);
+```
+
+`lookUpProfile("Harry", "likes")` повинен повернути об'єкт
+
+```js
+assert(typeof lookUpProfile('Harry', 'likes') === 'object');
+```
+
+`lookUpProfile("Bob", "number")` повинен повернути рядок `No such contact`
+
+```js
+assert(lookUpProfile('Bob', 'number') === 'No such contact');
+```
+
+`lookUpProfile("Bob", "potato")` повинен повернути рядок `No such contact`
+
+```js
+assert(lookUpProfile('Bob', 'potato') === 'No such contact');
+```
+
+`lookUpProfile("Akira", "address")` повинен повертати рядок `No such property`
+
+```js
+assert(lookUpProfile('Akira', 'address') === 'No such property');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+const contacts = [
+  {
+    firstName: "Akira",
+    lastName: "Laine",
+    number: "0543236543",
+    likes: ["Pizza", "Coding", "Brownie Points"],
+  },
+  {
+    firstName: "Harry",
+    lastName: "Potter",
+    number: "0994372684",
+    likes: ["Hogwarts", "Magic", "Hagrid"],
+  },
+  {
+    firstName: "Sherlock",
+    lastName: "Holmes",
+    number: "0487345643",
+    likes: ["Intriguing Cases", "Violin"],
+  },
+  {
+    firstName: "Kristian",
+    lastName: "Vos",
+    number: "unknown",
+    likes: ["JavaScript", "Gaming", "Foxes"],
+  },
+];
+
+function lookUpProfile(name, prop) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+
+lookUpProfile("Akira", "likes");
+```
+
+# --solutions--
+
+```js
+const contacts = [
+  {
+    firstName: "Akira",
+    lastName: "Laine",
+    number: "0543236543",
+    likes: ["Pizza", "Coding", "Brownie Points"],
+  },
+  {
+    firstName: "Harry",
+    lastName: "Potter",
+    number: "0994372684",
+    likes: ["Hogwarts", "Magic", "Hagrid"],
+  },
+  {
+    firstName: "Sherlock",
+    lastName: "Holmes",
+    number: "0487345643",
+    likes: ["Intriguing Cases", "Violin"],
+  },
+  {
+    firstName: "Kristian",
+    lastName: "Vos",
+    number: "unknown",
+    likes: ["JavaScript", "Gaming", "Foxes"],
+  },
+];
+function lookUpProfile(name, prop) {
+  for (let i in contacts) {
+    if (contacts[i].firstName === name) {
+      return contacts[i][prop] || "No such property";
+    }
+  }
+  return "No such contact";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.md
new file mode 100644
index 0000000000..3f1ec71bc7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/quoting-strings-with-single-quotes.md
@@ -0,0 +1,81 @@
+---
+id: 56533eb9ac21ba0edf2244b4
+title: Цитування рядків з одинарними лапками
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cbQmnhM'
+forumTopicId: 18260
+dashedName: quoting-strings-with-single-quotes
+---
+
+# --description--
+
+Значення <dfn>String</dfn> у JavaScript може бути записане з одинарними чи подвійними лапками, якщо ті ж самі лапки використовуються на початку та в кінці. На відміну від інших мов програмування, одинарні і подвійні лапки працюють однаково в JavaScript.
+
+```js
+const doubleQuoteStr = "This is a string"; 
+const singleQuoteStr = 'This is also a string';
+```
+
+Причиною використовувати один тип лапок поруч з іншим є використання обидвох типів лапок у рядку. Наприклад, коли ви хочете відтворити розмову у рядку і оформити цю розмову лапками. Або ж, коли ви зберігаєте тег `<a>` з різними атрибутами в лапках і все в межах одного рядка.
+
+```js
+const conversation = 'Finn exclaims to Jake, "Algebraic!"';
+```
+
+Однак проблема виникає тоді, коли вам потрібно використати зовнішні лапки в межах рядка. Пам'ятайте, що на початку і в кінці рядка використовуються ті ж самі лапки. Але якщо ви використаєте ці лапки всередині рядка, то рядок закінчиться швидше і це призведе до помилки.
+
+```js
+const goodStr = 'Jake asks Finn, "Hey, let\'s go on an adventure?"'; 
+const badStr = 'Finn responds, "Let's go!"';
+```
+
+В цього випадку `badStr` покаже помилку.
+
+У <dfn>goodStr</dfn> вище, можна спокійно використовувати лапки, додавши зворотну скісну риску `\` як екранований символ.
+
+**Примітка:** Зворотну скісну риску `\` не слід плутати з скісною рискою `/`. Вони мають різні функції.
+
+# --instructions--
+
+Змініть поданий рядок на рядок з одинарними лапками на початку і в кінці та не використовуйте екрановані символи.
+
+Зараз тег `<a>` у рядку може використовувати всюди подвійні лапки. Вам потрібно буде змінити зовнішні лапки на одинарні лапки, щоб видалити екрановані символи.
+
+# --hints--
+
+Вам слід видалити усі зворотні скісні риски (`\`).
+
+```js
+assert(
+  !/\\/g.test(code) &&
+    myStr.match(
+      '\\s*<a href\\s*=\\s*"http://www.example.com"\\s*target\\s*=\\s*"_blank">\\s*Link\\s*</a>\\s*'
+    )
+);
+```
+
+У вас повинні бути дві одинарні лапки `'` і чотири подвійні лапки `"`.
+
+```js
+assert(code.match(/"/g).length === 4 && code.match(/'/g).length === 2);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function() { return "myStr = " + myStr; })();
+```
+
+## --seed-contents--
+
+```js
+const myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
+```
+
+# --solutions--
+
+```js
+const myStr = '<a href="http://www.example.com" target="_blank">Link</a>';
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md
new file mode 100644
index 0000000000..fd4b106fbc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/record-collection.md
@@ -0,0 +1,181 @@
+---
+id: 56533eb9ac21ba0edf2244cf
+title: Збірка записів
+challengeType: 1
+forumTopicId: 18261
+dashedName: record-collection
+---
+
+# --description--
+
+Вам наданий літерал об'єкту, який є частиною вашої збірки музичних альбомів. Кожен альбом має свій унікальний ідентифікаційний номер та декілька інших властивостей. Не всі альбоми мають повну інформацію.
+
+Ви починаєте з функції `updateRecords`, яка приймає літерал об'єкту `records`, який містить колекцію музичного альбому, `id`, `prop` (такі як `artist` чи `tracks`), і `value`. Завершіть функцію, використовуючи правила нижче, щоб змінити об'єкт, переданий до функції.
+
+-   Ваша функція повинна завжди повертати весь об'єкт збірки записів.
+-   Якщо `prop` це не `tracks` і `value` не є пустим рядком, то оновіть або встановіть `prop` альбому до `value`.
+-   Якщо `prop` є `tracks` але альбом немає властивості `tracks`, створіть пустий масив та додайте `value` до нього.
+-   Якщо `prop` є `tracks` та `value` не є пустим рядком, додайте `value` до кінця наявного масиву `tracks` у альбомі.
+-   Якщо `value` є пустим рядком, видаліть дану властивість `prop` з альбому.
+
+**Note:** Копія об'єкту `recordCollection` використовується для тестування.
+
+# --hints--
+
+Після `updateRecords(recordCollection, 5439, "artist", "ABBA")`, `artist` повинен бути рядок `ABBA`
+
+```js
+assert(
+  updateRecords(_recordCollection, 5439, 'artist', 'ABBA')[5439]['artist'] ===
+    'ABBA'
+);
+```
+
+Після `updateRecords(recordCollection, 5439, "tracks", "Take a Chance on Me")`, `tracks` повинні мати рядок `Take a Chance on Me` останнім елементом.
+
+```js
+assert(
+  updateRecords(_recordCollection, 5439, 'tracks', 'Take a Chance on Me')[5439][
+    'tracks'
+  ].pop() === 'Take a Chance on Me'
+);
+```
+
+Після `updateRecords(recordCollection, 2548, "artist", "")`, не потрібно встановлювати `artist`
+
+```js
+updateRecords(_recordCollection, 2548, 'artist', '');
+assert(!_recordCollection[2548].hasOwnProperty('artist'));
+```
+
+Після `updateRecords(recordCollection, 1245, "tracks", "Addicted to Love")`, `tracks` повинні мати рядок `Addicted to Love` останнім елементом.
+
+```js
+assert(
+  updateRecords(_recordCollection, 1245, 'tracks', 'Addicted to Love')[1245][
+    'tracks'
+  ].pop() === 'Addicted to Love'
+);
+```
+
+Після `updateRecords(recordCollection, 2468, "tracks", "Free")`, `tracks` повинні мати рядок `1999` першим елементом.
+
+```js
+assert(
+  updateRecords(_recordCollection, 2468, 'tracks', 'Free')[2468][
+    'tracks'
+  ][0] === '1999'
+);
+```
+
+Після `updateRecords(recordCollection, 2548, "tracks", "")`, не потрібно встановлювати `tracks`
+
+```js
+updateRecords(_recordCollection, 2548, 'tracks', '');
+assert(!_recordCollection[2548].hasOwnProperty('tracks'));
+```
+
+Після `updateRecords(recordCollection, 1245, "albumTitle", "Riptide")`, `albumTitle` повинно стати рядком `Riptide`
+
+```js
+assert(
+  updateRecords(_recordCollection, 1245, 'albumTitle', 'Riptide')[1245][
+    'albumTitle'
+  ] === 'Riptide'
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const _recordCollection = {
+  2548: {
+    albumTitle: 'Slippery When Wet',
+    artist: 'Bon Jovi',
+    tracks: ['Let It Rock', 'You Give Love a Bad Name']
+  },
+  2468: {
+    albumTitle: '1999',
+    artist: 'Prince',
+    tracks: ['1999', 'Little Red Corvette']
+  },
+  1245: {
+    artist: 'Robert Palmer',
+    tracks: []
+  },
+  5439: {
+    albumTitle: 'ABBA Gold'
+  }
+};
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const recordCollection = {
+  2548: {
+    albumTitle: 'Slippery When Wet',
+    artist: 'Bon Jovi',
+    tracks: ['Let It Rock', 'You Give Love a Bad Name']
+  },
+  2468: {
+    albumTitle: '1999',
+    artist: 'Prince',
+    tracks: ['1999', 'Little Red Corvette']
+  },
+  1245: {
+    artist: 'Robert Palmer',
+    tracks: []
+  },
+  5439: {
+    albumTitle: 'ABBA Gold'
+  }
+};
+
+// Only change code below this line
+function updateRecords(records, id, prop, value) {
+  return records;
+}
+
+updateRecords(recordCollection, 5439, 'artist', 'ABBA');
+```
+
+# --solutions--
+
+```js
+const recordCollection = {
+  2548: {
+    albumTitle: 'Slippery When Wet',
+    artist: 'Bon Jovi',
+    tracks: ['Let It Rock', 'You Give Love a Bad Name']
+  },
+  2468: {
+    albumTitle: '1999',
+    artist: 'Prince',
+    tracks: ['1999', 'Little Red Corvette']
+  },
+  1245: {
+    artist: 'Robert Palmer',
+    tracks: []
+  },
+  5439: {
+    albumTitle: 'ABBA Gold'
+  }
+};
+
+// Only change code below this line
+function updateRecords(records, id, prop, value) {
+  if (value === '') delete records[id][prop];
+  else if (prop === 'tracks') {
+    records[id][prop] = records[id][prop] || [];
+    records[id][prop].push(value);
+  } else {
+    records[id][prop] = value;
+  }
+
+  return records;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md
new file mode 100644
index 0000000000..66100684f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion.md
@@ -0,0 +1,105 @@
+---
+id: 5cfa3679138e7d9595b9d9d4
+title: Заміна циклів за допомогою рекурсії
+challengeType: 1
+videoUrl: >-
+  https://www.freecodecamp.org/news/how-recursion-works-explained-with-flowcharts-and-a-video-de61f40cb7f9/
+forumTopicId: 301175
+dashedName: replace-loops-using-recursion
+---
+
+# --description--
+
+Рекурсія - це концепція, згідно з якою функція може бути вираженою в термінах сама по собі. Щоб краще зрозуміти це, почніть з роздумів про наступне завдання: перемножте перші `n` елементів масиву, щоб створити добуток цих елементів. Ви могли б це зробити, використовуючи цикл `for`:
+
+```js
+  function multiply(arr, n) {
+    let product = 1;
+    for (let i = 0; i < n; i++) {
+      product *= arr[i];
+    }
+    return product;
+  }
+```
+
+Проте, зверніть увагу, що `multiply(arr, n) == multiply(arr, n - 1) * arr[n - 1]`. Це означає, що ви можете перезаписати `multiply` саме по собі і ніколи не використовувати цикл.
+
+```js
+  function multiply(arr, n) {
+    if (n <= 0) {
+      return 1;
+    } else {
+      return multiply(arr, n - 1) * arr[n - 1];
+    }
+  }
+```
+
+Рекурсивна версія `multiply` переривається таким чином. У <dfn>base case</dfn>, де `n <= 0`, повертає до 1. Для більших значень `n`, він викликає сам себе, але з `n - 1`. Цей виклик функції обчислюється так само, викликаючи `multiply` знову до `n <= 0`. На даному етапі, всі функції можуть повертати результат і початковий `multiply` повертає відповідь.
+
+**Примітка:** Рекурсивні функції повинні мати базовий регістр, коли вони повертають результат, не викликаючи функцію знову (в цьому прикладі, коли `n <= 0`), інакше вони ніколи не зможуть закінчити виконання.
+
+# --instructions--
+
+Напишіть рекурсивну функцію, `sum(arr, n)`, що повертає суму перших `n` елементів масиву `arr`.
+
+# --hints--
+
+`sum([1], 0)` повинен дорівнювати 0.
+
+```js
+assert.equal(sum([1], 0), 0);
+```
+
+`sum([2, 3, 4], 1)` повинен дорівнювати 2.
+
+```js
+assert.equal(sum([2, 3, 4], 1), 2);
+```
+
+`sum([2, 3, 4, 5], 3)` повинен дорівнювати 9.
+
+```js
+assert.equal(sum([2, 3, 4, 5], 3), 9);
+```
+
+Ваш код не має опиратися на жодні цикли (`for`, `while` або функції більш високої послідовності, такі як `forEach`, `map`, `filter` або `reduce`.).
+
+```js
+assert(
+  !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+Вам слід використати рекурсію, щоб вирішити цю проблему.
+
+```js
+assert(
+  sum.toString().match(/sum\(.*\)/g).length > 1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sum(arr, n) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function sum(arr, n) {
+  // Only change code below this line
+  if(n <= 0) {
+    return 0;
+  } else {
+    return sum(arr, n - 1) + arr[n - 1];
+  }
+  // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md
new file mode 100644
index 0000000000..6193e6cf6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/replacing-if-else-chains-with-switch.md
@@ -0,0 +1,157 @@
+---
+id: 56533eb9ac21ba0edf2244e0
+title: Заміна "if else" ланцюжка ключем
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c3JE8fy'
+forumTopicId: 18266
+dashedName: replacing-if-else-chains-with-switch
+---
+
+# --description--
+
+Якщо ви маєте багато опцій, з яких можете вибирати, то твердження `switch` може бути легшим для написання, ніж багатоланцюгові `if`/`else if` твердження. Наступне:
+
+```js
+if (val === 1) {
+  answer = "a";
+} else if (val === 2) {
+  answer = "b";
+} else {
+  answer = "c";
+}
+```
+
+можна замінити цим:
+
+```js
+switch(val) {
+  case 1:
+    answer = "a";
+    break;
+  case 2:
+    answer = "b";
+    break;
+  default:
+    answer = "c";
+}
+```
+
+# --instructions--
+
+Змініть ланцюжкові `if`/`else if` твердження на `switch` твердження.
+
+# --hints--
+
+Вам не слід використовувати будь-які `else` твердження будь-де в редакторі
+
+```js
+assert(!/else/g.test(code));
+```
+
+Вам не слід використовувати будь-які `if` твердження будь-де в редакторі
+
+```js
+assert(!/if/g.test(code));
+```
+
+Ви повинні мати хоча б чотири `break` твердження
+
+```js
+assert(code.match(/break/g).length >= 4);
+```
+
+`chainToSwitch("bob")` має бути рядком `Marley`
+
+```js
+assert(chainToSwitch('bob') === 'Marley');
+```
+
+`chainToSwitch(42)` має бути рядком `The Answer`
+
+```js
+assert(chainToSwitch(42) === 'The Answer');
+```
+
+`chainToSwitch(1)` має бути рядком `There is no #1`
+
+```js
+assert(chainToSwitch(1) === 'There is no #1');
+```
+
+`chainToSwitch(99)` має бути рядком `Missed me by this much!`
+
+```js
+assert(chainToSwitch(99) === 'Missed me by this much!');
+```
+
+`chainToSwitch(7)` має бути рядком `Ate Nine`
+
+```js
+assert(chainToSwitch(7) === 'Ate Nine');
+```
+
+`chainToSwitch("John")` має бути `""` (пустим рядком)
+
+```js
+assert(chainToSwitch('John') === '');
+```
+
+`chainToSwitch(156)` має бути `""` (пустим рядком)
+
+```js
+assert(chainToSwitch(156) === '');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chainToSwitch(val) {
+  let answer = "";
+  // Only change code below this line
+
+  if (val === "bob") {
+    answer = "Marley";
+  } else if (val === 42) {
+    answer = "The Answer";
+  } else if (val === 1) {
+    answer = "There is no #1";
+  } else if (val === 99) {
+    answer = "Missed me by this much!";
+  } else if (val === 7) {
+    answer = "Ate Nine";
+  }
+
+  // Only change code above this line
+  return answer;
+}
+
+chainToSwitch(7);
+```
+
+# --solutions--
+
+```js
+function chainToSwitch(val) {
+  let answer = "";
+
+  switch(val) {
+    case "bob":
+      answer = "Marley";
+      break;
+    case 42:
+      answer = "The Answer";
+      break;
+    case 1:
+      answer = "There is no #1";
+      break;
+    case 99:
+      answer = "Missed me by this much!";
+      break;
+    case 7:
+      answer = "Ate Nine";
+  }
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md
new file mode 100644
index 0000000000..5cecb0778a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md
@@ -0,0 +1,73 @@
+---
+id: 56533eb9ac21ba0edf2244c2
+title: Повернути значення за допомогою функції повернення
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87wue'
+forumTopicId: 18271
+dashedName: return-a-value-from-a-function-with-return
+---
+
+# --description--
+
+Ми можемо передати значення у функцію за допомогою <dfn>аргументів</dfn>. Ви можете використати команду `return`, щоб надіслати значення назад за межі фунції.
+
+**Наприклад**
+
+```js
+function plusThree(num) {
+  return num + 3;
+}
+
+const answer = plusThree(5);
+```
+
+`answer` набуває значення `8`.
+
+`plusThree` приймає <dfn>аргумент</dfn> для `num` і повертає значення, яке дорівнює `num + 3`.
+
+# --instructions--
+
+Створіть функцію `timesFive`, що приймає один аргумент, множить його на `5` і повертає нове значення.
+
+# --hints--
+
+`timesFive` має бути функцією
+
+```js
+assert(typeof timesFive === 'function');
+```
+
+`timesFive(5)` має повернутися до `25`
+
+```js
+assert(timesFive(5) === 25);
+```
+
+`timesFive(2)` має повернутися до `10`
+
+```js
+assert(timesFive(2) === 10);
+```
+
+`timesFive(0)` має повернутися до `0`
+
+```js
+assert(timesFive(0) === 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function timesFive(num) {
+  return num * 5;
+}
+timesFive(10);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md
new file mode 100644
index 0000000000..82309ee99e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/return-early-pattern-for-functions.md
@@ -0,0 +1,106 @@
+---
+id: 56533eb9ac21ba0edf2244c4
+title: Повернення початкового шаблона для функцій
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cQe39Sq'
+forumTopicId: 18272
+dashedName: return-early-pattern-for-functions
+---
+
+# --description--
+
+Коли ви досягнули команди `return`, виконання поточної функції припиняється і об'єкт керування повертається до місця виклику.
+
+**Наприклад**
+
+```js
+function myFun() {
+  console.log("Hello");
+  return "World";
+  console.log("byebye")
+}
+myFun();
+```
+
+Показане вище відобразить рядок `Hello` у консолі і поверне рядок `World`. Рядок `byebye` ніколи не відобразиться у консолі, тому що функція виходить з команди `return`.
+
+# --instructions--
+
+Модифікуйте функцію `abTest` і тому, якщо `a` або `b` дорівнюватиме менше `0`, функція відразу вийде зі значенням `undefined`.
+
+**Підказка**  
+Пам'ятайте, що [`undefined` - це ключове слово](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables), а не рядок.
+
+# --hints--
+
+`abTest(2, 2)` повинен повернути число
+
+```js
+assert(typeof abTest(2, 2) === 'number');
+```
+
+`abTest(2, 2)` повинен повернути `8`
+
+```js
+assert(abTest(2, 2) === 8);
+```
+
+`abTest(-2, 2)` повинен повернути `undefined`
+
+```js
+assert(abTest(-2, 2) === undefined);
+```
+
+`abTest(2, -2)` повинен повернути `undefined`
+
+```js
+assert(abTest(2, -2) === undefined);
+```
+
+`abTest(2, 8)` повинен повернути `18`
+
+```js
+assert(abTest(2, 8) === 18);
+```
+
+`abTest(3, 3)` повинен повернути `12`
+
+```js
+assert(abTest(3, 3) === 12);
+```
+
+`abTest(0, 0)` повинен повернути `0`
+
+```js
+assert(abTest(0, 0) === 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function abTest(a, b) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+
+abTest(2,2);
+```
+
+# --solutions--
+
+```js
+function abTest(a, b) {
+  if(a < 0 || b < 0) {
+    return undefined;
+  }
+  return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md
new file mode 100644
index 0000000000..e5f8f7be46
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/returning-boolean-values-from-functions.md
@@ -0,0 +1,82 @@
+---
+id: 5679ceb97cbaa8c51670a16b
+title: Повернення логічних значень з функцій
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cp62qAQ'
+forumTopicId: 18273
+dashedName: returning-boolean-values-from-functions
+---
+
+# --description--
+
+Ви можете пригадати з [Порівняння з оператором рівності](/learn/javascript-algorithms-and-data-structures/basic-javascript/comparison-with-the-equality-operator), що всі порівняльні оператори повертають логічне `true` або `false` значення.
+
+Інколи люди використовують `if/else` команду для того, щоб зробити порівняння на зразок цього:
+
+```js
+function isEqual(a, b) {
+  if (a === b) {
+    return true;
+  } else {
+    return false;
+  }
+}
+```
+
+Але є кращий спосіб це зробити. Оскільки `===` повертає `true` або `false`, ми можемо повернути результат порівняння:
+
+```js
+function isEqual(a, b) {
+  return a === b;
+}
+```
+
+# --instructions--
+
+Виправте функцію `isLess` для того, щоб видалити `if/else` команду.
+
+# --hints--
+
+`isLess(10, 15)` повинен повернути `true`
+
+```js
+assert(isLess(10, 15) === true);
+```
+
+`isLess(15, 10)` повинен повернути `false`
+
+```js
+assert(isLess(15, 10) === false);
+```
+
+Вам не слід використовувати будь-які `if` чи `else` команди
+
+```js
+assert(!/if|else/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isLess(a, b) {
+  // Only change code below this line
+  if (a < b) {
+    return true;
+  } else {
+    return false;
+  }
+  // Only change code above this line
+}
+
+isLess(10, 15);
+```
+
+# --solutions--
+
+```js
+function isLess(a, b) {
+  return a < b;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md
new file mode 100644
index 0000000000..732dec028d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/selecting-from-many-options-with-switch-statements.md
@@ -0,0 +1,114 @@
+---
+id: 56533eb9ac21ba0edf2244dd
+title: Вибір з багатьох опцій за допомогою перемикачів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c4mv4fm'
+forumTopicId: 18277
+dashedName: selecting-from-many-options-with-switch-statements
+---
+
+# --description--
+
+Якщо у вас є багато опцій для вибору, використовуйте команду <dfn>switch</dfn>. `switch` тести на значення і може мати багато <dfn> випадків </dfn> інструкцій, які визначають різні значення. Інструкції виконуються від першого узгодженого значення `case<code> до тих пір, поки <code>break<code> не відбудиться.</p>
+
+<p spaces-before="0">Ось наводиться приклад інструкції <code>switch`:
+
+```js
+switch(lowercaseLetter) {
+  case "a":
+    console.log("A");
+    break;
+  case "b":
+    console.log("B");
+    break;
+}
+```
+
+`case` значень перевіряється абсолютною рівністю (`===`). `break` пропонує JavaScript припинити виконання інструкцій. Якщо `break` пропущений, тоді наступна команда буде виконуватись.
+
+# --instructions--
+
+Напишіть команду switch, щоб встановити `answer` за наступних умов:  
+`1` - `alpha`  
+`2` - `beta`  
+`3` - `gamma`  
+`4` - `delta`
+
+# --hints--
+
+`caseInSwitch(1)` повинно відповідати значенню рядка `alpha`
+
+```js
+assert(caseInSwitch(1) === 'alpha');
+```
+
+`caseInSwitch(2)` повинно відповідати значенню рядка `beta`
+
+```js
+assert(caseInSwitch(2) === 'beta');
+```
+
+`caseInSwitch(3)` повинно відповідати значенню рядка `gamma`
+
+```js
+assert(caseInSwitch(3) === 'gamma');
+```
+
+`caseInSwitch(4)` повинно відповідати значенню рядка `delta`
+
+```js
+assert(caseInSwitch(4) === 'delta');
+```
+
+Не варто використовувати `if` або `else` команди
+
+```js
+assert(!/else/g.test(code) || !/if/g.test(code));
+```
+
+Ви повинні мати принаймні 3 інструкції `break`
+
+```js
+assert(code.match(/break/g).length > 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function caseInSwitch(val) {
+  let answer = "";
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+  return answer;
+}
+
+caseInSwitch(1);
+```
+
+# --solutions--
+
+```js
+function caseInSwitch(val) {
+  let answer = "";
+
+  switch(val) {
+    case 1:
+      answer = "alpha";
+      break;
+    case 2:
+      answer = "beta";
+      break;
+    case 3:
+      answer = "gamma";
+      break;
+    case 4:
+      answer = "delta";
+  }
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md
new file mode 100644
index 0000000000..b6002732b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/shopping-list.md
@@ -0,0 +1,97 @@
+---
+id: 56533eb9ac21ba0edf2244bc
+title: Список покупок
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9MEKHZ'
+forumTopicId: 18280
+dashedName: shopping-list
+---
+
+# --description--
+
+Створіть список покупок у змінній `myList`. Список повинен бути багатовимірним масивом, який містить декілька підмасивів.
+
+Перший елемент у кожному підмасиві повинен містити рядок з назвою одиниці. Другий елемент повинен бути числом, яке відображає кількість.
+
+```js
+["Chocolate Bar", 15]
+```
+
+У списку повинно бути щонайменше 5 підмасивів.
+
+# --hints--
+
+`myList` повинен бути масивом.
+
+```js
+assert(isArray);
+```
+
+Першими елементами у кожному з ваших підмасивів повинні бути рядки.
+
+```js
+assert(hasString);
+```
+
+Другими елементами у кожному підмасиві повинні бути числа.
+
+```js
+assert(hasNumber);
+```
+
+У списку має бути щонайменше 5 одиниць.
+
+```js
+assert(count > 4);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+var count = 0;
+var isArray = false;
+var hasString = false;
+var hasNumber = false;
+(function(list){
+  if(Array.isArray(myList)) {
+    isArray = true;
+    if(myList.length > 0) {
+      hasString = true;
+      hasNumber = true;
+      for (var elem of myList) {
+        if(!elem || !elem[0] || typeof elem[0] !== 'string') {
+          hasString = false;
+        }
+        if(!elem || typeof elem[1] !== 'number') {
+          hasNumber = false;
+        }
+      }
+    }
+    count = myList.length;
+    return JSON.stringify(myList);
+  } else {
+    return "myList is not an array";
+  }
+
+})(myList);
+```
+
+## --seed-contents--
+
+```js
+const myList = [];
+```
+
+# --solutions--
+
+```js
+const myList = [
+  ["Candy", 10],
+  ["Potatoes", 12],
+  ["Eggs", 12],
+  ["Catfood", 1],
+  ["Toads", 9]
+];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md
new file mode 100644
index 0000000000..902f4f5836
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/stand-in-line.md
@@ -0,0 +1,116 @@
+---
+id: 56533eb9ac21ba0edf2244c6
+title: Стояти в черзі
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8Q8tP'
+forumTopicId: 18307
+dashedName: stand-in-line
+---
+
+# --description--
+
+В комп'ютерних науках <dfn>queue</dfn> це абстрактне поняття <dfn>Data Structure</dfn>, де усі елементи зберігають певний порядок. Нові елементи можуть бути додані до черги, а старі елементи - зняті з черги.
+
+Напишіть функцію `nextInLine`, аргументами якої є масив (`arr`) та число (`item`).
+
+Додайте число до кінця масиву, а тоді видаліть перший елемент з масиву.
+
+Функція `nextInLine` повинна повернути видалений елемент.
+
+# --hints--
+
+`nextInLine([], 5)` має повернути до числа.
+
+```js
+assert.isNumber(nextInLine([], 5));
+```
+
+`nextInLine([], 1)` має повернути до `1`
+
+```js
+assert(nextInLine([], 1) === 1);
+```
+
+`nextInLine([2], 1)` має повернути до `2`
+
+```js
+assert(nextInLine([2], 1) === 2);
+```
+
+`nextInLine([5,6,7,8,9], 1)` має повернути до `5`
+
+```js
+assert(nextInLine([5, 6, 7, 8, 9], 1) === 5);
+```
+
+Після `nextInLine(testArr, 10)`, код `testArr[4]` має стати `10`
+
+```js
+nextInLine(testArr, 10);
+assert(testArr[4] === 10);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var logOutput = [];
+var originalConsole = console
+function capture() {
+    var nativeLog = console.log;
+    console.log = function (message) {
+        logOutput.push(message);
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+testArr = [1,2,3,4,5];
+(function() { return logOutput.join("\n");})();
+```
+
+## --seed-contents--
+
+```js
+function nextInLine(arr, item) {
+  // Only change code below this line
+
+  return item;
+  // Only change code above this line
+}
+
+// Setup
+const testArr = [1, 2, 3, 4, 5];
+
+// Display code
+console.log("Before: " + JSON.stringify(testArr));
+console.log(nextInLine(testArr, 6));
+console.log("After: " + JSON.stringify(testArr));
+```
+
+# --solutions--
+
+```js
+const testArr = [1, 2, 3, 4, 5];
+
+function nextInLine(arr, item) {
+    arr.push(item);
+    return arr.shift();
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md
new file mode 100644
index 0000000000..b51fa94707
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/store-multiple-values-in-one-variable-using-javascript-arrays.md
@@ -0,0 +1,63 @@
+---
+id: bd7993c9c69feddfaeb8bdef
+title: Зберігання кількох значень в одній змінній, використовуючи масиви JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/crZQWAm'
+forumTopicId: 18309
+dashedName: store-multiple-values-in-one-variable-using-javascript-arrays
+---
+
+# --description--
+
+Зі змінними масивів `array` JavaScript, ми можемо зберігати частини даних в одному місці.
+
+Ви починаєте оголошення масиву з відкритої квадратної дужки, а завершуєте його закриваючи квадратною дужкою і ставлячи кому між кожним елементом приблизно так:
+
+```js
+const sandwich = ["peanut butter", "jelly", "bread"];
+```
+
+# --instructions--
+
+Змініть масив `myArray` так, щоб він містив і рядок, і число (у цьому порядку).
+
+# --hints--
+
+`myArray` повинен бути масивом.
+
+```js
+assert(typeof myArray == 'object');
+```
+
+Першим елементом у масиві `myArray` має бути рядок.
+
+```js
+assert(typeof myArray[0] !== 'undefined' && typeof myArray[0] == 'string');
+```
+
+Другий пункт в `myArray` має бути числом.
+
+```js
+assert(typeof myArray[1] !== 'undefined' && typeof myArray[1] == 'number');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myArray);
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const myArray = [];
+```
+
+# --solutions--
+
+```js
+const myArray = ["The Answer", 42];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md
new file mode 100644
index 0000000000..fab1d208f8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/storing-values-with-the-assignment-operator.md
@@ -0,0 +1,77 @@
+---
+id: 56533eb9ac21ba0edf2244a8
+title: Зберігання значень за допомогою оператора присвоєння
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cEanysE'
+forumTopicId: 18310
+dashedName: storing-values-with-the-assignment-operator
+---
+
+# --description--
+
+In JavaScript ви можете зберігати значення в змінній <dfn>assignment</dfn> з оператором (`=`).
+
+```js
+myVariable = 5;
+```
+
+Вона призначає `Number` зі значенням `5` до `myVariable`.
+
+Якщо праворуч від оператора є будь-які розрахунки `=`, ті з них, які розташовані перед значенням належать до змінної зліва від оператора.
+
+```js
+var myVar;
+myVar = 5;
+```
+
+Спочатку, цей код створює змінну з ім'ям `myVar`. Тоді код присвоює `5` на `myVar`. Тепер, якщо `myVar` знову з'являється в коді, програма буде розглядати його так, як `5`.
+
+# --instructions--
+
+Надайте значення `7` змінній `a`.
+
+# --hints--
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(/var a;/.test(code));
+```
+
+`a` має мати значення 7.
+
+```js
+assert(typeof a === 'number' && a === 7);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+if (typeof a != 'undefined') {
+  a = undefined;
+}
+```
+
+## --after-user-code--
+
+```js
+(function(a){return "a = " + a;})(a);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+var a;
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+var a;
+a = 7;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
new file mode 100644
index 0000000000..3668b2d373
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -0,0 +1,59 @@
+---
+id: cf1111c1c11feddfaeb4bdef
+title: Віднімати одне число від іншого використовуючи JavaScript
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cP3yQtk'
+forumTopicId: 18314
+dashedName: subtract-one-number-from-another-with-javascript
+---
+
+# --description--
+
+Ми також можемо віднімати одне число від іншого.
+
+JavaScript використовує символ `-` для віднімання.
+
+**Наприклад**
+
+```js
+const myVar = 12 - 6;
+```
+
+`myVar` тепер матиме значення `6`.
+# --instructions--
+
+Змініть `0` так, щоб сума дорівнювала `12`.
+
+# --hints--
+
+Змінна `difference` має дорівнювати 12.
+
+```js
+assert(difference === 12);
+```
+
+Потрібно відняти лише одне число від 45.
+
+```js
+assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return 'difference = '+z;})(difference);
+```
+
+## --seed-contents--
+
+```js
+const difference = 45 - 0;
+```
+
+# --solutions--
+
+```js
+const difference = 45 - 33;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md
new file mode 100644
index 0000000000..8a83b57e50
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/testing-objects-for-properties.md
@@ -0,0 +1,98 @@
+---
+id: 567af2437cbaa8c51670a16c
+title: Тестування властивостей об'єктів
+challengeType: 1
+forumTopicId: 18324
+dashedName: testing-objects-for-properties
+---
+
+# --description--
+
+Іноді варто перевіряти чи даний об'єкт вже має певні властивості. Ми можемо використовувати метод об'єктів `.hasOwnProperty(propname)`, щоб визначити чи об'єкт має ім'я властивості. `.hasOwnProperty()` показує `true` чи `false`, в залежності чи властивість знайдена, чи ні.
+
+**Наприклад**
+
+```js
+const myObj = {
+  top: "hat",
+  bottom: "pants"
+};
+
+myObj.hasOwnProperty("top");
+myObj.hasOwnProperty("middle");
+```
+
+Перший `hasOwnProperty` стає `true`, а другий - `false`.
+
+# --instructions--
+
+Змініть функцію `checkObj`, щоб перевірити чи об'єкт переданий до функції (`obj`) містить особливу властивість (`checkProp`). Якщо властивість знайдена, поверніть значення властивості. Якщо ні, поверніть `"Not Found"`.
+
+# --hints--
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "gift")` має повернути рядок `pony`.
+
+```js
+assert(
+  checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'gift') === 'pony'
+);
+```
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "pet")` має повернути рядок `kitten`.
+
+```js
+assert(
+  checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'pet') === 'kitten'
+);
+```
+
+`checkObj({gift: "pony", pet: "kitten", bed: "sleigh"}, "house")` має повернути рядок `Not Found`.
+
+```js
+assert(
+  checkObj({ gift: 'pony', pet: 'kitten', bed: 'sleigh' }, 'house') ===
+    'Not Found'
+);
+```
+
+`checkObj({city: "Seattle"}, "city")` має повернути рядок `Seattle`.
+
+```js
+assert(checkObj({ city: 'Seattle' }, 'city') === 'Seattle');
+```
+
+`checkObj({city: "Seattle"}, "district")` має повернути рядок `Not Found`.
+
+```js
+assert(checkObj({ city: 'Seattle' }, 'district') === 'Not Found');
+```
+
+`checkObj({pet: "kitten", bed: "sleigh"}, "gift")` має повернути рядок `Not Found`.
+
+```js
+assert(checkObj({ pet: 'kitten', bed: 'sleigh' }, 'gift') === 'Not Found');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkObj(obj, checkProp) {
+  // Only change code below this line
+  return "Change Me!";
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function checkObj(obj, checkProp) {
+  if(obj.hasOwnProperty(checkProp)) {
+    return obj[checkProp];
+  } else {
+    return "Not Found";
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md
new file mode 100644
index 0000000000..05acda6c64
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understand-string-immutability.md
@@ -0,0 +1,70 @@
+---
+id: 56533eb9ac21ba0edf2244ba
+title: Розуміння нестійкості рядка
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWPVaUR'
+forumTopicId: 18331
+dashedName: understand-string-immutability
+---
+
+# --description--
+
+У JavaScript, `String` значення <dfn>immutable</dfn>, означає, що їх не можна буде змінити після створення.
+
+Наприклад, у такому коді:
+
+```js
+let myStr = "Bob";
+myStr[0] = "J";
+```
+
+неможливо змінити значення `myStr` на `Job`, тому що вміст `myStr` не може бути зміненим. Зауважте, що *not* означає, що `myStr` не можна змінити, так само як окремі елементи в коді <dfn>string literal</dfn>. Єдиний спосіб змінити `myStr` - це додати новий рядок:
+
+```js
+let myStr = "Bob";
+myStr = "Job";
+```
+
+# --instructions--
+
+Виправте призначення `myStr` так, щоб код містив рядок зі значенням `Hello World`, використовуючи підхід, показаний вище.
+
+# --hints--
+
+`myStr` має мати значення рядка `Hello World`.
+
+```js
+assert(myStr === 'Hello World');
+```
+
+Не слід змінювати код над зазначеним коментарем.
+
+```js
+assert(/myStr = "Jello World"/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return "myStr = " + v;})(myStr);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let myStr = "Jello World";
+
+// Only change code below this line
+myStr[0] = "H"; // Change this line
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+let myStr = "Jello World";
+myStr = "Hello World";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
new file mode 100644
index 0000000000..a9fc89baeb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-boolean-values.md
@@ -0,0 +1,60 @@
+---
+id: bd7123c9c441eddfaeb5bdef
+title: Розуміння булевих значень
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9Me8t4'
+forumTopicId: 301176
+dashedName: understanding-boolean-values
+---
+
+# --description--
+
+Інший тип даних це <dfn>Boolean</dfn>. Булеві значення можуть мати лише два значення: `true` чи `false`. Фактично, це маленькі перемикачі, де `true` це "увімкнено" і `false` - "вимкнено". Ці два стани несумісні.
+
+**Note:** Булеві вирази ніколи не записуються в дужках. Рядки `"true"` й `"false"` не булеві і не мають особливого значення в JavaScript.
+
+# --instructions--
+
+Змініть функцію `welcomeToBooleans` так, щоб вона повертала `true` замість `false`, коли натискається кнопка запуску.
+
+# --hints--
+
+Функція `welcomeToBooleans()` має повернути значення (`true` or `false`).
+
+```js
+assert(typeof welcomeToBooleans() === 'boolean');
+```
+
+`welcomeToBooleans()` має повернути `true`.
+
+```js
+assert(welcomeToBooleans() === true);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+welcomeToBooleans();
+```
+
+## --seed-contents--
+
+```js
+function welcomeToBooleans() {
+  // Only change code below this line
+
+  return false; // Change this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function welcomeToBooleans() {
+  return true; // Change this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md
new file mode 100644
index 0000000000..19a7875014
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-case-sensitivity-in-variables.md
@@ -0,0 +1,100 @@
+---
+id: 56533eb9ac21ba0edf2244ab
+title: Розуміння врахування регістру в змінних
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cd6GDcD'
+forumTopicId: 18334
+dashedName: understanding-case-sensitivity-in-variables
+---
+
+# --description--
+
+У JavaScript усі змінні та назви функцій існують з урахуванням регістру. Це означає, що написання з великої літери має значення.
+
+`MYVAR` - це не теж саме, що й `MyVar` чи `myvar`. Цілком можливо мати декілька різних змінних з одинаковою назвою, але різним відмінком. Наполегливо рекомендується, щоб, заради чіткості, ви *не* використовували цю мовну особливість.
+
+**Найкраща практика**
+
+Напишіть назви змінних у JavaScript в <dfn>camelCase</dfn>. У <dfn>camelCase</dfn>, у назвах змінних, які складаються з декількох слів, перше слово ми пишемо з малої букви, а першу букву кожного наступного слова - з великої.
+
+**Приклади:**
+
+```js
+var someVariable;
+var anotherVariableName;
+var thisVariableNameIsSoLong;
+```
+
+# --instructions--
+
+Модифікуйте існуючі оголошення та завдання так, щоб їхні назви використовували <dfn>camelCase</dfn>.
+
+Не створюйте жодних нових змінних.
+
+# --hints--
+
+`studlyCapVar` має бути визначене і мати значення `10`.
+
+```js
+assert(typeof studlyCapVar !== 'undefined' && studlyCapVar === 10);
+```
+
+`properCamelCase` має бути визначене і мати значення рядка `A String`.
+
+```js
+assert(
+  typeof properCamelCase !== 'undefined' && properCamelCase === 'A String'
+);
+```
+
+`titleCaseOver` має бути визначене і мати значення `9000`.
+
+```js
+assert(typeof titleCaseOver !== 'undefined' && titleCaseOver === 9000);
+```
+
+`studlyCapVar` має використовувати camelCase як в оголошенні, так і в розділах завдань.
+
+```js
+assert(code.match(/studlyCapVar/g).length === 2);
+```
+
+`properCamelCase` має використовувати camelCase як в оголошенні, так і в розділах завдань.
+
+```js
+assert(code.match(/properCamelCase/g).length === 2);
+```
+
+`titleCaseOver` має використовувати camelCase як в оголошенні, так і в розділах завдань.
+
+```js
+assert(code.match(/titleCaseOver/g).length === 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Variable declarations
+var StUdLyCapVaR;
+var properCamelCase;
+var TitleCaseOver;
+
+// Variable assignments
+STUDLYCAPVAR = 10;
+PRoperCAmelCAse = "A String";
+tITLEcASEoVER = 9000;
+```
+
+# --solutions--
+
+```js
+var studlyCapVar;
+var properCamelCase;
+var titleCaseOver;
+
+studlyCapVar = 10;
+properCamelCase = "A String";
+titleCaseOver = 9000;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md
new file mode 100644
index 0000000000..1da37c8da7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-undefined-value-returned-from-a-function.md
@@ -0,0 +1,96 @@
+---
+id: 598e8944f009e646fc236146
+title: Розуміння невизначеного значення, яке повернуто з функції
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ce2p7cL'
+forumTopicId: 301177
+dashedName: understanding-undefined-value-returned-from-a-function
+---
+
+# --description--
+
+Функція може містити команду `return`, але не обов'язково. У цьому випадку функція не має команди `return`. Натомість, коли ви викликаєте її, функція обробляє внутрішній код, але повернене значення є `undefined`.
+
+**Приклад**
+
+```js
+let sum = 0;
+
+function addSum(num) {
+  sum = sum + num;
+}
+
+addSum(3);
+```
+
+`addSum` - це функція без команди `return`. Функція змінить загальну `sum` (суму) змінної, але повернене значення функції буде `undefined`.
+
+# --instructions--
+
+Створіть функцію `addFive` без аргументів. Ця функція додає 5 до `sum` (суми) змінної, але повернене значення є `undefined`.
+
+# --hints--
+
+`addFive` має бути функцією.
+
+```js
+assert(typeof addFive === 'function');
+```
+
+Після запуску обидвох функцій, `sum` має дорівнювати `8`.
+
+```js
+assert(sum === 8);
+```
+
+Повернене з `addFive` значення, має бути `undefined`.
+
+```js
+assert(addFive() === undefined);
+```
+
+Всередині функції `addFive` вам слід додати `5` до `sum` змінної.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(addFive.toString()).match(/sum=sum\+5|sum\+=5/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+let sum = 0;
+
+function addThree() {
+  sum = sum + 3;
+}
+
+// Only change code below this line
+
+
+// Only change code above this line
+
+addThree();
+addFive();
+```
+
+# --solutions--
+
+```js
+let sum = 0;
+
+function addThree() {
+  sum = sum + 3;
+}
+
+function addFive() {
+  sum = sum + 5;
+}
+
+addThree();
+addFive();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md
new file mode 100644
index 0000000000..e223322dce
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/understanding-uninitialized-variables.md
@@ -0,0 +1,79 @@
+---
+id: 56533eb9ac21ba0edf2244aa
+title: Розуміння неініціалізованих змінних
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBa2JAL'
+forumTopicId: 18335
+dashedName: understanding-uninitialized-variables
+---
+
+# --description--
+
+Коли змінні JavaScript проголошено, вони мають початкове значення `undefined`. Якщо ви виконуєте математичну дію з `undefined` змінної, вашим результатом буде `NaN`, що означає <dfn>"Not a Number"</dfn>. Якщо ви об'єднаєте рядок з `undefined` змінною, ви отримаєте <dfn>рядок</dfn> літерала з `undefined`.
+
+# --instructions--
+
+Ініціалізуйте три змінні `a`, `b` та `c` відповідно з `5`, `10` і `"I am a"`, щоб вони не були `undefined`.
+
+# --hints--
+
+`a` має бути визначене й обчислене, щоб мати значення `6`.
+
+```js
+assert(typeof a === 'number' && a === 6);
+```
+
+`b` має бути визначене й обчислене, щоб мати значення `15`.
+
+```js
+assert(typeof b === 'number' && b === 15);
+```
+
+`c` не має містити `undefined` і повинне мати значення рядка `I am a String!`
+
+```js
+assert(!/undefined/.test(c) && c === 'I am a String!');
+```
+
+Вам не слід змінювати код під зазначеним коментарем.
+
+```js
+assert(
+  /a = a \+ 1;/.test(code) &&
+    /b = b \+ 5;/.test(code) &&
+    /c = c \+ " String!";/.test(code)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(a,b,c){ return "a = " + a + ", b = " + b + ", c = '" + c + "'"; })(a,b,c);
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+var a;
+var b;
+var c;
+// Only change code above this line
+
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+```
+
+# --solutions--
+
+```js
+var a = 5;
+var b = 10;
+var c = "I am a";
+a = a + 1;
+b = b + 5;
+c = c + " String!";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md
new file mode 100644
index 0000000000..a0347bfbfb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/updating-object-properties.md
@@ -0,0 +1,78 @@
+---
+id: 56bbb991ad1ed5201cd392d1
+title: Оновлення властивостей об'єкта
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c9yEJT4'
+forumTopicId: 18336
+dashedName: updating-object-properties
+---
+
+# --description--
+
+Після того, як ви створили об'єкт JavaScript, ви можете оновити його властивості в будь-який час, так як і будь-які інші його змінні. Ви можете використовувати точкову або дужкову нотацію для оновлення.
+
+Наприклад, погляньмо на `ourDog`:
+
+```js
+const ourDog = {
+  "name": "Camper",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["everything!"]
+};
+```
+
+Оскільки це винятково щасливий собака, змінімо його ім'я на рядок `Happy Camper`. Ось як ми оновимо властивість імені його об'єкта: `ourDog.name = "Happy Camper";` або `ourDog["name"] = "Happy Camper";` Тепер коли ми оцінюємо `ourDog.name`, замість того, щоб отримати `Camper`, ми отримаємо його нове ім'я `Happy Camper`.
+
+# --instructions--
+
+Оновити властивість імені об'єкта `myDog`. Змінімо його ім'я з `Coder` на `Happy Coder`. Ви можете використовувати точкову або крапкову нотацію.
+
+# --hints--
+
+Вам слід оновити властивість `name` `myDog`, щоб вона дорівнювала рядку`Happy Coder`.
+
+```js
+assert(/happy coder/gi.test(myDog.name));
+```
+
+Не слід змінювати визначення `myDog`.
+
+```js
+assert(/"name": "Coder"/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(z){return z;})(myDog);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+
+// Only change code below this line
+
+```
+
+# --solutions--
+
+```js
+const myDog = {
+  "name": "Coder",
+  "legs": 4,
+  "tails": 1,
+  "friends": ["freeCodeCamp Campers"]
+};
+myDog.name = "Happy Coder";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md
new file mode 100644
index 0000000000..b9a1e2cacc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-first-character-in-a-string.md
@@ -0,0 +1,74 @@
+---
+id: bd7123c9c549eddfaeb5bdef
+title: Використовуйте Дужкову Нотацію для Пошуку Першого Символу в Рядку
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/ca8JwhW'
+forumTopicId: 18341
+dashedName: use-bracket-notation-to-find-the-first-character-in-a-string
+---
+
+# --description--
+
+<dfn>Дужкова нотація</dfn> - це спосіб отримання символу з певним індексом в рядку.
+
+Більшість сучасних мов програмування, таких як JavaScript, не починають рахувати з 1, як це роблять люди. Вони починають з 0. Це називають індексація <dfn>на основі нуля</dfn>.
+
+Наприклад, символ з індексом 0 у слові `Charles` буде `C`. Отже, якщо `const firstName = "Charles"`, ви можете отримати значення першої літери рядка, використовуючи `firstName[0]`.
+
+Наприклад:
+
+```js
+const firstName = "Charles";
+const firstLetter = firstName[0];
+```
+
+`firstLetter` повинна мати значення рядка `C`.
+
+# --instructions--
+
+Використовуйте дужкову нотацію, щоб знайти перший символ в змінній `lastName` та задайте його до `firstLetterOfLastName`.
+
+**Підказка:**Спробуйте подивитися на приклад вище, якщо застрягли.
+
+# --hints--
+
+Змінна `firstLetterOfLastName` повинна мати значення `L`.
+
+```js
+assert(firstLetterOfLastName === 'L');
+```
+
+Вам слід використовувати дужкову нотацію.
+
+```js
+assert(code.match(/firstLetterOfLastName\s*?=\s*?lastName\[.*?\]/));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(firstLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+let firstLetterOfLastName = "";
+const lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+let firstLetterOfLastName = "";
+const lastName = "Lovelace";
+
+// Only change code below this line
+firstLetterOfLastName = lastName[0];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md
new file mode 100644
index 0000000000..91bdaba5c8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-last-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c451eddfaeb5bdef
+title: Використовуйте Дужкову Нотацію для Пошуку Останнього Символу в Рядку
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cBZQGcv'
+forumTopicId: 18342
+dashedName: use-bracket-notation-to-find-the-last-character-in-a-string
+---
+
+# --description--
+
+Щоб отримати останню літеру рядка, ви можете відняти її від довжини рядка.
+
+Наприклад, якщо `const firstName = "Ada"`, ви можете отримати значення останньої літери, використовуючи `firstName[firstName.length - 1]`.
+
+Наприклад:
+
+```js
+const firstName = "Ada";
+const lastLetter = firstName[firstName.length - 1];
+```
+
+`lastLetter` повинна мати значення рядка `a`.
+
+# --instructions--
+
+Використовуйте <dfn>дужкову нотацію</dfn>, щоб знайти останній символ у змінній `lastName`.
+
+**Підказка:**Спробуйте подивитися на приклад вище, якщо застрягли.
+
+# --hints--
+
+`lastLetterOfLastName` повинно бути літерою `e`.
+
+```js
+assert(lastLetterOfLastName === 'e');
+```
+
+Вам слід використовувати `.length`, щоб отримати останню літеру.
+
+```js
+assert(code.match(/\.length/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(lastLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const lastLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const lastLetterOfLastName = lastName[lastName.length - 1];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md
new file mode 100644
index 0000000000..687917e223
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c450eddfaeb5bdef
+title: Використовуйте Дужкову Нотацію для Пошуку N-го Символу в Рядку
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cWPVJua'
+forumTopicId: 18343
+dashedName: use-bracket-notation-to-find-the-nth-character-in-a-string
+---
+
+# --description--
+
+Ви можете також використовувати <dfn>дужкову нотацію</dfn>, щоб отримати символ на інших позиціях в рядку.
+
+Пам'ятайте, що комп'ютер починає рахувати з `0`, тому перший символ є в дійсності нульовим.
+
+Наприклад:
+
+```js
+const firstName = "Ada";
+const secondLetterOfFirstName = firstName[1];
+```
+
+`secondLetterOfFirstName` повинна мати значення рядка `d`.
+
+# --instructions--
+
+Спробуйте встановити `thirdLetterOfLastName` на рівні третьої літери змінної `lastName`, використовуючи дужкову нотацію.
+
+**Підказка:** Спробуйте подивитися на приклад вище, якщо застрягли.
+
+# --hints--
+
+Змінна `thirdLetterOfLastName` повинна мати значення `v`.
+
+```js
+assert(thirdLetterOfLastName === 'v');
+```
+
+Вам слід використовувати дужкову нотацію.
+
+```js
+assert(code.match(/thirdLetterOfLastName\s*?=\s*?lastName\[.*?\]/));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(thirdLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const thirdLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const thirdLetterOfLastName = lastName[2];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md
new file mode 100644
index 0000000000..2f0dd28493
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-bracket-notation-to-find-the-nth-to-last-character-in-a-string.md
@@ -0,0 +1,68 @@
+---
+id: bd7123c9c452eddfaeb5bdef
+title: Використовуйте Дужкову Нотацію для Пошуку Символу N-го до Останнього в Рядку
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cw4vkh9'
+forumTopicId: 18344
+dashedName: use-bracket-notation-to-find-the-nth-to-last-character-in-a-string
+---
+
+# --description--
+
+Ви можете використовувати той самий принцип, який ми використовували для отримання останнього символу в рядку, щоб отримати символ N-го до останнього.
+
+Наприклад, ви можете отримати значення третьої до останньої літери рядка `const firstName = "Augusta"`, використовуючи `firstName[firstName.length - 3]`
+
+Наприклад:
+
+```js
+const firstName = "Augusta";
+const thirdToLastLetter = firstName[firstName.length - 3];
+```
+
+`thirdToLastLetter` повинен мати значення рядка `s`.
+
+# --instructions--
+
+Використовуйте <dfn>дужкову нотацію</dfn> для пошуку передостаннього символу в `lastName` в рядку.
+
+**Підказка:**Спробуйте подивитися на приклад вище, якщо застрягли.
+
+# --hints--
+
+`secondToLastLetterOfLastName` повинно бути літерою `c`.
+
+```js
+assert(secondToLastLetterOfLastName === 'c');
+```
+
+Вам слід використовувати `.length`, щоб отримати передостанню літеру.
+
+```js
+assert(code.match(/\.length/g).length > 0);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+(function(v){return v;})(secondToLastLetterOfLastName);
+```
+
+## --seed-contents--
+
+```js
+// Setup
+const lastName = "Lovelace";
+
+// Only change code below this line
+const secondToLastLetterOfLastName = lastName; // Change this line
+```
+
+# --solutions--
+
+```js
+const lastName = "Lovelace";
+const secondToLastLetterOfLastName = lastName[lastName.length - 2];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md
new file mode 100644
index 0000000000..061591522d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-conditional-logic-with-if-statements.md
@@ -0,0 +1,98 @@
+---
+id: cf1111c1c12feddfaeb3bdef
+title: Використання умовної логіки з командою if
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cy87mf3'
+forumTopicId: 18348
+dashedName: use-conditional-logic-with-if-statements
+---
+
+# --description--
+
+команди `If` використовуються для прийняття рішень у коді. Ключове слово `if` наказує JavaScript виконати код у фігурних дужках за певних умов, вказаних у круглих дужках. Ці умови ще називаються умовами `Boolean` і вони можуть бути лише `true` або `false`.
+
+Коли умова є оціненою як `true`, програма виконує команду у фігурних дужках. Коли булева умова є оцінена як `false`, команда у фігурних дужках не буде виконана.
+
+**Псевдокод**
+
+<blockquote>якщо (<i>condition is true</i>) {<br>  <i>statement is executed</i><br>}</blockquote>
+
+**Наприклад:**
+
+```js
+function test (myCondition) {
+  if (myCondition) {
+    return "It was true";
+  }
+  return "It was false";
+}
+
+test(true);
+test(false);
+```
+
+`test(true)` повертає рядок `It was true`, а `test(false)` повертає рядок `It was false`.
+
+Коли `test` отримує значення `true`, оператор `if` оцінює `myCondition`, щоб побачити чи воно є `true` чи ні. Оскільки це `true`, функція повертає `It was true`. Коли `test` отримує значення `false`, `myCondition` є *not* `true`, команда у фігурних дужках не виконується і функція повертає `It was false`.
+
+# --instructions--
+
+Створіть оператора `if` всередині функції, щоб повернути `Yes, that was true`, якщо параметр `wasThatTrue` є `true` та повернути `No, that was false` у протилежному випадку.
+
+# --hints--
+
+`trueOrFalse` повинен бути функцією
+
+```js
+assert(typeof trueOrFalse === 'function');
+```
+
+`trueOrFalse(true)` повинен повертати рядок
+
+```js
+assert(typeof trueOrFalse(true) === 'string');
+```
+
+`trueOrFalse(false)` повинен повертати рядок
+
+```js
+assert(typeof trueOrFalse(false) === 'string');
+```
+
+`trueOrFalse(true)` повинен повернути рядок `Yes, that was true`
+
+```js
+assert(trueOrFalse(true) === 'Yes, that was true');
+```
+
+`trueOrFalse(false)` повинен повернути рядок `No, that was false`
+
+```js
+assert(trueOrFalse(false) === 'No, that was false');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trueOrFalse(wasThatTrue) {
+  // Only change code below this line
+
+
+
+  // Only change code above this line
+
+}
+```
+
+# --solutions--
+
+```js
+function trueOrFalse(wasThatTrue) {
+  if (wasThatTrue) {
+    return "Yes, that was true";
+  }
+  return "No, that was false";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md
new file mode 100644
index 0000000000..edabeb0f1a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-multiple-conditional-ternary-operators.md
@@ -0,0 +1,96 @@
+---
+id: 587d7b7e367417b2b2512b21
+title: Використання декількох умовних (трикомпонентних) операторів
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cyWJBT4'
+forumTopicId: 301179
+dashedName: use-multiple-conditional-ternary-operators
+---
+
+# --description--
+
+У попередньому завданні ви використовували одинарний умовний оператор. Ви також можете їх об'єднати для того, щоб перевірити декілька умов.
+
+Наступна функція використовує `if`, `else if`, а також `else` твердження, щоб перевірити декілька умов:
+
+```js
+function findGreaterOrEqual(a, b) {
+  if (a === b) {
+    return "a and b are equal";
+  }
+  else if (a > b) {
+    return "a is greater";
+  }
+  else {
+    return "b is greater";
+  }
+}
+```
+
+Вказану вище функцію можна переписати, використовуючи декілька умовних операторів:
+
+```js
+function findGreaterOrEqual(a, b) {
+  return (a === b) ? "a and b are equal" 
+    : (a > b) ? "a is greater" 
+    : "b is greater";
+}
+```
+
+Найкращою практикою вважають відформатування декількох умовних операторів таким чином, що кожна умова буде знаходитися в окремому рядку, як вказано вище. Використання декількох умовних операторів без правильних відступів може ускладнити читання вашого коду. Наприклад:
+
+```js
+function findGreaterOrEqual(a, b) {
+  return (a === b) ? "a and b are equal" : (a > b) ? "a is greater" : "b is greater";
+}
+```
+
+# --instructions--
+
+У функції `checkSign`, використовуйте декілька умовних операторів, дотримуючись рекомендованого формату, що використаний у `findGreaterOrEqual` - для того, щоб перевірити чи число додатнє, від'ємне або нуль. Функція має повернути `positive`, `negative` or `zero`.
+
+# --hints--
+
+`checkSign` має використовувати декілька умовних операторів
+
+```js
+assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?\s*?\?\s*?.+?\s*?:\s*?.+?/gi.test(code));
+```
+
+`checkSign(10)` має повернути рядок `positive`. Зверніть увагу на те, що написання з великої літери - важливе
+
+```js
+assert(checkSign(10) === 'positive');
+```
+
+`checkSign(-12)` має повернути рядок `negative`. Зверніть увагу на те, що написання з великої літери - важливе
+
+```js
+assert(checkSign(-12) === 'negative');
+```
+
+`checkSign(0)` має повернути рядок `zero`. Зверніть увагу на те, що написання з великої літери - важливе
+
+```js
+assert(checkSign(0) === 'zero');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSign(num) {
+
+}
+
+checkSign(10);
+```
+
+# --solutions--
+
+```js
+function checkSign(num) {
+  return (num > 0) ? 'positive' : (num < 0) ? 'negative' : 'zero';
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md
new file mode 100644
index 0000000000..7c32208910
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-countdown.md
@@ -0,0 +1,92 @@
+---
+id: 5cd9a70215d3c4e65518328f
+title: Використовуйте рекурсію для створення зворотного відліку
+challengeType: 1
+forumTopicId: 305925
+dashedName: use-recursion-to-create-a-countdown
+---
+
+# --description--
+
+У [попередньому завданні](/learn/javascript-algorithms-and-data-structures/basic-javascript/replace-loops-using-recursion) ви навчилися використовувати рекурсію для заміни циклу `for`. Тепер подивимося на більш складну функцію, яка повертає масив послідовних чисел, починаючи з `1` до числа, переданого функції.
+
+Як уже було згадано в попередньому завданні, це буде <dfn>base case</dfn>. Він повідомляє рекурсивній функції, коли їй більше не потрібно викликати саму себе. Це простий випадок, коли значення, яке повертається, вже відоме. Також існує <dfn>recursive call</dfn>, який виконує початкову функцію з різними параметрами. Якщо функція написана правильно, то буде досягнутий базовий випадок.
+
+Наприклад, скажімо, ви хочете написати рекурсивну функцію, яка повертає масив, що містить числа від `1` до `n`. Цій функції потрібно прийняти параметр `n`, який означає остаточне число. Тоді їй потрібно викликати саму себе, поступово зменшуючи значення числа `n`, поки воно не досягне `1`. Ви можете написати функцію наступним чином:
+
+```javascript
+function countup(n) {
+  if (n < 1) {
+    return [];
+  } else {
+    const countArray = countup(n - 1);
+    countArray.push(n);
+    return countArray;
+  }
+}
+console.log(countup(5));
+```
+
+Значення `[1, 2, 3, 4, 5]` будуть відображені на консолі.
+
+Спочатку це може здатися парадоксальним, адже значення `n` *зростає*, але значення у остаточному масиві *зростають*. Так відбувається, тому що підвищення відбувається останнім після рекурсивного виклику. У точці, де `n` вставляється в масив `countup(n - 1)` вже проаналізовано та повернуто `[1, 2, ..., n - 1]`.
+
+# --instructions--
+
+Ми вже визначили функцію під назвою `countdown` з одним параметром (`n`). Функція має використовувати рекурсію, щоб повернути масив, який містить цілі числа від `n` до `1` на основі параметра `n`. Якщо функція викликається числом меншим за 1, вона має повернути порожній масив. Наприклад, виклик цієї функції зі значенням `n = 5` має повернути масив `[5, 4, 3, 2, 1]`. Ваша функція має використовувати рекурсію шляхом виклику самої себе, але не повинна використовувати ніякі цикли.
+
+# --hints--
+
+`countdown(-1)` має повернути пустий масив.
+
+```js
+assert.isEmpty(countdown(-1));
+```
+
+`countdown(10)` має повернути `[10, 9, 8, 7, 6, 5, 4, 3, 2, 1]`
+
+```js
+assert.deepStrictEqual(countdown(10), [10, 9, 8, 7, 6, 5, 4, 3, 2, 1]);
+```
+
+`countdown(5)` має повернути `[5, 4, 3, 2, 1]`
+
+```js
+assert.deepStrictEqual(countdown(5), [5, 4, 3, 2, 1]);
+```
+
+Ваш код не має опиратися на жодні цикли (`for`, `while` або функції більш високого порядку, такі як `forEach`, `map`, `filter`, and `reduce`).
+
+```js
+assert(
+  !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+Вам слід використати рекурсію, щоб вирішити цю проблему.
+
+```js
+assert(
+  countdown.toString().match(/countdown\s*\(.+\)/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+function countdown(n){
+  return;
+}
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+function countdown(n){
+   return n < 1 ? [] : [n].concat(countdown(n - 1));
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md
new file mode 100644
index 0000000000..9c8b6de662
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-recursion-to-create-a-range-of-numbers.md
@@ -0,0 +1,81 @@
+---
+id: 5cc0bd7a49b71cb96132e54c
+title: Використання рекурсії для створення діапазону чисел
+challengeType: 1
+forumTopicId: 301180
+dashedName: use-recursion-to-create-a-range-of-numbers
+---
+
+# --description--
+
+Продовжуючи попереднє завдання, ми пропонуємо вам ще одну можливість створити рекурсивну функцію для вирішення проблеми.
+
+# --instructions--
+
+Ми визначили функцію під назвою `rangeOfNumbers` з двома параметрами. Функція повинна повернути масив цілих чисел, що починаються з числа, представленого параметром `startNum` і закінчується числом, яке представлене параметром `endNum`. Початкове число завжди буде меншим або рівним кінцевому номеру. Ваша функція має використовувати рекурсію, викликаючи сама себе, але не повинна використовувати якісь цикли. Вона також повинна працювати у випадках, коли`startNum` і `endNum` однакові.
+
+# --hints--
+
+Ваша функція повинна повертати масив.
+
+```js
+assert(Array.isArray(rangeOfNumbers(5, 10)));
+```
+
+У вашому коді не повинні використовуватися ніякі циклічні синтаксичні структури (`for` або `while` або функції вищого порядку, такі як `forEach`, `map`, `filter`, або `reduce`).
+
+```js
+assert(
+  !code.match(/for|while|forEach|map|filter|reduce/g)
+);
+```
+
+`rangeOfNumbers` повинен використовувати рекурсію (викликати самого себе) для вирішення цьгого завдання.
+
+```js
+assert(
+  rangeOfNumbers.toString().match(/rangeOfNumbers\s*\(.+\)/)
+);
+```
+
+`rangeOfNumbers(1, 5)` повинен повертати `[1, 2, 3, 4, 5]`.
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(1, 5), [1, 2, 3, 4, 5]);
+```
+
+`rangeOfNumbers(6, 9)` повинен повертати `[6, 7, 8, 9]`.
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(6, 9), [6, 7, 8, 9]);
+```
+
+`rangeOfNumbers(4, 4)` повинен повертати `[4]`.
+
+```js
+assert.deepStrictEqual(rangeOfNumbers(4, 4), [4]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rangeOfNumbers(startNum, endNum) {
+  return [];
+};
+```
+
+# --solutions--
+
+```js
+function rangeOfNumbers(startNum, endNum) {
+  if (endNum - startNum === 0) {
+    return [startNum];
+  } else {
+    const numbers = rangeOfNumbers(startNum, endNum - 1);
+    numbers.push(endNum);
+    return numbers;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md
new file mode 100644
index 0000000000..3c68b6d5ab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-conditional-ternary-operator.md
@@ -0,0 +1,84 @@
+---
+id: 587d7b7e367417b2b2512b24
+title: Використання умовного (трикомпонентного) оператора
+challengeType: 1
+forumTopicId: 301181
+dashedName: use-the-conditional-ternary-operator
+---
+
+# --description--
+
+<dfn>Умовний оператор</dfn>, який також називається <dfn>трикомпонентним оператором</dfn>, може використовуватися як однорядковий "if-else" вираз.
+
+Синтаксисом є `a ? b : c`, де `a` - це умова, `b` - це код, що запускається, коли умова повертає `true` і `c` - код, що запускається, коли умова повертає `false`.
+
+Ця функція використовує `if/else` твердження для того, щоб перевірити умову:
+
+```js
+function findGreater(a, b) {
+  if(a > b) {
+    return "a is greater";
+  }
+  else {
+    return "b is greater or equal";
+  }
+}
+```
+
+Її можна переписати, використовуючи умовний оператор:
+
+```js
+function findGreater(a, b) {
+  return a > b ? "a is greater" : "b is greater or equal";
+}
+```
+
+# --instructions--
+
+Використовуйте умовний оператор у функції `checkEqual`, щоб перевірити чи два числа рівні, чи ні. Функція має повернути рядок `Equal` або рядок `Not Equal`.
+
+# --hints--
+
+`checkEqual` має використовувати умовний оператор
+
+```js
+assert(/.+?\s*?\?\s*?.+?\s*?:\s*?.+?/.test(code));
+```
+
+`checkEqual(1, 2)` має повернути рядок `Not Equal`
+
+```js
+assert(checkEqual(1, 2) === 'Not Equal');
+```
+
+`checkEqual(1, 1)` має повернути рядок `Equal`
+
+```js
+assert(checkEqual(1, 1) === 'Equal');
+```
+
+`checkEqual(1, -1)` має повернути рядок `Not Equal`
+
+```js
+assert(checkEqual(1, -1) === 'Not Equal');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkEqual(a, b) {
+
+}
+
+checkEqual(1, 2);
+```
+
+# --solutions--
+
+```js
+function checkEqual(a, b) {
+  return a === b ? "Equal" : "Not Equal";
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md
new file mode 100644
index 0000000000..6122e32ee7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function-with-a-radix.md
@@ -0,0 +1,82 @@
+---
+id: 587d7b7e367417b2b2512b22
+title: Використайте функцію ParseInt з радіусом
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/c6K4Kh3'
+forumTopicId: 301182
+dashedName: use-the-parseint-function-with-a-radix
+---
+
+# --description--
+
+Функція `parseInt()` аналізує рядок і повертає ціле число. Для радікса потрібен другий аргумент, який визначає основу числа у рядку. Радіксом може бути ціле число від 2 до 36.
+
+Виклик функції виглядає так:
+
+```js
+parseInt(string, radix);
+```
+
+Ось приклад:
+
+```js
+const a = parseInt("11", 2);
+```
+
+Змінна радікса говорить, що `11` знаходиться у двійковій системі або у базі 2. Цей приклад перетворює рядок `11` на ціле число `3`.
+
+# --instructions--
+
+Використовуйте `parseInt()` у функції `convertToInteger`, щоб воно перетворило двійкове число на ціле число і повернуло його.
+
+# --hints--
+
+`convertToInteger` має використати функцію `parseInt()`
+
+```js
+assert(/parseInt/g.test(code));
+```
+
+`convertToInteger("10011")` має повернути число
+
+```js
+assert(typeof convertToInteger('10011') === 'number');
+```
+
+`convertToInteger("10011")` має повернути 19
+
+```js
+assert(convertToInteger('10011') === 19);
+```
+
+`convertToInteger("111001")` має повернути 57
+
+```js
+assert(convertToInteger('111001') === 57);
+```
+
+`convertToInteger("JamesBond")` має повернути `NaN`
+
+```js
+assert.isNaN(convertToInteger('JamesBond'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("10011");
+```
+
+# --solutions--
+
+```js
+function convertToInteger(str) {
+  return parseInt(str, 2);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md
new file mode 100644
index 0000000000..6aba56ffb0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/use-the-parseint-function.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b7e367417b2b2512b23
+title: Використовуйте Функцію parseInt
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cm83LSW'
+forumTopicId: 301183
+dashedName: use-the-parseint-function
+---
+
+# --description--
+
+Функція `parseInt()` аналізує рядок і повертає ціле число. Наприклад:
+
+```js
+const a = parseInt("007");
+```
+
+Наведена вище функція перетворює рядок `007` у ціле `7`. Якщо перший символ у рядку не може бути перетвореним у число, тоді він повертає `NaN`.
+
+# --instructions--
+
+Використовуйте `parseInt()` у функції `convertToInteger`, щоб вона конвертувала вхідний рядок `str` у ціле число та повернула його.
+
+# --hints--
+
+`convertToInteger` має використати функцію `parseInt()`
+
+```js
+assert(/parseInt/g.test(code));
+```
+
+`convertToInteger("56")` має повернути число
+
+```js
+assert(typeof convertToInteger('56') === 'number');
+```
+
+`convertToInteger("56")` має повернути 56
+
+```js
+assert(convertToInteger('56') === 56);
+```
+
+`convertToInteger("77")` має повернути 77
+
+```js
+assert(convertToInteger('77') === 77);
+```
+
+`convertToInteger("JamesBond")` має повернути `NaN`
+
+```js
+assert.isNaN(convertToInteger('JamesBond'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToInteger(str) {
+
+}
+
+convertToInteger("56");
+```
+
+# --solutions--
+
+```js
+function convertToInteger(str) {
+  return parseInt(str);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md
new file mode 100644
index 0000000000..09fc1f0f21
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/using-objects-for-lookups.md
@@ -0,0 +1,155 @@
+---
+id: 56533eb9ac21ba0edf2244ca
+title: Використання об'єктів для пошуків
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cdBk8sM'
+forumTopicId: 18373
+dashedName: using-objects-for-lookups
+---
+
+# --description--
+
+Об'єкти можна вважати сховищем ключів та значень, як словники. Якщо ви маєте табличні дані, ви краще можете використати об'єкт для пошуку значень, ніж `switch` твердження або `if/else` ланцюжок. Це найбільш корисно, коли ви знаєте, що ваші вхідні дані обмежені до певного діапазону.
+
+Ось приклад простого пошуку алфавіту в зворотньому порядку:
+
+```js
+const alpha = {
+  1:"Z",
+  2:"Y",
+  3:"X",
+  4:"W",
+  ...
+  24:"C",
+  25:"B",
+  26:"A"
+};
+
+alpha[2];
+alpha[24];
+
+const value = 2;
+alpha[value];
+```
+
+`alpha[2]` - це рядок `Y`, `alpha[24]` - це рядок `C`, а `alpha[value]` - це рядок `Y`.
+
+# --instructions--
+
+Переробіть ключове твердження на об'єкт, що називається `lookup`. Використовуйте його, щоб шукати `val` і призначати пов'язаний рядок до `result` змінної.
+
+# --hints--
+
+`phoneticLookup("alpha")` має дорівнювати рядку `Adams`
+
+```js
+assert(phoneticLookup('alpha') === 'Adams');
+```
+
+`phoneticLookup("bravo")` має дорівнювати рядку `Boston`
+
+```js
+assert(phoneticLookup('bravo') === 'Boston');
+```
+
+`phoneticLookup("charlie")` має дорівнювати рядку `Chicago`
+
+```js
+assert(phoneticLookup('charlie') === 'Chicago');
+```
+
+`phoneticLookup("delta")` має дорівнювати рядку `Denver`
+
+```js
+assert(phoneticLookup('delta') === 'Denver');
+```
+
+`phoneticLookup("echo")` має дорівнювати рядку `Easy`
+
+```js
+assert(phoneticLookup('echo') === 'Easy');
+```
+
+`phoneticLookup("foxtrot")` має дорівнювати рядку `Frank`
+
+```js
+assert(phoneticLookup('foxtrot') === 'Frank');
+```
+
+`phoneticLookup("")` має дорівнювати `undefined`
+
+```js
+assert(typeof phoneticLookup('') === 'undefined');
+```
+
+Вам не слід змінювати `return` твердження
+
+```js
+assert(code.match(/return\sresult;/));
+```
+
+Вам не слід використовувати `case`, `switch` або `if` твердження
+
+```js
+assert(
+  !/case|switch|if/g.test(code.replace(/([/]{2}.*)|([/][*][^/*]*[*][/])/g, ''))
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Setup
+function phoneticLookup(val) {
+  let result = "";
+
+  // Only change code below this line
+  switch(val) {
+    case "alpha":
+      result = "Adams";
+      break;
+    case "bravo":
+      result = "Boston";
+      break;
+    case "charlie":
+      result = "Chicago";
+      break;
+    case "delta":
+      result = "Denver";
+      break;
+    case "echo":
+      result = "Easy";
+      break;
+    case "foxtrot":
+      result = "Frank";
+  }
+
+  // Only change code above this line
+  return result;
+}
+
+phoneticLookup("charlie");
+```
+
+# --solutions--
+
+```js
+function phoneticLookup(val) {
+  let result = "";
+
+  const lookup = {
+    alpha: "Adams",
+    bravo: "Boston",
+    charlie: "Chicago",
+    delta: "Denver",
+    echo: "Easy",
+    foxtrot: "Frank"
+  };
+
+  result = lookup[val];
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md
new file mode 100644
index 0000000000..5e18338737
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/word-blanks.md
@@ -0,0 +1,107 @@
+---
+id: 56533eb9ac21ba0edf2244bb
+title: Пропуски у словах
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/caqn8zuP'
+forumTopicId: 18377
+dashedName: word-blanks
+---
+
+# --description--
+
+Тепер ми використаємо наші знання про рядки, щоб створити стильну гру у слова [Mad Libs](https://en.wikipedia.org/wiki/Mad_Libs), яку ми називаємо "Пропуски в словах". Ви створите (за бажанням гумористичні) речення типу "Заповніть пропуски".
+
+У грі "Пропуски в словах", у вас є речення з пропущеними частинами мови, наприклад, іменниками, дієсловами, прикметниками та прислівниками. Потім ви заповнюєте вибрані вами відсутні фрагменти слів так, аби завершене реченням мало сенс.
+
+Розгляньте це речення - Було дуже **\_\_\_\_**, і ми **\_\_\_\_** себе **\_\_\_\_**. У цьому реченні відсутні три фрагменти: прикметник, дієслово та прислівник; ми можемо додати вибрані нами слова для того, щоб завершити його. Потім ми можемо призначити надіслане речення змінній наступним чином:
+
+```js
+const sentence = "It was really " + "hot" + ", and we " + "laughed" + " ourselves " + "silly" + ".";
+```
+
+# --instructions--
+
+У цьому завданні у вас є іменник, дієслово, прикметник та прислівник. Вам потрібно створити завершене речення зі словами на ваш вибір, а також використати ті, які ми надаємо.
+
+Вам потрібно використати рядок оператор конкатенації `+`, щоб створити новий, за допомогою наданих змінних: `myNoun`, `myAdjective`, `myVerb`, і `myAdverb`. Потім ви задасте сформованому рядку змінну `wordBlanks`. Не слід змінювати слова, які зазначені як змінні.
+
+Вам також потрібно враховувати пропуски у вашому рядку для того, щоб кінцеве речення містило пробіли між усіма словами. У результаті ви маєте отримати завершене речення.
+
+# --hints--
+
+`wordBlanks` має бути рядком.
+
+```js
+assert(typeof wordBlanks === 'string');
+```
+
+Ви не повинні змінювати значення, задані як `myNoun`, `myVerb`, `myAdjective` або `myAdverb`.
+
+```js
+assert(
+  myNoun === 'dog' &&
+    myVerb === 'ran' &&
+    myAdjective === 'big' &&
+    myAdverb === 'quickly'
+);
+```
+
+Ви не повинні безпосередньо використовувати змінні `собака`, `біг`, `великий`, або `швидко` для того, щоб створити `wordBlanks`.
+
+```js
+const newCode = removeAssignments(code);
+assert(
+  !/dog/.test(newCode) &&
+    !/ran/.test(newCode) &&
+    !/big/.test(newCode) &&
+    !/quickly/.test(newCode)
+);
+```
+
+`wordBlanks` має містити всі слова, які задані як змінні: `myNoun`, `myVerb`, `myAdjective` і `myAdverb` виокремленими словами, які не є символами (а також будь-якими додатковими словами у вашій madlib).
+
+```js
+assert(
+  /\bdog\b/.test(wordBlanks) &&
+    /\bbig\b/.test(wordBlanks) &&
+    /\bran\b/.test(wordBlanks) &&
+    /\bquickly\b/.test(wordBlanks)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const removeAssignments = str => str
+  .replace(/myNoun\s*=\s*["']dog["']/g, '')
+  .replace(/myAdjective\s*=\s*["']big["']/g, '')
+  .replace(/myVerb\s*=\s*["']ran["']/g, '')
+  .replace(/myAdverb\s*=\s*["']quickly["']/g, '');
+```
+
+## --seed-contents--
+
+```js
+const myNoun = "dog";
+const myAdjective = "big";
+const myVerb = "ran";
+const myAdverb = "quickly";
+
+// Only change code below this line
+const wordBlanks = ""; // Change this line
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const myNoun = "dog";
+const myAdjective = "big";
+const myVerb = "ran";
+const myAdverb = "quickly";
+
+let wordBlanks = "Once there was a " + myNoun + " which was very " + myAdjective + ". ";
+wordBlanks += "It " + myVerb + " " + myAdverb + " around the yard.";
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md
new file mode 100644
index 0000000000..81a4e589b0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/write-reusable-javascript-with-functions.md
@@ -0,0 +1,101 @@
+---
+id: 56bbb991ad1ed5201cd392cf
+title: Створення багаторазового коду JavaScript за допомогою функцій
+challengeType: 1
+videoUrl: 'https://scrimba.com/c/cL6dqfy'
+forumTopicId: 18378
+dashedName: write-reusable-javascript-with-functions
+---
+
+# --description--
+
+У JavaScript, ми можемо розділити наш код на повторно використовувані частини, які називаються <dfn>functions</dfn>.
+
+Приклад функції:
+
+```js
+function functionName() {
+  console.log("Hello World");
+}
+```
+
+Ви можете викликати або <dfn>invoke</dfn> цю функцію, використавши дужки для написання її назви так: `functionName();`. Щоразу як ви викликатимете функцію, на екран буде виводитись повідомлення з написом `Hello World` на консолі розробника. Щоразу як буде викликана функція, увесь код між фігурними дужками буде виконуватись.
+
+# --instructions--
+
+<ol>
+  <li>
+    Створіть функцію, яка називається <code>reusableFunction</code>, що друкує рядок <code>Hi World</code> на консоль розробників.
+  </li>
+  <li>
+    Викличте функцію.
+  </li>
+</ol>
+
+# --hints--
+
+`reusableFunction` повинен бути функцією.
+
+```js
+assert(typeof reusableFunction === 'function');
+```
+
+Якщо `reusableFunction` буде викликано, то він має виводити рядок `Hi World` на консоль.
+
+```js
+assert(testConsole());
+```
+
+Викличте функцію `reusableFunction` після її визначення.
+
+```js
+const functionStr = reusableFunction && __helpers.removeWhiteSpace(reusableFunction.toString());
+const codeWithoutFunction = __helpers.removeWhiteSpace(code).replace(/reusableFunction\(\)\{/g, '');
+assert(/reusableFunction\(\)/.test(codeWithoutFunction));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+
+function testConsole() {
+  var logOutput = "";
+  var originalConsole = console;
+  var nativeLog = console.log;
+  var hiWorldWasLogged = false;
+  console.log = function (message) {
+    if(message === 'Hi World')  {
+      console.warn(message)
+      hiWorldWasLogged = true;
+    }
+    if(message && message.trim) logOutput = message.trim();
+    if(nativeLog.apply) {
+      nativeLog.apply(originalConsole, arguments);
+    } else {
+      var nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+      nativeLog(nativeMsg);
+    }
+  };
+  reusableFunction();
+  console.log = nativeLog;
+  return hiWorldWasLogged;
+}
+
+```
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function reusableFunction() {
+  console.log("Hi World");
+}
+reusableFunction();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md
new file mode 100644
index 0000000000..ca1844da89
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-arguments-passed-in-the-wrong-order-when-calling-a-function.md
@@ -0,0 +1,57 @@
+---
+id: 587d7b85367417b2b2512b3a
+title: Знаходження переданих у неправильному порядку аргументів під час виклику функції
+challengeType: 1
+forumTopicId: 301184
+dashedName: catch-arguments-passed-in-the-wrong-order-when-calling-a-function
+---
+
+# --description--
+
+Продовжуючи обговорення виклику функцій, наступною помилкою може бути пошук аргументів функції, переданих у неправильному порядку. Якщо аргументи відносяться до різних типів, наприклад, функцій з масивами та цілими числами, то це, ймовірно, призведе до помилок в коді. Якщо аргументи відносяться до одного типу (наприклад, усі з них - цілі числа), тоді послідовність коду не матиме сенсу. Переконайтеся, що усі необхідні аргументи розташовано у правильному порядку, щоб уникнути цих проблем.
+
+# --instructions--
+
+Функція `raiseToPower` підносить основу до ступеня. На жаль, його не викликано належним чином - виправіть код так, щоб значення `power` дорівнювало 8.
+
+# --hints--
+
+Ваш код має виправити змінну `power`, щоб вона дорівнювала 2-ом піднесеним до 3 ступеня, а не 3-ом піднесеним до 2 ступеня.
+
+```js
+assert(power == 8);
+```
+
+Ваш код має використовувати правильний порядок аргументів для виклику функції `raiseToPower`.
+
+```js
+assert(code.match(/raiseToPower\(\s*?base\s*?,\s*?exp\s*?\);/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function raiseToPower(b, e) {
+  return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(exp, base);
+console.log(power);
+```
+
+# --solutions--
+
+```js
+function raiseToPower(b, e) {
+ return Math.pow(b, e);
+}
+
+let base = 2;
+let exp = 3;
+let power = raiseToPower(base, exp);
+console.log(power);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md
new file mode 100644
index 0000000000..16ea361693
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-missing-open-and-closing-parenthesis-after-a-function-call.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b85367417b2b2512b39
+title: Знаходження пропущених відкриваючих та закриваючих дужок після виклику функції
+challengeType: 1
+forumTopicId: 301185
+dashedName: catch-missing-open-and-closing-parenthesis-after-a-function-call
+---
+
+# --description--
+
+Коли функція чи метод не приймає жодних аргументів, під час їх виклику ви можете забути додати (порожні) відкриваючі та закриваючі дужки. Зазвичай результат виклику функції зберігається у змінних для подальшого використання у вашому коді. Цю помилку можна розпізнати шляхом вводу змінних значень (або їхніх типів) у консоль, поки одне з них не матиме посилання на функцію замість очікуваного значення, яке вона має повертати.
+
+Змінні у поданому нижче прикладі є різними:
+
+```js
+function myFunction() {
+  return "You rock!";
+}
+let varOne = myFunction;
+let varTwo = myFunction();
+```
+
+У випадку `varOne` є функцією `myFunction`, і `varTwo` є рядком `You rock!`.
+
+# --instructions--
+
+Виправте код таким чином, щоб змінна `result` отримала значення, повернене від виклику функції `getNine`.
+
+# --hints--
+
+Ваш код має виправити змінну `result` так, щоб вона була встановлена числом, яке функція `getNine` повертатиме.
+
+```js
+assert(result == 9);
+```
+
+Ваш код має викликати функцію `getNine`.
+
+```js
+assert(code.match(/getNine\(\)/g).length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function getNine() {
+  let x = 6;
+  let y = 3;
+  return x + y;
+}
+
+let result = getNine;
+console.log(result);
+```
+
+# --solutions--
+
+```js
+function getNine() {
+ let x = 6;
+ let y = 3;
+ return x + y;
+}
+
+let result = getNine();
+console.log(result);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md
new file mode 100644
index 0000000000..b81757b1cd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-misspelled-variable-and-function-names.md
@@ -0,0 +1,69 @@
+---
+id: 587d7b84367417b2b2512b35
+title: Знаходження неправильно написаних змінних та назв функцій
+challengeType: 1
+forumTopicId: 301186
+dashedName: catch-misspelled-variable-and-function-names
+---
+
+# --description--
+
+Методи `console.log()` та `typeof` є двома основними способами перевірки допоміжних значень та типів вихідних програм. Тепер час заглибитися у найпоширеніші різновиди форм, які можуть приймати помилки. Одна помилка на синтаксичному рівні, яку можна допустити при швидкому друці, є звичайною помилкою правопису.
+
+Якщо символ у змінній чи назві функції буде перенесений, відсутній, або ж матиме неправильний регістр, браузер виконуватиме пошук неіснуючого об'єкта та надсилатиме скарги у формі посилання на помилку. Змінні та назви функцій JavaScript є чутливим до регістру літер.
+
+# --instructions--
+
+Виправте дві помилки правопису в коді, щоб розрахунок `netWorkingCapital` працював.
+
+# --hints--
+
+Перевірте правопис двох змінних, використаних у розрахунку netWorkingCapital, щоб вихідні дані консолі показували "Чистий робочий капітал: 2".
+
+```js
+assert(netWorkingCapital === 2);
+```
+
+У коді не повинно бути жодних випадків змінних, написаних у неправильному регістрі.
+
+```js
+assert(!code.match(/recievables/g));
+```
+
+Змінна `receivables` коду має бути правильно об'явлена і використана.
+
+```js
+assert(code.match(/receivables/g).length == 2);
+```
+
+У коді не повинно бути жодних випадків змінних, написаних у неправильному регістрі.
+
+```js
+assert(!code.match(/payable;/g));
+```
+
+Змінна `payables` коду має бути правильно об'явлена і використана.
+
+```js
+assert(code.match(/payables/g).length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = recievables - payable;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+```
+
+# --solutions--
+
+```js
+let receivables = 10;
+let payables = 8;
+let netWorkingCapital = receivables - payables;
+console.log(`Net working capital is: ${netWorkingCapital}`);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md
new file mode 100644
index 0000000000..21a75ab35e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b84367417b2b2512b37
+title: Знаходження змішаного використання одинарних та подвійних лапок
+challengeType: 1
+forumTopicId: 301188
+dashedName: catch-mixed-usage-of-single-and-double-quotes
+---
+
+# --description--
+
+У JavaScript дозволяє використання як одинарних (`'`), так і подвійних (`"`) лапок, щоб задати рядок. Вибір між ними залежить від особистих уподобань, проте існують і певні винятки.
+
+Обирати між ними - справді чудово, якщо у рядку наявні скорочення або ж інша його частина вже знаходиться в лапках. Лише будьте уважними, аби не закрити рядок занадто рано, що може призвести до помилки в синтаксисі.
+
+Ось деякі приклади змішаного використанням лапок:
+
+```js
+const grouchoContraction = "I've had a perfectly wonderful evening, but this wasn't it.";
+const quoteInString = "Groucho Marx once said 'Quote me as saying I was mis-quoted.'";
+const uhOhGroucho = 'I've had a perfectly wonderful evening, but this wasn't it.';
+```
+
+Перші два варіанти є правильними, але третій містить помилку.
+
+Звичайно, використання лише одного виду лапок теж є правильним. Уникнути повторення лапок можна використовуючи символ зворотної косої риски (`\`):
+
+```js
+const allSameQuotes = 'I\'ve had a perfectly wonderful evening, but this wasn\'t it.';
+```
+
+# --instructions--
+
+Виправіть рядок шляхом або використання у ньому різних типів лапок для значення `href`, або уникнувши застосування вже наявних. Дотримуйтесь використання подвійних лапок навколо всього рядка.
+
+# --hints--
+
+Ваш код має виправляти використання лапок навколо значення `href` у `#Home` шляхом зміни їхнього типу або уникаючи їх вжитку.
+
+```js
+assert(code.match(/<a href=\s*?('|\\")#Home\1\s*?>/g));
+```
+
+Ваш код має дотримуватися використання подвійних лапок навколо всього рядка.
+
+```js
+assert(code.match(/"<p>.*?<\/p>";/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
+console.log(innerHtml);
+```
+
+# --solutions--
+
+```js
+let innerHtml = "<p>Click here to <a href=\"#Home\">return home</a></p>";
+console.log(innerHtml);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md
new file mode 100644
index 0000000000..a5d1d4da7f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-off-by-one-errors-when-using-indexing.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b86367417b2b2512b3b
+title: Знаходження помилок неврахованої одиниці при індексуванні
+challengeType: 1
+forumTopicId: 301189
+dashedName: catch-off-by-one-errors-when-using-indexing
+---
+
+# --description--
+
+<dfn>Помилки неврахованої одиниці</dfn> (також відомі як помилки на одиницю) виникають, коли ви намагаєтеся обрати конкретний індекс рядка чи масиву (для виокремлення чи отримання доступу до цього сегмента) або під час створення з них циклів. Індексування JavaScript починається з нуля, а не одиниці, що означає, що останній індекс завжди буде на одиницю меншим, ніж довжина елемента. Якщо ви спробуєте отримати доступ до індексу рівному довжині, програма повідомить про помилку "індексу поза діапазоном" або виведе на екран результат `undefined`.
+
+Якщо ви використовуєте методи рядка чи масиву, які беруть діапазон індексу за аргумент, прочитання документації допоможе зрозуміти, чи вони включають елементи (коли елемент за заданим індексом є частиною отриманого результату), чи ні. Ось кілька прикладів помилок неврахованої одиниці:
+
+```js
+let alphabet = "abcdefghijklmnopqrstuvwxyz";
+let len = alphabet.length;
+for (let i = 0; i <= len; i++) {
+  console.log(alphabet[i]);
+}
+for (let j = 1; j < len; j++) {
+  console.log(alphabet[j]);
+}
+for (let k = 0; k < len; k++) {
+  console.log(alphabet[k]);
+}
+```
+
+Перший приклад створює цикл забагато разів, а другий цикл є занадто коротким (оскільки пропущений перший індекс, 0). Третій приклад правильний.
+
+# --instructions--
+
+Виправіть дві помилки індексування у поданій функції таким чином, щоб усі числа від 1 до 5 були виведені на консоль.
+
+# --hints--
+
+Ваш код має встановити початкову умову циклу так, щоб він починався з першого індексу.
+
+```js
+assert(code.match(/i\s*?=\s*?0\s*?;/g).length == 1);
+```
+
+Ваш код має виправити початкову умову циклу таким чином, щоб індекс починався з 0.
+
+```js
+assert(!code.match(/i\s?=\s*?1\s*?;/g));
+```
+
+Ваш код має встановити кінцеву умову циклу так, щоб він закінчувався на останньому індексі.
+
+```js
+assert(code.match(/i\s*?<\s*?len\s*?;/g).length == 1);
+```
+
+Ваш код має виправити кінцеву умову циклу таким чином, щоб він зупинявся на 1 перед одиницею довжини.
+
+```js
+assert(!code.match(/i\s*?<=\s*?len;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countToFive() {
+  let firstFive = "12345";
+  let len = firstFive.length;
+  // Only change code below this line
+  for (let i = 1; i <= len; i++) {
+  // Only change code above this line
+    console.log(firstFive[i]);
+  }
+}
+
+countToFive();
+```
+
+# --solutions--
+
+```js
+function countToFive() {
+ let firstFive = "12345";
+ let len = firstFive.length;
+ // Only change code below this line
+ for (let i = 0; i < len; i++) {
+ // Only change code above this line
+   console.log(firstFive[i]);
+ }
+}
+
+countToFive();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md
new file mode 100644
index 0000000000..7f6269ca16
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-unclosed-parentheses-brackets-braces-and-quotes.md
@@ -0,0 +1,49 @@
+---
+id: 587d7b84367417b2b2512b36
+title: 'Знаходження незакритих круглих, квадратних і фігурних дужок та лапок'
+challengeType: 1
+forumTopicId: 301190
+dashedName: catch-unclosed-parentheses-brackets-braces-and-quotes
+---
+
+# --description--
+
+Наступна синтаксична помилка, про яку варто пам'ятати - відкривши круглі, квадратні, фігурні дужки або лапки, необхідно їх також закрити. Зазвичай про це можна забути під час редагування вже існуючого коду або вставлення елементів вже з одним з типів парних розділових знаків. Також будьте обережні, коли вкладаєте одні блоки коду в інші, наприклад, додавання зворотного виклику функції в якості аргументу до методу.
+
+Один із способів уникнути цієї помилки - одразу при відкритті лапок або дужок закривайте їх і потім повертайте курсор між парними пунктуаційними знаками та продовжуйте кодування. На щастя, більшість сучасних редакторів коду створюють другу частину пари автоматично.
+
+# --instructions--
+
+Виправте помилки парних знаків у коді.
+
+# --hints--
+
+Ваш код має виправити відсутній фрагмент масиву.
+
+```js
+assert(code.match(/myArray\s*?=\s*?\[\s*?1\s*?,\s*?2\s*?,\s*?3\s*?\];/g));
+```
+
+Ваш код має виправити відсутній фрагмент методу `.reduce()`. Вихідні дані консолі повинні мати результат `Sum of array values is: 6`.
+
+```js
+assert(arraySum === 6);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myArray = [1, 2, 3;
+let arraySum = myArray.reduce((previous, current =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+```
+
+# --solutions--
+
+```js
+let myArray = [1, 2, 3];
+let arraySum = myArray.reduce((previous, current) =>  previous + current);
+console.log(`Sum of array values is: ${arraySum}`);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
new file mode 100644
index 0000000000..9b9cd1a12e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
@@ -0,0 +1,81 @@
+---
+id: 587d7b85367417b2b2512b38
+title: Спільне використання оператору призначення замість оператору рівності
+challengeType: 1
+forumTopicId: 301191
+dashedName: catch-use-of-assignment-operator-instead-of-equality-operator
+---
+
+# --description--
+
+Розгалуження певних типів програм, які виконують різні дії у разі виконання певних умов, у JavaScript опирається на команди `if`, `else if` та `else`. Інколи такі умови відбуваються у формі перевірки або коли результат дорівнює значенню.
+
+За цією логікою (принаймні в англійській мові), "якщо x дорівнює y, то..." на мову кодування можна перекласти, використовуючи `=` або оператор присвоєння. Це призводить до неочікуваних потоків керування у вашій програмі.
+
+Як зазначено у попередніх завданнях, у JavaScript оператор присвоєння (`=`) надає значення для назв змінних. І оператори `==` та `===` перевіряють їх на рівність (потрійні `===` тести для суворої рівності, вказуючи, що як значення, так і тип є однаковими).
+
+Поданий нижче код присвоює `x` значення 2, що оцінюватиметься як `true`. Майже кожне значення у JavaScript самостійно оцінюється до `true`, за винятком деяких випадків, які нам відомі як неправильні значення: `false`, `0`, `""` (пустий рядок), `NaN`, `undefined` та `null`.
+
+```js
+let x = 1;
+let y = 2;
+if (x = y) {
+
+} else {
+
+}
+```
+
+У цьому прикладі блок коду в межах оператора `if` не виконуватиметься для будь-якого значення `y`, якщо тільки `y` не буде помилковим. Блок `else`, який за нашими очікуваннями повинен тут виконуватися, насправді не буде запускатися.
+
+# --instructions--
+
+Виправіть умову таким чином, щоб програма виконувалася у правій гілці, і відповідне значення було присвоєне `result`.
+
+# --hints--
+
+Ваш код має виправити умову так, щоб відбувалася перевірка рівності замість використання оператора присвоєння.
+
+```js
+assert(result == 'Not equal!');
+```
+
+Умова має використовувати або `==`, або `===`, щоб відбувалася перевірка рівності.
+
+```js
+assert(code.match(/x\s*?===?\s*?y/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x = y) {
+  result = "Equal!";
+} else {
+  result = "Not equal!";
+}
+
+console.log(result);
+```
+
+# --solutions--
+
+```js
+let x = 7;
+let y = 9;
+let result = "to come";
+
+if(x === y) {
+ result = "Equal!";
+} else {
+ result = "Not equal!";
+}
+
+console.log(result);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md
new file mode 100644
index 0000000000..467dbfc310
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/prevent-infinite-loops-with-a-valid-terminal-condition.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b86367417b2b2512b3d
+title: Запобігання безкінечним циклам дійсною кінцевою умовою
+challengeType: 1
+forumTopicId: 301192
+dashedName: prevent-infinite-loops-with-a-valid-terminal-condition
+---
+
+# --description--
+
+Остання тема - це безкінечний цикл, який багатьох жахає. Цикли є чудовими інструментами, коли вам необхідно, щоб ваша програма виконувала блок коду певну кількість разів, або поки умова не буде виконана, але їм також потрібна кінцева умова, яка закінчить цикл. Нескінченні цикли можуть призвести до блокування або збоїв у роботі браузера, чого кожен прагнув би уникнути.
+
+У вступі до цього розділу був приклад нескінченного циклу - у нього немає кінцевої умови для того, щоб вибратися з циклу `while` всередині `loopy()`. НЕ викликайте цю функцію!
+
+```js
+function loopy() {
+  while(true) {
+    console.log("Hello, world!");
+  }
+}
+```
+
+Завданням програми є гарантувати, що кінцева умова, яка вказує програмі на момент розірвання коду циклу, нарешті досягнута. Одна помилка може зменшити або збільшити змінну лічильника у неправильному від кінцевої умови напрямку. Інша ж може випадково скинути дані лічильника чи змінну індексу всередині самого циклу замість його збільшення чи зменшення.
+
+# --instructions--
+
+Функція `myFunc()` містить нескінченний цикл, оскільки кінцева умова `i != 4` ніколи не оцінюватиметься як `false` (та не розірве цикл) - `i` збільшуватиметься на 2 з кожним виконанням циклу і пропустить 4, оскільки `i` має бути непарним для початку запуску. Виправіть оператора порівняння у кінцевій умові так, щоб цикл виконувався лише якщо `i` менше або рівне 4.
+
+# --hints--
+
+Ваш код повинен змінити оператора порівняння у кінцевій умові (середня частина) циклу `for`.
+
+```js
+assert(code.match(/i\s*?<=\s*?4;/g).length == 1);
+```
+
+Ваш код повинен виправити оператора порівняння у кінцевій умові циклу.
+
+```js
+assert(!code.match(/i\s*?!=\s*?4;/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myFunc() {
+  for (let i = 1; i != 4; i += 2) {
+    console.log("Still going!");
+  }
+}
+```
+
+# --solutions--
+
+```js
+function myFunc() {
+ for (let i = 1; i <= 4; i += 2) {
+   console.log("Still going!");
+ }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md
new file mode 100644
index 0000000000..e2bd53f33d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console.md
@@ -0,0 +1,65 @@
+---
+id: 587d7b83367417b2b2512b37
+title: Розуміння різниці між freeCodeCamp та консоллю браузера
+challengeType: 1
+forumTopicId: 301193
+dashedName: understanding-the-differences-between-the-freecodecamp-and-browser-console
+---
+
+# --description--
+
+Ви могли помітити, що у завдань freeCodeCamp є власна консоль. Ця консоль функціонує трохи інакше, ніж консоль браузера.
+
+Існує багато способів, які можна використовувати за допомогою `console` для виведення повідомлень. Наприклад, ось деякі з них: `log`, `warn` та `clear`. Консоль freeCodeCamp виведе лише `log` повідомлення, у той час як консоль браузера виведе всі повідомлення. У разі внесення змін до коду він автоматично запуститься та покаже системні журнали. Отже, консоль freeCodeCamp очищується щоразу, як запускається ваш код.
+
+# --instructions--
+
+Спочатку відкрийте консоль вашого браузера так, щоб бачити системні журнали. Для цього натисніть правою кнопкою миші зверху на панелі навігаційної стрічки freeCodeCamp та виберіть `inspect` на панелі інструментів більшості браузерів. Потім знайдіть вкладку `console` у вікні, що відкриється.
+
+Після цього використайте `console.log`, щоб зазначити змінну `output`. Перегляньте дві консолі, щоб побачити системний журнал. Наприкінці використайте функцію `console.clear` після вашого системного журналу, щоб очистити консоль браузера. Побачте різницю у двох консолях.
+
+# --hints--
+
+Ви повинні використати `console.log()`, щоб вивести на екран змінну `output`.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/console\.log\(output\)/));
+```
+
+Ви повинні використати `console.clear()`, щоб очистити консоль браузера.
+
+```js
+assert(
+  __helpers
+    .removeWhiteSpace(code)
+    .match(/console.clear\(\)/)
+);
+```
+
+Ви повинні очистити консоль після свого системного журналу.
+
+```js
+assert(
+  __helpers
+    .removeWhiteSpace(code)
+    .match(/console\.log\(output\)[\s\S]*console.clear\(\)/)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
+
+```
+
+# --solutions--
+
+```js
+let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
+
+console.log(output);
+console.clear();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
new file mode 100644
index 0000000000..f9bac61075
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b86367417b2b2512b3c
+title: Будьте обережні при реініціалізації змінних всередині циклу
+challengeType: 1
+forumTopicId: 301194
+dashedName: use-caution-when-reinitializing-variables-inside-a-loop
+---
+
+# --description--
+
+Часом буває необхідно зберегти інформацію, збільшити лічильники чи перевстановити змінні всередині самого циклу. Проблема може виникнути, що змінні або повинні бути реініціалізовані, але ще не були реініціалізовані, або ж навпаки. Це особливо небезпечно, якщо ви випадково скинули змінну, яка використовується в кінцевій умові, що може спричинити появу нескінченного циклу.
+
+Виявити помилки, які можуть повторюватися в результаті скидання або невдалих спроб скинути змінну, можливо виведенням значень змінних на екран кожного повторення циклу, використовуючи функцію `console.log()`.
+
+# --instructions--
+
+Подана нижче функція повинна створити двовимірний масив із `m` рядків та `n` стовпців з нулів. На жаль, вона не має очікуваного результату, оскільки змінна `row` не реініціалізована (встановлена на порожньому масиві) у зовнішньому циклі. Виправіть код так, щоб він повертав правильний 3x2 масив з нулів, який повинен мати такий вигляд: `[[0, 0], [0, 0], [0, 0]]`.
+
+# --hints--
+
+Ваш код повинен встановити змінну `matrix` у масиві, що містить 3 рядки з 2 стовпців нулів кожен.
+
+```js
+assert(JSON.stringify(matrix) == '[[0,0],[0,0],[0,0]]');
+```
+
+Змінна `matrix` повинна мати 3 рядки.
+
+```js
+assert(matrix.length == 3);
+```
+
+Змінна `matrix` повинна мати 2 стовпці в кожному рядку.
+
+```js
+assert(
+  matrix[0].length == 2 && matrix[1].length === 2 && matrix[2].length === 2
+);
+```
+
+`zeroArray(4,3)` повинен повернути масив, який містить 4 рядки з 3 стовпців нулів кожен.
+
+```js
+assert(JSON.stringify(zeroArray(4,3)) == '[[0,0,0],[0,0,0],[0,0,0],[0,0,0]]');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function zeroArray(m, n) {
+  // Creates a 2-D array with m rows and n columns of zeroes
+  let newArray = [];
+  let row = [];
+  for (let i = 0; i < m; i++) {
+    // Adds the m-th row into newArray
+
+    for (let j = 0; j < n; j++) {
+      // Pushes n zeroes into the current row to create the columns
+      row.push(0);
+    }
+    // Pushes the current row, which now has n zeroes in it, to the array
+    newArray.push(row);
+  }
+  return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
+
+# --solutions--
+
+```js
+function zeroArray(m, n) {
+ // Creates a 2-D array with m rows and n columns of zeroes
+ let newArray = [];
+ for (let i = 0; i < m; i++) {
+   let row = [];
+   // Adds the m-th row into newArray
+
+   for (let j = 0; j < n; j++) {
+     // Pushes n zeroes into the current row to create the columns
+     row.push(0);
+   }
+   // Pushes the current row, which now has n zeroes in it, to the array
+   newArray.push(row);
+ }
+ return newArray;
+}
+
+let matrix = zeroArray(3, 2);
+console.log(matrix);
+
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md
new file mode 100644
index 0000000000..a5d60e58ee
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-the-javascript-console-to-check-the-value-of-a-variable.md
@@ -0,0 +1,54 @@
+---
+id: 587d7b83367417b2b2512b33
+title: Використання консолі JavaScript для перевірки значення змінної
+challengeType: 1
+forumTopicId: 18372
+dashedName: use-the-javascript-console-to-check-the-value-of-a-variable
+---
+
+# --description--
+
+І Chrome, і Firefox мають чудові консолі, також відомі як DevTools, для налагодження роботи вашої JavaScript.
+
+Ви можете знайти інструменти розробника в меню вашого Chrome або у веб-консолі в меню Firefox. Якщо ви використовуєте інший браузер або мобільний телефон, ми наполегливо радимо вам натомість працювати з комп'ютерною версією Firefox або Chrome.
+
+Метод `console.log()`, який "виводить" вихідні дані з тих, що знаходяться між його дужками до консолі, імовірно, буде найкориснішим інструментом для налагодження програм. Розміщення його у стратегічно важливих місцях вашого коду може показати вам проміжні значення змінних. Добре мати уявлення про те, яким повинен бути результат, перш ніж розглянути, яким він є. Формування ключових моментів для розуміння стану ваших розрахунків у всьому коді допоможе скоротити кількість місць для пошуку проблеми.
+
+Ось приклад виведення на екран консолі рядка `Hello world!`:
+
+```js
+console.log('Hello world!');
+```
+
+# --instructions--
+
+Використайте метод `console.log()`, щоб вивести на екран значення змінної `a`, де це вказано в коді.
+
+# --hints--
+
+Ваш код повинен використовувати `console.log()` для перевірки значення змінної `a`.
+
+```js
+assert(code.match(/console\.log\(a\)/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let a = 5;
+let b = 1;
+a++;
+// Only change code below this line
+
+
+let sumAB = a + b;
+console.log(sumAB);
+```
+
+# --solutions--
+
+```js
+var a = 5; console.log(a);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md
new file mode 100644
index 0000000000..31ad60d43a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/use-typeof-to-check-the-type-of-a-variable.md
@@ -0,0 +1,66 @@
+---
+id: 587d7b84367417b2b2512b34
+title: Використання typeof для перевірки типу змінної
+challengeType: 1
+forumTopicId: 18374
+dashedName: use-typeof-to-check-the-type-of-a-variable
+---
+
+# --description--
+
+Ви можете використовувати оператор `typeof` для перевірки структури даних або типу змінної. Це може бути корисним для налагодження програм у випадку, коли ви працюєте з різними типами даних. Якщо ви думаєте, що додаєте два числа, але одне з них насправді є рядком, результати можуть бути непередбачуваними. Помилки в типах даних можуть ховатися у розрахунках або ж викликах функцій. Будьте особливо обережні, отримуючи доступ та працюючи із зовнішніми даними у вигляді запису об'єктів JavaScript (JSON).
+
+Ось кілька прикладів використання оператора `typeof`:
+
+```js
+console.log(typeof "");
+console.log(typeof 0);
+console.log(typeof []);
+console.log(typeof {});
+```
+
+Консоль по порядку відображатиме рядки `string`, `number`, `object` та `object`.
+
+JavaScript розпізнає шість примітивних (незмінних) типів даних `Boolean`, `Null`, `Undefined`, `Number`, `String` та `Symbol` (новий з ES6) і один тип для змінних елементів: `Object`. Візьміть до уваги, що у JavaScript масиви технічно є типом об'єкту.
+
+# --instructions--
+
+Додайте дві команди `console.log()` для перевірки оператором `typeof` кожної з двох змінних, `seven` та `three`, у коді.
+
+# --hints--
+
+Ваш код повинен використати оператор `typeof` у двох командах `console.log()` для перевірки типів змінних.
+
+```js
+assert(code.match(/console\.log\(typeof[\( ].*\)?\)/g).length == 2);
+```
+
+Ваш код повинен використати оператор `typeof` для перевірки типу змінної `seven`.
+
+```js
+assert(code.match(/typeof[\( ]seven\)?/g));
+```
+
+Ваш код повинен використати оператор `typeof` для перевірки типу змінної `three`.
+
+```js
+assert(code.match(/typeof[\( ]three\)?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let seven = 7;
+let three = "3";
+console.log(seven + three);
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let seven = 7;let three = "3";console.log(typeof seven);
+console.log(typeof three);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md
new file mode 100644
index 0000000000..5a34d08da7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.md
@@ -0,0 +1,134 @@
+---
+id: 587d7b87367417b2b2512b40
+title: Порівняйте можливості ключових слів var та let
+challengeType: 1
+forumTopicId: 301195
+dashedName: compare-scopes-of-the-var-and-let-keywords
+---
+
+# --description--
+
+Якщо ви ще не знаєте про `let`, то перегляньте [це завдання](/learn/javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords).
+
+Коли ви задаєте змінну з ключовим словом `var`, вона стане глобальною або локальною, якщо буде оголошена у рамках функції.
+
+Ключове слово `let` функціонує схожим чином, але з додатковими можливостями. Коли ви задаєте змінну з ключовим словом `let` у блоці, команді чи виразі, її можливості обмежуються цим блоком, виразом чи виразом.
+
+Наприклад:
+
+```js
+var numArray = [];
+for (var i = 0; i < 3; i++) {
+  numArray.push(i);
+}
+console.log(numArray);
+console.log(i);
+```
+
+У такому разі консоль показуватиме значення `[0, 1, 2]` та `3`.
+
+Якщо ключове слово — `var`, значення `i` оголошується глобальним. Отже, коли виконується `i++`, глобальна змінна теж оновлюється. Цей код виглядає наступним чином:
+
+```js
+var numArray = [];
+var i;
+for (i = 0; i < 3; i++) {
+  numArray.push(i);
+}
+console.log(numArray);
+console.log(i);
+```
+
+У такому разі консоль показуватиме значення `[0, 1, 2]` та `3`.
+
+Така поведінка спричиняє проблеми при створенні функції та її збереженні для подальшого використання в циклі `for`, що використовує змінну `i`. Це пояснюється тим, що збережена функція завжди посилатиметься на значення оновленої глобальної змінної `i`.
+
+```js
+var printNumTwo;
+for (var i = 0; i < 3; i++) {
+  if (i === 2) {
+    printNumTwo = function() {
+      return i;
+    };
+  }
+}
+console.log(printNumTwo());
+```
+
+У такому разі консоль показуватиме значення `3`.
+
+Як бачите, `printNumTwo()` показує 3, а не 2. Це пояснюється тим, що значення для `i` оновилося, а `printNumTwo()` повертає глобальне значення `i`, а не те значення, яке `i` мало при створенні функції для циклу. Ключове слово `let` діє інакше:
+
+```js
+let printNumTwo;
+for (let i = 0; i < 3; i++) {
+  if (i === 2) {
+    printNumTwo = function() {
+      return i;
+    };
+  }
+}
+console.log(printNumTwo());
+console.log(i);
+```
+
+У такому разі консоль показуватиме значення `2`, і помилку: `i is not defined`.
+
+`i` не визначено (not defined), оскільки змінну не було оголошено в глобальному масштабі. Вона стає оголошеною лише у команді циклу `for`. `printNumTwo()` повернув правильне значення, оскільки було створено три різних змінних `i` з унікальними значеннями (0, 1, та 2) завдяки ключовому слову `let` в рамках команди циклу.
+
+# --instructions--
+
+Виправте код так, щоб `i`, оголошена в команді `if`, була окремою змінною, на відміну від `i`, оголошеної у першому рядку функції. Не використовуйте у вашому коді ключове слово `var`.
+
+Ця вправа створена для того, щоб показати відмінність між тим, як ключові слова `var` і `let` задають можливості оголошеної змінної. При програмуванні схожої функції на ту, що використовувалася у цій вправі, нерідко слід використовувати різні назви для змінних, щоб уникнути плутанини.
+
+# --hints--
+
+`var` має бути відсутнім у коді.
+
+```js
+assert(!code.match(/var/g));
+```
+
+Змінна `i`, оголошена в операторі `if`, має дорівнювати рядку `block scope`.
+
+```js
+assert(code.match(/(i\s*=\s*).*\s*.*\s*.*\1('|")block\s*scope\2/g));
+```
+
+`checkScope()` має повернути рядок `function scope`
+
+```js
+assert(checkScope() === 'function scope');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkScope() {
+  var i = 'function scope';
+  if (true) {
+    i = 'block scope';
+    console.log('Block scope i is: ', i);
+  }
+  console.log('Function scope i is: ', i);
+  return i;
+}
+```
+
+# --solutions--
+
+```js
+function checkScope() {
+  let i = 'function scope';
+  if (true) {
+    let i = 'block scope';
+    console.log('Block scope i is: ', i);
+  }
+
+  console.log('Function scope i is: ', i);
+  return i;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md
new file mode 100644
index 0000000000..1c2dda1ccb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/complete-a-promise-with-resolve-and-reject.md
@@ -0,0 +1,77 @@
+---
+id: 5cdafbc32913098997531680
+title: Виконайте Promise за допомогою команд resolve та reject
+challengeType: 1
+forumTopicId: 301196
+dashedName: complete-a-promise-with-resolve-and-reject
+---
+
+# --description--
+
+Promise має три стани: `pending`, `fulfilled` та `rejected`. Promise, який ви створили у попередньому завданні, буде завжди знаходитися у стані `pending`, оскільки ви не передбачили можливості завершити Promise. Для цього використовуються параметри `resolve` і `reject`, що належать аргументу Promise. `resolve` використовується для виконання Promise, а `reject` використовується для відхилення Promise. При таких методах з'являється аргумент, як показано нижче.
+
+```js
+const myPromise = new Promise((resolve, reject) => {
+  if(condition here) {
+    resolve("Promise was fulfilled");
+  } else {
+    reject("Promise was rejected");
+  }
+});
+```
+
+Попередній приклад використовує рядки для аргументу цих функцій, але можливі й інші варіанти. Часто це може також бути об'єкт, дані якого ви використаєте для розміщення на своєму сайті чи в іншому місці.
+
+# --instructions--
+
+Запрограмуйте Promise так, щоб він самостійно обробляв виконання або відхилення. Якщо `responseFromServer` виявляється `true`, викличте метод `resolve`, щоб успішно виконати Promise. Додайте до `resolve` рядок зі значенням `We got the data`. Якщо `responseFromServer` виявляється `false`, використайте метод `reject` і додайте рядок `Data not received`.
+
+# --hints--
+
+`resolve` має викликатися за допомогою очікуваного рядка, а значення `if` має бути `true`.
+
+```js
+assert(
+  code.match(/if\s*\(\s*responseFromServer\s*\)\s*{\s*resolve\s*\(\s*('|"|`)We got the data\1\s*\)(\s*|\s*;\s*)}/g)
+);
+```
+
+`reject` має викликатися за допомогою очікуваного рядка, а значення `if` має бути `false`.
+
+```js
+assert(
+  code.match(/}\s*else\s*{\s*reject\s*\(\s*('|"|`)Data not received\1\s*\)(\s*|\s*;\s*)}/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer represents a response from a server
+  let responseFromServer;
+
+  if(responseFromServer) {
+    // Change this line
+  } else {  
+    // Change this line
+  }
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer represents a response from a server
+  let responseFromServer;
+
+  if(responseFromServer) {
+    resolve("We got the data");
+  } else {  
+    reject("Data not received");
+  }
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md
new file mode 100644
index 0000000000..842cfb2965
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-javascript-promise.md
@@ -0,0 +1,55 @@
+---
+id: 5cdafbb0291309899753167f
+title: Створіть Promise у JavaScript
+challengeType: 1
+forumTopicId: 301197
+dashedName: create-a-javascript-promise
+---
+
+# --description--
+
+У JavaScript Promise (з англ. «обіцянка») має пряме значення: цей термін використовується для того, щоб «пообіцяти» щось зробити, зазвичай асинхронно. Коли завдання звершується, ви або виконуєте Promise, або відхиляєте його. `Promise` - це функція конструктора, тож необхідно використати ключове слово `new`, щоб створити новий Promise. Для цього потрібні функція, як його аргумент, з двома параметрами: `resolve` та `reject`. Такі методи використовуються для визначення результату Promise. Синтаксис виглядає наступним чином:
+
+```js
+const myPromise = new Promise((resolve, reject) => {
+
+});
+```
+
+# --instructions--
+
+Створіть новий Promise під назвою `makeServerRequest`. У функції перейдіть до параметрів конструктора `resolve` та `reject`.
+
+# --hints--
+
+Призначте Promise до оголошеної змінної під назвою `makeServerRequest`.
+
+```js
+assert(makeServerRequest instanceof Promise);
+```
+
+Ваш Promise має отримати функцію з параметрами `resolve` та `reject`.
+
+```js
+assert(
+  code.match(
+    /Promise\(\s*(function\s*\(\s*resolve\s*,\s*reject\s*\)\s*{|\(\s*resolve\s*,\s*reject\s*\)\s*=>\s*{)[^}]*}/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md
new file mode 100644
index 0000000000..839a625446
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md
@@ -0,0 +1,73 @@
+---
+id: 5cddbfd622f1a59093ec611d
+title: Створіть модульний скрипт
+challengeType: 6
+forumTopicId: 301198
+dashedName: create-a-module-script
+---
+
+# --description--
+
+Спочатку мова JavaScript відігравала незначну роль на веб-сторінках HTML, створених по-іншому. Сьогодні вона має величезне значення. Деякі сайти навіть створюються майже повністю за допомогою JavaScript. Для того, щоб мова JavaScript була більш модульною, точною і зручною у користуванні, ES6 створив новий спосіб для доступної передачі коду між файлами JavaScript. Таким чином, ви можете експортувати частини файлу і використати їх в більше ніж одному іншому файлі, а також імпортувати потрібні вам уривки. Щоб скористатися таким функціоналом, необхідно створити скрипт у вашому HTML-документі з `module` `type`. Наприклад:
+
+```html
+<script type="module" src="filename.js"></script>
+```
+
+Скрипт, що використовує тип `module`, відтепер може використовувати функції `import` і `export`, про які ви дізнаєтеся більше у наступних завданнях.
+
+# --instructions--
+
+Додайте скрипт до HTML-документа типу `module` та зробіть його вихідним файлом `index.js`
+
+# --hints--
+
+Ви маєте створити тег `script`.
+
+```js
+assert(code.match(/<\s*script[^>]*>\s*<\/\s*script\s*>/g));
+```
+
+Ваш тег `script` повинен мати атрибут `type` зі значенням `module`.
+
+```js
+assert(
+  code.match(
+    /<\s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*<\/\s*script\s*>/g
+  )
+);
+```
+
+Ваш тег `script` повинен мати `index.js` `src`.
+
+```js
+assert(
+  code.match(
+    /<\s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*<\/\s*script\s*>/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<html>
+  <body>
+    <!-- Only change code below this line -->
+
+    <!-- Only change code above this line -->
+  </body>
+</html>
+```
+
+# --solutions--
+
+```html
+<html>
+  <body>
+    <script type="module" src="index.js"></script>
+  </body>
+</html>
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md
new file mode 100644
index 0000000000..1f621d3e76
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-an-export-fallback-with-export-default.md
@@ -0,0 +1,63 @@
+---
+id: 587d7b8c367417b2b2512b58
+title: Створіть резервне значення з експортом за замовчуванням
+challengeType: 1
+forumTopicId: 301199
+dashedName: create-an-export-fallback-with-export-default
+---
+
+# --description--
+
+В уроці про `export` ви дізналися про синтаксис під назвою <dfn>named export</dfn>. Це дозволило вам створювати чисельні функції та змінні, які можуть використовуватися і в інших файлах.
+
+Існує інший важливий синтаксис `export`, який називається <dfn>export default</dfn>. Як правило, такий синтаксис використовується, якщо з файлу експортується лише одне значення. Він також слугує для створення резервного значення для файлу або модуля.
+
+Нижче наведено приклади, де використовується `export default`:
+
+```js
+export default function add(x, y) {
+  return x + y;
+}
+
+export default function(x, y) {
+  return x + y;
+}
+```
+
+Перший приклад - названа функція, а другий - анонімна функція.
+
+Оскільки `export default` використовується для оголошення резервного значення для модуля або файлу, лише одне значення може бути експортоване за замовчуванням у кожному модулі або файлі. Крім того, використання `export default` з `var`, `let` або `const` є неможливим
+
+# --instructions--
+
+Наступна функція має бути резервним значенням для модуля. Для цього необхідно додати відповідний код.
+
+# --hints--
+
+Ваш код має використовувати резервне значення `export`.
+
+```js
+assert(
+  code.match(
+    /export\s+default\s+function(\s+subtract\s*|\s*)\(\s*x,\s*y\s*\)\s*{/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function subtract(x, y) {
+  return x - y;
+}
+```
+
+# --solutions--
+
+```js
+export default function subtract(x, y) {
+  return x - y;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md
new file mode 100644
index 0000000000..ea4ec1d4e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals.md
@@ -0,0 +1,116 @@
+---
+id: 587d7b8a367417b2b2512b4e
+title: Створіть рядки за допомогою шаблонних літералів
+challengeType: 1
+forumTopicId: 301200
+dashedName: create-strings-using-template-literals
+---
+
+# --description--
+
+Нова особливість ES6 полягає у <dfn>template literal</dfn>. Вона означає особливий тип рядка, що полегшує процес створення складних рядків.
+
+Шаблонні літерали дозволяють нам створювати багатолінійні рядки та використовувати можливості інтерполяції для створення рядків.
+
+Розгляньмо наступний код:
+
+```js
+const person = {
+  name: "Zodiac Hasbro",
+  age: 56
+};
+
+const greeting = `Hello, my name is ${person.name}!
+I am ${person.age} years old.`;
+
+console.log(greeting);
+```
+
+Консоль показуватиме рядки `Hello, my name is Zodiac Hasbro!` та `I am 56 years old.`.
+
+Тут відбувається багато процесів. По-перше, у прикладі вживаються зворотні лапки (`` ` ``), а не одинарні чи подвійні (`'` чи `"`), щоб обрамити рядок. По-друге, зверніть увагу, що рядок залишається багатолінійним як у коді, так і в кінцевому вигляді. Завдяки цьому, `\n` вставляється у самі рядки. Наведений вище синтаксис `${variable}` є заповнювачем місця (placeholder). Це означає, що більше не потрібно використовувати конкатенацію з оператором `+`. Для додання змінних до рядків варто видалити змінну в шаблонному рядку та розмістити її у конструкцію `${` і `}`. Інші вирази також можуть додаватися до літералу у рядку схожим чином, наприклад `${a + b}`. Такий новий спосіб створення рядків надає більше можливостей створювати функціональні рядки.
+
+# --instructions--
+
+Використовуйте синтаксис шаблонних літералів зі зворотними лапками для створення масиву елемента списку - рядків (`li`). Текст кожного елемента списку має бути одним з елементів масиву зі значенням `failure` на об'єкті `result` та мати атрибут `class` зі значенням `text-warning`. Функція `makeList` повинна повернути масив елементів списку у рядках.
+
+Завдяки методу, що використовує ітератор (будь-який цикл), ми можемо отримати бажаний результат (наведений нижче).
+
+```js
+[
+  '<li class="text-warning">no-var</li>',
+  '<li class="text-warning">var-on-top</li>',
+  '<li class="text-warning">linebreak</li>'
+]
+```
+
+# --hints--
+
+`failuresList` має бути масивом, що містить повідомлення `result failure`.
+
+```js
+assert(
+  typeof makeList(result.failure) === 'object' && failuresList.length === 3
+);
+```
+
+`failuresList` має дорівнювати вказаному результату.
+
+```js
+assert(
+  makeList(result.failure).every(
+    (v, i) =>
+      v === `<li class="text-warning">${result.failure[i]}</li>` ||
+      v === `<li class='text-warning'>${result.failure[i]}</li>`
+  )
+);
+```
+
+Варто також використовувати шаблонні рядки та інтерполяцію виразу.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/(`.*\${.*}.*`)/));
+```
+
+Варто використовувати ітератор.
+
+```js
+(getUserInput) =>
+  assert(getUserInput('index').match(/for|map|reduce|forEach|while/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["no-extra-semi", "no-dup-keys"]
+};
+function makeList(arr) {
+  // Only change code below this line
+  const failureItems = [];
+  // Only change code above this line
+
+  return failureItems;
+}
+
+const failuresList = makeList(result.failure);
+```
+
+# --solutions--
+
+```js
+const result = {
+  success: ["max-length", "no-amd", "prefer-arrow-functions"],
+  failure: ["no-var", "var-on-top", "linebreak"],
+  skipped: ["no-extra-semi", "no-dup-keys"]
+};
+function makeList(arr) {
+  return arr.map(val => `<li class="text-warning">${val}</li>`);
+}
+
+const failuresList = makeList(result.failure);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md
new file mode 100644
index 0000000000..dd07f157e5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-fulfilled-promise-with-then.md
@@ -0,0 +1,92 @@
+---
+id: 5cdafbd72913098997531681
+title: Вирішіть проблему Promise у стані Fulfilled за допомогою then
+challengeType: 1
+forumTopicId: 301203
+dashedName: handle-a-fulfilled-promise-with-then
+---
+
+# --description--
+
+Promises надзвичайно корисні, коли у вашому коді відбувається процес, що займає невизначений період часу (тобто асинхронний процес), наприклад, запит до сервера. Створення запиту до сервера займає певний час, а після його завершення, зазвичай, передбачаються подальші дії з відповіддю сервера. Цього можна досягти за допомогою методу `then`. Метод `then` виконується одразу після того, як ваш Promise входить у стан Fulfilled `resolve`. Наприклад:
+
+```js
+myPromise.then(result => {
+
+});
+```
+
+`result` отримується за допомогою аргументу та методу `resolve`.
+
+# --instructions--
+
+Додайте до вашого Promise метод `then`. Використовуйте `result` як параметр для функції зворотного виклику та зазначте `result` у консолі.
+
+# --hints--
+
+Слід викликати метод `then` для Promise.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/(makeServerRequest|\))\.then\(/g)
+);
+```
+
+Ваш метод `then` повинен мати функцію зворотного виклику з `result` у якості параметра.
+
+```js
+assert(resultIsParameter);
+```
+
+Ви маєте зазначити `result` у консолі.
+
+```js
+assert(
+  resultIsParameter &&
+    __helpers
+      .removeWhiteSpace(code)
+      .match(/\.then\(.*?result.*?console.log\(result\).*?\)/)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const resultIsParameter = /\.then\((function\(result\){|result|\(result\)=>)/.test(__helpers.removeWhiteSpace(code));
+```
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer is set to true to represent a successful response from a server
+  let responseFromServer = true;
+
+  if(responseFromServer) {
+    resolve("We got the data");
+  } else {  
+    reject("Data not received");
+  }
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer is set to true to represent a successful response from a server
+  let responseFromServer = true;
+
+  if(responseFromServer) {
+    resolve("We got the data");
+  } else {  
+    reject("Data not received");
+  }
+});
+
+makeServerRequest.then(result => {
+  console.log(result);
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md
new file mode 100644
index 0000000000..f87104b473
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/handle-a-rejected-promise-with-catch.md
@@ -0,0 +1,100 @@
+---
+id: 5cdafbe72913098997531682
+title: Обробка винятків відхиленої Promise
+challengeType: 1
+forumTopicId: 301204
+dashedName: handle-a-rejected-promise-with-catch
+---
+
+# --description--
+
+`catch` - це метод, який використовується коли ваша Promise була відхилена. Це буде виконано одразу після запуску алгоритму `reject`. Ось синтаксис:
+
+```js
+myPromise.catch(error => {
+
+});
+```
+
+`error` передана в метод `reject`.
+
+# --instructions--
+
+Додайте до вашого Promise метод `catch`. Використовуйте `error` у якості параметра для функції зворотного виклику та зазначте `error` у консолі.
+
+# --hints--
+
+Слід використати метод `catch` для Promise.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/(makeServerRequest|\))\.catch\(/g)
+);
+```
+
+Ваш метод `catch` повинен мати функцію зворотнього виклику з `error` у якості параметра.
+
+```js
+assert(errorIsParameter);
+```
+
+Ви маєте зазначити `error` у консолі.
+
+```js
+assert(
+  errorIsParameter &&
+    __helpers
+      .removeWhiteSpace(code)
+      .match(/\.catch\(.*?error.*?console.log\(error\).*?\)/)
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const errorIsParameter = /\.catch\((function\(error\){|error|\(error\)=>)/.test(__helpers.removeWhiteSpace(code));
+```
+
+## --seed-contents--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer is set to false to represent an unsuccessful response from a server
+  let responseFromServer = false;
+
+  if(responseFromServer) {
+    resolve("We got the data");
+  } else {  
+    reject("Data not received");
+  }
+});
+
+makeServerRequest.then(result => {
+  console.log(result);
+});
+```
+
+# --solutions--
+
+```js
+const makeServerRequest = new Promise((resolve, reject) => {
+  // responseFromServer is set to false to represent an unsuccessful response from a server
+  let responseFromServer = false;
+
+  if(responseFromServer) {
+    resolve("We got the data");
+  } else {  
+    reject("Data not received");
+  }
+});
+
+makeServerRequest.then(result => {
+  console.log(result);
+});
+
+makeServerRequest.catch(error => {
+  console.log(error);
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md
new file mode 100644
index 0000000000..1ab6d3efcd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/import-a-default-export.md
@@ -0,0 +1,48 @@
+---
+id: 587d7b8d367417b2b2512b59
+title: Імпорт модуля Default Export за змовчуванням
+challengeType: 1
+forumTopicId: 301205
+dashedName: import-a-default-export
+---
+
+# --description--
+
+У вашому останньому завданні ви дізнались про `xportdefault` та його використання. Для імпорту default export необхідно використовувати інший синтаксис `import`. У наступному прикладі `add` є експорт за змовчуванням файлу `math_functions.js`. Ось як потрібно імпортувати:
+
+```js
+import add from "./math_functions.js";
+```
+
+Є одна ключова відмінність синтаксису. Імпортоване значення `add` не обрамлене фігурними дужками (`{}`). `add` це назва змінної для будь-якого експорту за змовчуванням в файл `math_functions.js`. Файл за змовчуванням можна називати в довільному порядку.
+
+# --instructions--
+
+У наступному коді імпортуйте експорт за замовчуванням з файлу `math_functions.js`, знайдений в тій же папці, що і цей файл. Назвіть імпорт `subtract`.
+
+# --hints--
+
+Належним чином імпортуйте `subtract` з `math_functions.js`.
+
+```js
+assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+subtract(7,4);
+```
+
+# --solutions--
+
+```js
+import subtract from "./math_functions.js";
+
+subtract(7,4);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md
new file mode 100644
index 0000000000..6f6ae57d83
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/mutate-an-array-declared-with-const.md
@@ -0,0 +1,91 @@
+---
+id: 587d7b87367417b2b2512b42
+title: Видозмінюйте наданий масив за допомогою змінної
+challengeType: 1
+forumTopicId: 301206
+dashedName: mutate-an-array-declared-with-const
+---
+
+# --description--
+
+Якщо ви ще не знаєте про `const`, то перегляньте [це завдання](/learn/javascript-algorithms-and-data-structures/basic-javascript/declare-a-read-only-variable-with-the-const-keyword).
+
+Є багато значень змінної `const` у сучасній JavaScript.
+
+Деякі розробники надають перевагу привласненню усіх змінних за допомогою `const`, доки вони не дізнаються про можливу необхідність перепризначення змінної. Тоді вони використовують `let`.
+
+Проте варто розуміти, що об'єкти (включаючи масиви та функції), призначенні змінній за допомогою `const`, все ще можна змінювати. Правильне використання `const` запобігає зміненню ідентифікатора змінної.
+
+```js
+const s = [5, 6, 7];
+s = [1, 2, 3];
+s[2] = 45;
+console.log(s);
+```
+
+`s = [1, 2, 3]` призведе до помилки. Виклик `console.log` відображає `[5, 6, 45]`.
+
+Як ви помітили, можна змінювати об'єкт `[5, 6, 7]`. Змінна `s` все ще вказуватиме на змінений масив `[5, 6, 45]</code. Як і усі масиви, елементи масиву в <code>s` є незмінними, бо було використано `const`. Ви не можете використовувати ідентифікатор змінної `s`, щоб вказувати на інший масив оператору призначення.
+
+# --instructions--
+
+Масив оголошується як `const s = [5, 7, 2]`. Змініть масив на `[2, 5, 7]` використовуючи різні призначення елементів.
+
+# --hints--
+
+Вам не слід замінювати ключове слово `const`.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const/g));
+```
+
+`s` має бути постійно змінною (використовуйте `const`).
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+s/g));
+```
+
+Не слід змінювати початковий масив.
+
+```js
+(getUserInput) =>
+  assert(
+    getUserInput('index').match(
+      /const\s+s\s*=\s*\[\s*5\s*,\s*7\s*,\s*2\s*\]\s*;?/g
+    )
+  );
+```
+
+`s` повинен дорівнювати `[2, 5, 7]`.
+
+```js
+assert.deepEqual(s, [2, 5, 7]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  // Only change code below this line
+
+  // Using s = [2, 5, 7] would be invalid
+
+  // Only change code above this line
+}
+editInPlace();
+```
+
+# --solutions--
+
+```js
+const s = [5, 7, 2];
+function editInPlace() {
+  s[0] = 2;
+  s[1] = 5;
+  s[2] = 7;
+}
+editInPlace();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md
new file mode 100644
index 0000000000..cb4fd3a973
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/prevent-object-mutation.md
@@ -0,0 +1,104 @@
+---
+id: 598f48a36c8c40764b4e52b3
+title: Запобігання мутаціям об'єкта
+challengeType: 1
+forumTopicId: 301207
+dashedName: prevent-object-mutation
+---
+
+# --description--
+
+З попереднього завдання бачимо, що `const` насправді не захищає ваші дані від змін. Щоб ваші дані не змінилися, JavaScript надає функцію `Object.freeze` для запобігання мутації даних.
+
+Будь -яка спроба змінити об'єкт буде відхилена, з помилкою, якщо тег працює в строгому режимі.
+
+```js
+let obj = {
+  name:"FreeCodeCamp",
+  review:"Awesome"
+};
+Object.freeze(obj);
+obj.review = "bad";
+obj.newProp = "Test";
+console.log(obj); 
+```
+
+The `obj.review` and `obj.newProp` призначення призведе до помилок, тому що наш редактор за замовчуванням працює в строгому режимі,і консоль покаже значення `{ name: "FreeCodeCamp", review: "Awesome" }`.
+
+# --instructions--
+
+У цьому завданні вам доведеться використовувати `Object.freeze` для запобігання зміни математичних констант. Вам необхідно заморозити об'єкт `MATH_CONSTANTS` так, щоб ніхто не зміг змінити значення `PI`, додати або видалити властивості.
+
+# --hints--
+
+Вам не слід замінювати ключове слово `const`.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const/g));
+```
+
+`MATH_CONSTANTS` має бути постійною змінною (використовуйте `const`).
+
+```js
+(getUserInput) =>
+  assert(getUserInput('index').match(/const\s+MATH_CONSTANTS/g));
+```
+
+Вам не слід змінювати початкове значення `MATH_CONSTANTS`.
+
+```js
+(getUserInput) =>
+  assert(
+    getUserInput('index').match(
+      /const\s+MATH_CONSTANTS\s+=\s+{\s+PI:\s+3.14\s+};/g
+    )
+  );
+```
+
+`PI` має дорівнювати `3.14`.
+
+```js
+assert(PI === 3.14);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function freezeObj() {
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  // Only change code below this line
+
+
+  // Only change code above this line
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch(ex) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+```
+
+# --solutions--
+
+```js
+function freezeObj() {
+  const MATH_CONSTANTS = {
+    PI: 3.14
+  };
+  Object.freeze(MATH_CONSTANTS);
+
+  try {
+    MATH_CONSTANTS.PI = 99;
+  } catch(ex) {
+    console.log(ex);
+  }
+  return MATH_CONSTANTS.PI;
+}
+const PI = freezeObj();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md
new file mode 100644
index 0000000000..ffa7bea451
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/reuse-javascript-code-using-import.md
@@ -0,0 +1,70 @@
+---
+id: 587d7b8c367417b2b2512b55
+title: Повторне використання коду JavaScript за допомогою імпорту
+challengeType: 1
+forumTopicId: 301208
+dashedName: reuse-javascript-code-using-import
+---
+
+# --description--
+
+`import` дозволяє вибрати, які частини файлу або модуля завантажувати. В попередньому уроці, приклади експортуються `add` з `math_functions.js` файлу. Ось як ви можете імпортувати його та використовувати в іншому файлі:
+
+```js
+import { add } from './math_functions.js';
+```
+
+`import` знайде `add` у `math_functions.js`, і імпортує саме цю функцію для використання, а решту ігнорує. `./` повідомляє про імпорт для пошуку файлу `math_functions.js` у тій же папці, що і поточний файл. При використанні імпорту таким чином необхідний відносний шлях до файлу (`./`) та розширення файлу (`.js`).
+
+Ви можете імпортувати кілька елементів з файлу, додавши їх у інструкцію `import` так:
+
+```js
+import { add, subtract } from './math_functions.js';
+```
+
+# --instructions--
+
+Додайте відповідну інструкцію `import`, яка дозволить поточному файлу використовувати функції `uppercaseString` та `lowercaseString`, які ви експортували в попередньому уроці. Ці функції знаходяться у файлі під назвою `string_functions.js`, які знаходиться і тій самій папці, що і поточний файл.
+
+# --hints--
+
+Варто здійснити імпорт належним чином `uppercaseString`.
+
+```js
+assert(
+  code.match(
+    /import\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
+  )
+);
+```
+
+Потрібно імпортувати `lowercaseString`належним чином.
+
+```js
+assert(
+  code.match(
+    /import\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)}\s+from\s+('|")\.\/string_functions\.js\2/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+uppercaseString("hello");
+lowercaseString("WORLD!");
+```
+
+# --solutions--
+
+```js
+import { uppercaseString, lowercaseString } from './string_functions.js';
+
+uppercaseString("hello");
+lowercaseString("WORLD!");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md
new file mode 100644
index 0000000000..bdca78dfe4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions.md
@@ -0,0 +1,64 @@
+---
+id: 587d7b88367417b2b2512b46
+title: Виставлення параметрів за замовчуванням для ваших функцій
+challengeType: 1
+forumTopicId: 301209
+dashedName: set-default-parameters-for-your-functions
+---
+
+# --description--
+
+Для допомоги у створенні більш гнучких функцій, ES6 пропонує <dfn>default parameters</dfn> для функцій.
+
+Погляньте на цей код:
+
+```js
+const greeting = (name = "Anonymous") => "Hello " + name;
+
+console.log(greeting("John"));
+console.log(greeting());
+```
+
+Консоль буде відображати рядки `Hello John` та `Hello Anonymous`.
+
+Параметр за замовчуванням спрацьовує, коли аргумент не вказано (не визначено). Як можна побачити у прикладі вище, параметр `name` отримає за замовчуванням значення `Anonymous`, якщо ви не вказали значення цього параметру. Ви можете додати значення за замовчуванням будь-якій кількості параметрів.
+
+# --instructions--
+
+Модифікуйте функцію `increment`, додавши параметри за замовчуванням, щоб одиниця була додана до `number`, якщо `value` не вказано.
+
+# --hints--
+
+Результатом `increment(5, 2)` повинен бути `7`.
+
+```js
+assert(increment(5, 2) === 7);
+```
+
+Результатом `increment(5)` повинен бути `6`.
+
+```js
+assert(increment(5) === 6);
+```
+
+Значення параметру за замовчуванням `1` слід використовувати для `value`.
+
+```js
+assert(code.match(/value\s*=\s*1/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const increment = (number, value) => number + value;
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const increment = (number, value = 1) => number + value;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md
new file mode 100644
index 0000000000..b0dc6daadc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file.md
@@ -0,0 +1,60 @@
+---
+id: 587d7b8c367417b2b2512b57
+title: Використання * для імпорту всієї інформації з файлу
+challengeType: 1
+forumTopicId: 301210
+dashedName: use--to-import-everything-from-a-file
+---
+
+# --description--
+
+Припустимо, у вас є файл і ви хочете імпортувати весь його вміст у поточний файл. Це можна зробити за допомогою `import * as` синтаксису. Ось приклад, де вміст файлу з назвою `math_functions.js` імпортується до файлу в тому ж каталозі:
+
+```js
+import * as myMathModule from "./math_functions.js";
+```
+
+Наведена вище команда `import` створить об’єкт під назвою `myMathModule`. Це змінна назва, ви можете обрати власну. Об'єкт буде містити всю експортовану інформацію з `math_functions.js`, тому ви зможете отримати доступ як до функцій, так і до інших властивостей об'єкта. Ось як ви можете використовувати функції `add` і `subtract`, які були імпортовані:
+
+```js
+myMathModule.add(2,3);
+myMathModule.subtract(5,3);
+```
+
+# --instructions--
+
+Для коду у цьому файлі необхідний вміст файлу: `string_functions.js`, який є в тому ж каталозі, що і поточний файл. Використовуйте синтаксис `import * as`, щоб імпортувати всі файли до об'єкта під назвою `stringFunctions`.
+
+# --hints--
+
+У вашому коді повинен правильно використовуватись синтаксис `import * as`.
+
+```js
+assert(
+  code.match(
+    /import\s*\*\s*as\s+stringFunctions\s+from\s*('|")\.\/string_functions\.js\1/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+// Only change code above this line
+
+stringFunctions.uppercaseString("hello");
+stringFunctions.lowercaseString("WORLD!");
+```
+
+# --solutions--
+
+```js
+import * as stringFunctions from "./string_functions.js";
+
+// add code above this line
+stringFunctions.uppercaseString("hello");
+stringFunctions.lowercaseString("WORLD!");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
new file mode 100644
index 0000000000..ead154d77c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-arrow-functions-to-write-concise-anonymous-functions.md
@@ -0,0 +1,91 @@
+---
+id: 587d7b87367417b2b2512b43
+title: Використовуйте функцію Arrow для опису анонімної функції
+challengeType: 1
+forumTopicId: 301211
+dashedName: use-arrow-functions-to-write-concise-anonymous-functions
+---
+
+# --description--
+
+У JavaScript, нам часто не потрібно називати функцію, особливо при передачі функції в якості аргументу іншої функції. Натомість створюються вбудовані функції. Їх не потрібно називати, бо вони більш ніде не використовуються.
+
+Щоб досягнути цього, використовується наступний синтаксис:
+
+```js
+const myFunc = function() {
+  const myVar = "value";
+  return myVar;
+}
+```
+
+ES6 надає нам синтаксичні можливості, щоб не використовувати анонімних функцій таким чином. Саме тому варто використовувати **синтаксичну функцію arrow**:
+
+```js
+const myFunc = () => {
+  const myVar = "value";
+  return myVar;
+}
+```
+
+Коли відсутнє тіло функції, а є лише повернене значення, то синтаксична функція arrow дозволяє опустити ключове слово `return`, а також дужки, що стосуються коду. Це допомагає спростити невелику функцію в однорядковий вираз:
+
+```js
+const myFunc = () => "value";
+```
+
+Цей код все це поверне рядок `value` за змовчуванням.
+
+# --instructions--
+
+Перепишіть функцію, призначеній змінній `magic`, що перетворюється на`new Date()` використовуючи синтаксичну функцію arrow. Також переконайтесь, що ще нічого не визначено за допомогою ключового слова `var`.
+
+# --hints--
+
+Вам слід замінити ключове слово `var`.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`magic` має бути постійною змінною (використовуйте `const`).
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+magic/g));
+```
+
+`magic` має бути `function`.
+
+```js
+assert(typeof magic === 'function');
+```
+
+`magic()` повинна повернути правильну дату.
+
+```js
+assert(magic().setHours(0, 0, 0, 0) === new Date().setHours(0, 0, 0, 0));
+```
+
+Не використовуйте ключове слово `function`.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/function/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var magic = function() {
+  return new Date();
+};
+```
+
+# --solutions--
+
+```js
+const magic = () => {
+  return new Date();
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md
new file mode 100644
index 0000000000..7b22883c60
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-class-syntax-to-define-a-constructor-function.md
@@ -0,0 +1,100 @@
+---
+id: 587d7b8b367417b2b2512b53
+title: Використовуйте клас синтаксису для визначення функції Constructor
+challengeType: 1
+forumTopicId: 301212
+dashedName: use-class-syntax-to-define-a-constructor-function
+---
+
+# --description--
+
+ES6 забезпечує новий синтаксис для створення об'єктів, використовуючи ключове слово <dfn>class</dfn>.
+
+Варто зазначити, що синтаксис `class` є просто синтаксисом, а не повноцінною реалізацією об'єктно-орієнтованої парадигми, на відміну від таких мов як Java, Python, Ruby, і т.д.
+
+В ES5 зазвичай визначається функція `constructor` та використовується ключове слово `new` для створення об'єкта.
+
+```js
+var SpaceShuttle = function(targetPlanet){
+  this.targetPlanet = targetPlanet;
+}
+var zeus = new SpaceShuttle('Jupiter');
+```
+
+Синтаксис `class` просто замінює створення функції `constructor`:
+
+```js
+class SpaceShuttle {
+  constructor(targetPlanet) {
+    this.targetPlanet = targetPlanet;
+  }
+}
+const zeus = new SpaceShuttle('Jupiter');
+```
+
+Варто зазначити, що ключове слово `class` оголошує нову функцію, до якої додається конструктор. Конструктор викликається, коли ключове слово `new` використовується для створення нового об'єкту.
+
+**Примітка:** UpperCamelCase слід використовувати в конвенції для назв класів ES6, як і в `SpaceShuttle` використаного вище.
+
+Метод `constructor` це спеціальний метод для створення та ініціалізації об'єкта, створений за допомогою класу. Ви можете дізнатись про це більше у розділі "Об"єктно-орієнтоване програмування" JavaScript алгоритми та структура даних.
+
+# --instructions--
+
+Використайте ключове слово `class` та напишіть `constructor` для створення класу `Vegetable`.
+
+Клас `Vegetable` дозволяє створити об'єкт vegetable з параметром `name`, що опускає `constructor`.
+
+# --hints--
+
+`Vegetable` має бути `class` визначений методом `constructor`.
+
+```js
+assert(
+  typeof Vegetable === 'function' && typeof Vegetable.constructor === 'function'
+);
+```
+
+Використовуйте ключове слово `class`.
+
+```js
+assert(code.match(/class/g));
+```
+
+`Vegetable` має бути інстальовано.
+
+```js
+assert(() => {
+  const a = new Vegetable('apple');
+  return typeof a === 'object';
+});
+```
+
+`carrot.name` повинен повертатись як `carrot`.
+
+```js
+assert(carrot.name == 'carrot');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+
+// Only change code above this line
+
+const carrot = new Vegetable('carrot');
+console.log(carrot.name); // Should display 'carrot'
+```
+
+# --solutions--
+
+```js
+class Vegetable {
+  constructor(name) {
+    this.name = name;
+  }
+}
+const carrot = new Vegetable('carrot');
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md
new file mode 100644
index 0000000000..12f9b3af65
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-arrays.md
@@ -0,0 +1,71 @@
+---
+id: 587d7b89367417b2b2512b4b
+title: Використовуйте деструктивне привласнення для визначення змінних із масивів
+challengeType: 1
+forumTopicId: 301213
+dashedName: use-destructuring-assignment-to-assign-variables-from-arrays
+---
+
+# --description--
+
+ES6 створює деструктивні масиви так само легко, як і деструктивні об'єкти.
+
+Однією з ключових відмінностей між спред оператором та деструктивним масивом є те, що спред оператор розпаковує весь вміст масиву в список, розділений комою. Отже, ви не можете вибрати, які елементи ви бажаєте призначити змінним.
+
+Деструкція масиву дозволяє нам зробити це:
+
+```js
+const [a, b] = [1, 2, 3, 4, 5, 6];
+console.log(a, b);
+```
+
+В консолі відображатимуться значення `a` та `b` як `1, 2`.
+
+Змінна `a` призначає перше значення масиву, а `b` присвоюється друге значення масиву. Також ми можемо отримати доступ до значення у масиві з деструкцією за допомогою коми для досягнення бажаного індексу:
+
+```js
+const [a, b,,, c] = [1, 2, 3, 4, 5, 6];
+console.log(a, b, c);
+```
+
+В консолі відображатимуться значення `a`, `b`, та `c` як `1, 2, 5`.
+
+# --instructions--
+
+Використайте привласнення для заміни значень `a` and `b`, так, що `a` отримує значення, збережене в `b`, і `b` отримує значення, збережене в `a`.
+
+# --hints--
+
+Значення `a` має бути `6`, після перегортання.
+
+```js
+assert(a === 6);
+```
+
+Значення `b` має бути `8`, після перегортання.
+
+```js
+assert(b === 8);
+```
+
+Ви повинні використовувати деструктивний масив, щоб замінити `a` та `b`.
+
+```js
+assert(/\[\s*(\w)\s*,\s*(\w)\s*\]\s*=\s*\[\s*\2\s*,\s*\1\s*\]/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let a = 8, b = 6;
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let a = 8, b = 6;
+[a, b] = [b, a];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md
new file mode 100644
index 0000000000..6c27145f5e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-nested-objects.md
@@ -0,0 +1,106 @@
+---
+id: 587d7b89367417b2b2512b4a
+title: Використовуйте деструктивне привласнення для визначення змінних із масивів
+challengeType: 1
+forumTopicId: 301214
+dashedName: use-destructuring-assignment-to-assign-variables-from-nested-objects
+---
+
+# --description--
+
+Слідуйте тим самим принципам, що і у попередніх 2 уроках, які були присвячені визначенню змінних із масивів.
+
+Використовуйте змінну схожу до попередніх масивів:
+
+```js
+const user = {
+  johnDoe: { 
+    age: 34,
+    email: 'johnDoe@freeCodeCamp.com'
+  }
+};
+```
+
+Розглянемо приклад, як отримати значення властивостей об'єкта та призначити їх змінним із таким самим ім'ям:
+
+```js
+const { johnDoe: { age, email }} = user;
+```
+
+Приклад того, як ви можете призначити значення з різними іменами:
+
+```js
+const { johnDoe: { age: userAge, email: userEmail }} = user;
+```
+
+# --instructions--
+
+Замініть два визначення еквівалентами з деструктивного привласнення. Ви все ще призначаєте змінним `lowToday` та `highToday` значення `today.low` та `today.high` з об'єкту `LOCAL_FORECAST`.
+
+# --hints--
+
+Видаліть призначення синтаксису ES5.
+
+```js
+assert(
+  !code.match(/lowToday = LOCAL_FORECAST\.today\.low/g) &&
+    !code.match(/highToday = LOCAL_FORECAST\.today.high/g)
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `lowToday`.
+
+```js
+assert(
+  code.match(
+    /(var|const|let)\s*{\s*today\s*:\s*{\s*(low\s*:\s*lowToday[^}]*|[^,]*,\s*low\s*:\s*lowToday\s*)}\s*}\s*=\s*LOCAL_FORECAST(;|\s+|\/\/)/g
+  )
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `highToday`.
+
+```js
+assert(
+  code.match(
+    /(var|const|let)\s*{\s*today\s*:\s*{\s*(high\s*:\s*highToday[^}]*|[^,]*,\s*high\s*:\s*highToday\s*)}\s*}\s*=\s*LOCAL_FORECAST(;|\s+|\/\/)/g
+  )
+);
+```
+
+`lowToday` повинна дорівнювати `64` та `highToday</code має бути рівний <code>77`.
+
+```js
+assert(lowToday === 64 && highToday === 77);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const LOCAL_FORECAST = {
+  yesterday: { low: 61, high: 75 },
+  today: { low: 64, high: 77 },
+  tomorrow: { low: 68, high: 80 }
+};
+
+// Only change code below this line
+
+const lowToday = LOCAL_FORECAST.today.low;
+const highToday = LOCAL_FORECAST.today.high;
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const LOCAL_FORECAST = {
+  yesterday: { low: 61, high: 75 },
+  today: { low: 64, high: 77 },
+  tomorrow: { low: 68, high: 80 }
+};
+
+const { today: { low: lowToday, high: highToday }} = LOCAL_FORECAST;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
new file mode 100644
index 0000000000..6573991854
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b89367417b2b2512b49
+title: Використовуйте деструктивне привласнення для визначення змінних із масивів
+challengeType: 1
+forumTopicId: 301215
+dashedName: use-destructuring-assignment-to-assign-variables-from-objects
+---
+
+# --description--
+
+Деструктуризація дозволяє вам призначити нове ім'я змінної при вилученні. Щоб зробити це, поставте нове ім'я після двокрапки при призначенні.
+
+Використовуйте то й же об'єкт що і в останньому прикладі:
+
+```js
+const user = { name: 'John Doe', age: 34 };
+```
+
+Розглянемо, як ви можете дати нові імена змінним у призначенні:
+
+```js
+const { name: userName, age: userAge } = user;
+```
+
+Ви можете прочитати це як "отримати значення `user.name` та та назначити нову змінну з назвою `userName`" і т.д. Значення `userName` буде `John Doe`, і значення `userAge` буде числом `34`.
+
+# --instructions--
+
+Замініть два визначення еквівалентами з деструктивного привласнення. Ви все ще призначаєте змінним `highToday` та `highTomorrow` значення `today` та </code>and `tomorrow` з об'єкту `HIGH_TEMPERATURES`.
+
+# --hints--
+
+Видаліть призначення синтаксису ES5.
+
+```js
+assert(
+  !code.match(/highToday = HIGH_TEMPERATURES\.today/g) &&
+    !code.match(/highTomorrow = HIGH_TEMPERATURES\.tomorrow/g)
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `highToday`.
+
+```js
+assert(
+  code.match(
+    /(var|const|let)\s*{\s*(today\s*:\s*highToday[^}]*|[^,]*,\s*today\s*:\s*highToday\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
+  )
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `highTomorrow`.
+
+```js
+assert(
+  code.match(
+    /(var|const|let)\s*{\s*(tomorrow\s*:\s*highTomorrow[^}]*|[^,]*,\s*tomorrow\s*:\s*highTomorrow\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
+  )
+);
+```
+
+`highToday` повинна дорівнювати `77` та `highTomorrow` має бути рівний `80`.
+
+```js
+assert(highToday === 77 && highTomorrow === 80);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const HIGH_TEMPERATURES = {
+  yesterday: 75,
+  today: 77,
+  tomorrow: 80
+};
+
+// Only change code below this line
+
+const highToday = HIGH_TEMPERATURES.today;
+const highTomorrow = HIGH_TEMPERATURES.tomorrow; 
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const HIGH_TEMPERATURES = {
+  yesterday: 75,
+  today: 77,
+  tomorrow: 80
+};
+
+const { today: highToday, tomorrow: highTomorrow } = HIGH_TEMPERATURES;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md
new file mode 100644
index 0000000000..6742266e2a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-extract-values-from-objects.md
@@ -0,0 +1,101 @@
+---
+id: 5cfa550e84205a357704ccb6
+title: Використовуйте деструктивне привласнення для визначення змінних із масивів
+challengeType: 1
+forumTopicId: 301216
+dashedName: use-destructuring-assignment-to-extract-values-from-objects
+---
+
+# --description--
+
+<dfn>Призначення деструктуризації</dfn> є спеціальним синтаксисом, запровадженим у ES6, для чіткого призначення параметрів, взятих безпосередньо з об'єкта.
+
+Розглянемо наступний приклад коду ES5:
+
+```js
+const user = { name: 'John Doe', age: 34 };
+
+const name = user.name;
+const age = user.age;
+```
+
+`name` матиме значення рядка `John Doe`, and `age` матиме значення числа `34`.
+
+Ось аналогічна інструкція з використання синтаксису деструкції ES6:
+
+```js
+const { name, age } = user;
+```
+
+Отже, `name` стане рядком `John Doe`, and `age` матиме значення числа `34`.
+
+Тут змінні `name` та `age` будуть створені і призначені значення їх відповідних значень об'єкта `user`. Ви можете побачити наскільки стало простіше.
+
+Ви можете отримати потрібну кількість значень з потрібного вам об'єкта.
+
+# --instructions--
+
+Замініть два визначення еквівалентами з деструктивного привласнення. Ви все ще призначаєте змінним `today` and `tomorrow` значення `today` та `tomorrow` з об'єкту `HIGH_TEMPERATURES`.
+
+# --hints--
+
+Видаліть призначення синтаксису ES5.
+
+```js
+assert(
+  !code.match(/today\s*=\s*HIGH_TEMPERATURES\.(today|tomorrow)/g)
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `today`.
+
+```js
+assert(
+  code.match(/(var|let|const)\s*{\s*(today[^}]*|[^,]*,\s*today)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
+);
+```
+
+Використовуйте деструкцію, щоб створити змінну `tomorrow`.
+
+```js
+assert(
+  code.match(/(var|let|const)\s*{\s*(tomorrow[^}]*|[^,]*,\s*tomorrow)\s*}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g)
+);
+```
+
+`today` буде рівним `77` та `tomorrow` дорівнюватиме `80`.
+
+```js
+assert(today === 77 && tomorrow === 80);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const HIGH_TEMPERATURES = {
+  yesterday: 75,
+  today: 77,
+  tomorrow: 80
+};
+
+// Only change code below this line
+
+const today = HIGH_TEMPERATURES.today;
+const tomorrow = HIGH_TEMPERATURES.tomorrow;
+
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const HIGH_TEMPERATURES = {
+  yesterday: 75,
+  today: 77,
+  tomorrow: 80
+};
+
+const { today, tomorrow } = HIGH_TEMPERATURES;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md
new file mode 100644
index 0000000000..15f3a05965
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b8a367417b2b2512b4d
+title: Використовуйте призначення за рахунок деструктуризації, щоб передати об'єкт як параметри функції
+challengeType: 1
+forumTopicId: 301217
+dashedName: use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters
+---
+
+# --description--
+
+У деяких випадках ви можете деструктурувати об'єкт в самому аргументі функції.
+
+Розглянемо наступний код:
+
+```js
+const profileUpdate = (profileData) => {
+  const { name, age, nationality, location } = profileData;
+
+}
+```
+
+Ефективний спосіб деструктуризації об'єкта в функцію. Це можна виконати шляхом аналізу:
+
+```js
+const profileUpdate = ({ name, age, nationality, location }) => {
+
+}
+```
+
+Коли `profileData` переходить у функцію, значення деструктуруються з параметра функції в використання функції.
+
+# --instructions--
+
+Використовуйте деструктивне привласнення в межах аргументу `half` щоб відправити лише `max` та `min` всередині функції.
+
+# --hints--
+
+`stats` має бути `object`.
+
+```js
+assert(typeof stats === 'object');
+```
+
+`half(stats)` має бути `28.015`
+
+```js
+assert(half(stats) === 28.015);
+```
+
+Деструкція є важливим елементом.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/half=\({\w+,\w+}\)/));
+```
+
+Необхідно використовувати деструктивний параметр.
+
+```js
+assert(!code.match(/stats\.max|stats\.min/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+
+// Only change code below this line
+const half = (stats) => (stats.max + stats.min) / 2.0; 
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const stats = {
+  max: 56.78,
+  standard_deviation: 4.34,
+  median: 34.54,
+  mode: 23.87,
+  min: -0.75,
+  average: 35.85
+};
+
+const half = ( {max, min} ) => (max + min) / 2.0;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md
new file mode 100644
index 0000000000..e1913767c5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements.md
@@ -0,0 +1,85 @@
+---
+id: 587d7b8a367417b2b2512b4c
+title: >-
+  Використовуйте решту параметрів з деструктивним призначенням для перепризначення масиву елементів
+challengeType: 1
+forumTopicId: 301218
+dashedName: >-
+  use-destructuring-assignment-with-the-rest-parameter-to-reassign-array-elements
+---
+
+# --description--
+
+У деяких ситуаціях нам потрібно зберегти елементи в окремий масив.
+
+Результат схожий на `Array.prototype.slice()`, як показано нижче:
+
+```js
+const [a, b, ...arr] = [1, 2, 3, 4, 5, 7];
+console.log(a, b);
+console.log(arr);
+```
+
+У такому разі консоль відображатиме значення `1, 2` та `[3, 4, 5, 7]`.
+
+Змінні `a` та `b` приймають перші та другі значення з масиву. Після цього, завдяки параметру `arr` решта значень подаються у масиві. Решта елементів працює тільки-но у вигляді останньої змінної списку. Як і в даних, ви не можете використовувати інший параметр для охоплення підмасиву, який залишає останній елемент вихідного масиву.
+
+# --instructions--
+
+Використовуйте деструктивне привласнення з рештою параметрів `Array.prototype.slice()`, так як `arr` є підмасивом оригінального масиву `source` з опущеними двома елементами.
+
+# --hints--
+
+`arr` має бути `[3,4,5,6,7,8,9,10]`
+
+```js
+assert(arr.every((v, i) => v === i + 3) && arr.length === 8);
+```
+
+`source` має бути `[1,2,3,4,5,6,7,8,9,10]`
+
+```js
+assert(source.every((v, i) => v === i + 1) && source.length === 10);
+```
+
+`Array.slice()` не варто використовувати.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/slice/g));
+```
+
+Необхідно використовувати деструктуризацію `list`.
+
+```js
+assert(
+  __helpers
+    .removeWhiteSpace(code)
+    .match(/\[(([_$a-z]\w*)?,){1,}\.\.\.arr\]=list/i)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  // Only change code below this line
+  const arr = list; // Change this line
+  // Only change code above this line
+  return arr;
+}
+const arr = removeFirstTwo(source);
+```
+
+# --solutions--
+
+```js
+const source = [1,2,3,4,5,6,7,8,9,10];
+function removeFirstTwo(list) {
+  const [, , ...arr] = list;
+  return arr;
+}
+const arr = removeFirstTwo(source);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
new file mode 100644
index 0000000000..c17ef333d2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-export-to-share-a-code-block.md
@@ -0,0 +1,85 @@
+---
+id: 587d7b8c367417b2b2512b56
+title: Використання експорту для спільного використання блоку коду
+challengeType: 1
+forumTopicId: 301219
+dashedName: use-export-to-share-a-code-block
+---
+
+# --description--
+
+Уявіть файл під назвою `math_functions.js`, який містить декілька функцій, пов'язаних із математичними операціями. Один із них зберігається у змінній, `add`, яка приймає два числа і виводить їх суму. Ви захочете використовувати цю функцію в декількох різних JavaScript файлах. Для того, щоб поділитися цим з іншими файлами вам спочатку потрібно `export` його.
+
+```js
+export const add = (x, y) => {
+  return x + y;
+}
+```
+
+Зверху - звичайний спосіб експортування однієї функції, але ви можете досягти того ж результату так:
+
+```js
+const add = (x, y) => {
+  return x + y;
+}
+
+export { add };
+```
+
+При експорті змінної або функції, ви можете імпортувати їх в інший файл і використовувати без необхідності переписувати код. Ви можете експортувати декілька речей, повторюючи перший приклад для кожного файлу, який хочете експортувати, або ж розмістивши їх усіх в експортній команді другого прикладу:
+
+```js
+export { add, subtract };
+```
+
+# --instructions--
+
+У редакторі є дві функції рядка. Експортуйте обидві, використовуючи один з методів на ваш вибір.
+
+# --hints--
+
+Слід належним чином експортувати `uppercaseString`.
+
+```js
+assert(
+  code.match(
+    /(export\s+const\s+uppercaseString|export\s*{\s*(uppercaseString[^}]*|[^,]*,\s*uppercaseString\s*)})/g
+  )
+);
+```
+
+Слід належним чином експортувати `lowercaseString`.
+
+```js
+assert(
+  code.match(
+    /(export\s+const\s+lowercaseString|export\s*{\s*(lowercaseString[^}]*|[^,]*,\s*lowercaseString\s*)})/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const uppercaseString = (string) => {
+  return string.toUpperCase();
+}
+
+const lowercaseString = (string) => {
+  return string.toLowerCase()
+}
+```
+
+# --solutions--
+
+```js
+export const uppercaseString = (string) => {
+  return string.toUpperCase();
+}
+
+export const lowercaseString = (string) => {
+  return string.toLowerCase()
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
new file mode 100644
index 0000000000..ceda544fdc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md
@@ -0,0 +1,174 @@
+---
+id: 587d7b8c367417b2b2512b54
+title: Використовуйте ґетери й сетери для Управління доступом до об'єкта
+challengeType: 1
+forumTopicId: 301220
+dashedName: use-getters-and-setters-to-control-access-to-an-object
+---
+
+# --description--
+
+Ви можете отримати значення від об'єкта й встановити значення властивості без об'єкта.
+
+Це має назву <dfn>getters</dfn> й <dfn>setters</dfn>.
+
+Функції ґетерів призначені для повернення (або отримання) значення приватної змінної без користувача, що безпосередньо має доступ до приватної змінної.
+
+Функції сетерів призначені для змінення (або встановлення) значення приватної змінної об'єкту, що надалі використовується в функції сетерів. У складі цієї змінної може бути обчислення або навіть перезаписування попереднього значення.
+
+```js
+class Book {
+  constructor(author) {
+    this._author = author;
+  }
+  // getter
+  get writer() {
+    return this._author;
+  }
+  // setter
+  set writer(updatedAuthor) {
+    this._author = updatedAuthor;
+  }
+}
+const novel = new Book('anonymous');
+console.log(novel.writer);
+novel.writer = 'newAuthor';
+console.log(novel.writer);
+```
+
+Ця консоль буде зображати рядки `anonymous` й `newAuthor`.
+
+Зверніть увагу на синтаксис, що використовується для виклику ґетерів й сетерів. Вони навіть не схожі на функції. Ґетери і сетери мають велике значення, бо вони приховують внутрішні деталі реалізації.
+
+**Примітка:** Важливо використовувати підкреслювання (`_`) перед назвою приватної змінної. Однак сама практика не створює приватні змінні.
+
+# --instructions--
+
+Використовуйте `class` ключове слово для створення `Thermostat` класу. Конструктор `constructor` припускає температуру Фаренгейту.
+
+На занятті створіть `getter` для отримання температури Цельсія й `setter` для її встановлення.
+
+Пам'ятайте, що `C = 5/9 * (F - 32)` й`F = C * 9.0 / 5 + 32`, де `F` це значення температури за Фаренгейтом, а `C` значення тієї ж самої температури, але за Цельсієм.
+
+**Примітка:** Під час виконання ви можете дослідити температуру в класі за Фаренгейтом або за Цельсієм.
+
+У цьому сила ґетерів й сетерів. Ви створюєте API для іншого користувача, що може отримати правильний результат, незалежно від того, що саме ви досліджуєте.
+
+Інакше кажучи, ви приховуєте деталі реалізації від користувача.
+
+# --hints--
+
+`Thermostat` має бути `class` визначеним за допомогою `constructor`.
+
+```js
+assert(
+  typeof Thermostat === 'function' &&
+    typeof Thermostat.constructor === 'function'
+);
+```
+
+Використовуйте ключове слово `class`.
+
+```js
+assert(code.match(/class/g));
+```
+
+Має бути встановлено `Thermostat`.
+
+```js
+assert(
+  (() => {
+    const t = new Thermostat(122);
+    return typeof t === 'object';
+  })()
+);
+```
+
+Після встановлення змінної за Фаренгейтом `Thermostat` має встановити правильну `temperature`.
+
+```js
+assert(
+  (() => {
+    const t = new Thermostat(122);
+    return t.temperature === 50;
+  })()
+);
+```
+
+`getter` має бути визначеним.
+
+```js
+assert(
+  (() => {
+    const desc = Object.getOwnPropertyDescriptor(
+      Thermostat.prototype,
+      'temperature'
+    );
+    return !!desc && typeof desc.get === 'function';
+  })()
+);
+```
+
+`setter` має бути визначеним.
+
+```js
+assert(
+  (() => {
+    const desc = Object.getOwnPropertyDescriptor(
+      Thermostat.prototype,
+      'temperature'
+    );
+    return !!desc && typeof desc.set === 'function';
+  })()
+);
+```
+
+Виклик `setter` зі значенням за Цельсієм має встановити `temperature`.
+
+```js
+assert(
+  (() => {
+    const t = new Thermostat(32);
+    t.temperature = 26;
+    const u = new Thermostat(32);
+    u.temperature = 50;
+    return t.temperature === 26 && u.temperature === 50;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+
+// Only change code above this line
+
+const thermos = new Thermostat(76); // Setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in Celsius
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in Celsius
+```
+
+# --solutions--
+
+```js
+class Thermostat {
+  constructor(fahrenheit) {
+    this._tempInCelsius = 5/9 * (fahrenheit - 32);
+  }
+  get temperature(){
+    return this._tempInCelsius;
+  }
+  set temperature(newTemp){
+    this._tempInCelsius = newTemp;
+  }
+}
+
+const thermos = new Thermostat(76); // Setting in Fahrenheit scale
+let temp = thermos.temperature; // 24.44 in Celsius
+thermos.temperature = 26;
+temp = thermos.temperature; // 26 in Celsius
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md
new file mode 100644
index 0000000000..67515c6c05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-rest-parameter-with-function-parameters.md
@@ -0,0 +1,80 @@
+---
+id: 587d7b88367417b2b2512b47
+title: Використання параметру скидання і параметру функцій
+challengeType: 1
+forumTopicId: 301221
+dashedName: use-the-rest-parameter-with-function-parameters
+---
+
+# --description--
+
+Щоб створити гнучкіші функції, ES6 пропонує <dfn>параметр скидання</dfn> для параметрів функцій. За допомогою параметра скидання можна створити функції зі змінною кількістю аргументів. Ці аргументи зберігаються в масиві, який буде доступний пізніше з внутрішньої функції.
+
+Погляньте на цей код:
+
+```js
+function howMany(...args) {
+  return "You have passed " + args.length + " arguments.";
+}
+console.log(howMany(0, 1, 2));
+console.log(howMany("string", null, [1, 2, 3], { }));
+```
+
+Консоль відображатиме рядки `You have passed 3 arguments.` і `You have passed 4 arguments.`.
+
+Параметр скидання усуває потребу в перевірці `args` масиву і дає змогу застосувати `map()`, `filter()` і `reduce()` у масиві параметрів.
+
+# --instructions--
+
+Змініть функції `sum` за допомогою параметру скидання у такий спосіб, щоб функція `sum` могла прийняти будь-яку кількість аргументів і повернути їх суму.
+
+# --hints--
+
+Результатом `sum(0,1,2)` має бути 3
+
+```js
+assert(sum(0, 1, 2) === 3);
+```
+
+Результатом `sum(1,2,3,4)` має бути 10
+
+```js
+assert(sum(1, 2, 3, 4) === 10);
+```
+
+Результатом `sum(5)` має бути 5
+
+```js
+assert(sum(5) === 5);
+```
+
+Результатом `sum()` має бути 0
+
+```js
+assert(sum() === 0);
+```
+
+`sum` має бути функцією зі стрілкою, що використовує синтаксис параметру скидання (`...`) у параметрі `args`.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/sum=\(\.\.\.args\)=>/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const sum = (x, y, z) => {
+  const args = [x, y, z];
+  return args.reduce((a, b) => a + b, 0);
+}
+```
+
+# --solutions--
+
+```js
+const sum = (...args) => {
+  return args.reduce((a, b) => a + b, 0);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md
new file mode 100644
index 0000000000..d7d3f3cf32
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/use-the-spread-operator-to-evaluate-arrays-in-place.md
@@ -0,0 +1,84 @@
+---
+id: 587d7b89367417b2b2512b48
+title: Використовуйте спред оператор для оцінки аналізу масиву
+challengeType: 1
+forumTopicId: 301222
+dashedName: use-the-spread-operator-to-evaluate-arrays-in-place
+---
+
+# --description--
+
+ES6 представляє собою <dfn>spread operator</dfn>, який дозволяє розширювати масиви та інші елементи.
+
+Код ES5 нижче використовує `apply()` для розрахунку максимального значення в масиві:
+
+```js
+var arr = [6, 89, 3, 45];
+var maximus = Math.max.apply(null, arr);
+```
+
+`maximus` повинен мати значення `89`.
+
+Ми використали `Math.max.apply(null, arr)` тому що `Math.max(arr)` повертає `NaN`. `Math.max()` виконується через спільний аргумент, а не масив. Спред оператор робить синтаксис більш читабельним та зручним в обслуговуванні.
+
+```js
+const arr = [6, 89, 3, 45];
+const maximus = Math.max(...arr);
+```
+
+`maximus` повинен мати значення `89`.
+
+`...arr` перетворюється в відкритий масив. Іншими словами, це *поширює* масив. Проте, спред оператор працює тільки всередині, як аргумент в функції або літери в масиві. Наступний код не буде працювати:
+
+```js
+const spreaded = ...arr;
+```
+
+# --instructions--
+
+Скопіюйте весь вміст `arr1` в інший масив `arr2` використовуючи спред оператор.
+
+# --hints--
+
+Масив `arr2` має бути правильною копією `arr1`.
+
+```js
+assert(arr2.every((v, i) => v === arr1[i]) && arr2.length);
+```
+
+`...` спред оператор використовується для дублювання `arr1`.
+
+```js
+assert(code.match(/Array\(\s*\.\.\.arr1\s*\)|\[\s*\.\.\.arr1\s*\]/));
+```
+
+`arr2` має залишатися без змін, в той час як `arr1` було змінено.
+
+```js
+assert((arr1, arr2) => {
+  arr1.push('JUN');
+  return arr2.length < arr1.length;
+});
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+
+arr2 = [];  // Change this line
+
+console.log(arr2);
+```
+
+# --solutions--
+
+```js
+const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];
+let arr2;
+
+arr2 = [...arr1];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md
new file mode 100644
index 0000000000..9a081e7931
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-arrow-functions-with-parameters.md
@@ -0,0 +1,94 @@
+---
+id: 587d7b88367417b2b2512b44
+title: Запис функції Arrow з параметрами
+challengeType: 1
+forumTopicId: 301223
+dashedName: write-arrow-functions-with-parameters
+---
+
+# --description--
+
+Так само, як і у звичайній функції, ви можете передавати аргументи в функцію Arrow.
+
+```js
+const doubler = (item) => item * 2;
+doubler(4);
+```
+
+`doubler(4)` повинен перетворюватись на `8`.
+
+Якщо функція arrow має один параметр, то дужки можуть бути опущені.
+
+```js
+const doubler = item => item * 2;
+```
+
+Функція може вміщати в себе більше одного аргументу.
+
+```js
+const multiplier = (item, multi) => item * multi;
+multiplier(4, 2);
+```
+
+`multiplier(4, 2)` повинен перетворюватись на `8`.
+
+# --instructions--
+
+Перепишіть функцію `myConcat`, яка додає вміст `arr2` до `arr1`, щоб функція використовувала синтаксис функції arrow.
+
+# --hints--
+
+Вам слід замінити ключове слово `var`.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/var/g));
+```
+
+`myConcat` має бути постійною змінною (використовуйте `const`).
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/const\s+myConcat/g));
+```
+
+`myConcat` має бути функцією з 2 параметрами
+
+```js
+assert(
+  /myConcat=\(\w+,\w+\)=>/.test(code.replace(/\s/g, '')) &&
+    typeof myConcat === 'function'
+);
+```
+
+`myConcat()` перетворюється на `[1, 2, 3, 4, 5]`.
+
+```js
+assert.deepEqual(myConcat([1, 2], [3, 4, 5]), [1, 2, 3, 4, 5]);
+```
+
+Не використовуйте ключове слово `function`.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/function/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var myConcat = function(arr1, arr2) {
+  return arr1.concat(arr2);
+};
+
+console.log(myConcat([1, 2], [3, 4, 5]));
+```
+
+# --solutions--
+
+```js
+const myConcat = (arr1, arr2) =>  {
+  return arr1.concat(arr2);
+};
+
+console.log(myConcat([1, 2], [3, 4, 5]));
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md
new file mode 100644
index 0000000000..4aed1da84b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-declarative-functions-with-es6.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8b367417b2b2512b50
+title: Напишіть стислі декларативні функції за допомогою ES6
+challengeType: 1
+forumTopicId: 301224
+dashedName: write-concise-declarative-functions-with-es6
+---
+
+# --description--
+
+При визначенні функцій у об’єктах у ES5 ми маємо використовувати ключове слово `function` наступним чином:
+
+```js
+const person = {
+  name: "Taylor",
+  sayHello: function() {
+    return `Hello! My name is ${this.name}.`;
+  }
+};
+```
+
+За допомогою ES6 ви можете взагалі видалити ключове слово `function` і двокрапку під час визначення функцій в об’єктах. Ось приклад такого синтаксису:
+
+```js
+const person = {
+  name: "Taylor",
+  sayHello() {
+    return `Hello! My name is ${this.name}.`;
+  }
+};
+```
+
+# --instructions--
+
+Реорганізуйте функцію `setGear` всередині об’єкта `bicycle`, щоб використати скорочений синтаксис, описаний вище.
+
+# --hints--
+
+Традиційні вираження функцій не повинні використовуватися.
+
+```js
+(getUserInput) => assert(!code.match(/function/));
+```
+
+`setGear` повинна бути декларативною функцією.
+
+```js
+assert(
+  typeof bicycle.setGear === 'function' && code.match(/setGear\s*\(.+\)\s*\{/)
+);
+```
+
+`bicycle.setGear(48)` повинен змінити значення `gear` для 48.
+
+```js
+assert(new bicycle.setGear(48).gear === 48);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+const bicycle = {
+  gear: 2,
+  setGear: function(newGear) {
+    this.gear = newGear;
+  }
+};
+// Only change code above this line
+bicycle.setGear(3);
+console.log(bicycle.gear);
+```
+
+# --solutions--
+
+```js
+const bicycle = {
+  gear: 2,
+  setGear(newGear) {
+    this.gear = newGear;
+  }
+};
+bicycle.setGear(3);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md
new file mode 100644
index 0000000000..a7311ea239
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-object-property-shorthand.md
@@ -0,0 +1,75 @@
+---
+id: 587d7b8a367417b2b2512b4f
+title: Давайте напишемо точні декларації об'єкта за допомогою Object Property Shorthand
+challengeType: 1
+forumTopicId: 301225
+dashedName: write-concise-object-literal-declarations-using-object-property-shorthand
+---
+
+# --description--
+
+ES6 надає гарну підтримку для легкого визначення літералів об'єкта.
+
+Розглянемо наступний код:
+
+```js
+const getMousePosition = (x, y) => ({
+  x: x,
+  y: y
+});
+```
+
+`getMousePosition` це проста функція, яка повертає об'єкт з двома властивостями. ES6 втілює синтаксичний цукор (синтаксичний прийом, який полегшує сприйняття тексту програми), щоб не доводилось багато писати `x: x`. Можна просто написати `x` один раз, і він конвертується у `x: x` (або еквівалент) автоматично. Ось та ж сама функція, переписана під новий синтаксис:
+
+```js
+const getMousePosition = (x, y) => ({ x, y });
+```
+
+# --instructions--
+
+Скористайтеся скороченням властивостей об'єкта з його літералами, щоб створити і звернутися до об'єкта з такими властивостями: `name`, `age` і `gender`.
+
+# --hints--
+
+`createPerson("Zodiac Hasbro", 56, "male")` має стати `{name: "Zodiac Hasbro", age: 56, gender: "male"}`.
+
+```js
+assert.deepEqual(
+  { name: 'Zodiac Hasbro', age: 56, gender: 'male' },
+  createPerson('Zodiac Hasbro', 56, 'male')
+);
+```
+
+Ваш код не має містити `key:value`.
+
+```js
+(getUserInput) => assert(!getUserInput('index').match(/:/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const createPerson = (name, age, gender) => {
+  // Only change code below this line
+  return {
+    name: name,
+    age: age,
+    gender: gender
+  };
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+const createPerson = (name, age, gender) => {
+  return {
+    name,
+    age,
+    gender
+  };
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md
new file mode 100644
index 0000000000..04274ee8e5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/add-elements-to-the-end-of-an-array-using-concat-instead-of-push.md
@@ -0,0 +1,88 @@
+---
+id: 587d7da9367417b2b2512b67
+title: Додати елементи в кінець масиву за допомогою контикату  замість натискання
+challengeType: 1
+forumTopicId: 301226
+dashedName: add-elements-to-the-end-of-an-array-using-concat-instead-of-push
+---
+
+# --description--
+
+Функціональне програмування - це створення та використання функцій, що не змінюються.
+
+Останній виклик представив метод `контикату ` як спосіб об'єднання масивів у новий без  мутації вихідних масивів. Порівняйте метод `concat` з методом `push`. `push` додає елемент в кінець викликаного масиву, який змінює його. Ось один із прикладів:
+
+```js
+const arr = [1, 2, 3];
+arr.push([4, 5, 6]);
+```
+
+`arr` матиме модифіковане значення `[1, 2, 3, [4, 5, 6]]`,що не є функціональним способом програмування.
+
+`concat` пропонує спосіб додавання нових елементів до кінця масиву без побічних ефектів, що мутують.
+
+# --instructions--
+
+Змініть функцію `nonMutatingPush` так що вона використовує `concat`, щоб додати `newItem` до кінця `original` замість `push`. Функція повинна повертати масив.
+
+# --hints--
+
+Ваш код повинен застосовувати метод `concat`.
+
+```js
+assert(code.match(/\.concat/g));
+```
+
+Не застосовуйте метод `push` у вашому коді.
+
+```js
+assert(!code.match(/\.?[\s\S]*?push/g));
+```
+
+Масив `first` не повинен змінюватись.
+
+```js
+assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]));
+```
+
+Масив `second` не повинен змінюватись.
+
+```js
+assert(JSON.stringify(second) === JSON.stringify([4, 5]));
+```
+
+`nonMutatingConcat([1, 2, 3], [4, 5])` повинен змінюватися на  `[1, 2, 3, 4, 5]`.
+
+```js
+assert(
+  JSON.stringify(nonMutatingPush([1, 2, 3], [4, 5])) ===
+    JSON.stringify([1, 2, 3, 4, 5])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingPush(original, newItem) {
+  // Only change code below this line
+  return original.push(newItem);
+
+  // Only change code above this line
+}
+
+const first = [1, 2, 3];
+const second = [4, 5];
+nonMutatingPush(first, second);
+```
+
+# --solutions--
+
+```js
+function nonMutatingPush(original, newItem) {
+  return original.concat(newItem);
+}
+const first = [1, 2, 3];
+const second = [4, 5];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md
new file mode 100644
index 0000000000..731f03f5d7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/apply-functional-programming-to-convert-strings-to-url-slugs.md
@@ -0,0 +1,83 @@
+---
+id: 587d7dab367417b2b2512b6d
+title: Застосуйте функціональне програмування для перетворення рядків в URL потоки
+challengeType: 1
+forumTopicId: 301227
+dashedName: apply-functional-programming-to-convert-strings-to-url-slugs
+---
+
+# --description--
+
+Останні кілька викликів охопили ряд корисних масивів та рядкових методів, що дотримуються принципів функціонального програмування. Ми також дізналися про `reduce`, який є потужним методом, що використовується для зменшення проблем для більш простої форми. Від середнього рівня обчислення до сортування, будь-яку масивну операцію можна досягти шляхом її застосування. Згадайте, що `map` і `filter` є особливими випадками `reduce`.
+
+Об'єднаймо те, що ми навчилися вирішувати практичні проблеми.
+
+Багато сайтів управління контентом (CMS) мають заголовки матеріалу, доданих до частини URL для простих закладок. Наприклад, якщо ви напишете середній пост під назвою `Stop Using Reduce`, ймовірно, що URL буде мати певний формат рядка з заголовком (`.../stop-using-reduce`). Можливо, ви вже помітили це на сайті freeCodeCamp.
+
+# --instructions--
+
+Заповніть функцію `urlSlug`, щоб вона конвертувала рядок `title` і повертала версію з дефісом для URL. Ви можете використати будь-який з методів, використаних у цьому розділі, і не використовуйте `replace`. Ось вимоги:
+
+Вхідний - це рядок з пробілами і текстовими словами
+
+Вихідний рядок з пробілами між словами, заміненим на дефіс (`-`)
+
+Вихідний рядок повинен бути весь малими літерами
+
+Вихідний рядок не повинен мати жодних пробілів
+
+# --hints--
+
+Не використовуйте метод `replace` у вашому коді для цього завдання.
+
+```js
+assert(!code.match(/\.?[\s\S]*?replace/g));
+```
+
+`urlSlug("Winter Is Coming")` повинен повернути рядок `winter-is-coming`.
+
+```js
+assert(urlSlug('Winter Is Coming') === 'winter-is-coming');
+```
+
+`urlSlug("Winter Is  Coming")`  повернути рядок `winter-is-coming`.
+
+```js
+assert(urlSlug(' Winter Is  Coming') === 'winter-is-coming');
+```
+
+`urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone")` потрібно повернути рядок `a-mind-needs-books-like-a-sword-needs-needs-a-whetstone`.
+
+```js
+assert(
+  urlSlug('A Mind Needs Books Like A Sword Needs A Whetstone') ===
+    'a-mind-needs-books-like-a-sword-needs-a-whetstone'
+);
+```
+
+`urlSlug(" Hold The Door")`слід повернути рядок `hold-door`.
+
+```js
+assert(urlSlug('Hold The Door') === 'hold-the-door');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+function urlSlug(title) {
+
+
+}
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+function urlSlug(title) {
+  return title.trim().split(/\s+/).join("-").toLowerCase();
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md
new file mode 100644
index 0000000000..b3a56ca83e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/avoid-mutations-and-side-effects-using-functional-programming.md
@@ -0,0 +1,78 @@
+---
+id: 587d7b8e367417b2b2512b5e
+title: Уникайте будь-яких змін та побічних ефектів, використовуючи функціональне програмування
+challengeType: 1
+forumTopicId: 301228
+dashedName: avoid-mutations-and-side-effects-using-functional-programming
+---
+
+# --description--
+
+Якщо ви ще цього не зрозуміли, проблема в попередньому завданні була з `splice` у функції `Close()`. На жаль,  `splice` змінює вихідний масив, в якому він викликається, тому другий дзвінок використовував модифікований масив і дав несподівані результати.
+
+Це невеликий приклад набагато більшого шаблону - викликається функція змінної, масиву або об'єкта, а функція змінює саме змінну чи щось інше в об’єкті.
+
+Одним з основних принципів функціонального програмування - не змінювати речі. Зміни призводять до помилок. Легше уникнути помилок, знаючи, що ваші функції нічого не змінюють, включаючи аргументи функцій чи будь-яку іншу глобальну змінну.
+
+Попередній приклад не мав жодних складних операцій, але метод `splice` змінив оригінальний масив і видав помилку.
+
+Нагадаємо, що у функціональному програмуванні зміни або зміна речей   називається <dfn>мутацією</dfn>, і наслідок  називається <dfn>побічним ефектом</dfn>. В ідеалі функція, повинна бути <dfn>pure function</dfn>, це означає, що вона не спричиняє жодних побічних ефектів.
+
+Давайте спробуємо освоїти цю дисципліну і не будемо змінювати будь-які змінні або об'єкти в нашому коді.
+
+# --instructions--
+
+Ввести код для функції`incrementer` таким чином, значення глобальної змінної `fixedValue` зросло в один раз.
+
+# --hints--
+
+Ваша функція `incrementer` не повинна змінювати значення `fixedValue` (яка є `4`).
+
+```js
+incrementer();
+assert(fixedValue === 4);
+```
+
+Ваша функція `incrementer` повертає значення, яке на одиницю більше значення `fixedValue`.
+
+```js
+const __newValue = incrementer();
+assert(__newValue === 5);
+```
+
+Ваша функція `incrementer` повинна повертати значення на основі глобального змінного значення `fixedValue`.
+
+```js
+(function () {
+  fixedValue = 10;
+  const newValue = incrementer();
+  assert(fixedValue === 10 && newValue === 11);
+  fixedValue = 4;
+})();
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+let fixedValue = 4;
+
+function incrementer() {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+let fixedValue = 4
+
+function incrementer() {
+  return fixedValue + 1
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md
new file mode 100644
index 0000000000..0bdeba2634
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-an-array-into-a-string-using-the-join-method.md
@@ -0,0 +1,89 @@
+---
+id: 587d7daa367417b2b2512b6c
+title: Об'єднання масиву у рядок з використанням методу Join
+challengeType: 1
+forumTopicId: 18221
+dashedName: combine-an-array-into-a-string-using-the-join-method
+---
+
+# --description--
+
+Метод `join` використовується для об'єднання елементів масиву для створення стрічки. Потрібний аргумент для розділювача, який використовується для відокремлення елементів масиву у рядку.
+
+Наприклад:
+
+```js
+const arr = ["Hello", "World"];
+const str = arr.join(" ");
+```
+
+`str` матиме значення рядка `Hello World`.
+# --instructions--
+
+Використовуйте метод `join` (з-поміж інших) у функції `sentensify` для створення речення зі слів у рядку `str`. Ваша функція повинна повертати рядок. Наприклад, `I-like-Star-Wars` буде перетворений в `I like Star Wars`. Для цього завдання не використовуйте метод `replace`.
+
+# --hints--
+
+Використовуйте метод `join` у вашому коді.
+
+```js
+assert(code.match(/\.join/g));
+```
+
+Не використовуйте метод `replace` у вашому коді.
+
+```js
+assert(!code.match(/\.?[\s\S]*?replace/g));
+```
+
+`sentensify("May-the-force-be-with-you")` повинен повертати рядок.
+
+```js
+assert(typeof sentensify('May-the-force-be-with-you') === 'string');
+```
+
+`sentensify("May-the-force-be-with-you")` повинен повертати рядок `May the force be with you`.
+
+```js
+assert(sentensify('May-the-force-be-with-you') === 'May the force be with you');
+```
+
+`sentensify("The.force.is.strong.with.this.one")` повинен повертати рядок `The force is strong with this one`.
+
+```js
+assert(
+  sentensify('The.force.is.strong.with.this.one') ===
+    'The force is strong with this one'
+);
+```
+
+`sentensify("There,has,been,an,awakening")` повинен повертати рядок `There has been an awakening`.
+
+```js
+assert(
+  sentensify('There,has,been,an,awakening') === 'There has been an awakening'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sentensify(str) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+sentensify("May-the-force-be-with-you");
+```
+
+# --solutions--
+
+```js
+function sentensify(str) {
+  return str.split(/\W/).join(' ');
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
new file mode 100644
index 0000000000..4c0f2043c3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
@@ -0,0 +1,77 @@
+---
+id: 587d7da9367417b2b2512b66
+title: Об'єднуйте два масиви за допомогою методу concat
+challengeType: 1
+forumTopicId: 301229
+dashedName: combine-two-arrays-using-the-concat-method
+---
+
+# --description--
+
+<dfn>Concatenation</dfn> означає з'єднання елементів від одного кінця до іншого. JavaScript пропонує метод `concat` як для змінних рядкового типу, так і для масивів, що працюють таким же чином. Для масивів, метод викликається на один, потім інший масив надається як аргумент `concat`, який додається до кінця першого масиву. Він повертає новий масив та не змінює жодного з оригінальних масивів. Ось приклад:
+
+```js
+[1, 2, 3].concat([4, 5, 6]);
+```
+
+Масив, що повертається, буде `[1, 2, 3, 4, 5, 6]`.
+
+# --instructions--
+
+Використовуйте метод `concat` в функції `nonMutatingConcat` для конкатенації `attach` до кінця `original`. Функція повинна повернути конкатенований масив.
+
+# --hints--
+
+Ваш код повинен використовувати метод `concat`.
+
+```js
+assert(code.match(/\.concat/g));
+```
+
+Масив `first` не повинен змінюватись.
+
+```js
+assert(JSON.stringify(first) === JSON.stringify([1, 2, 3]));
+```
+
+Масив `second` не повинен змінюватись.
+
+```js
+assert(JSON.stringify(second) === JSON.stringify([4, 5]));
+```
+
+`nonMutatingConcat([1, 2, 3], [4, 5])` повинен повертати `[1, 2, 3, 4, 5]`.
+
+```js
+assert(
+  JSON.stringify(nonMutatingConcat([1, 2, 3], [4, 5])) ===
+    JSON.stringify([1, 2, 3, 4, 5])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingConcat(original, attach) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+const first = [1, 2, 3];
+const second = [4, 5];
+nonMutatingConcat(first, second);
+```
+
+# --solutions--
+
+```js
+function nonMutatingConcat(original, attach) {
+  return original.concat(attach);
+}
+const first = [1, 2, 3];
+const second = [4, 5];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md
new file mode 100644
index 0000000000..06eaa6bb12
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-map-on-a-prototype.md
@@ -0,0 +1,72 @@
+---
+id: 587d7b8f367417b2b2512b62
+title: Карта реалізації на прототипі
+challengeType: 1
+forumTopicId: 301230
+dashedName: implement-map-on-a-prototype
+---
+
+# --description--
+
+Як ви бачили з використання `Array.prototype.map()`, або просто `map()` раніше, метод `map` повертає масив тієї ж довжини, що і той, на який був викликаний. Він також не змінює оригінальний масив, поки його функція зворотного виклику не змінюється.
+
+Іншими словами, `map` - це чиста функція, і її вихід залежить виключно від вхідних даних. Крім того, в якості аргумента використовується інша функція.
+
+Ви можете багато дізнатись про метод `map`, якщо ви реалізуєте вашу власну версію. Рекомендується використовувати код циклу `for` або `Array.prototype.forEach()`.
+
+# --instructions--
+
+Напишіть ваш власний `Array.prototype.myMap()`, що повинен поводити себе точно так як `Array.prototype.map()`. Не варто використовувати вбудований метод `map`. Екземпляр `Array` може бути доступним за допомогою методу `myMap` з використанням `this`.
+
+# --hints--
+
+`new_s` повинне дорівнювати `[46, 130, 196, 10]`.
+
+```js
+assert(JSON.stringify(new_s) === JSON.stringify([46, 130, 196, 10]));
+```
+
+Не використовуйте метод `map` у вашому коді.
+
+```js
+assert(!code.match(/\.?[\s\S]*?map/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback) {
+  const newArray = [];
+  // Only change code below this line
+
+  // Only change code above this line
+  return newArray;
+};
+
+const new_s = s.myMap(function(item) {
+  return item * 2;
+});
+```
+
+# --solutions--
+
+```js
+const s = [23, 65, 98, 5];
+
+Array.prototype.myMap = function(callback) {
+  const newArray = [];
+  for (const elem of this) {
+    newArray.push(callback(elem));
+  }
+  return newArray;
+};
+
+const new_s = s.myMap(function(item) {
+  return item * 2;
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md
new file mode 100644
index 0000000000..7b1a859d1f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/implement-the-filter-method-on-a-prototype.md
@@ -0,0 +1,67 @@
+---
+id: 587d7b8f367417b2b2512b64
+title: Реалізація методу фільтра для прототипу
+challengeType: 1
+forumTopicId: 301231
+dashedName: implement-the-filter-method-on-a-prototype
+---
+
+# --description--
+
+Ви можете багато дізнатись про метод `filter`, якщо ви реалізуєте вашу власну версію. Рекомендується використовувати код циклу `for` або `Array.prototype.forEach()`.
+
+# --instructions--
+
+Напишіть ваш власний `Array.prototype.myFilter()`, який буде поводити себе точно так як `Array.prototype.filter()`. Не варто використовувати вбудований метод `filter`. Приклад `Array` може бути доступним за допомогою методу `myFilter` з використанням `this`.
+
+# --hints--
+
+`new_s` повинне дорівнювати `[23, 65, 5]`.
+
+```js
+assert(JSON.stringify(new_s) === JSON.stringify([23, 65, 5]));
+```
+
+Не використовуйте метод `filter` для вашого коду.
+
+```js
+assert(!code.match(/\.?[\s\S]*?filter/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback) {
+  // Only change code below this line
+  const newArray = [];
+  // Only change code above this line
+  return newArray;
+};
+
+const new_s = s.myFilter(function(item) {
+  return item % 2 === 1;
+});
+```
+
+# --solutions--
+
+```js
+const s = [23, 65, 98, 5];
+
+Array.prototype.myFilter = function(callback) {
+  const newArray = [];
+  for (let i = 0; i < this.length; i++) {
+    if (callback(this[i])) newArray.push(this[i]);
+  }
+  return newArray;
+};
+
+const new_s = s.myFilter(function(item) {
+  return item % 2 === 1;
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md
new file mode 100644
index 0000000000..21c588f21e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/introduction-to-currying-and-partial-application.md
@@ -0,0 +1,102 @@
+---
+id: 587d7dab367417b2b2512b70
+title: Вступ до каррування та часткового застосування функції
+challengeType: 1
+forumTopicId: 301232
+dashedName: introduction-to-currying-and-partial-application
+---
+
+# --description--
+
+<dfn>Арність</dfn> функції – це кількість необхідних їй аргументів. <dfn>Каррування</dfn> функції означає перетворення функції з арністю N на функції N з арністю 1.
+
+Інакше кажучи, каррування реструктурує функцію так, що вона бере один аргумент, потім повертає іншу функцію, яка бере наступний аргумент, і так далі.
+
+Наприклад:
+
+```js
+function unCurried(x, y) {
+  return x + y;
+}
+
+function curried(x) {
+  return function(y) {
+    return x + y;
+  }
+}
+
+const curried = x => y => x + y
+
+curried(1)(2)
+```
+
+`curried(1)(2)` перетвориться на `3`.
+
+Це знадобиться у вашій програмі, якщо ви не можете надати всі аргументи до функції одночасно. Ви можете зберегти кожен виклик функції в змінну, яка матиме посилання на повернуту функцію, що візьме наступний аргумент, коли він буде доступним. Ось приклад використання згаданої вище функції каррування:
+
+```js
+const funcForY = curried(1);
+console.log(funcForY(2)); // 3
+```
+
+Аналогічно <dfn>часткове застосування</dfn> можна описати як застосування декількох аргументів до функції одночасно і повернення іншої функції, яка застосовується до більшої кількості аргументів. Наприклад:
+
+```js
+function impartial(x, y, z) {
+  return x + y + z;
+}
+
+const partialFn = impartial.bind(this, 1, 2);
+partialFn(10); // 13
+```
+
+# --instructions--
+
+Заповніть тіло функції `add` так, щоб використовувалось каррування для додавання параметрів `x`, `y` та `z`.
+
+# --hints--
+
+`add(10)(20)(30)` потрібно повернути `60`.
+
+```js
+assert(add(10)(20)(30) === 60);
+```
+
+`add(1)(2)(3)` потрібно повернути `6`.
+
+```js
+assert(add(1)(2)(3) === 6);
+```
+
+`add(11)(22)(33)` потрібно повернути `66`.
+
+```js
+assert(add(11)(22)(33) === 66);
+```
+
+Ваш код має містити остаточне твердження, яке повертає до `x + y + z`.
+
+```js
+assert(code.match(/[xyz]\s*?\+\s*?[xyz]\s*?\+\s*?[xyz]/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function add(x) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+add(10)(20)(30);
+```
+
+# --solutions--
+
+```js
+const add = x => y => z => x + y + z
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md
new file mode 100644
index 0000000000..345145d9c7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/learn-about-functional-programming.md
@@ -0,0 +1,86 @@
+---
+id: 587d7b8d367417b2b2512b5b
+title: Дізнайтеся про функціональне програмування
+challengeType: 1
+forumTopicId: 301233
+dashedName: learn-about-functional-programming
+---
+
+# --description--
+
+Функціональне програмування - це стиль програмування, в якому рішення - це прості, ізольовані функції, без будь-яких побічних ефектів, що виходять за межі області дії функції: `INPUT -> PROCESS -> OUTPUT`
+
+Функціональне програмування передбачає:
+
+1) Ізольовані функції: без будь-якої залежності від стану програми, що містить глобальні змінні, які можуть бути змінені
+
+2) Чиста функція: один і той же вхід завжди дає однаковий вихід
+
+3) Функції з обмеженими побічними ефектами: будь-які зміни чи мутації стану програми за межами функції ретельно контролюються
+
+# --instructions--
+
+Учасники FreeCodeCamp полюблять чай.
+
+У редакторі коді `prepareTea` і `getTea` для вас вже визначено функції. Викличте функцію `getTea`, щоб отримати 40 чашок чаю для команди, і збережіть їх у змінній `tea4TeamFCC`.
+
+# --hints--
+
+Змінна `tea4TeamFCC` повинна містити 40 чашок чаю для команди.
+
+```js
+assert(tea4TeamFCC.length === 40);
+```
+
+Змінна `tea4TeamFCC` повинна містити чашки зеленого чаю.
+
+```js
+assert(tea4TeamFCC[0] === 'greenTea');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Function that returns a string representing a cup of green tea
+const prepareTea = () => 'greenTea';
+
+/*
+Given a function (representing the tea type) and number of cups needed, the
+following function returns an array of strings (each representing a cup of
+a specific type of tea).
+*/
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+  return teaCups;
+};
+
+// Only change code below this line
+const tea4TeamFCC = null;
+// Only change code above this line
+```
+
+# --solutions--
+
+```js
+const prepareTea = () => 'greenTea';
+
+const getTea = (numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+
+  return teaCups;
+};
+
+const tea4TeamFCC = getTea(40); 
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md
new file mode 100644
index 0000000000..e0770f58c7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/pass-arguments-to-avoid-external-dependence-in-a-function.md
@@ -0,0 +1,74 @@
+---
+id: 587d7b8e367417b2b2512b5f
+title: Передавайте аргументи, щоб уникнути зовнішньої залежності у функції
+challengeType: 1
+forumTopicId: 301234
+dashedName: pass-arguments-to-avoid-external-dependence-in-a-function
+---
+
+# --description--
+
+Остання задача полягала в тому, щоб на крок приблизитись до функціональних принципів програмування, однак все ще чогось не вистачає.
+
+Ми не змінили значення глобальної змінної, але функція `incrementer` не буде працювати без глобальної змінної `fixedValue` being there.
+
+Інший принцип функціонального програмування - завжди відкрито заявляти про свої залежності. Це означає, що якщо функція залежить від змінної чи об'єкту, тоді ця змінна чи об'єкт передаються безпосередньо в функцію в якості аргументу.
+
+Цей принцип має ряд хороших наслідків. Цю функцію легше перевірити, ви точно знаєте, який вхід потребується, і вона ні від чого не буде залежати у вашій програмі.
+
+Це може дати вам більше впевненості при зміні чи видаленні, чи додаванні нового коду. Ви б знали, що ви можете чи не можете змінити, і ви можете бачити, де розміщені потенційні пастки.
+
+Нарешті, функція завжди виробляє один і той же набір вхідних данних, незалежно від того, яка частина коду його виконує.
+
+# --instructions--
+
+Давайте оновимо функцію `incrementer` для чіткого визначення залежностей.
+
+Напишіть функцію `incrementer` так, щоб вона прийняла аргумент, а потім повертала результат після збільшення значення на одиницю.
+
+# --hints--
+
+Ваша функція `incrementer` не повинна змінювати значення `fixedValue` (яка є `4`).
+
+```js
+assert(fixedValue === 4);
+```
+
+Ваша функція `incrementer` повинна прийняти аргумент.
+
+```js
+assert(incrementer.length === 1);
+```
+
+Ваша функція `incrementer` повинна повернути значення, що на одиницю більше значення `fixedValue` value.
+
+```js
+const __newValue = incrementer(fixedValue);
+assert(__newValue === 5);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+let fixedValue = 4;
+
+// Only change code below this line
+function incrementer() {
+
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+let fixedValue = 4;
+
+function incrementer(fixedValue) {
+  return fixedValue + 1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md
new file mode 100644
index 0000000000..b0b39371ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/refactor-global-variables-out-of-functions.md
@@ -0,0 +1,141 @@
+---
+id: 587d7b8f367417b2b2512b60
+title: Зміна глобальних змінних поза функціями
+challengeType: 1
+forumTopicId: 301235
+dashedName: refactor-global-variables-out-of-functions
+---
+
+# --description--
+
+На сьогодні ми спостерігаємо два окремих принципи функціонального програмування:
+
+1) Не змінюйте змінну чи об'єкт - створюйте нові змінні і об'єкти та повертайте їх через функцію, якщо це необхідно. Підказка: використання чогось на зразок `const newArr = arrVar` (де `arrVar` є масивом) просто створить посилання на оригінальну змінну, а не копію. Таким чином, зміна значення в `newArr` змінить значення в `arrVar`.
+
+2) Оголошення параметрів функції - будь-яке обчислення всередині функції залежить лише від аргументів, переданих функції, а не від будь-якого глобального об'єкту чи змінної.
+
+Додавання такого числа не є дуже захопливим, але ми можемо застосувати ці принципи при роботі з масивами або більш складними об'єктами.
+
+# --instructions--
+
+Перепишіть код так, щоб глобальний масив `bookList` не змінювався всередині кожної функції. Функція `add` повинна додати цей код `bookName` в кінець масиву та повернути новий масив ( список). Функція `remove` повинна видалити вказану `bookName` з масиву, переданого до неї.
+
+**Note:** Обидві функції повинні повертати масив, і будь-які нові параметри повинні бути додані перед параметром `bookName`.
+
+# --hints--
+
+`bookList` не повинен змінюватися і, як і раніше, дорівнювати `["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]`.
+
+```js
+assert(
+  JSON.stringify(bookList) ===
+    JSON.stringify([
+      'The Hound of the Baskervilles',
+      'On The Electrodynamics of Moving Bodies',
+      'Philosophiæ Naturalis Principia Mathematica',
+      'Disquisitiones Arithmeticae'
+    ])
+);
+```
+
+`newBookList` повинен дорівнювати `["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]`.
+
+```js
+assert(
+  JSON.stringify(newBookList) ===
+    JSON.stringify([
+      'The Hound of the Baskervilles',
+      'On The Electrodynamics of Moving Bodies',
+      'Philosophiæ Naturalis Principia Mathematica',
+      'Disquisitiones Arithmeticae',
+      'A Brief History of Time'
+    ])
+);
+```
+
+`newerBookList` повинен дорівнювати `["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"]`.
+
+```js
+assert(
+  JSON.stringify(newerBookList) ===
+    JSON.stringify([
+      'The Hound of the Baskervilles',
+      'Philosophiæ Naturalis Principia Mathematica',
+      'Disquisitiones Arithmeticae'
+    ])
+);
+```
+
+`newestBookList` повинен дорівнювати `["The Hound of the Baskervilles", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae", "A Brief History of Time"]`.
+
+```js
+assert(
+  JSON.stringify(newestBookList) ===
+    JSON.stringify([
+      'The Hound of the Baskervilles',
+      'Philosophiæ Naturalis Principia Mathematica',
+      'Disquisitiones Arithmeticae',
+      'A Brief History of Time'
+    ])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+// Change code below this line
+function add (bookName) {
+
+  bookList.push(bookName);
+  return bookList;
+
+  // Change code above this line
+}
+
+// Change code below this line
+function remove (bookName) {
+  const book_index = bookList.indexOf(bookName);
+  if (book_index >= 0) {
+
+    bookList.splice(book_index, 1);
+    return bookList;
+
+    // Change code above this line
+    }
+}
+
+const newBookList = add(bookList, 'A Brief History of Time');
+const newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+const newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+
+console.log(bookList);
+```
+
+# --solutions--
+
+```js
+// The global variable
+const bookList = ["The Hound of the Baskervilles", "On The Electrodynamics of Moving Bodies", "Philosophiæ Naturalis Principia Mathematica", "Disquisitiones Arithmeticae"];
+
+function add(bookList, bookName) {
+  return [...bookList, bookName];
+}
+
+function remove(bookList, bookName) {
+  const bookListCopy = [...bookList];
+  const bookNameIndex = bookList.indexOf(bookName);
+  if (bookNameIndex >= 0) {
+    bookListCopy.splice(bookNameIndex, 1);
+  }
+  return bookListCopy;
+}
+
+const newBookList = add(bookList, 'A Brief History of Time');
+const newerBookList = remove(bookList, 'On The Electrodynamics of Moving Bodies');
+const newestBookList = remove(add(bookList, 'A Brief History of Time'), 'On The Electrodynamics of Moving Bodies');
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md
new file mode 100644
index 0000000000..db1e80f143
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/remove-elements-from-an-array-using-slice-instead-of-splice.md
@@ -0,0 +1,84 @@
+---
+id: 9d7123c8c441eeafaeb5bdef
+title: Видалення елементів з масиву з використанням slice замість splice
+challengeType: 1
+forumTopicId: 301236
+dashedName: remove-elements-from-an-array-using-slice-instead-of-splice
+---
+
+# --description--
+
+Загальним шаблоном під час роботи з масивами є те, коли ви хочете видалити елементи й зберегти решту масиву. JavaScript пропонує для цього метод « `splice`», який приймає аргументи для індексу, де саме починати видаляти елементи, а тоді — їх кількість. Якщо другий аргумент не було надано, то, за замовчуванням, елементи видаляються до кінця. Щоправда, метод «`splice`» змінює оригінальний масив, у якому викликається. Ось приклад:
+
+```js
+const cities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+cities.splice(3, 1);
+```
+
+Тут `splice` повертає рядок `London` і видаляє його із масиву міст. `cities` матимуть значення `["Chicago", "Delhi", "Islamabad", "Berlin"]`.
+
+Як ми могли бачити у останньому завдання, метод «`slice`» не змінює вихідного масиву, але повертає новий, який може бути збережений як змінний. Пригадайте, що метод «`slice`» використовує два аргументи для того, щоб індекси почали та закінчили slice (кінець не включається); і повертає ці елементи у новий масив. Використання методу «`slice`» замість «`splice`» допомагає уникнути будь-яких побічних дій зміни масиву.
+
+# --instructions--
+
+Перепишіть функцію `nonMutatingSplice`, використовуючи `slice` замість `splice`. Він мусить обмежити наданий масив `cities` до довжини 3, і повернути новий масив лише із першими трьома елементами.
+
+Не змінюйте вихідний масив, наданий функцією.
+
+# --hints--
+
+Використовуйте метод «`slice`» у своєму коді.
+
+```js
+assert(code.match(/\.slice/g));
+```
+
+Не використовуйте метод «`splice`» у своєму коді.
+
+```js
+assert(!code.match(/\.?[\s\S]*?splice/g));
+```
+
+Масив `inputCities` не повинен змінюватись.
+
+```js
+assert(
+  JSON.stringify(inputCities) ===
+    JSON.stringify(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
+);
+```
+
+`nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])` повинен повертатися як `["Chicago", "Delhi", "Islamabad"]`.
+
+```js
+assert(
+  JSON.stringify(
+    nonMutatingSplice(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
+  ) === JSON.stringify(['Chicago', 'Delhi', 'Islamabad'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonMutatingSplice(cities) {
+  // Only change code below this line
+  return cities.splice(3);
+
+  // Only change code above this line
+}
+
+const inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+nonMutatingSplice(inputCities);
+```
+
+# --solutions--
+
+```js
+function nonMutatingSplice(cities) {
+  return cities.slice(0,3);
+}
+const inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md
new file mode 100644
index 0000000000..73e78373fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-a-sorted-array-without-changing-the-original-array.md
@@ -0,0 +1,90 @@
+---
+id: 587d7da9367417b2b2512b6a
+title: Повернення відсортованого масиву без зміни вихідного масиву
+challengeType: 1
+forumTopicId: 301237
+dashedName: return-a-sorted-array-without-changing-the-original-array
+---
+
+# --description--
+
+Побічним ефектом методу «`sort`» є те, що він змінює порядок елементів у вихідному масиві. Іншими словами, він змінює масив. Одним із способів уникнення цього є, по-перше, об'єднати пустий масив із тим, що вже є відсортованим (пам'ятайте, що `slice` та `concat` повертають новий масив), а тоді запустити метод «`sort`».
+
+# --instructions--
+
+Використовуйте метод `sort` у функції `nonMutatingSort`, щоб відсортувати елементи масиву у висхідному порядку. Функція повинна повернути новий масив і не змінювати змінну `globalArray`.
+
+# --hints--
+
+Використовуйте метод «`sort`» у вашому коді.
+
+```js
+assert(nonMutatingSort.toString().match(/\.sort/g));
+```
+
+Змінна `globalArray` не повинна змінитися.
+
+```js
+assert(JSON.stringify(globalArray) === JSON.stringify([5, 6, 3, 2, 9]));
+```
+
+`nonMutatingSort(globalArray)` повинен повертати `[2, 3, 5, 6, 9]`.
+
+```js
+assert(
+  JSON.stringify(nonMutatingSort(globalArray)) ===
+    JSON.stringify([2, 3, 5, 6, 9])
+);
+```
+
+`nonMutatingSort(globalArray)` не мусить бути складно закодованим.
+
+```js
+assert(!nonMutatingSort.toString().match(/\[.*?[23569].*?\]/gs));
+```
+
+Функція повинна повертатися як новий масив, а не масив передаватись через неї.
+
+```js
+assert(nonMutatingSort(globalArray) !== globalArray);
+```
+
+`nonMutatingSort([1, 30, 4, 21, 100000])` повинен повертатися як `[1, 4, 21, 30, 100000]`.
+
+```js
+assert(JSON.stringify(nonMutatingSort([1, 30, 4, 21, 100000])) ===
+    JSON.stringify([1, 4, 21, 30, 100000]))
+```
+
+`nonMutatingSort([140000, 104, 99])` повинен повертатися як `[99, 104, 140000]`.
+
+```js
+assert(JSON.stringify(nonMutatingSort([140000, 104, 99])) ===
+    JSON.stringify([99, 104, 140000]))
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const globalArray = [5, 6, 3, 2, 9];
+
+function nonMutatingSort(arr) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+nonMutatingSort(globalArray);
+```
+
+# --solutions--
+
+```js
+const globalArray = [5, 6, 3, 2, 9];
+function nonMutatingSort(arr) {
+  return [].concat(arr).sort((a,b) => a-b);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md
new file mode 100644
index 0000000000..beb4da9259
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/return-part-of-an-array-using-the-slice-method.md
@@ -0,0 +1,93 @@
+---
+id: 587d7b90367417b2b2512b65
+title: Повернення частини масиву з використанням методу slice
+challengeType: 1
+forumTopicId: 301239
+dashedName: return-part-of-an-array-using-the-slice-method
+---
+
+# --description--
+
+Метод «`slice`» повертає копію певних елементів масиву. Він використовує два аргументи: перший бере індекс, де починається slice, і другий — це індекс, де slice закінчується (не включно). Якщо аргументи не надані, то за замовчуванням - почати з початку масиву і дійти до кінця, що є не найлегшим способом скопіювати весь масив. Метод «`slice`» не змінює вихідний масив, але повертає новий.
+
+Ось приклад:
+
+```js
+const arr = ["Cat", "Dog", "Tiger", "Zebra"];
+const newArray = arr.slice(1, 3);
+```
+
+`newArray` матиме значення `["Dog", "Tiger"]`.
+
+# --instructions--
+
+Використовуйте метод «`slice`» у функції `sliceArray` для того, щоб повернути частину масиву `anim`, що обумовлений наданими індексами `beginSlice` та `endSlice`. Функція повинна повертати масив.
+
+# --hints--
+
+Використовуйте метод «`slice`» у своєму коді.
+
+```js
+assert(code.match(/\.slice/g));
+```
+
+Змінна `inputAnim` не повинна змінюватися.
+
+```js
+assert(
+  JSON.stringify(inputAnim) ===
+    JSON.stringify(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 3)` повинен повертатися як `["Dog", "Tiger"]`.
+
+```js
+assert(
+  JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 1, 3)) ===
+    JSON.stringify(['Dog', 'Tiger'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 0, 1)` повинен повертатися як `["Cat"]`.
+
+```js
+assert(
+  JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 0, 1)) ===
+    JSON.stringify(['Cat'])
+);
+```
+
+`sliceArray(["Cat", "Dog", "Tiger", "Zebra", "Ant"], 1, 4)` повинен повертатися як `["Dog", "Tiger", "Zebra"]`.
+
+```js
+assert(
+  JSON.stringify(sliceArray(['Cat', 'Dog', 'Tiger', 'Zebra', 'Ant'], 1, 4)) ===
+    JSON.stringify(['Dog', 'Tiger', 'Zebra'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+const inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+sliceArray(inputAnim, 1, 3);
+```
+
+# --solutions--
+
+```js
+function sliceArray(anim, beginSlice, endSlice) {
+  return anim.slice(beginSlice, endSlice);
+}
+const inputAnim = ["Cat", "Dog", "Tiger", "Zebra", "Ant"];
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md
new file mode 100644
index 0000000000..2501ace014
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/sort-an-array-alphabetically-using-the-sort-method.md
@@ -0,0 +1,101 @@
+---
+id: 587d7da9367417b2b2512b69
+title: Сортування масиву в алфавітному порядку за допомогою сортувального методу
+challengeType: 1
+forumTopicId: 18303
+dashedName: sort-an-array-alphabetically-using-the-sort-method
+---
+
+# --description--
+
+Метод `sort` сортує елементи масиву відповідно до функції зворотного зв'язку.
+
+Наприклад:
+
+```js
+function ascendingOrder(arr) {
+  return arr.sort(function(a, b) {
+    return a - b;
+  });
+}
+
+ascendingOrder([1, 5, 2, 3, 4]);
+```
+
+Це б повернуло значення `[1, 2, 3, 4, 5]`.
+
+```js
+function reverseAlpha(arr) {
+  return arr.sort(function(a, b) {
+    return a === b ? 0 : a < b ? 1 : -1;
+  });
+}
+
+reverseAlpha(['l', 'h', 'z', 'b', 's']);
+```
+
+Це б повернуло значення `['z', 's', 'l', 'h', 'b']`.
+
+Типовий метод сортування JavaScript полягає в сортуванні рядкових точок Unicode, що може видавати неочікувані результати. Таким чином, це заохотить виклик функції зворотнього зв'язку, що визначить порядок сортування об'єктів масиву. Коли подана така функція зворотного зв'язку, яка зазвичай називається `compareFunction`, то елементи масиву відсортовуються відповідно до зворотнього значення `compareFunction`: Якщо `compareFunction(a,b)` видає значення менше за 0 для двох елементів `a` і `b`, тоді `a` переміститься перед `b`. Якщо `compareFunction(a,b)` видає значення більше 0 для двох елементів `a` і `b`, тоді `b` переміститься перед `a`. Якщо `compareFunction(a,b)` видає значення рівне 0 для двох елементів `a` і `b`, то `a` і `b` залишаться без змін.
+
+# --instructions--
+
+Використовуйте метод `sort` у функції `alphabeticalOrder`, щоб відсортувати елементи `arr` в алфавітному порядку. Функція має повернути впорядкований масив.
+
+# --hints--
+
+Використовуйте метод `sort` у вашому коді.
+
+```js
+assert(code.match(/\.sort/g));
+```
+
+`alphabeticalOrder(["a", "d", "c", "a", "z", "g"])` має видати `["a", "a", "c", "d", "g", "z"]`.
+
+```js
+assert(
+  JSON.stringify(alphabeticalOrder(['a', 'd', 'c', 'a', 'z', 'g'])) ===
+    JSON.stringify(['a', 'a', 'c', 'd', 'g', 'z'])
+);
+```
+
+`alphabeticalOrder(["x", "h", "a", "m", "n", "m"])` має видати `["a", "h", "m", "m", "n", "x"]`.
+
+```js
+assert(
+  JSON.stringify(alphabeticalOrder(['x', 'h', 'a', 'm', 'n', 'm'])) ===
+    JSON.stringify(['a', 'h', 'm', 'm', 'n', 'x'])
+);
+```
+
+`alphabeticalOrder(["a", "a", "a", "a", "x", "t"])` має видати `["a", "a", "a", "a", "t", "x"]`.
+
+```js
+assert(
+  JSON.stringify(alphabeticalOrder(['a', 'a', 'a', 'a', 'x', 't'])) ===
+    JSON.stringify(['a', 'a', 'a', 'a', 't', 'x'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function alphabeticalOrder(arr) {
+  // Only change code below this line
+
+  return arr
+  // Only change code above this line
+}
+
+alphabeticalOrder(["a", "d", "c", "a", "z", "g"]);
+```
+
+# --solutions--
+
+```js
+function alphabeticalOrder(arr) {
+  return arr.sort();
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md
new file mode 100644
index 0000000000..bb5d897fc4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/split-a-string-into-an-array-using-the-split-method.md
@@ -0,0 +1,87 @@
+---
+id: 587d7daa367417b2b2512b6b
+title: Розділіть рядок на масив використовуючи метод split
+challengeType: 1
+forumTopicId: 18305
+dashedName: split-a-string-into-an-array-using-the-split-method
+---
+
+# --description--
+
+Метод `split` розділяє рядок на сукупність рядів. Для розділювача потрібен аргумент, який може бути символом для розбиття рядка або регулярного виразу. Наприклад, якщо роздільник це простір, ви отримаєте масив слів, і якщо роздільник є пустим рядком, ви отримаєте масив кожного символа у рядку.
+
+Ось два приклади, які розділяють один рядок на пробіли, а потім інші на цифри, використовуючи регулярний вираз:
+
+```js
+const str = "Hello World";
+const bySpace = str.split(" ");
+
+const otherString = "How9are7you2today";
+const byDigits = otherString.split(/\d/);
+```
+
+`bySpace` матиме значення `["Hello", "World"]` і `byDigits` матиме значення `["How", "are", "you", "today"]`.
+
+Оскільки рядки незмінні, метод `split` полегшує роботу з ними.
+
+# --instructions--
+
+Використовуйте метод `split` усередині функції `splitify`, щоб розділити `str` на масив слів. Функція повинна повертати масив слів. Звернімо увагу, що слова не завжди розділені пробілами, а масив не повинен містити знаки пунктуації.
+
+# --hints--
+
+Ваш код повинен використовувати метод `split`.
+
+```js
+assert(code.match(/\.split/g));
+```
+
+`splitify("Hello World, I-am code")` має повертати <code["Hello", "World", "I", "am", "code"]</code>.
+
+```js
+assert(
+  JSON.stringify(splitify('Hello World,I-am code')) ===
+    JSON.stringify(['Hello', 'World', 'I', 'am', 'code'])
+);
+```
+
+`splitify("Earth-is-our home")` має повертати `["Earth", "is", "our", "home"]`.
+
+```js
+assert(
+  JSON.stringify(splitify('Earth-is-our home')) ===
+    JSON.stringify(['Earth', 'is', 'our', 'home'])
+);
+```
+
+`splitify("This.is.a-sentence")` має повертати `["This", "is", "a", "sentence"]`.
+
+```js
+assert(
+  JSON.stringify(splitify('This.is.a-sentence')) ===
+    JSON.stringify(['This', 'is', 'a', 'sentence'])
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function splitify(str) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+splitify("Hello World,I-am code");
+```
+
+# --solutions--
+
+```js
+function splitify(str) {
+  return str.split(/\W/);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md
new file mode 100644
index 0000000000..0b7615571c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-functional-programming-terminology.md
@@ -0,0 +1,112 @@
+---
+id: 587d7b8e367417b2b2512b5c
+title: Розуміння термінології функціонального програмування
+challengeType: 1
+forumTopicId: 301240
+dashedName: understand-functional-programming-terminology
+---
+
+# --description--
+
+Команда FCC мала поганий настрій і зараз хоче два види чаю: зелений і чорний. Загальновідомий факт: перепади настрою клієнта - це дуже поширене явище.
+
+Володіючи такою інформацією, нам потрібно буде повторно ввести функцію `getTea` від останнього завдання для обробки різних чайних запитів. Ми можемо змінити `getTea`, щоб прийняти функцію як параметр для того, щоб мати можливість змінювати вид чаю, який готується. Це робить `getTea` більш гнучким, і надає програмісту більше контролю, коли клієнт просить щось змінити.
+
+Та спершу, давайте розглянемо трохи функціональної термінології:
+
+<dfn>Callbacks</dfn> - функції, які висуваються або передаються в іншу функцію, щоб з'ясувати посилання на цю функцію. Можливо, ви вже бачили як вони переходили до інших методів, наприклад в `filter`, функція зворотного виклику повідомляє для JavaScript критерії для фільтрування структурних даних.
+
+Функції, що призначені для змінної, передані в іншу функцію, або навпаки повернені від іншої функції, так само як інше звичайне значення, називається функції <dfn>first class</dfn>. У JavaScript, всі функції - це функції першого класу.
+
+Функції, що приймають функцію як аргумент, або повертають функцію як повернуте значення, називаються <dfn>higher order</dfn> функції.
+
+Коли функції передаються або повертаються від іншої функції, тоді ті функції, які були передані або повернені, можуть називатися <dfn>lambda</dfn>.
+
+# --instructions--
+
+Приготуйте 27 чашок зеленого і 13 чашок чорного чаю і зберігайте їх відповідно у `tea4GreenTeamFCC` та `tea4BlackTeamFCC`. Зазначте, що функція `getTea` була змінена, тому тепер вона приймає функцію як перший аргумент.
+
+Примітка: дані (кількість чашок чаю) надаються як останній аргумент. Ми поговоримо про це більше на подальших заняттях.
+
+# --hints--
+
+Змінна `tea4GreenTeamFCC` повинна мати 27 чашок зеленого чаю для команди.
+
+```js
+assert(tea4GreenTeamFCC.length === 27);
+```
+
+Змінна `tea4GreenTeamFCC` повинна мати чашки зеленого чаю.
+
+```js
+assert(tea4GreenTeamFCC[0] === 'greenTea');
+```
+
+Змінна `tea4BlackTeamFCC` повинна містити 13 чашок чорного чаю.
+
+```js
+assert(tea4BlackTeamFCC.length === 13);
+```
+
+Змінна `tea4BlackTeamFCC` повинна містити чашки з чорним чаєм.
+
+```js
+assert(tea4BlackTeamFCC[0] === 'blackTea');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Function that returns a string representing a cup of green tea
+const prepareGreenTea = () => 'greenTea';
+
+// Function that returns a string representing a cup of black tea
+const prepareBlackTea = () => 'blackTea';
+
+/*
+Given a function (representing the tea type) and number of cups needed, the
+following function returns an array of strings (each representing a cup of
+a specific type of tea).
+*/
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+  return teaCups;
+};
+
+// Only change code below this line
+const tea4GreenTeamFCC = null;
+const tea4BlackTeamFCC = null;
+// Only change code above this line
+
+console.log(
+  tea4GreenTeamFCC,
+  tea4BlackTeamFCC
+);
+```
+
+# --solutions--
+
+```js
+const prepareGreenTea = () => 'greenTea';
+const prepareBlackTea = () => 'blackTea';
+
+const getTea = (prepareTea, numOfCups) => {
+  const teaCups = [];
+
+  for(let cups = 1; cups <= numOfCups; cups += 1) {
+    const teaCup = prepareTea();
+    teaCups.push(teaCup);
+  }
+  return teaCups;
+};
+
+const tea4BlackTeamFCC = getTea(prepareBlackTea, 13);
+const tea4GreenTeamFCC = getTea(prepareGreenTea, 27);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
new file mode 100644
index 0000000000..7d6aa8f970
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
@@ -0,0 +1,139 @@
+---
+id: 587d7b8e367417b2b2512b5d
+title: Ризики використання Imperative Code
+challengeType: 1
+forumTopicId: 301241
+dashedName: understand-the-hazards-of-using-imperative-code
+---
+
+# --description--
+
+Функціональне програмування - хороша звичка. Це дозволяє вам легко керувати своїм кодом та рятує від підступних помилок. Але перед тим, як перейти до цього, варто розібрати імперативний метод програмування, щоб підкреслити моменти, з якими у вас можуть виникнути проблеми.
+
+В англійській (та багатьох інших мовах) імператив використовується для надання команд. Так само у програмуванні імперативний стиль - це той, який надає комп'ютеру набір інструкцій, щоб виконати завдання.
+
+Часто інструкції змінюють статус програми, як, наприклад, оновлення глобальних змінних. Типовий приклад - написання циклу `for`, який дає точні вказівки для ітерації по індексам масиву.
+
+У той же час функціональне програмування - це форма декларативного програмування. Ви вказуєте комп'ютеру, що потрібно зробити, викликаючи метод чи функцію.
+
+JavaScript пропонує багато попередньо визначених методів, які оброблюють загальні завдання. Тому вам не потрібно прописувати, як комп'ютер має виконати їх. Наприклад, замість використання циклу `for` згаданого вище, ви можете викликати метод `map`, який оброблює деталі ітерації по індексам масиву. Це допомагає уникнути смислових помилок, таких як, наприклад, "Помилка неврахованої одиниці", про які йшлося в розділі "Debugging".
+
+Розглянемо ситуацію: ви переглядаєте веб-сторінки і хочете відслідковувати відкриті вкладки. Змоделюємо це, використовуючи звичайний об'єктно-орієнтований код.
+
+Об'єкт Window складається з вкладок і, як правило, їх відкрито декілька. Назви кожного відкритого сайту в кожному об'єкті Window зберігаються в масиві. Після роботи в браузері (відкриття та закриття вкладок, об'єднанні вікон) ви хочете роздрукувати вкладки, які все ще відкриті. Закриті вкладки видаляються з масиву, а нові (для спрощення) додаються в кінець.
+
+Редактор коду показує реалізацію цієї функціональності з функціями: `tabOpen()`, `tabClose()`, and `join()`. Масив `tabs` - це частина об'єкту Window, яка зберігає назви відкритих сторінок.
+
+# --instructions--
+
+Перевірте код у редакторі. Метод, який він використовує, має побічні ефекти у програмі та спричиняє некоректну поведінку. Остаточний список відкритих вкладок, збережених у `finalTabs.tabs`, має бути `['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium', 'new tab', 'Netflix', 'YouTube', 'Vine', 'GMail', 'Work mail', 'Docs', 'freeCodeCamp', 'new tab']`, але список, створений кодом, трохи відрізняється.
+
+Змініть `Window.prototype.tabClose`, щоб видалити правильну вкладку.
+
+# --hints--
+
+`finalTabs.tabs` мають бути `['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium', 'new tab', 'Netflix', 'YouTube', 'Vine', 'GMail', 'Work mail', 'Docs', 'freeCodeCamp', 'new tab']`
+
+```js
+assert.deepEqual(finalTabs.tabs, [
+  'FB',
+  'Gitter',
+  'Reddit',
+  'Twitter',
+  'Medium',
+  'new tab',
+  'Netflix',
+  'YouTube',
+  'Vine',
+  'GMail',
+  'Work mail',
+  'Docs',
+  'freeCodeCamp',
+  'new tab'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// tabs is an array of titles of each site open within the window
+const Window = function(tabs) {
+  this.tabs = tabs; // We keep a record of the array inside the object
+};
+
+// When you join two windows into one window
+Window.prototype.join = function(otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+// When you open a new tab at the end
+Window.prototype.tabOpen = function(tab) {
+  this.tabs.push('new tab'); // Let's open a new tab for now
+  return this;
+};
+
+// When you close a tab
+Window.prototype.tabClose = function(index) {
+
+  // Only change code below this line
+
+  const tabsBeforeIndex = this.tabs.splice(0, index); // Get the tabs before the tab
+  const tabsAfterIndex = this.tabs.splice(index + 1); // Get the tabs after the tab
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex); // Join them together
+
+  // Only change code above this line
+
+  return this;
+ };
+
+// Let's create three browser windows
+const workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']); // Your mailbox, drive, and other work sites
+const socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']); // Social sites
+const videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']); // Entertainment sites
+
+// Now perform the tab opening, closing, and other operations
+const finalTabs = socialWindow
+  .tabOpen() // Open a new tab for cat memes
+  .join(videoWindow.tabClose(2)) // Close third tab in video window, and join
+  .join(workWindow.tabClose(1).tabOpen());
+console.log(finalTabs.tabs);
+```
+
+# --solutions--
+
+```js
+const Window = function(tabs) {
+  this.tabs = tabs;
+};
+
+Window.prototype.join = function(otherWindow) {
+  this.tabs = this.tabs.concat(otherWindow.tabs);
+  return this;
+};
+
+Window.prototype.tabOpen = function(tab) {
+  this.tabs.push('new tab');
+  return this;
+};
+
+Window.prototype.tabClose = function(index) {
+  const tabsBeforeIndex = this.tabs.slice(0, index);
+  const tabsAfterIndex = this.tabs.slice(index + 1);
+
+  this.tabs = tabsBeforeIndex.concat(tabsAfterIndex);
+  return this;
+ };
+
+const workWindow = new Window(['GMail', 'Inbox', 'Work mail', 'Docs', 'freeCodeCamp']);
+const socialWindow = new Window(['FB', 'Gitter', 'Reddit', 'Twitter', 'Medium']);
+const videoWindow = new Window(['Netflix', 'YouTube', 'Vimeo', 'Vine']);
+
+const finalTabs = socialWindow
+  .tabOpen()
+  .join(videoWindow.tabClose(2))
+  .join(workWindow.tabClose(1).tabOpen());
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md
new file mode 100644
index 0000000000..70d82216b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem.md
@@ -0,0 +1,97 @@
+---
+id: 587d7b88367417b2b2512b45
+title: 'Використовуйте функції вищого порядку map, filter або reduce для розв''язання складних проблем'
+challengeType: 1
+forumTopicId: 301311
+dashedName: use-higher-order-functions-map-filter-or-reduce-to-solve-a-complex-problem
+---
+
+# --description--
+
+Тепер, коли ви розв'язали кілька проблем, використовуючи такі функції вищого порядку, як: `map()`, `filter()`, та `reduce()`, ви можете застосовувати їх для виконання складнішого завдання.
+
+# --instructions--
+
+Завершіть код для функції `squareList` за допомогою комбінації `map()`, `filter()`, і `reduce()`. Функція має повернути новий масив, який містить квадрати *only* цілих натуральних чисел (десяткові числа не є цілими числами), коли до неї передається масив дійсних чисел. Приклад масиву дійсних чисел - `[-3, 4.8, 5, 3, -3.2]`.
+
+**Примітка:** Ваша функція не повинна використовувати будь-які цикли `for` або `while`, або функцію `forEach()`.
+
+# --hints--
+
+`squareList` має бути `function`.
+
+```js
+assert.typeOf(squareList, 'function'),
+  '<code>squareList</code> should be a <code>function</code>';
+```
+
+Не слід використовувати `for`, `while` та `forEach`.
+
+```js
+assert(!code.match(/for|while|forEach/g));
+```
+
+Слід використовувати `map`, `filter` або `reduce`.
+
+```js
+assert(
+  __helpers
+    .removeWhiteSpace(code)
+    .match(/\.(map|filter|reduce)\(/g)
+);
+```
+
+Функція має повертати `array`.
+
+```js
+assert(Array.isArray(squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2])));
+```
+
+`squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2])` має повертати `[16, 1764, 36]`.
+
+```js
+assert.deepStrictEqual(squareList([4, 5.6, -9.8, 3.14, 42, 6, 8.34, -2]), [
+  16,
+  1764,
+  36
+]);
+```
+
+`squareList([-3.7, -5, 3, 10, 12.5, 7, -4.5, -17, 0.3])` має повертати `[9, 100, 49]`.
+
+```js
+assert.deepStrictEqual(squareList([-3.7, -5, 3, 10, 12.5, 7, -4.5, -17, 0.3]), [
+  9,
+  100,
+  49
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const squareList = arr => {
+  // Only change code below this line
+  return arr;
+  // Only change code above this line
+};
+
+const squaredIntegers = squareList([-3, 4.8, 5, 3, -3.2]);
+console.log(squaredIntegers);
+```
+
+# --solutions--
+
+```js
+const squareList = arr => {
+  const positiveIntegers = arr.filter(num => {
+    return num >= 0 && Number.isInteger(num);
+  });
+  const squaredIntegers = positiveIntegers.map(num => {
+    return num ** 2;
+  });
+  return squaredIntegers;
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md
new file mode 100644
index 0000000000..5001e6ff0b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria.md
@@ -0,0 +1,76 @@
+---
+id: 587d7dab367417b2b2512b6e
+title: Використовуйте кожен метод, щоб перевірити, чи кожний елемент у масиві відповідає критеріям
+challengeType: 1
+forumTopicId: 301312
+dashedName: use-the-every-method-to-check-that-every-element-in-an-array-meets-a-criteria
+---
+
+# --description--
+
+Метод `every` працює з масивами, щоб перевірити, чи проходить елемент *every* певний тест. Якщо всі значення відповідають критеріям, то він повертає булеве значення `true`, якщо ж ні, тоді - `false`.
+
+Наприклад, наступний код перевіряє чи кожен елемент в масиві `numbers` менший за 10:
+
+```js
+const numbers = [1, 5, 8, 0, 10, 11];
+
+numbers.every(function(currentValue) {
+  return currentValue < 10;
+});
+```
+
+В цьому випадку метод `every` поверне `false`.
+
+# --instructions--
+
+Використовуйте метод `every` всередині функції `checkPositive`, щоб перевірити, чи кожний елемент у `arr` додатній. Функція має повернути булеве значення.
+
+# --hints--
+
+Використовуйте у коді метод `every`.
+
+```js
+assert(code.match(/\.every/g));
+```
+
+`checkPositive([1, 2, 3, -4, 5])` має повернути `false`.
+
+```js
+assert.isFalse(checkPositive([1, 2, 3, -4, 5]));
+```
+
+`checkPositive([1, 2, 3, 4, 5])` має повернути `true`.
+
+```js
+assert.isTrue(checkPositive([1, 2, 3, 4, 5]));
+```
+
+`checkPositive([1, -2, 3, -4, 5])` має повернути `false`.
+
+```js
+assert.isFalse(checkPositive([1, -2, 3, -4, 5]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkPositive(arr) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+checkPositive([1, 2, 3, -4, 5]);
+```
+
+# --solutions--
+
+```js
+function checkPositive(arr) {
+  return arr.every(num => num > 0);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md
new file mode 100644
index 0000000000..d2a0e8fe8b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-filter-method-to-extract-data-from-an-array.md
@@ -0,0 +1,314 @@
+---
+id: 587d7b8f367417b2b2512b63
+title: Використовуйте метод фільтру, щоб отримати дані з сукупності елементів
+challengeType: 1
+forumTopicId: 18179
+dashedName: use-the-filter-method-to-extract-data-from-an-array
+---
+
+# --description--
+
+Інша зручна формула масиву є `Array.prototype.filter()`, або ж просто `filter()`.
+
+`filter` викликає функцію в кожному елементі масиву й повертає новий масив, що містить в собі ті елементи, що повертає функція `true`. Іншими словами, він фільтрує масив, на основі функції, яка передана до нього. Як і `map`, це робиться без необхідності зміни початкового масиву.
+
+Функція зворотнього виклику приймає три аргументи. Перший аргумент - це поточний елемент, який опрацьовується. Другий є індексом цього елемента, а третій - масивом, на якому було викликано метод `filter`.
+
+Нижче наведено приклад використання методу `filter` у масиві `users` для повернення нового масиву, що містить лише імена користувачів віком до 30 років. Для простоти у прикладі використовується лише перший аргумент зворотного виклику.
+
+```js
+const users = [
+  { name: 'John', age: 34 },
+  { name: 'Amy', age: 20 },
+  { name: 'camperCat', age: 10 }
+];
+
+const usersUnder30 = users.filter(user => user.age < 30);
+console.log(usersUnder30); 
+```
+
+Консоль відображатиме значення `[ { name: 'Amy', age: 20 }, { name: 'camperCat', age: 10 } ]`.
+
+# --instructions--
+
+Змінний `watchList` утримує масив об'єктів з інформацією про декілька фільмів. Використовуйте комбінацію `filter` and `map` на `watchList`, щоб задати новий масив об'єктів тільки з ключами доступу `title` і `rating`. Новий масив повинен включати в себе лише об’єкти, де `imdbRating` більше або дорівнює 8.0. Зверніть увагу, що значення `rating` збережено як рядки у об'єкті і вам може знадобитися конвертувати їх на числа для виконання математичних операцій з ними.
+
+# --hints--
+
+Змінний `watchList` не повинен змінюватись.
+
+```js
+assert(
+  watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+Ваш код повинен використовувати метод `filter`.
+
+```js
+assert(code.match(/\s*\.\s*filter/g));
+```
+
+Ваш код не повинен використовувати цикл `for`.
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/g));
+```
+
+`filteredList` має дорівнювати `[{"title": "Inception", "rating": "8.8"}, {"title": "Interstellar", "rating": "8.6"}, {"title": "The Dark Knight", "rating": "9.0"}, {"title": "Batman Begins", "rating": "8.3"}]`.
+
+```js
+assert.deepEqual(filteredList, [
+  { title: 'Inception', rating: '8.8' },
+  { title: 'Interstellar', rating: '8.6' },
+  { title: 'The Dark Knight', rating: '9.0' },
+  { title: 'Batman Begins', rating: '8.3' }
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+// Only change code below this line
+
+const filteredList = "";
+
+// Only change code above this line
+
+console.log(filteredList);
+```
+
+# --solutions--
+
+```js
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+const filteredList = watchList.filter(e => e.imdbRating >= 8).map( ({Title: title, imdbRating: rating}) => ({title, rating}) );
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md
new file mode 100644
index 0000000000..d0281943bd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-map-method-to-extract-data-from-an-array.md
@@ -0,0 +1,329 @@
+---
+id: 587d7b8f367417b2b2512b61
+title: Використовувати метод map для отримання даних з масиву
+challengeType: 1
+forumTopicId: 18214
+dashedName: use-the-map-method-to-extract-data-from-an-array
+---
+
+# --description--
+
+Поки що ми навчилися використовувати чисті функції, щоб уникати побічних ефектів в програмі. Крім того, ми побачили, що значення функції залежить тільки від її вхідних аргументів.
+
+Це лише початок. Як випливає з назви, функціональне програмування зосереджено навколо теорії функцій.
+
+Мало б сенс мати можливість передати їх в якості аргументів інших функцій, і повернути з іншої функції. Функції вважаються <dfn> об’єктами першого класу </dfn> у JavaScript і означає, що вони можуть бути використані як і будь -який інший об’єкт. Вони можуть бути збережені у змінних, що зберігаються в об'єкті або передаються у вигляді аргументів функції.
+
+Почнемо з деяких простих функцій масиву, які є методами об'єкта масиву прототипу. У цій вправі ми розглядаємо `Array.prototype.map()`, або простіше кажучи `map`.
+
+Метод `map` перебирає кожен елемент у масиві та повертає новий масив, що містить результати функції зворотного виклику для кожного елемента. Це виконується без мутації вихідного масиву.
+
+При використанні зворотного виклику передається три аргументи. Перший аргумент є поточним елементом який обробляється. Другий - індекс цього елемента, а третій - масив, на якому є так званий метод`map`.
+
+Нижче наведено приклад використання методу `map` у масиві `users` для повернення нового масиву, що містить лише імена користувачів в якості елементів. Для простоти у прикладі використовується лише перший аргумент функції зворотного виклику.
+
+```js
+const users = [
+  { name: 'John', age: 34 },
+  { name: 'Amy', age: 20 },
+  { name: 'camperCat', age: 10 }
+];
+
+const names = users.map(user => user.name);
+console.log(names);
+```
+
+На консолі відображатиметься значення `['John', 'Amy','camperCat']`.
+
+# --instructions--
+
+Масив `watchList` містить об’єкти з інформацією про декілька фільмів. Використовуйте `map` у `watchList`, щоб призначити новий масив об’єктів до `ratings`змінної. Кожен фільм у новому масиві повинен мати лише ключ `title` з назвою фільму та ключ `rating` з рейтингом IMDB. В редакторі зараз використовується цикл `for`, тому слід замінити функціональність циклу виразом `map`.
+
+# --hints--
+
+Змінна `watchList` не повинна змінюватися.
+
+```js
+assert(
+  watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+Ваш код не повинен використовувати цикл `for`цикл.
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/));
+```
+
+Ваш код повинен використовувати метод `map`.
+
+```js
+assert(code.match(/\.map/g));
+```
+
+`ratings` має дорівнювати `[{"title": "Inception", "rating": "8.8"}, {"title": "Interstellar", "rating": "8.6"}, {"title": "The Dark Knight", "rating": "9.0"},{"title": "Batman Begins", "rating": "8.3"}, {"title": "Avatar", "rating": "7.9"}]`.
+
+```js
+assert.deepEqual(ratings, [
+  { title: 'Inception', rating: '8.8' },
+  { title: 'Interstellar', rating: '8.6' },
+  { title: 'The Dark Knight', rating: '9.0' },
+  { title: 'Batman Begins', rating: '8.3' },
+  { title: 'Avatar', rating: '7.9' }
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+// Only change code below this line
+
+const ratings = [];
+for (let i = 0; i < watchList.length; i++) {
+  ratings.push({title: watchList[i]["Title"], rating: watchList[i]["imdbRating"]});
+}
+
+// Only change code above this line
+
+console.log(JSON.stringify(ratings));
+```
+
+# --solutions--
+
+```js
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+const ratings = watchList.map(function(movie) {
+  return {
+    title: movie["Title"],
+    rating: movie["imdbRating"]
+  }
+});
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md
new file mode 100644
index 0000000000..2acadadd5e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-reduce-method-to-analyze-data.md
@@ -0,0 +1,345 @@
+---
+id: 587d7da9367417b2b2512b68
+title: Використовуйте метод reduce для аналізу даних
+challengeType: 1
+forumTopicId: 301313
+dashedName: use-the-reduce-method-to-analyze-data
+---
+
+# --description--
+
+`Array.prototype.reduce()` або просто `reduce()` - це найзагальніша з усіх операцій з масивами в JavaScript. Ви можете вирішити практично будь -яку проблему з обробкою масиву, використовуючи метод `reduce`.
+
+Метод `reduce` дозволяє використовувати більш загальні форми обробки масивів, і можна показати, що і `filter`, і `map` можуть бути отримані як спеціальні програми `reduce`. Метод `reduce` перебирає кожен елемент у масиві та повертає єдине значення (тобто рядок, число, об’єкт, масив). Це досягається за допомогою функції зворотного виклику, яка відбувається на кожній ітерації.
+
+Функція зворотного виклику приймає чотири аргументи. Перший аргумент відомий як акумулятор, якому призначається повернене значення функції зворотного виклику з попередньої ітерації, другий - поточний елемент, що обробляється, третій - індекс цього елемента, а четвертий - масив, < code>reduce</code> на який звернений виклик.
+
+На додаток до функції зворотного виклику, `reduce` має додатковий параметр, який приймає початкове значення для підсумовуюючого регістру. Якщо цей другий параметр не використовується, то перша ітерація пропускається, а друга передається першому елементу масиву як акумулятору.
+
+Нижче наведено приклад використання `reduce` у масиві `users`, щоб повернути суму всіх вікових категорій користувачів. Для простоти у прикладі використовуються лише перший і другий аргументи.
+
+```js
+const users = [
+  { name: 'John', age: 34 },
+  { name: 'Amy', age: 20 },
+  { name: 'camperCat', age: 10 }
+];
+
+const sumOfAges = users.reduce((sum, user) => sum + user.age, 0);
+console.log(sumOfAges);
+```
+
+На консолі відображатиметься значення `64`.
+
+В іншому прикладі можна побачити, як об'єкт може бути повернутий, що містить імена користувачів, які становлять таку ж цінність як і властивості щодо їх віку.
+
+```js
+const users = [
+  { name: 'John', age: 34 },
+  { name: 'Amy', age: 20 },
+  { name: 'camperCat', age: 10 }
+];
+
+const usersObj = users.reduce((obj, user) => {
+  obj[user.name] = user.age;
+  return obj;
+}, {});
+console.log(usersObj);
+```
+
+На консолі відображатиметься значення `{John: 34, Amy: 20, camperCat: 10}`.
+
+# --instructions--
+
+Змінна `watchList` містить масив об’єктів з інформацією щодо декількох фільмів. Використовуйте `reduce`, щоб знайти середній рейтинг IMDB фільмів режисера `Крістофера Нолана`. Пригадайте з попередніх проблем, як дані `filter` та `map` можуть витягнути те, що нам потрібно. Можливо, доведеться створити інші змінні та повернути середній рейтинг із функції `getRating`. Зверніть увагу, що рейтингові значення зберігаються як рядки в об’єкті і їх потрібно перетворити в числа перш ніж вони будуть використані в будь-яких математичних операціях.
+
+# --hints--
+
+Змінна `watchList` не повинна змінюватися.
+
+```js
+assert(
+  watchList[0].Title === 'Inception' && watchList[4].Director == 'James Cameron'
+);
+```
+
+Ваш код повинен використовувати метод `reduce`.
+
+```js
+assert(code.match(/\.reduce/g));
+```
+
+`getRating(watchList)` має дорівнювати 8.675.
+
+```js
+assert(getRating(watchList) === 8.675);
+```
+
+Ваш код не повинен використовувати цикл `for`.
+
+```js
+assert(!code.match(/for\s*?\([\s\S]*?\)/g));
+```
+
+Ваш код повинен повернути правильний висновок після зміни об’єкта `watchList`.
+
+```js
+assert(getRating(watchList.filter((_, i) => i < 1 || i > 2)) === 8.55);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// The global variable
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+function getRating(watchList) {
+  // Only change code below this line
+  let averageRating;
+
+
+  // Only change code above this line
+  return averageRating;
+}
+
+console.log(getRating(watchList));
+```
+
+# --solutions--
+
+```js
+const watchList = [
+  {
+    "Title": "Inception",
+    "Year": "2010",
+    "Rated": "PG-13",
+    "Released": "16 Jul 2010",
+    "Runtime": "148 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Christopher Nolan",
+    "Actors": "Leonardo DiCaprio, Joseph Gordon-Levitt, Elliot Page, Tom Hardy",
+    "Plot": "A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.",
+    "Language": "English, Japanese, French",
+    "Country": "USA, UK",
+    "Awards": "Won 4 Oscars. Another 143 wins & 198 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.8",
+    "imdbVotes": "1,446,708",
+    "imdbID": "tt1375666",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Interstellar",
+    "Year": "2014",
+    "Rated": "PG-13",
+    "Released": "07 Nov 2014",
+    "Runtime": "169 min",
+    "Genre": "Adventure, Drama, Sci-Fi",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan, Christopher Nolan",
+    "Actors": "Ellen Burstyn, Matthew McConaughey, Mackenzie Foy, John Lithgow",
+    "Plot": "A team of explorers travel through a wormhole in space in an attempt to ensure humanity's survival.",
+    "Language": "English",
+    "Country": "USA, UK",
+    "Awards": "Won 1 Oscar. Another 39 wins & 132 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg",
+    "Metascore": "74",
+    "imdbRating": "8.6",
+    "imdbVotes": "910,366",
+    "imdbID": "tt0816692",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "The Dark Knight",
+    "Year": "2008",
+    "Rated": "PG-13",
+    "Released": "18 Jul 2008",
+    "Runtime": "152 min",
+    "Genre": "Action, Adventure, Crime",
+    "Director": "Christopher Nolan",
+    "Writer": "Jonathan Nolan (screenplay), Christopher Nolan (screenplay), Christopher Nolan (story), David S. Goyer (story), Bob Kane (characters)",
+    "Actors": "Christian Bale, Heath Ledger, Aaron Eckhart, Michael Caine",
+    "Plot": "When the menace known as the Joker wreaks havoc and chaos on the people of Gotham, the caped crusader must come to terms with one of the greatest psychological tests of his ability to fight injustice.",
+    "Language": "English, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Won 2 Oscars. Another 146 wins & 142 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTMxNTMwODM0NF5BMl5BanBnXkFtZTcwODAyMTk2Mw@@._V1_SX300.jpg",
+    "Metascore": "82",
+    "imdbRating": "9.0",
+    "imdbVotes": "1,652,832",
+    "imdbID": "tt0468569",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Batman Begins",
+    "Year": "2005",
+    "Rated": "PG-13",
+    "Released": "15 Jun 2005",
+    "Runtime": "140 min",
+    "Genre": "Action, Adventure",
+    "Director": "Christopher Nolan",
+    "Writer": "Bob Kane (characters), David S. Goyer (story), Christopher Nolan (screenplay), David S. Goyer (screenplay)",
+    "Actors": "Christian Bale, Michael Caine, Liam Neeson, Katie Holmes",
+    "Plot": "After training with his mentor, Batman begins his fight to free crime-ridden Gotham City from the corruption that Scarecrow and the League of Shadows have cast upon it.",
+    "Language": "English, Urdu, Mandarin",
+    "Country": "USA, UK",
+    "Awards": "Nominated for 1 Oscar. Another 15 wins & 66 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BNTM3OTc0MzM2OV5BMl5BanBnXkFtZTYwNzUwMTI3._V1_SX300.jpg",
+    "Metascore": "70",
+    "imdbRating": "8.3",
+    "imdbVotes": "972,584",
+    "imdbID": "tt0372784",
+    "Type": "movie",
+    "Response": "True"
+  },
+  {
+    "Title": "Avatar",
+    "Year": "2009",
+    "Rated": "PG-13",
+    "Released": "18 Dec 2009",
+    "Runtime": "162 min",
+    "Genre": "Action, Adventure, Fantasy",
+    "Director": "James Cameron",
+    "Writer": "James Cameron",
+    "Actors": "Sam Worthington, Zoe Saldana, Sigourney Weaver, Stephen Lang",
+    "Plot": "A paraplegic marine dispatched to the moon Pandora on a unique mission becomes torn between following his orders and protecting the world he feels is his home.",
+    "Language": "English, Spanish",
+    "Country": "USA, UK",
+    "Awards": "Won 3 Oscars. Another 80 wins & 121 nominations.",
+    "Poster": "http://ia.media-imdb.com/images/M/MV5BMTYwOTEwNjAzMl5BMl5BanBnXkFtZTcwODc5MTUwMw@@._V1_SX300.jpg",
+    "Metascore": "83",
+    "imdbRating": "7.9",
+    "imdbVotes": "876,575",
+    "imdbID": "tt0499549",
+    "Type": "movie",
+    "Response": "True"
+  }
+];
+
+function getRating(watchList) {
+  let averageRating;
+  const rating = watchList
+    .filter(obj => obj.Director === "Christopher Nolan")
+    .map(obj => Number(obj.imdbRating));
+  averageRating = rating.reduce((accum, curr) => accum + curr)/rating.length;
+  return averageRating;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md
new file mode 100644
index 0000000000..d77b63a330
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/functional-programming/use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria.md
@@ -0,0 +1,76 @@
+---
+id: 587d7dab367417b2b2512b6f
+title: Використовуйте метод some, щоб перевірити, чи будь-які елементи в масиві відповідають критеріям
+challengeType: 1
+forumTopicId: 301314
+dashedName: use-the-some-method-to-check-that-any-elements-in-an-array-meet-a-criteria
+---
+
+# --description--
+
+Метод `some` працює з масивами, щоб перевірити, чи проходить елемент *any* певний тест. Якщо будь-яке зі значень відповідає критеріям, то він повертає булеве значення `true`, якщо ж ні, тоді - `false`.
+
+Наприклад, наступний код перевіряє чи будь-який елемент в масиві `numbers` менший за 10:
+
+```js
+const numbers = [10, 50, 8, 220, 110, 11];
+
+numbers.some(function(currentValue) {
+  return currentValue < 10;
+});
+```
+
+Метод `some` поверне `true`.
+
+# --instructions--
+
+Використовуйте метод `some` всередині функції `checkPositive`, щоб перевірити, чи будь-який елемент у `arr` додатній. Функція має повернути булеве значення.
+
+# --hints--
+
+Використовуйте у коді метод `some`.
+
+```js
+assert(code.match(/\.some/g));
+```
+
+`checkPositive([1, 2, 3, -4, 5])` має повернути `true`.
+
+```js
+assert(checkPositive([1, 2, 3, -4, 5]));
+```
+
+`checkPositive([1, 2, 3, 4, 5])` має повернути `true`.
+
+```js
+assert(checkPositive([1, 2, 3, 4, 5]));
+```
+
+`checkPositive([-1, -2, -3, -4, -5])` має повернути `false`.
+
+```js
+assert(!checkPositive([-1, -2, -3, -4, -5]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkPositive(arr) {
+  // Only change code below this line
+
+
+  // Only change code above this line
+}
+
+checkPositive([1, 2, 3, -4, 5]);
+```
+
+# --solutions--
+
+```js
+function checkPositive(arr) {
+  return arr.some(elem => elem > 0);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md
new file mode 100644
index 0000000000..d2b26e1ff0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/arguments-optional.md
@@ -0,0 +1,91 @@
+---
+id: a97fd23d9b809dac9921074f
+title: Необов'язкові аргументи
+challengeType: 5
+forumTopicId: 14271
+dashedName: arguments-optional
+---
+
+# --description--
+
+Створіть функцію, яка додає два аргументи. Якщо вказано лише один аргумент, то повертається функція, яка приймає один аргумент і повертає суму.
+
+Наприклад, `addTogether(2, 3)` повинен повертатися як `5`, а `addTogether(2)` повинен повертати функцію.
+
+Якщо ви викличете цю функцію, повернуту з одним аргументом, ви отримаєте суму:
+
+```js
+var sumTwoAnd = addTogether(2);
+```
+
+`sumTwoAnd(3)` повертається `5`.
+
+Якщо один із аргументів не є дійсним числом, повертається невизначено.
+
+# --hints--
+
+`addTogether(2, 3)` повинен повертатися як 5.
+
+```js
+assert.deepEqual(addTogether(2, 3), 5);
+```
+
+`addTogether(23, 30)` повинен повертатися як 53.
+
+```js
+assert.deepEqual(addTogether(23, 30), 53);
+```
+
+`addTogether(5)(7)` повинен повертатися як 12.
+
+```js
+assert.deepEqual(addTogether(5)(7), 12);
+```
+
+`addTogether("https://www.youtube.com/watch?v=dQw4w9WgXcQ")` повинен повертатися як `undefined`.
+
+```js
+assert.isUndefined(addTogether('https://www.youtube.com/watch?v=dQw4w9WgXcQ'));
+```
+
+`addTogether(2, "3")` повинен повертатися як `undefined`.
+
+```js
+assert.isUndefined(addTogether(2, '3'));
+```
+
+`addTogether(2)([3])` повинен повертатися як `undefined`.
+
+```js
+assert.isUndefined(addTogether(2)([3]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function addTogether() {
+  return false;
+}
+
+addTogether(2,3);
+```
+
+# --solutions--
+
+```js
+function addTogether() {
+  var a = arguments[0];
+  if (toString.call(a) !== '[object Number]') return;
+  if (arguments.length === 1) {
+    return function(b) {
+      if (toString.call(b) !== '[object Number]') return;
+      return a + b;
+    };
+  }
+  var b = arguments[1];
+  if (toString.call(b) !== '[object Number]') return;
+  return a + arguments[1];
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md
new file mode 100644
index 0000000000..25e6bd6133
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/binary-agents.md
@@ -0,0 +1,57 @@
+---
+id: a8d97bd4c764e91f9d2bda01
+title: Бінарні агенти
+challengeType: 5
+forumTopicId: 14273
+dashedName: binary-agents
+---
+
+# --description--
+
+Повернути речення, перекладене англійською мовою даного бінарного рядка.
+
+Бінарний рядок буде розділений пробілом.
+
+# --hints--
+
+`binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111")` повинен повертати рядок `Aren't bonfires fun!?`
+
+```js
+assert.deepEqual(
+  binaryAgent(
+    '01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111'
+  ),
+  "Aren't bonfires fun!?"
+);
+```
+
+`binaryAgent("01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001")` повинен повертати рядок `I love FreeCodeCamp!`
+
+```js
+assert.deepEqual(
+  binaryAgent(
+    '01001001 00100000 01101100 01101111 01110110 01100101 00100000 01000110 01110010 01100101 01100101 01000011 01101111 01100100 01100101 01000011 01100001 01101101 01110000 00100001'
+  ),
+  'I love FreeCodeCamp!'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function binaryAgent(str) {
+  return str;
+}
+
+binaryAgent("01000001 01110010 01100101 01101110 00100111 01110100 00100000 01100010 01101111 01101110 01100110 01101001 01110010 01100101 01110011 00100000 01100110 01110101 01101110 00100001 00111111");
+```
+
+# --solutions--
+
+```js
+function binaryAgent(str) {
+  return str.split(' ').map(function(s) { return parseInt(s, 2); }).map(function(b) { return String.fromCharCode(b);}).join('');
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md
new file mode 100644
index 0000000000..2746f463a6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/convert-html-entities.md
@@ -0,0 +1,89 @@
+---
+id: a6b0bb188d873cb2c8729495
+title: Перетворення позначення символів HTML
+challengeType: 5
+forumTopicId: 16007
+dashedName: convert-html-entities
+---
+
+# --description--
+
+Перетворити символи `&`, `<`, `>`, `"` (подвійні лапки), і `'` (апостроф), в рядок з відповідним позначенням символів HTML.
+
+# --hints--
+
+`convertHTML("Dolce & Gabbana")` повинен повертати рядок `Dolce &amp; Gabbana`.
+
+```js
+assert.match(convertHTML('Dolce & Gabbana'), /Dolce &amp; Gabbana/);
+```
+
+`convertHTML("Hamburgers < Pizza < Tacos")` повинен повертати рядок `Hamburgers &lt; Pizza &lt; Tacos`.
+
+```js
+assert.match(
+  convertHTML('Hamburgers < Pizza < Tacos'),
+  /Hamburgers &lt; Pizza &lt; Tacos/
+);
+```
+
+`convertHTML("Sixty > twelve")` повинен повертати рядок `Sixty &gt; twelve`.
+
+```js
+assert.match(convertHTML('Sixty > twelve'), /Sixty &gt; twelve/);
+```
+
+`convertHTML('Stuff in "quotation marks"')` повинен повертати рядок `Stuff in &quot;quotation marks&quot;`.
+
+```js
+assert.match(
+  convertHTML('Stuff in "quotation marks"'),
+  /Stuff in &quot;quotation marks&quot;/
+);
+```
+
+`convertHTML("Schindler's List")` повинен повертати рядок `Schindler&apos;s List`.
+
+```js
+assert.match(convertHTML("Schindler's List"), /Schindler&apos;s List/);
+```
+
+`convertHTML("<>")` повинен повертати рядок `&lt;&gt;`.
+
+```js
+assert.match(convertHTML('<>'), /&lt;&gt;/);
+```
+
+`convertHTML("abc")` повинен повертати рядок `abc`.
+
+```js
+assert.strictEqual(convertHTML('abc'), 'abc');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertHTML(str) {
+  return str;
+}
+
+convertHTML("Dolce & Gabbana");
+```
+
+# --solutions--
+
+```js
+var MAP = { '&': '&amp;',
+            '<': '&lt;',
+            '>': '&gt;',
+            '"': '&quot;',
+            "'": '&apos;'};
+
+function convertHTML(str) {
+  return str.replace(/[&<>"']/g, function(c) {
+    return MAP[c];
+  });
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md
new file mode 100644
index 0000000000..0399bf329e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/diff-two-arrays.md
@@ -0,0 +1,189 @@
+---
+id: a5de63ebea8dbee56860f4f2
+title: Різниця між двома масивами
+challengeType: 5
+forumTopicId: 16008
+dashedName: diff-two-arrays
+---
+
+# --description--
+
+Порівняти два масиви і повернути новий масив з елементами, знайденими лише в одному з двох зазначених масивів, але не в обох. Іншими словами, повернути симетричну різницю двох масивів.
+
+**Примітка:** Ви можете повернути масив з його елементами в будь-якому порядку.
+
+# --hints--
+
+`diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5])` потрібно повернути масив.
+
+```js
+assert(typeof diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]) === 'object');
+```
+
+`["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` потрібно повернути `["pink wool"]`.
+
+```js
+assert.sameMembers(
+  diffArray(
+    ['diorite', 'andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+    ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+  ),
+  ['pink wool']
+);
+```
+
+`["diorite", "andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` потрібно повернути масив з одним елементом.
+
+```js
+assert(
+  diffArray(
+    ['diorite', 'andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+    ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+  ).length === 1
+);
+```
+
+`["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` потрібно повернути `["diorite", "pink wool"]`.
+
+```js
+assert.sameMembers(
+  diffArray(
+    ['andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+    ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+  ),
+  ['diorite', 'pink wool']
+);
+```
+
+`["andesite", "grass", "dirt", "pink wool", "dead shrub"], ["diorite", "andesite", "grass", "dirt", "dead shrub"]` потрібно повернути масив з двома елементами.
+
+```js
+assert(
+  diffArray(
+    ['andesite', 'grass', 'dirt', 'pink wool', 'dead shrub'],
+    ['diorite', 'andesite', 'grass', 'dirt', 'dead shrub']
+  ).length === 2
+);
+```
+
+`["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]` потрібно повернути `[]`.
+
+```js
+assert.sameMembers(
+  diffArray(
+    ['andesite', 'grass', 'dirt', 'dead shrub'],
+    ['andesite', 'grass', 'dirt', 'dead shrub']
+  ),
+  []
+);
+```
+
+`["andesite", "grass", "dirt", "dead shrub"], ["andesite", "grass", "dirt", "dead shrub"]` потрібно повернути пустий масив.
+
+```js
+assert(
+  diffArray(
+    ['andesite', 'grass', 'dirt', 'dead shrub'],
+    ['andesite', 'grass', 'dirt', 'dead shrub']
+  ).length === 0
+);
+```
+
+`[1, 2, 3, 5], [1, 2, 3, 4, 5]` потрібно повернути `[4]`.
+
+```js
+assert.sameMembers(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]), [4]);
+```
+
+`[1, 2, 3, 5], [1, 2, 3, 4, 5]` потрібно повернути масив з одним елементом.
+
+```js
+assert(diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]).length === 1);
+```
+
+`[1, "calf", 3, "piglet"], [1, "calf", 3, 4]` потрібно повернути `["piglet", 4]`.
+
+```js
+assert.sameMembers(diffArray([1, 'calf', 3, 'piglet'], [1, 'calf', 3, 4]), [
+  'piglet',
+  4
+]);
+```
+
+`[1, "calf", 3, "piglet"], [1, "calf", 3, 4]` потрібно повернути масив з двома елементами.
+
+```js
+assert(diffArray([1, 'calf', 3, 'piglet'], [1, 'calf', 3, 4]).length === 2);
+```
+
+`[], ["snuffleupagus", "cookie monster", "elmo"]` потрібно повернути `["snuffleupagus", "cookie monster", "elmo"]`.
+
+```js
+assert.sameMembers(diffArray([], ['snuffleupagus', 'cookie monster', 'elmo']), [
+  'snuffleupagus',
+  'cookie monster',
+  'elmo'
+]);
+```
+
+`[], ["snuffleupagus", "cookie monster", "elmo"]` потрібно повернути масив з трьома елементами.
+
+```js
+assert(diffArray([], ['snuffleupagus', 'cookie monster', 'elmo']).length === 3);
+```
+
+`[1, "calf", 3, "piglet"], [7, "filly"]` потрібно повернути `[1, "calf", 3, "piglet", 7, "filly"]`.
+
+```js
+assert.sameMembers(diffArray([1, 'calf', 3, 'piglet'], [7, 'filly']), [
+  1,
+  'calf',
+  3,
+  'piglet',
+  7,
+  'filly'
+]);
+```
+
+`[1, "calf", 3, "piglet"], [7, "filly"]` потрібно повернути масив з шістьма елементами.
+
+```js
+assert(diffArray([1, 'calf', 3, 'piglet'], [7, 'filly']).length === 6);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diffArray(arr1, arr2) {
+  const newArr = [];
+  return newArr;
+}
+
+diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
+```
+
+# --solutions--
+
+```js
+function diffArray(arr1, arr2) {
+  const newArr = [];
+  const h1 = Object.create(null);
+  arr1.forEach(function(e) {
+    h1[e] = e;
+  });
+  const h2 = Object.create(null);
+  arr2.forEach(function(e) {
+    h2[e] = e;
+  });
+
+  Object.keys(h1).forEach(function(e) {
+     if (!(e in h2)) newArr.push(h1[e]);
+  });
+  Object.keys(h2).forEach(function(e) {
+     if (!(e in h1)) newArr.push(h2[e]);
+  });
+  return newArr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
new file mode 100644
index 0000000000..22e6506f71
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
@@ -0,0 +1,83 @@
+---
+id: afd15382cdfb22c9efe8b7de
+title: Формування пар ДНК
+challengeType: 5
+forumTopicId: 16009
+dashedName: dna-pairing
+---
+
+# --description--
+
+В ланцюжку ДНК бракує парного елементу. Необхідно знайти пару для кожного символу і повернути результати як двовимірний масив.
+
+[Пари основ](http://en.wikipedia.org/wiki/Base_pair) - це пари AT і CG. Встановіть відповідність між відсутнім елементом і зазначеним символом.
+
+Повернути наданий символ як перший елемент у кожному масиві.
+
+Наприклад, при введенні `GCG`, повернути `[["G", "C"], ["C","G"], ["G", "C"]]`
+
+Символ і його пара об'єднуються в масив, а всі масиви згруповані в один інкапсульований масив.
+
+# --hints--
+
+`pairElement("ATCGA")` повинен повертатися як `[["A","T"],["T","A"],["C","G"],["G","C"],["A","T"]]`.
+
+```js
+assert.deepEqual(pairElement('ATCGA'), [
+  ['A', 'T'],
+  ['T', 'A'],
+  ['C', 'G'],
+  ['G', 'C'],
+  ['A', 'T']
+]);
+```
+
+`pairElement("TTGAG")` повинен повертатися як `[["T","A"],["T","A"],["G","C"],["A","T"],["G","C"]]`.
+
+```js
+assert.deepEqual(pairElement('TTGAG'), [
+  ['T', 'A'],
+  ['T', 'A'],
+  ['G', 'C'],
+  ['A', 'T'],
+  ['G', 'C']
+]);
+```
+
+`pairElement("CTCTA")` повинен повертатися як `[["C","G"],["T","A"],["C","G"],["T","A"],["A","T"]]`.
+
+```js
+assert.deepEqual(pairElement('CTCTA'), [
+  ['C', 'G'],
+  ['T', 'A'],
+  ['C', 'G'],
+  ['T', 'A'],
+  ['A', 'T']
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pairElement(str) {
+  return str;
+}
+
+pairElement("GCG");
+```
+
+# --solutions--
+
+```js
+var lookup = Object.create(null);
+lookup.A = 'T';
+lookup.T = 'A';
+lookup.C = 'G';
+lookup.G = 'C';
+
+function pairElement(str) {
+ return str.split('').map(function(p) {return [p, lookup[p]];});
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md
new file mode 100644
index 0000000000..82f65f87fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/drop-it.md
@@ -0,0 +1,104 @@
+---
+id: a5deed1811a43193f9f1c841
+title: Видалення елементів масиву
+challengeType: 5
+forumTopicId: 16010
+dashedName: drop-it
+---
+
+# --description--
+
+Враховуючи масив `arr`, виконати ітерацію і видалення кожного елементу, починаючи з першого елементу (індекс 0), поки функція `func` не повертається як `true`, коли елемент пройшов ітерацію.
+
+Потім повернути решту масиву, якщо умову виконано, в іншому випадку, `arr` повинен повертатися у вигляді пустого масиву.
+
+# --hints--
+
+`dropElements([1, 2, 3, 4], function(n) {return n >= 3;})` повинен повертатися як `[3, 4]`.
+
+```js
+assert.deepEqual(
+  dropElements([1, 2, 3, 4], function (n) {
+    return n >= 3;
+  }),
+  [3, 4]
+);
+```
+
+`dropElements([0, 1, 0, 1], function(n) {return n === 1;})` повинен повертатися як `[1, 0, 1]`.
+
+```js
+assert.deepEqual(
+  dropElements([0, 1, 0, 1], function (n) {
+    return n === 1;
+  }),
+  [1, 0, 1]
+);
+```
+
+`dropElements([1, 2, 3], function(n) {return n > 0;})` повинен повертатися як `[1, 2, 3]`.
+
+```js
+assert.deepEqual(
+  dropElements([1, 2, 3], function (n) {
+    return n > 0;
+  }),
+  [1, 2, 3]
+);
+```
+
+`dropElements([1, 2, 3, 4], function(n) {return n > 5;})` повинен повертатися як `[]`.
+
+```js
+assert.deepEqual(
+  dropElements([1, 2, 3, 4], function (n) {
+    return n > 5;
+  }),
+  []
+);
+```
+
+`dropElements([1, 2, 3, 7, 4], function(n) {return n > 3;})` повинен повертатися як `[7, 4]`.
+
+```js
+assert.deepEqual(
+  dropElements([1, 2, 3, 7, 4], function (n) {
+    return n > 3;
+  }),
+  [7, 4]
+);
+```
+
+`dropElements([1, 2, 3, 9, 2], function(n) {return n > 2;})` повинен повертатися як `[3, 9, 2]`.
+
+```js
+assert.deepEqual(
+  dropElements([1, 2, 3, 9, 2], function (n) {
+    return n > 2;
+  }),
+  [3, 9, 2]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function dropElements(arr, func) {
+  return arr;
+}
+
+dropElements([1, 2, 3], function(n) {return n < 3; });
+```
+
+# --solutions--
+
+```js
+function dropElements(arr, func) {
+  while (arr.length && !func(arr[0])) {
+    arr.shift();
+  }
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md
new file mode 100644
index 0000000000..a77326b16f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/everything-be-true.md
@@ -0,0 +1,155 @@
+---
+id: a10d2431ad0c6a099a4b8b52
+title: Перевірка значень властивостей об'єкта
+challengeType: 5
+forumTopicId: 16011
+dashedName: everything-be-true
+---
+
+# --description--
+
+Перевірити, чи предикат (другий аргумент) є правильним (<dfn>truthy</dfn>) в усіх елементах збору (перший аргумент).
+
+Іншими словами, вам дано набір масивів об'єктів. Предикат `pre` буде властивістю об'єкта і вам потрібно повернути `true`, якщо його значення `truthy`. В іншому випадку, повернути `false`.
+
+В JavaScript, значення `truthy` - це значення, що перекладаються `true` при оцінці в булевому контексті.
+
+Пам'ятайте, ви можете отримати доступ до властивостей об'єкта, використовуючи точкові позначення або `[]`.
+
+# --hints--
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")` повинен повертатися як `true`.
+
+```js
+assert.strictEqual(
+  truthCheck(
+    [
+      { user: 'Tinky-Winky', sex: 'male' },
+      { user: 'Dipsy', sex: 'male' },
+      { user: 'Laa-Laa', sex: 'female' },
+      { user: 'Po', sex: 'female' }
+    ],
+    'sex'
+  ),
+  true
+);
+```
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck(
+    [
+      { user: 'Tinky-Winky', sex: 'male' },
+      { user: 'Dipsy' },
+      { user: 'Laa-Laa', sex: 'female' },
+      { user: 'Po', sex: 'female' }
+    ],
+    'sex'
+  ),
+  false
+);
+```
+
+`truthCheck([{"user": "Tinky-Winky", "sex": "male", "age": 0}, {"user": "Dipsy", "sex": "male", "age": 3}, {"user": "Laa-Laa", "sex": "female", "age": 5}, {"user": "Po", "sex": "female", "age": 4}], "age")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck(
+    [
+      { user: 'Tinky-Winky', sex: 'male', age: 2 },
+      { user: 'Dipsy', sex: 'male', age: 0 },
+      { user: 'Laa-Laa', sex: 'female', age: 5 },
+      { user: 'Po', sex: 'female', age: 4 }
+    ],
+    'age'
+  ),
+  false
+);
+```
+
+`truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true}, {"name": "FastForward", "onBoat": null}], "onBoat")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck(
+    [
+      { name: 'Pete', onBoat: true },
+      { name: 'Repeat', onBoat: true },
+      { name: 'FastForward', onBoat: null }
+    ],
+    'onBoat'
+  ),
+  false
+);
+```
+
+`truthCheck([{"name": "Pete", "onBoat": true}, {"name": "Repeat", "onBoat": true, "alias": "Repete"}, {"name": "FastForward", "onBoat": true}], "onBoat")` повинен повертатися як `true`.
+
+```js
+assert.strictEqual(
+  truthCheck(
+    [
+      { name: 'Pete', onBoat: true },
+      { name: 'Repeat', onBoat: true, alias: 'Repete' },
+      { name: 'FastForward', onBoat: true }
+    ],
+    'onBoat'
+  ),
+  true
+);
+```
+
+`truthCheck([{"single": "yes"}], "single")` повинен повертатися як `true`.
+
+```js
+assert.strictEqual(truthCheck([{ single: 'yes' }], 'single'), true);
+```
+
+`truthCheck([{"single": ""}, {"single": "double"}], "single")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck([{ single: '' }, { single: 'double' }], 'single'),
+  false
+);
+```
+
+`truthCheck([{"single": "double"}, {"single": undefined}], "single")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck([{ single: 'double' }, { single: undefined }], 'single'),
+  false
+);
+```
+
+`truthCheck([{"single": "double"}, {"single": NaN}], "single")` повинен повертатися як `false`.
+
+```js
+assert.strictEqual(
+  truthCheck([{ single: 'double' }, { single: NaN }], 'single'),
+  false
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function truthCheck(collection, pre) {
+  return pre;
+}
+
+truthCheck([{"user": "Tinky-Winky", "sex": "male"}, {"user": "Dipsy", "sex": "male"}, {"user": "Laa-Laa", "sex": "female"}, {"user": "Po", "sex": "female"}], "sex");
+```
+
+# --solutions--
+
+```js
+function truthCheck(collection, pre) {
+  return collection.every(function(e) { return e[pre]; });
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md
new file mode 100644
index 0000000000..0d8e552c37
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/make-a-person.md
@@ -0,0 +1,206 @@
+---
+id: a2f1d72d9b908d0bd72bb9f6
+title: Створіть об'єкт Людина
+challengeType: 5
+forumTopicId: 16020
+dashedName: make-a-person
+---
+
+# --description--
+
+Заповніть конструктор об’єкта методами, наведеними нижче:
+
+```js
+getFirstName()
+getLastName()
+getFullName()
+setFirstName(first)
+setLastName(last)
+setFullName(firstAndLast)
+```
+
+Запустіть тести, щоб побачити очікуваний результат для кожного методу. Методи, що приймають аргумент, повинні приймати лише один аргумент і це має бути рядок. Ці методи повинні бути єдиними доступними засобами для взаємодії з об'єктом.
+
+# --hints--
+
+Не треба додавати жодних властивостей. `Object.keys(bob).length` повинен завжди повертатися як 6.
+
+```js
+assert.strictEqual(
+  Object.keys((function () {
+    let bob = new Person('Bob Ross');
+    bob.setFirstName('Haskell');
+    bob.setLastName('Curry');
+    bob.setFullName('John Smith');
+    return bob;
+  })()).length,
+  6
+ );
+```
+
+`bob instanceof Person` повинен повертатися як `true`.
+
+```js
+assert.deepEqual(bob instanceof Person, true);
+```
+
+`bob.firstName` повинен повертатися як `undefined`.
+
+```js
+assert.deepEqual(bob.firstName, undefined);
+```
+
+`bob.lastName` повинен повертатися як `undefined`.
+
+```js
+assert.deepEqual(bob.lastName, undefined);
+```
+
+`bob.getFirstName()` повинен повертати рядок `Bob`.
+
+```js
+assert.deepEqual(bob.getFirstName(), 'Bob');
+```
+
+`bob.getLastName()` повинен повертати рядок `Ross`.
+
+```js
+assert.deepEqual(bob.getLastName(), 'Ross');
+```
+
+`bob.getFullName()` повинен повертати рядок `Bob Ross`.
+
+```js
+assert.deepEqual(bob.getFullName(), 'Bob Ross');
+```
+
+`bob.getFullName()` повинен повертати рядок `Haskell Ross` після `bob.setFirstName("Haskell")`.
+
+```js
+assert.strictEqual(
+  (function () {
+    bob.setFirstName('Haskell');
+    return bob.getFullName();
+  })(),
+  'Haskell Ross'
+);
+```
+
+`bob.getFullName()` повинен повертати рядок `Haskell Curry` після `bob.setLastName("Curry")`.
+
+```js
+assert.strictEqual(
+  (function () {
+    var _bob = new Person('Haskell Ross');
+    _bob.setLastName('Curry');
+    return _bob.getFullName();
+  })(),
+  'Haskell Curry'
+);
+```
+
+`bob.getFullName()` повинен повертати рядок `Haskell Curry` після `bob.setFullName("Haskell Curry")`.
+
+```js
+assert.strictEqual(
+  (function () {
+    bob.setFullName('Haskell Curry');
+    return bob.getFullName();
+  })(),
+  'Haskell Curry'
+);
+```
+
+`bob.getFirstName()` повинен повертати рядок `Haskell` після `bob.setFullName("Haskell Curry")`.
+
+```js
+assert.strictEqual(
+  (function () {
+    bob.setFullName('Haskell Curry');
+    return bob.getFirstName();
+  })(),
+  'Haskell'
+);
+```
+
+`bob.getLastName()` повинен повертати рядок `Curry` після `bob.setFullName("Haskell Curry")`.
+
+```js
+assert.strictEqual(
+  (function () {
+    bob.setFullName('Haskell Curry');
+    return bob.getLastName();
+  })(),
+  'Curry'
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+if(bob){
+  bob = new Person("Bob Ross");
+}
+```
+
+## --seed-contents--
+
+```js
+const Person = function(firstAndLast) {
+  // Only change code below this line
+  // Complete the method below and implement the others similarly
+  this.getFullName = function() {
+    return "";
+  };
+  return firstAndLast;
+};
+
+const bob = new Person('Bob Ross');
+bob.getFullName();
+```
+
+# --solutions--
+
+```js
+const Person = function(firstAndLast) {
+
+  let firstName, lastName;
+
+  function updateName(str) {
+    firstName = str.split(" ")[0];
+    lastName = str.split(" ")[1];
+  }
+
+  updateName(firstAndLast);
+
+  this.getFirstName = function(){
+    return firstName;
+  };
+
+  this.getLastName = function(){
+    return lastName;
+  };
+
+  this.getFullName = function(){
+    return firstName + " " + lastName;
+  };
+
+  this.setFirstName = function(str){
+    firstName = str;
+  };
+
+
+  this.setLastName = function(str){
+    lastName = str;
+  };
+
+  this.setFullName = function(str){
+    updateName(str);
+  };
+};
+
+const bob = new Person('Bob Ross');
+bob.getFullName();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md
new file mode 100644
index 0000000000..ac3139e126
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/map-the-debris.md
@@ -0,0 +1,76 @@
+---
+id: af4afb223120f7348cdfc9fd
+title: Мапа Debris
+challengeType: 5
+forumTopicId: 16021
+dashedName: map-the-debris
+---
+
+# --description--
+
+Повернути новий масив, який трансформує середню висоту елементів у їхні орбітальні періоди (у секундах).
+
+Масив буде містити об'єкти у форматі `{name: 'name', avgAlt: avgAlt}`.
+
+Ви можете прочитати про орбітальні періоди [у Вікіпедії](http://en.wikipedia.org/wiki/Orbital_period).
+
+Значення потрібно округлити до найближчого цілого числа. Тіло, що знаходиться на орбіті - це Земля.
+
+Радіус Землі - 6367.4447 кілометрів, а значення GM Землі - 398600.4418 km<sup>3</sup>s<sup>-2</sup>.
+
+# --hints--
+
+`orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}])` повинен повертатися як `[{name: "sputnik", orbitalPeriod: 86400}]`.
+
+```js
+assert.deepEqual(orbitalPeriod([{ name: 'sputnik', avgAlt: 35873.5553 }]), [
+  { name: 'sputnik', orbitalPeriod: 86400 }
+]);
+```
+
+`orbitalPeriod([{name: "iss", avgAlt: 413.6}, {name: "hubble", avgAlt: 556.7}, {name: "moon", avgAlt: 378632.553}])` повинен повертатися як `[{name : "iss", orbitalPeriod: 5557}, {name: "hubble", orbitalPeriod: 5734}, {name: "moon", orbitalPeriod: 2377399}]`.
+
+```js
+assert.deepEqual(
+  orbitalPeriod([
+    { name: 'iss', avgAlt: 413.6 },
+    { name: 'hubble', avgAlt: 556.7 },
+    { name: 'moon', avgAlt: 378632.553 }
+  ]),
+  [
+    { name: 'iss', orbitalPeriod: 5557 },
+    { name: 'hubble', orbitalPeriod: 5734 },
+    { name: 'moon', orbitalPeriod: 2377399 }
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function orbitalPeriod(arr) {
+  const GM = 398600.4418;
+  const earthRadius = 6367.4447;
+  return arr;
+}
+
+orbitalPeriod([{name : "sputnik", avgAlt : 35873.5553}]);
+```
+
+# --solutions--
+
+```js
+function orbitalPeriod(arr) {
+  const GM = 398600.4418;
+  const earthRadius = 6367.4447;
+  const TAU = 2 * Math.PI;
+  return arr.map(function(obj) {
+    return {
+      name: obj.name,
+      orbitalPeriod: Math.round(TAU * Math.sqrt(Math.pow(obj.avgAlt+earthRadius, 3)/GM))
+    };
+  });
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md
new file mode 100644
index 0000000000..ee6e1a2461
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/missing-letters.md
@@ -0,0 +1,72 @@
+---
+id: af7588ade1100bde429baf20
+title: Пропущені літери
+challengeType: 5
+forumTopicId: 16023
+dashedName: missing-letters
+---
+
+# --description--
+
+Знайдіть пропущену літеру в заданому діапазоні літер і поверніть її.
+
+Якщо у діапазоні є всі літери, повернути `undefined`.
+
+# --hints--
+
+`fearNotLetter("abce")` повинен повертати рядок `d`.
+
+```js
+assert.deepEqual(fearNotLetter('abce'), 'd');
+```
+
+`fearNotLetter("abcdefghjklmno")` повинен повертати рядок `i`.
+
+```js
+assert.deepEqual(fearNotLetter('abcdefghjklmno'), 'i');
+```
+
+`fearNotLetter("stvwx")` повинен повертати рядок `u`.
+
+```js
+assert.deepEqual(fearNotLetter('stvwx'), 'u');
+```
+
+`fearNotLetter("bcdf")` повинен повертати рядок `e`.
+
+```js
+assert.deepEqual(fearNotLetter('bcdf'), 'e');
+```
+
+`fearNotLetter("abcdefghijklmnopqrstuvwxyz")` повинен повертати рядок `undefined`.
+
+```js
+assert.isUndefined(fearNotLetter('abcdefghijklmnopqrstuvwxyz'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fearNotLetter(str) {
+  return str;
+}
+
+fearNotLetter("abce");
+```
+
+# --solutions--
+
+```js
+function fearNotLetter (str) {
+  for (var i = str.charCodeAt(0); i <= str.charCodeAt(str.length - 1); i++) {
+    var letter = String.fromCharCode(i);
+    if (str.indexOf(letter) === -1) {
+      return letter;
+    }
+  }
+
+  return undefined;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md
new file mode 100644
index 0000000000..e2c8e92ad6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/pig-latin.md
@@ -0,0 +1,93 @@
+---
+id: aa7697ea2477d1316795783b
+title: Pig Latin
+challengeType: 5
+forumTopicId: 16039
+dashedName: pig-latin
+---
+
+# --description--
+
+Pig Latin - це спосіб шифрування англійських слів. Правила такі:
+
+\- Якщо слово починається на приголосний звук, початкові приголосні переміщуються в кінець слова і додається `ay`.
+
+\- Якщо слово починається на голосний звук, в кінці просто додається `way`.
+
+# --instructions--
+
+Перекласти даний рядок на Pig Latin. Необхідно вводити лише англійські слова в нижньому регістрі.
+
+# --hints--
+
+`translatePigLatin("california")` повинен повертати рядок `aliforniacay`.
+
+```js
+assert.deepEqual(translatePigLatin('california'), 'aliforniacay');
+```
+
+`translatePigLatin("paragraphs")` повинен повертати рядок `aragraphspay`.
+
+```js
+assert.deepEqual(translatePigLatin('paragraphs'), 'aragraphspay');
+```
+
+`translatePigLatin("glove")` повинен повертати рядок `oveglay`.
+
+```js
+assert.deepEqual(translatePigLatin('glove'), 'oveglay');
+```
+
+`translatePigLatin("algorithm")` повинен повертати рядок `algorithmway`.
+
+```js
+assert.deepEqual(translatePigLatin('algorithm'), 'algorithmway');
+```
+
+`translatePigLatin("eight")` повинен повертати рядок `eightway`.
+
+```js
+assert.deepEqual(translatePigLatin('eight'), 'eightway');
+```
+
+Спробуйте перетворити слова, у яких перший голосний звук у середині слова.  `translatePigLatin("schwartz")` повинен повертати рядок `artzschway`.
+
+```js
+assert.deepEqual(translatePigLatin('schwartz'), 'artzschway');
+```
+
+Спробуйте перетворити слова без голосних звуків. `translatePigLatin("rhythm")` повинен повертати рядок `rhythmay`.
+
+```js
+assert.deepEqual(translatePigLatin('rhythm'), 'rhythmay');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function translatePigLatin(str) {
+  return str;
+}
+
+translatePigLatin("consonant");
+```
+
+# --solutions--
+
+```js
+function translatePigLatin(str) {
+  if (isVowel(str.charAt(0))) return str + "way";
+  var front = [];
+  str = str.split('');
+  while (str.length && !isVowel(str[0])) {
+    front.push(str.shift());
+  }
+  return [].concat(str, front).join('') + 'ay';
+}
+
+function isVowel(c) {
+  return ['a', 'e', 'i', 'o', 'u'].indexOf(c.toLowerCase()) !== -1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md
new file mode 100644
index 0000000000..92b79df911
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/search-and-replace.md
@@ -0,0 +1,100 @@
+---
+id: a0b5010f579e69b815e7c5d6
+title: Пошук і Заміна
+challengeType: 5
+forumTopicId: 16045
+dashedName: search-and-replace
+---
+
+# --description--
+
+Виконайте пошук і замініть речення на речення використовуючи дані аргументи та поверніть нове речення.
+
+Першим аргументом є речення, над яким потрібно виконати пошук і заміну.
+
+Другий аргумент - це слово, яке ви будете заміняти (до).
+
+Третій аргумент - це слово, на яке ви заміните другий аргумент (після).
+
+**Примітка:** Зберігайте регістр першого символу в оригінальному слові, коли ви замінюєте його. Наприклад, якщо ви хочете замінити слово `Book` словом `dog`, його слід замінювати таким чином `Dog`
+
+# --hints--
+
+`myReplace("Let us go to the store", "store", "mall")` повинен повертати рядок `Let us go to the mall`.
+
+```js
+assert.deepEqual(
+  myReplace('Let us go to the store', 'store', 'mall'),
+  'Let us go to the mall'
+);
+```
+
+`myReplace("He is Sleeping on the couch", "Sleeping", "sitting")` повинен повертати рядок `He is Sitting on the couch`.
+
+```js
+assert.deepEqual(
+  myReplace('He is Sleeping on the couch', 'Sleeping', 'sitting'),
+  'He is Sitting on the couch'
+);
+```
+
+`myReplace("I think we should look up there", "up", "Down")` повинен повертати рядок `I think we should look down there`.
+
+```js
+assert.deepEqual(
+  myReplace('I think we should look up there', 'up', 'Down'),
+  'I think we should look down there'
+);
+```
+
+`myReplace("This has a spellngi error", "spellngi", "spelling")` повинен повертати рядок `This has a spelling error`.
+
+```js
+assert.deepEqual(
+  myReplace('This has a spellngi error', 'spellngi', 'spelling'),
+  'This has a spelling error'
+);
+```
+
+`myReplace("His name is Tom", "Tom", "john")` повинен повертати рядок `His name is John`.
+
+```js
+assert.deepEqual(
+  myReplace('His name is Tom', 'Tom', 'john'),
+  'His name is John'
+);
+```
+
+`myReplace("Let us get back to more Coding", "Coding", "algorithms")` повинен повертати рядок `Let us get back to more Algorithms`.
+
+```js
+assert.deepEqual(
+  myReplace('Let us get back to more Coding', 'Coding', 'algorithms'),
+  'Let us get back to more Algorithms'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function myReplace(str, before, after) {
+  return str;
+}
+
+myReplace("A quick brown fox jumped over the lazy dog", "jumped", "leaped");
+```
+
+# --solutions--
+
+```js
+function myReplace(str, before, after) {
+  if (before.charAt(0) === before.charAt(0).toUpperCase()) {
+    after = after.charAt(0).toUpperCase() + after.substring(1);
+  } else {
+    after = after.charAt(0).toLowerCase() + after.substring(1);
+  }
+  return str.replace(before, after);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md
new file mode 100644
index 0000000000..4de3d37590
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/seek-and-destroy.md
@@ -0,0 +1,104 @@
+---
+id: a39963a4c10bc8b4d4f06d7e
+title: Пошук і Видалення
+challengeType: 5
+forumTopicId: 16046
+dashedName: seek-and-destroy
+---
+
+# --description--
+
+Ви отримаєте початковий масив (перший аргумент у функції `destroyer`), а потім один або декілька аргументів. Видалити всі елементи з початкового масиву, які мають таке ж значення, що і ці аргументи.
+
+**Примітка:** Потрібно використовувати об'єкт `arguments`.
+
+# --hints--
+
+`destroyer([1, 2, 3, 1, 2, 3], 2, 3)` повинен повертатися як `[1, 1]`.
+
+```js
+assert.deepEqual(destroyer([1, 2, 3, 1, 2, 3], 2, 3), [1, 1]);
+```
+
+`destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3)` повинен повертатися як `[1, 5, 1]`.
+
+```js
+assert.deepEqual(destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3), [1, 5, 1]);
+```
+
+`destroyer([3, 5, 1, 2, 2], 2, 3, 5)` повинен повертатися як `[1]`.
+
+```js
+assert.deepEqual(destroyer([3, 5, 1, 2, 2], 2, 3, 5), [1]);
+```
+
+`destroyer([2, 3, 2, 3], 2, 3)` повинен повертатися як `[]`.
+
+```js
+assert.deepEqual(destroyer([2, 3, 2, 3], 2, 3), []);
+```
+
+`destroyer(["tree", "hamburger", 53], "tree", 53)` повинен повертатися як `["hamburger"]`.
+
+```js
+assert.deepEqual(destroyer(['tree', 'hamburger', 53], 'tree', 53), [
+  'hamburger'
+]);
+```
+
+`destroyer(["possum", "trollo", 12, "safari", "hotdog", 92, 65, "grandma", "bugati", "trojan", "yacht"], "yacht", "possum", "trollo", "safari", "hotdog", "grandma", "bugati", "trojan")` повинен повертатися як `[12,92,65]`.
+
+```js
+assert.deepEqual(
+  destroyer(
+    [
+      'possum',
+      'trollo',
+      12,
+      'safari',
+      'hotdog',
+      92,
+      65,
+      'grandma',
+      'bugati',
+      'trojan',
+      'yacht'
+    ],
+    'yacht',
+    'possum',
+    'trollo',
+    'safari',
+    'hotdog',
+    'grandma',
+    'bugati',
+    'trojan'
+  ),
+  [12, 92, 65]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function destroyer(arr) {
+  return arr;
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+```
+
+# --solutions--
+
+```js
+function destroyer(arr) {
+  var hash = Object.create(null);
+  [].slice.call(arguments, 1).forEach(function(e) {
+    hash[e] = true;
+  });
+  return arr.filter(function(e) { return !(e in hash);});
+}
+
+destroyer([1, 2, 3, 1, 2, 3], 2, 3);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md
new file mode 100644
index 0000000000..052a66bb5d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/smallest-common-multiple.md
@@ -0,0 +1,89 @@
+---
+id: ae9defd7acaf69703ab432ea
+title: Найменше спільне кратне
+challengeType: 5
+forumTopicId: 16075
+dashedName: smallest-common-multiple
+---
+
+# --description--
+
+Знайдіть найменше спільне кратне заданих параметрів, які можна рівномірно поділити на обидва з них, а також на всі послідовні числа в діапазоні між цими параметрами.
+
+Діапазон буде масивом з двох чисел, що не обов'язково будуть у числовому порядку.
+
+Наприклад, якщо дано 1 і 3, знайти найменше спільне кратне обох чисел 1 і 3, що також рівно ділиться на всі числа *between* 1 і 3. Тут відповідь - 6.
+
+# --hints--
+
+`smallestCommons([1, 5])` повинен повертати число.
+
+```js
+assert.deepEqual(typeof smallestCommons([1, 5]), 'number');
+```
+
+`smallestCommons([1, 5])` повинен повертати 60.
+
+```js
+assert.deepEqual(smallestCommons([1, 5]), 60);
+```
+
+`smallestCommons([5, 1])` повинен повертати 60.
+
+```js
+assert.deepEqual(smallestCommons([5, 1]), 60);
+```
+
+`smallestCommons([2, 10])` повинен повертати 2520.
+
+```js
+assert.deepEqual(smallestCommons([2, 10]), 2520);
+```
+
+`smallestCommons([1, 13])` повинен повертати 360360.
+
+```js
+assert.deepEqual(smallestCommons([1, 13]), 360360);
+```
+
+`smallestCommons([23, 18])` повинен повертати 6056820.
+
+```js
+assert.deepEqual(smallestCommons([23, 18]), 6056820);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function smallestCommons(arr) {
+  return arr;
+}
+
+smallestCommons([1,5]);
+```
+
+# --solutions--
+
+```js
+function gcd(a, b) {
+    while (b !== 0) {
+        a = [b, b = a % b][0];
+    }
+    return a;
+}
+
+function lcm(a, b) {
+    return (a * b) / gcd(a, b);
+}
+
+function smallestCommons(arr) {
+  arr.sort(function(a,b) {return a-b;});
+  var rng = [];
+  for (var i = arr[0]; i <= arr[1]; i++) {
+    rng.push(i);
+  }
+  return rng.reduce(lcm);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md
new file mode 100644
index 0000000000..7cd5927171
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sorted-union.md
@@ -0,0 +1,68 @@
+---
+id: a105e963526e7de52b219be9
+title: Сортування масиву
+challengeType: 5
+forumTopicId: 16077
+dashedName: sorted-union
+---
+
+# --description--
+
+Напишіть функцію, яка приймає два або більше масивів та повертає новий масив унікальних значень у порядку наданих початкових масивів.
+
+Іншими словами, усі значення, що є в масиві, повинні бути включені в їх первинному порядку, але в останньому масиві не повинно бути дублювання.
+
+Унікальні номери повинні бути відсортовані за початковим порядком, але кінцевий масив не повинен бути відсортований в числовому порядку.
+
+Ознайомтеся з наведеними тестовими прикладами.
+
+# --hints--
+
+`uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1])` повинен повертатися як `[1, 3, 2, 5, 4]`.
+
+```js
+assert.deepEqual(uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]), [1, 3, 2, 5, 4]);
+```
+
+`uniteUnique([1, 2, 3], [5, 2, 1])` повинен повертатися як `[1, 2, 3, 5]`.
+
+```js
+assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1]), [1, 2, 3, 5]);
+```
+
+`uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8])` повинен повертатися як `[1, 2, 3, 5, 4, 6, 7, 8]`.
+
+```js
+assert.deepEqual(uniteUnique([1, 2, 3], [5, 2, 1, 4], [2, 1], [6, 7, 8]), [
+  1,
+  2,
+  3,
+  5,
+  4,
+  6,
+  7,
+  8
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function uniteUnique(arr) {
+  return arr;
+}
+
+uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
+```
+
+# --solutions--
+
+```js
+function uniteUnique(arr) {
+  return [].slice.call(arguments).reduce(function(a, b) {
+    return [].concat(a, b.filter(function(e) {return a.indexOf(e) === -1;}));
+  }, []);
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md
new file mode 100644
index 0000000000..ed1275ce93
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/spinal-tap-case.md
@@ -0,0 +1,70 @@
+---
+id: a103376db3ba46b2d50db289
+title: Spinal Tap Case
+challengeType: 5
+forumTopicId: 16078
+dashedName: spinal-tap-case
+---
+
+# --description--
+
+Перетворити рядок в spinal case. У spinal case усі-слова-в-нижньому-регістрі-і-розділені-тире.
+
+# --hints--
+
+`spinalCase("This Is Spinal Tap")` повинен повертати рядок `this-is-spinal-tap`.
+
+```js
+assert.deepEqual(spinalCase('This Is Spinal Tap'), 'this-is-spinal-tap');
+```
+
+`spinalCase("thisIsSpinalTap")` повинен повертати рядок `this-is-spinal-tap`.
+
+```js
+assert.strictEqual(spinalCase('thisIsSpinalTap'), 'this-is-spinal-tap');
+```
+
+`spinalCase("The_Andy_Griffith_Show")` повинен повертати рядок `the-andy-griffith-show`.
+
+```js
+assert.strictEqual(
+  spinalCase('The_Andy_Griffith_Show'),
+  'the-andy-griffith-show'
+);
+```
+
+`spinalCase("Teletubbies say Eh-oh")` повинен повертати рядок `teletubbies-say-eh-oh`.
+
+```js
+assert.strictEqual(
+  spinalCase('Teletubbies say Eh-oh'),
+  'teletubbies-say-eh-oh'
+);
+```
+
+`spinalCase("AllThe-small Things")` повинен повертати рядок `all-the-small-things`.
+
+```js
+assert.strictEqual(spinalCase('AllThe-small Things'), 'all-the-small-things');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spinalCase(str) {
+  return str;
+}
+
+spinalCase('This Is Spinal Tap');
+```
+
+# --solutions--
+
+```js
+function spinalCase(str) {
+  str = str.replace(/([a-z](?=[A-Z]))/g, '$1 ');
+  return str.toLowerCase().replace(/\ |\_/g, '-');
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md
new file mode 100644
index 0000000000..f51287210e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/steamroller.md
@@ -0,0 +1,72 @@
+---
+id: ab306dbdcc907c7ddfc30830
+title: Steamroller
+challengeType: 5
+forumTopicId: 16079
+dashedName: steamroller
+---
+
+# --description--
+
+Стиснути вкладений масив. Необхідно враховувати різні рівні вкладення.
+
+# --hints--
+
+`steamrollArray([[["a"]], [["b"]]])` повинен повертатися як `["a", "b"]`.
+
+```js
+assert.deepEqual(steamrollArray([[['a']], [['b']]]), ['a', 'b']);
+```
+
+`steamrollArray([1, [2], [3, [[4]]]])` повинен повертатися як `[1, 2, 3, 4]`.
+
+```js
+assert.deepEqual(steamrollArray([1, [2], [3, [[4]]]]), [1, 2, 3, 4]);
+```
+
+`steamrollArray([1, [], [3, [[4]]]])` повинен повертатися як `[1, 3, 4]`.
+
+```js
+assert.deepEqual(steamrollArray([1, [], [3, [[4]]]]), [1, 3, 4]);
+```
+
+`steamrollArray([1, {}, [3, [[4]]]])` повинен повертатися як `[1, {}, 3, 4]`.
+
+```js
+assert.deepEqual(steamrollArray([1, {}, [3, [[4]]]]), [1, {}, 3, 4]);
+```
+
+У вашому рішенні не повинні використовуватися методи `Array.prototype.flat()` або `Array.prototype.flatMap()`.
+
+```js
+assert(!code.match(/\.\s*flat\s*\(/) && !code.match(/\.\s*flatMap\s*\(/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function steamrollArray(arr) {
+  return arr;
+}
+
+steamrollArray([1, [2], [3, [[4]]]]);
+```
+
+# --solutions--
+
+```js
+function steamrollArray(arr) {
+  if (!Array.isArray(arr)) {
+    return [arr];
+  }
+  var out = [];
+  arr.forEach(function(e) {
+    steamrollArray(e).forEach(function(v) {
+      out.push(v);
+    });
+  });
+  return out;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md
new file mode 100644
index 0000000000..653284df45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-numbers-in-a-range.md
@@ -0,0 +1,70 @@
+---
+id: a3566b1109230028080c9345
+title: Сума всіх чисел в діапазоні
+challengeType: 5
+forumTopicId: 16083
+dashedName: sum-all-numbers-in-a-range
+---
+
+# --description--
+
+Ми дамо вам масив з двох чисел. Поверніть суму цих двох чисел плюс суму усіх чисел між ними. Найменше число не завжди буде на першому місці.
+
+Наприклад, `sumAll([4,1])` потрібно повернути `10`, тому що сума всіх чисел між 1 і 4 (включно з ними) дорівнює `10`.
+
+# --hints--
+
+`sumAll([1, 4])` повинен повертати число.
+
+```js
+assert(typeof sumAll([1, 4]) === 'number');
+```
+
+`sumAll([1, 4])` повинен повернутися як 10.
+
+```js
+assert.deepEqual(sumAll([1, 4]), 10);
+```
+
+`sumAll([4, 1])` повинен повернутися як 10.
+
+```js
+assert.deepEqual(sumAll([4, 1]), 10);
+```
+
+`sumAll([5, 10])` повинен повернутися як 45.
+
+```js
+assert.deepEqual(sumAll([5, 10]), 45);
+```
+
+`sumAll([10, 5])` повинен повернутися як 45.
+
+```js
+assert.deepEqual(sumAll([10, 5]), 45);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumAll(arr) {
+  return 1;
+}
+
+sumAll([1, 4]);
+```
+
+# --solutions--
+
+```js
+function sumAll(arr) {
+  var sum = 0;
+  arr.sort(function(a,b) {return a-b;});
+  for (var i = arr[0]; i <= arr[1]; i++) {
+    sum += i;
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md
new file mode 100644
index 0000000000..f9da94f885
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-odd-fibonacci-numbers.md
@@ -0,0 +1,82 @@
+---
+id: a5229172f011153519423690
+title: Сума усіх непарних чисел Фібоначчі
+challengeType: 5
+forumTopicId: 16084
+dashedName: sum-all-odd-fibonacci-numbers
+---
+
+# --description--
+
+Написати функцію з додатним цілим числом `num`, що повертає суму усіх непарних чисел Фібоначчі, які менше або дорівнюють `num`.
+
+Перші два числа в послідовності Фібоначчі - це 1 і 1. Кожне додаткове число у послідовності є сумою двох попередніх чисел. Перші шість чисел послідовності Фібоначчі - це 1, 1, 2, 3, 5 і 8.
+
+Наприклад, `sumFibs(10)` потрібно повернути `10`, тому що всі непарні числа Фібоначчі, які менше або дорівнюють `10` - це 1, 1, 3 і 5.
+
+# --hints--
+
+`sumFibs(1)` потрібно повернути число.
+
+```js
+assert(typeof sumFibs(1) === 'number');
+```
+
+`sumFibs(1000)` потрібно повернути 1785.
+
+```js
+assert(sumFibs(1000) === 1785);
+```
+
+`sumFibs(4000000)` потрібно повернути 4613732.
+
+```js
+assert(sumFibs(4000000) === 4613732);
+```
+
+`sumFibs(4)` потрібно повернути 5.
+
+```js
+assert(sumFibs(4) === 5);
+```
+
+`sumFibs(75024)` потрібно повернути 60696.
+
+```js
+assert(sumFibs(75024) === 60696);
+```
+
+`sumFibs(75025)` потрібно повернути 135721.
+
+```js
+assert(sumFibs(75025) === 135721);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumFibs(num) {
+  return num;
+}
+
+sumFibs(4);
+```
+
+# --solutions--
+
+```js
+function sumFibs(num) {
+  var a = 1;
+  var b = 1;
+  var s = 0;
+  while (a <= num) {
+    if (a % 2 !== 0) {
+      s += a;
+    }
+    a = [b, b=b+a][0];
+  }
+  return s;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md
new file mode 100644
index 0000000000..f46fc44579
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/sum-all-primes.md
@@ -0,0 +1,75 @@
+---
+id: a3bfc1673c0526e06d3ac698
+title: Сума простих чисел
+challengeType: 5
+forumTopicId: 16085
+dashedName: sum-all-primes
+---
+
+# --description--
+
+<dfn>Просте число</dfn> це ціле число, більше ніж 1 і має рівно два різних натуральних дільники: 1 і саме число. Наприклад, 2 - це просте число, тому що воно ділиться лише на 1 і 2. І навпаки, 4 не є простим числом, оскільки воно ділиться на 1, 2 і 4.
+
+Переписати `sumPrimes` таким чином, щоб поверталася сума всіх простих чисел, які менше або дорівнюють num.
+
+# --hints--
+
+`sumPrimes(10)` потрібно повернути число.
+
+```js
+assert.deepEqual(typeof sumPrimes(10), 'number');
+```
+
+`sumPrimes(10)` потрібно повертати 17.
+
+```js
+assert.deepEqual(sumPrimes(10), 17);
+```
+
+`sumPrimes(977)` потрібно повертати 73156.
+
+```js
+assert.deepEqual(sumPrimes(977), 73156);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumPrimes(num) {
+  return num;
+}
+
+sumPrimes(10);
+```
+
+# --solutions--
+
+```js
+function eratosthenesArray(n) {
+    var primes = [];
+    if (n > 2) {
+        var half = n>>1;
+        var sieve = Array(half);
+        for (var i = 1, limit = Math.sqrt(n)>>1; i <= limit; i++) {
+            if (!sieve[i]) {
+                for (var step = 2*i+1, j = (step*step)>>1; j < half; j+=step) {
+                    sieve[j] = true;
+                }
+            }
+        }
+        primes.push(2);
+        for (var p = 1; p < half; p++) {
+            if (!sieve[p]) primes.push(2*p+1);
+        }
+    }
+    return primes;
+}
+
+function sumPrimes(num) {
+  return eratosthenesArray(num+1).reduce(function(a,b) {return a+b;}, 0);
+}
+
+sumPrimes(10);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md
new file mode 100644
index 0000000000..ebcb5bbf72
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/wherefore-art-thou.md
@@ -0,0 +1,130 @@
+---
+id: a8e512fbe388ac2f9198f0fa
+title: Wherefore art thou
+challengeType: 5
+forumTopicId: 16092
+dashedName: wherefore-art-thou
+---
+
+# --description--
+
+Написати функцію, яка проглядає масив об'єктів (перший аргумент) і повертає масив усіх об'єктів, які мають однакові пари імен і значень (другий аргумент). Кожна пара імен та значень вихідного об'єкта повинна бути присутньою в об'єкті з колекції, якщо вона повинна бути включена в масив, що повертається.
+
+Наприклад, якщо перший аргумент `[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]`, а другий аргумент `{ last: "Capulet" }`, тоді потрібно повернути третій об'єкт з масиву (перший аргумент), тому що він містить назву і значення, які були передані як другий аргумент.
+
+# --hints--
+
+`whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" })` повинен повертатися як `[{ first: "Tybalt", last: "Capulet" }]`.
+
+```js
+assert.deepEqual(
+  whatIsInAName(
+    [
+      { first: 'Romeo', last: 'Montague' },
+      { first: 'Mercutio', last: null },
+      { first: 'Tybalt', last: 'Capulet' }
+    ],
+    { last: 'Capulet' }
+  ),
+  [{ first: 'Tybalt', last: 'Capulet' }]
+);
+```
+
+`whatIsInAName([{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }], { "apple": 1 })` повинен повертатися як `[{ "apple": 1 }, { "apple": 1 }, { "apple": 1, "bat": 2 }]`.
+
+```js
+assert.deepEqual(
+  whatIsInAName([{ apple: 1 }, { apple: 1 }, { apple: 1, bat: 2 }], {
+    apple: 1
+  }),
+  [{ apple: 1 }, { apple: 1 }, { apple: 1, bat: 2 }]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "bat": 2 })` повинен повертатися як `[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie": 2 }]`.
+
+```js
+assert.deepEqual(
+  whatIsInAName(
+    [{ apple: 1, bat: 2 }, { bat: 2 }, { apple: 1, bat: 2, cookie: 2 }],
+    { apple: 1, bat: 2 }
+  ),
+  [
+    { apple: 1, bat: 2 },
+    { apple: 1, bat: 2, cookie: 2 }
+  ]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }], { "apple": 1, "cookie": 2 })` повинен повертатися як `[{ "apple": 1, "bat": 2, "cookie": 2 }]`.
+
+```js
+assert.deepEqual(
+  whatIsInAName(
+    [{ apple: 1, bat: 2 }, { apple: 1 }, { apple: 1, bat: 2, cookie: 2 }],
+    { apple: 1, cookie: 2 }
+  ),
+  [{ apple: 1, bat: 2, cookie: 2 }]
+);
+```
+
+`whatIsInAName([{ "apple": 1, "bat": 2 }, { "apple": 1 }, { "apple": 1, "bat": 2, "cookie": 2 }, { "bat":2 }], { "apple": 1, "bat": 2 })` повинен повертатися як `[{ "apple": 1, "bat": 2 }, { "apple": 1, "bat": 2, "cookie":2 }]`.
+
+```js
+assert.deepEqual(
+  whatIsInAName(
+    [
+      { apple: 1, bat: 2 },
+      { apple: 1 },
+      { apple: 1, bat: 2, cookie: 2 },
+      { bat: 2 }
+    ],
+    { apple: 1, bat: 2 }
+  ),
+  [
+    { apple: 1, bat: 2 },
+    { apple: 1, bat: 2, cookie: 2 }
+  ]
+);
+```
+
+`whatIsInAName([{"a": 1, "b": 2, "c": 3}], {"a": 1, "b": 9999, "c": 3})` повинен повертатися як `[]`
+
+```js
+assert.deepEqual(
+  whatIsInAName([{ a: 1, b: 2, c: 3 }], { a: 1, b: 9999, c: 3 }),
+  []
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function whatIsInAName(collection, source) {
+  const arr = [];
+  // Only change code below this line
+
+
+  // Only change code above this line
+  return arr;
+}
+
+whatIsInAName([{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }], { last: "Capulet" });
+```
+
+# --solutions--
+
+```js
+function whatIsInAName(collection, source) {
+  const arr = [];
+  const keys = Object.keys(source);
+  collection.forEach(function(e) {
+    if(keys.every(function(key) {return e[key] === source[key];})) {
+      arr.push(e);
+    }
+  });
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md
new file mode 100644
index 0000000000..e68131bf21
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/caesars-cipher.md
@@ -0,0 +1,88 @@
+---
+id: 56533eb9ac21ba0edf2244e2
+title: Шифр Цезаря
+challengeType: 5
+forumTopicId: 16003
+dashedName: caesars-cipher
+---
+
+# --description--
+
+Одним з найпростіших і найпоширеніших <dfn>шифрів</dfn> є <dfn>шифр Цезаря</dfn>, також відомий як <dfn>шифр зсуву</dfn>. У шифрі зсуву кожна літера заміняється на ту, що віддалена від неї в алфавіті на сталу кількість позицій.
+
+Поширеним різновидом шифру Цезаря є алгоритм [ROT13](https://en.wikipedia.org/wiki/ROT13) який заміняє літеру 13 буквою в абетці після неї. Таким чином, `A ↔ N`, `B ↔ O` і так далі.
+
+Напишіть функцію, у якій вхідними даними буде рядок, закодований шифром [ROT13](https://en.wikipedia.org/wiki/ROT13), а вихідними даними - розшифрований рядок.
+
+У шифрі використовуються тільки великі літери. Не потрібно замінювати неалфавітні символи (тобто, пробіли, знаки пунктуації), але їх треба переносити до шифру.
+
+# --hints--
+
+`rot13("SERR PBQR PNZC")` розшифровується як `FREE CODE CAMP`
+
+```js
+assert(rot13('SERR PBQR PNZC') === 'FREE CODE CAMP');
+```
+
+`rot13("SERR CVMMN!")` розшифровується як `FREE PIZZA!`
+
+```js
+assert(rot13('SERR CVMMN!') === 'FREE PIZZA!');
+```
+
+`rot13("SERR YBIR?")` розшифровується як `FREE LOVE?`
+
+```js
+assert(rot13('SERR YBIR?') === 'FREE LOVE?');
+```
+
+`rot13("GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.")` розшифровується як `THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.`
+
+```js
+assert(
+  rot13('GUR DHVPX OEBJA SBK WHZCF BIRE GUR YNML QBT.') ===
+    'THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG.'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rot13(str) {
+  return str;
+}
+
+rot13("SERR PBQR PNZC");
+```
+
+# --solutions--
+
+```js
+var lookup = {
+  'A': 'N','B': 'O','C': 'P','D': 'Q',
+  'E': 'R','F': 'S','G': 'T','H': 'U',
+  'I': 'V','J': 'W','K': 'X','L': 'Y',
+  'M': 'Z','N': 'A','O': 'B','P': 'C',
+  'Q': 'D','R': 'E','S': 'F','T': 'G',
+  'U': 'H','V': 'I','W': 'J','X': 'K',
+  'Y': 'L','Z': 'M'
+};
+
+function rot13(encodedStr) {
+  var codeArr = encodedStr.split("");  // String to Array
+  var decodedArr = []; // Your Result goes here
+  // Only change code below this line
+
+  decodedArr = codeArr.map(function(letter) {
+    if(lookup.hasOwnProperty(letter)) {
+      letter = lookup[letter];
+    }
+    return letter;
+  });
+
+  // Only change code above this line
+  return decodedArr.join(""); // Array to String
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md
new file mode 100644
index 0000000000..a48415f17a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/cash-register.md
@@ -0,0 +1,252 @@
+---
+id: aa2e6f85cab2ab736c9a9b24
+title: Касовий апарат
+challengeType: 5
+forumTopicId: 16012
+dashedName: cash-register
+---
+
+# --description--
+
+Розробіть функцію касового апарату `checkCashRegister()`, у якій перший параметр - це сума покупки (`price`), другий параметр - сума платежу (`cash`), і сума готівки в касі (`cid`) - третій параметр.
+
+`cid` - це двовимірний масив, що містить список доступних валют.
+
+Функція `checkCashRegister()` завжди повинна повертатися як об'єкт з ключем `status` і ключем `change`.
+
+Повернути `{status: "INSUFFICIENT_FUNDS", change: []}` якщо сума готівки в касі менша ніж здача, або якщо ви не можете віддати без здачі.
+
+Повернути `{status: "CLOSED", change: [...]}` сума готівки в касі є значенням для ключа `change` якщо вона дорівнює здачі.
+
+В іншому випадку, повернути `{status: "OPEN", change: [...]}`, здачу в монетах і банкнотах, в порядку від найбільшої до найменшої, так як значення ключа `change`.
+
+<table class='table table-striped'><tbody><tr><th>Грошова одиниця</th><th>Сума</th></tr><tr><td>Пенні</td><td>$0.01 (ПЕННІ)</td></tr><tr><td>Нікель</td><td>$0.05 (НІКЕЛЬ)</td></tr><tr><td>Дайм (монета у 10 центів)</td><td>$0.1 (ДАЙМ)</td></tr><tr><td>Чверть</td><td>$0.25 (ЧВЕРТЬ)</td></tr><tr><td>Долар</td><td>$1 (ОДИН)</td></tr><tr><td>П'ять доларів</td><td>$5 (П'ЯТЬ)</td></tr><tr><td>Десять доларів</td><td>$10 (ДЕСЯТЬ)</td></tr><tr><td>Двадцять доларів</td><td>$20 (ДВАДЦЯТЬ)</td></tr><tr><td>Сто доларів</td><td>$100 (СТО)</td></tr></tbody></table>
+
+Подивіться нижче на приклад cid масиву:
+
+```js
+[
+  ["PENNY", 1.01],
+  ["NICKEL", 2.05],
+  ["DIME", 3.1],
+  ["QUARTER", 4.25],
+  ["ONE", 90],
+  ["FIVE", 55],
+  ["TEN", 20],
+  ["TWENTY", 60],
+  ["ONE HUNDRED", 100]
+]
+```
+
+# --hints--
+
+`checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` потрібно повернути об'єкт.
+
+```js
+assert.deepEqual(
+  Object.prototype.toString.call(
+    checkCashRegister(19.5, 20, [
+      ['PENNY', 1.01],
+      ['NICKEL', 2.05],
+      ['DIME', 3.1],
+      ['QUARTER', 4.25],
+      ['ONE', 90],
+      ['FIVE', 55],
+      ['TEN', 20],
+      ['TWENTY', 60],
+      ['ONE HUNDRED', 100]
+    ])
+  ),
+  '[object Object]'
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` потрібно повернути `{status: "OPEN", change: [["QUARTER", 0.5]]}`.
+
+```js
+assert.deepEqual(
+  checkCashRegister(19.5, 20, [
+    ['PENNY', 1.01],
+    ['NICKEL', 2.05],
+    ['DIME', 3.1],
+    ['QUARTER', 4.25],
+    ['ONE', 90],
+    ['FIVE', 55],
+    ['TEN', 20],
+    ['TWENTY', 60],
+    ['ONE HUNDRED', 100]
+  ]),
+  { status: 'OPEN', change: [['QUARTER', 0.5]] }
+);
+```
+
+`checkCashRegister(3.26, 100, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]])` потрібно повернути `{status: "OPEN", change: [["TWENTY", 60], ["TEN", 20], ["FIVE", 15], ["ONE", 1], ["QUARTER", 0.5], ["DIME", 0.2], ["PENNY", 0.04]]}`.
+
+```js
+assert.deepEqual(
+  checkCashRegister(3.26, 100, [
+    ['PENNY', 1.01],
+    ['NICKEL', 2.05],
+    ['DIME', 3.1],
+    ['QUARTER', 4.25],
+    ['ONE', 90],
+    ['FIVE', 55],
+    ['TEN', 20],
+    ['TWENTY', 60],
+    ['ONE HUNDRED', 100]
+  ]),
+  {
+    status: 'OPEN',
+    change: [
+      ['TWENTY', 60],
+      ['TEN', 20],
+      ['FIVE', 15],
+      ['ONE', 1],
+      ['QUARTER', 0.5],
+      ['DIME', 0.2],
+      ['PENNY', 0.04]
+    ]
+  }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` потрібно повернути `{status: "INSUFFICIENT_FUNDS", change: []}`.
+
+```js
+assert.deepEqual(
+  checkCashRegister(19.5, 20, [
+    ['PENNY', 0.01],
+    ['NICKEL', 0],
+    ['DIME', 0],
+    ['QUARTER', 0],
+    ['ONE', 0],
+    ['FIVE', 0],
+    ['TEN', 0],
+    ['TWENTY', 0],
+    ['ONE HUNDRED', 0]
+  ]),
+  { status: 'INSUFFICIENT_FUNDS', change: [] }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` потрібно повернути `{status: "INSUFFICIENT_FUNDS", change: []}`.
+
+```js
+assert.deepEqual(
+  checkCashRegister(19.5, 20, [
+    ['PENNY', 0.01],
+    ['NICKEL', 0],
+    ['DIME', 0],
+    ['QUARTER', 0],
+    ['ONE', 1],
+    ['FIVE', 0],
+    ['TEN', 0],
+    ['TWENTY', 0],
+    ['ONE HUNDRED', 0]
+  ]),
+  { status: 'INSUFFICIENT_FUNDS', change: [] }
+);
+```
+
+`checkCashRegister(19.5, 20, [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]])` потрібно повернути `{status: "CLOSED", change: [["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]}`.
+
+```js
+assert.deepEqual(
+  checkCashRegister(19.5, 20, [
+    ['PENNY', 0.5],
+    ['NICKEL', 0],
+    ['DIME', 0],
+    ['QUARTER', 0],
+    ['ONE', 0],
+    ['FIVE', 0],
+    ['TEN', 0],
+    ['TWENTY', 0],
+    ['ONE HUNDRED', 0]
+  ]),
+  {
+    status: 'CLOSED',
+    change: [
+      ['PENNY', 0.5],
+      ['NICKEL', 0],
+      ['DIME', 0],
+      ['QUARTER', 0],
+      ['ONE', 0],
+      ['FIVE', 0],
+      ['TEN', 0],
+      ['TWENTY', 0],
+      ['ONE HUNDRED', 0]
+    ]
+  }
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkCashRegister(price, cash, cid) {
+  let change;
+  return change;
+}
+
+checkCashRegister(19.5, 20, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]);
+```
+
+# --solutions--
+
+```js
+const denom = [
+  { name: "ONE HUNDRED", val: 100 },
+  { name: "TWENTY", val: 20 },
+  { name: "TEN", val: 10 },
+  { name: "FIVE", val: 5 },
+  { name: "ONE", val: 1 },
+  { name: "QUARTER", val: 0.25 },
+  { name: "DIME", val: 0.1 },
+  { name: "NICKEL", val: 0.05 },
+  { name: "PENNY", val: 0.01 },
+];
+
+function checkCashRegister(price, cash, cid) {
+  const output = { status: null, change: [] };
+  let change = cash - price;
+  const register = cid.reduce(
+    function (acc, curr) {
+      acc.total += curr[1];
+      acc[curr[0]] = curr[1];
+      return acc;
+    },
+    { total: 0 }
+  );
+  if (register.total === change) {
+    output.status = "CLOSED";
+    output.change = cid;
+    return output;
+  }
+  if (register.total < change) {
+    output.status = "INSUFFICIENT_FUNDS";
+    return output;
+  }
+  const change_arr = denom.reduce(function (acc, curr) {
+    let value = 0;
+    while (register[curr.name] > 0 && change >= curr.val) {
+      change -= curr.val;
+      register[curr.name] -= curr.val;
+      value += curr.val;
+      change = Math.round(change * 100) / 100;
+    }
+    if (value > 0) {
+      acc.push([curr.name, value]);
+    }
+    return acc;
+  }, []);
+  if (change_arr.length < 1 || change > 0) {
+    output.status = "INSUFFICIENT_FUNDS";
+    return output;
+  }
+  output.status = "OPEN";
+  output.change = change_arr;
+  return output;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md
new file mode 100644
index 0000000000..cebf0a9125
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/palindrome-checker.md
@@ -0,0 +1,150 @@
+---
+id: aaa48de84e1ecc7c742e1124
+title: Перевірка паліндрому
+challengeType: 5
+forumTopicId: 16004
+dashedName: palindrome-checker
+---
+
+# --description--
+
+Повернути `true` якщо заданий рядок є паліндромом. В іншому випадку, повернути `false`.
+
+A <dfn>palindrome</dfn  - це слово чи речення, що однаково пишеться в обох напрямках (зліва направо та справа наліво), незважаючи на розділові знаки, регістр та пробіли.</p> 
+
+<p spaces-before="0">
+  <strong x-id="1">Примітка:</strong> Вам потрібно буде прибрати <strong x-id="1">усі неалфавітні символи</strong> (розділові знаки, пробіли та символи) і перетворити увесь текст в однаковий регістр (нижній або верхній регістр) для перевірки паліндромів.
+</p>
+
+<p spaces-before="0">
+  Ми будемо пропускати рядки з різними форматами, наприклад <code>racecar</code>, <code>RaceCar</code>, і <code>race CAR</code> у числі інших.
+</p>
+
+<p spaces-before="0">
+  Ми також будемо пропускати рядки з спеціальними символами, наприклад <code>2A3*3a2</code>, <code>2A3 3a2</code>, і <code>2_A3*3#A2</code>.
+</p>
+
+<h1 spaces-before="0">
+  --hints--
+</h1>
+
+<p spaces-before="0">
+  <code>palindrome("eye")</code> повинен повертатися як логічне значення.
+</p>
+
+<pre><code class="js">assert(typeof palindrome('eye') === 'boolean');
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("eye")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('eye') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("_eye")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('_eye') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("race car")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('race car') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("not a palindrome")</code> повинен повертатися як <code>false</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('not a palindrome') === false);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("A man, a plan, a canal. Panama")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('A man, a plan, a canal. Panama') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("never odd or even")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('never odd or even') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("nope")</code> повинен повертатися як <code>false</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('nope') === false);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("almostomla")</code> повинен повертатися як <code>false</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('almostomla') === false);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("My age is 0, 0 si ega ym.")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('My age is 0, 0 si ega ym.') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("1 eye for of 1 eye.")</code> повинен повертатися як <code>false</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('1 eye for of 1 eye.') === false);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("0_0 (: /-\ :) 0-0")</code> повинен повертатися як <code>true</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('0_0 (: /- :) 0-0') === true);
+</code></pre>
+
+<p spaces-before="0">
+  <code>palindrome("five|\_/|four")</code> повинен повертатися як <code>false</code>.
+</p>
+
+<pre><code class="js">assert(palindrome('five|_/|four') === false);
+</code></pre>
+
+<h1 spaces-before="0">
+  --seed--
+</h1>
+
+<h2 spaces-before="0">
+  --seed-contents--
+</h2>
+
+<pre><code class="js">function palindrome(str) {
+  return true;
+}
+
+palindrome("eye");
+</code></pre>
+
+<h1 spaces-before="0">
+  --solutions--
+</h1>
+
+<pre><code class="js">function palindrome(str) {
+  var string = str.toLowerCase().split(/[^A-Za-z0-9]/gi).join('');
+  var aux = string.split('');
+  if (aux.join('') === aux.reverse().join('')){
+    return true;
+  }
+
+  return false;
+}
+</code></pre>
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md
new file mode 100644
index 0000000000..4c6a3e7c25
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/roman-numeral-converter.md
@@ -0,0 +1,199 @@
+---
+id: a7f4d8f2483413a6ce226cac
+title: Конвертер римських цифр
+challengeType: 5
+forumTopicId: 16044
+dashedName: roman-numeral-converter
+---
+
+# --description--
+
+Перетворити задане число у римську систему числення.
+
+Усі [Римські цифри](http://www.mathsisfun.com/roman-numerals.html) повинні бути у верхньому регістрі.
+
+# --hints--
+
+`convertToRoman(2)` повинен повертати рядок `II`.
+
+```js
+assert.deepEqual(convertToRoman(2), 'II');
+```
+
+`convertToRoman(3)` повинен повертати рядок `III`.
+
+```js
+assert.deepEqual(convertToRoman(3), 'III');
+```
+
+`convertToRoman(4)` повинен повертати рядок `IV`.
+
+```js
+assert.deepEqual(convertToRoman(4), 'IV');
+```
+
+`convertToRoman(5)` повинен повертати рядок `V`.
+
+```js
+assert.deepEqual(convertToRoman(5), 'V');
+```
+
+`convertToRoman(9)` повинен повертати рядок `IX`.
+
+```js
+assert.deepEqual(convertToRoman(9), 'IX');
+```
+
+`convertToRoman(12)` повинен повертати рядок `XII`.
+
+```js
+assert.deepEqual(convertToRoman(12), 'XII');
+```
+
+`convertToRoman(16)` повинен повертати рядок `XVI`.
+
+```js
+assert.deepEqual(convertToRoman(16), 'XVI');
+```
+
+`convertToRoman(29)` повинен повертати рядок `XXIX`.
+
+```js
+assert.deepEqual(convertToRoman(29), 'XXIX');
+```
+
+`convertToRoman(44)` повинен повертати рядок `XLIV`.
+
+```js
+assert.deepEqual(convertToRoman(44), 'XLIV');
+```
+
+`convertToRoman(45)` повинен повертати рядок `XLV`.
+
+```js
+assert.deepEqual(convertToRoman(45), 'XLV');
+```
+
+`convertToRoman(68)` повинен повертати рядок `LXVIII`
+
+```js
+assert.deepEqual(convertToRoman(68), 'LXVIII');
+```
+
+`convertToRoman(83)` повинен повертати рядок `LXXXIII`
+
+```js
+assert.deepEqual(convertToRoman(83), 'LXXXIII');
+```
+
+`convertToRoman(97)` повинен повертати рядок `XCVII`
+
+```js
+assert.deepEqual(convertToRoman(97), 'XCVII');
+```
+
+`convertToRoman(99)` повинен повертати рядок `XCIX`
+
+```js
+assert.deepEqual(convertToRoman(99), 'XCIX');
+```
+
+`convertToRoman(400)` повинен повертати рядок `CD`
+
+```js
+assert.deepEqual(convertToRoman(400), 'CD');
+```
+
+`convertToRoman(500)` повинен повертати рядок `D`
+
+```js
+assert.deepEqual(convertToRoman(500), 'D');
+```
+
+`convertToRoman(501)` повинен повертати рядок `DI`
+
+```js
+assert.deepEqual(convertToRoman(501), 'DI');
+```
+
+`convertToRoman(649)` повинен повертати рядок `DCXLIX`
+
+```js
+assert.deepEqual(convertToRoman(649), 'DCXLIX');
+```
+
+`convertToRoman(798)` повинен повертати рядок `DCCXCVIII`
+
+```js
+assert.deepEqual(convertToRoman(798), 'DCCXCVIII');
+```
+
+`convertToRoman(891)` повинен повертати рядок `DCCCXCI`
+
+```js
+assert.deepEqual(convertToRoman(891), 'DCCCXCI');
+```
+
+`convertToRoman(1000)` повинен повертати рядок `M`
+
+```js
+assert.deepEqual(convertToRoman(1000), 'M');
+```
+
+`convertToRoman(1004)` повинен повертати рядок `MIV`
+
+```js
+assert.deepEqual(convertToRoman(1004), 'MIV');
+```
+
+`convertToRoman(1006)` повинен повертати рядок `MVI`
+
+```js
+assert.deepEqual(convertToRoman(1006), 'MVI');
+```
+
+`convertToRoman(1023)` повинен повертати рядок `MXXIII`
+
+```js
+assert.deepEqual(convertToRoman(1023), 'MXXIII');
+```
+
+`convertToRoman(2014)` повинен повертати рядок `MMXIV`
+
+```js
+assert.deepEqual(convertToRoman(2014), 'MMXIV');
+```
+
+`convertToRoman(3999)` повинен повертати рядок `MMMCMXCIX`
+
+```js
+assert.deepEqual(convertToRoman(3999), 'MMMCMXCIX');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convertToRoman(num) {
+ return num;
+}
+
+convertToRoman(36);
+```
+
+# --solutions--
+
+```js
+function convertToRoman(num) {
+  var ref = [['M', 1000], ['CM', 900], ['D', 500], ['CD', 400], ['C', 100], ['XC', 90], ['L', 50], ['XL', 40], ['X', 10], ['IX', 9], ['V', 5], ['IV', 4], ['I', 1]];
+  var res = [];
+  ref.forEach(function(p) {
+    while (num >= p[1]) {
+      res.push(p[0]);
+      num -= p[1];
+    }
+  });
+  return res.join('');
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md
new file mode 100644
index 0000000000..122265d493
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/javascript-algorithms-and-data-structures-projects/telephone-number-validator.md
@@ -0,0 +1,211 @@
+---
+id: aff0395860f5d3034dc0bfc9
+title: Валідатор телефонного номеру
+challengeType: 5
+forumTopicId: 16090
+dashedName: telephone-number-validator
+---
+
+# --description--
+
+Повернути `true`, якщо надісланий рядок виглядає як дійсний номер телефону США.
+
+Користувач може заповнити поле форми в будь-який спосіб, тільки якщо він має формат дійсного номера США. Нижче наведені приклади припустимих форматів для номерів телефону США (для інших варіантів, зверніться до тестів нижче):
+
+<blockquote>555-555-5555<br>(555)555-5555<br>(555) 555-5555<br>555 555 5555<br>5555555555<br>1 555 555 5555</blockquote>
+
+У цьому завданні вам буде дано рядок, наприклад `800-692-7753` або `8oo-six427676;laskdjf`. Ваше завдання - підтвердити або визнати недійсним номер телефону США на основі будь-якої комбінації форматів, наданих вище. Телефонний код міста є обов'язковим. Якщо введено телефонний код країни, необхідно підтвердити, що телефонний код країни - `1`. Повернути `true`, якщо рядок є дійсним номером телефону США; в іншому випадку, повернути `false`.
+
+# --hints--
+
+`telephoneCheck("555-555-5555")` повинен повертатися як булеве значення.
+
+```js
+assert(typeof telephoneCheck('555-555-5555') === 'boolean');
+```
+
+`telephoneCheck("1 555-555-5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('1 555-555-5555') === true);
+```
+
+`telephoneCheck("1 (555) 555-5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('1 (555) 555-5555') === true);
+```
+
+`telephoneCheck("5555555555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('5555555555') === true);
+```
+
+`telephoneCheck("555-555-5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('555-555-5555') === true);
+```
+
+`telephoneCheck("(555)555-5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('(555)555-5555') === true);
+```
+
+`telephoneCheck("1(555)555-5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('1(555)555-5555') === true);
+```
+
+`telephoneCheck("555-5555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('555-5555') === false);
+```
+
+`telephoneCheck("5555555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('5555555') === false);
+```
+
+`telephoneCheck("1 555)555-5555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('1 555)555-5555') === false);
+```
+
+`telephoneCheck("1 555 555 5555")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('1 555 555 5555') === true);
+```
+
+`telephoneCheck("1 456 789 4444")` повинен повертатися як `true`.
+
+```js
+assert(telephoneCheck('1 456 789 4444') === true);
+```
+
+`telephoneCheck("123**&!!asdf#")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('123**&!!asdf#') === false);
+```
+
+`telephoneCheck("55555555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('55555555') === false);
+```
+
+`telephoneCheck("(6054756961)")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('(6054756961)') === false);
+```
+
+`telephoneCheck("2 (757) 622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('2 (757) 622-7382') === false);
+```
+
+`telephoneCheck("0 (757) 622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('0 (757) 622-7382') === false);
+```
+
+`telephoneCheck("-1 (757) 622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('-1 (757) 622-7382') === false);
+```
+
+`telephoneCheck("2 757 622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('2 757 622-7382') === false);
+```
+
+`telephoneCheck("10 (757) 622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('10 (757) 622-7382') === false);
+```
+
+`telephoneCheck("27576227382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('27576227382') === false);
+```
+
+`telephoneCheck("(275)76227382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('(275)76227382') === false);
+```
+
+`telephoneCheck("2(757)6227382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('2(757)6227382') === false);
+```
+
+`telephoneCheck("2(757)622-7382")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('2(757)622-7382') === false);
+```
+
+`telephoneCheck("555)-555-5555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('555)-555-5555') === false);
+```
+
+`telephoneCheck("(555-555-5555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('(555-555-5555') === false);
+```
+
+`telephoneCheck("(555)5(55?)-5555")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('(555)5(55?)-5555') === false);
+```
+
+`telephoneCheck("55 55-55-555-5")` повинен повертатися як `false`.
+
+```js
+assert(telephoneCheck('55 55-55-555-5') === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function telephoneCheck(str) {
+  return true;
+}
+
+telephoneCheck("555-555-5555");
+```
+
+# --solutions--
+
+```js
+var re = /^([+]?1[\s]?)?((?:[(](?:[2-9]1[02-9]|[2-9][02-8][0-9])[)][\s]?)|(?:(?:[2-9]1[02-9]|[2-9][02-8][0-9])[\s.-]?)){1}([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2}[\s.-]?){1}([0-9]{4}){1}$/;
+
+function telephoneCheck(str) {
+  return re.test(str);
+}
+
+telephoneCheck("555-555-5555");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md
new file mode 100644
index 0000000000..2c1708d6d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/add-methods-after-inheritance.md
@@ -0,0 +1,133 @@
+---
+id: 587d7db1367417b2b2512b87
+title: Додавання методів після успадкування
+challengeType: 1
+forumTopicId: 301315
+dashedName: add-methods-after-inheritance
+---
+
+# --description--
+
+Функція конструктора, яка успадковує свій об'єкт `prototype` від функції супертипу конструктора, все ще може мати свої власні методи на додачу до успадкованих методів.
+
+Наприклад, `Bird` – це конструктор, який успадковує `prototype` від `Animal`:
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() {
+  console.log("nom nom nom");
+};
+function Bird() { }
+Bird.prototype = Object.create(Animal.prototype);
+Bird.prototype.constructor = Bird;
+```
+
+Окрім того, що успадковано від `Animal`, за бажанням можна додати поведінку, унікальну для об'єктів `Bird`. У такому разі `Bird` отримує функцію `fly()`. Функції додаються до `Bird's` `prototype` так само, як і будь-яка функція конструктора:
+
+```js
+Bird.prototype.fly = function() {
+  console.log("I'm flying!");
+};
+```
+
+Тепер екземпляри `Bird` матимуть обидва методи: `eat()` та `fly()`:
+
+```js
+let duck = new Bird();
+duck.eat();
+duck.fly();
+```
+
+`duck.eat()` показуватиме рядок `nom nom nom` у консолі, а `duck.fly()` показуватиме рядок `I'm flying!`.
+
+# --instructions--
+
+Додайте все необхідне кодування так, щоб об’єкт `Dog` успадковував від `Animal`, а конструктор `Dog` `prototype` був встановлений для `Dog`. Потім використайте метод `bark()` `Dog` щодо об'єкта, щоб `beagle` міг водночас `eat()` й `bark()`. Метод `bark()` треба вводити `Woof!` на консоль.
+
+# --hints--
+
+`Animal` не повинен збігатися зі методом `bark()`.
+
+```js
+assert(typeof Animal.prototype.bark == 'undefined');
+```
+
+`Dog` повинен наслідувати метод `eat()` від `Animal`.
+
+```js
+assert(typeof Dog.prototype.eat == 'function');
+```
+
+`Dog` прототип повинен містити в собі метод `bark()`.
+
+```js
+assert('bark' in Dog.prototype);
+```
+
+`beagle`повинен мати `instanceof` `Animal`.
+
+```js
+assert(beagle instanceof Animal);
+```
+
+Конструктор для `beagle` має бути встановлений на `Dog`.
+
+```js
+assert(beagle.constructor === Dog);
+```
+
+`beagle.eat()` має бути зазначеним на рядку `nom nom nom`
+
+```js
+console.log = function (msg) {
+  throw msg;
+};
+assert.throws(() => beagle.eat(), 'nom nom nom');
+```
+
+`beagle.bark()` має бути зазначеним на рядку `Woof!`
+
+```js
+console.log = function (msg) {
+  throw msg;
+};
+assert.throws(() => beagle.bark(), 'Woof!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+
+// Only change code below this line
+
+
+
+
+// Only change code above this line
+
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() { console.log("nom nom nom"); };
+
+function Dog() { }
+Dog.prototype = Object.create(Animal.prototype);
+Dog.prototype.constructor = Dog;
+Dog.prototype.bark = function () {
+  console.log('Woof!');
+};
+let beagle = new Dog();
+
+beagle.eat();
+beagle.bark();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md
new file mode 100644
index 0000000000..f830b9ed07
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/change-the-prototype-to-a-new-object.md
@@ -0,0 +1,103 @@
+---
+id: 587d7daf367417b2b2512b7f
+title: Зміна прототипа новим об'єктом
+challengeType: 1
+forumTopicId: 301316
+dashedName: change-the-prototype-to-a-new-object
+---
+
+# --description--
+
+До цього часу ви окремо додавали властивості до `prototype`:
+
+```js
+Bird.prototype.numLegs = 2;
+```
+
+Використання більше ніж декількох властивостей виснажує.
+
+```js
+Bird.prototype.eat = function() {
+  console.log("nom nom nom");
+}
+
+Bird.prototype.describe = function() {
+  console.log("My name is " + this.name);
+}
+```
+
+Більш ефективним способом буде встановлення `prototype` до нового об’єкта, який вже містить ці властивості. Так, властивості додаються одразу:
+
+```js
+Bird.prototype = {
+  numLegs: 2, 
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+```
+
+# --instructions--
+
+Додайте властивість `numLegs` і два методи `eat()` і `describe()` до `prototype` з `Dog`, встановивши `prototype` до нового об'єкта.
+
+# --hints--
+
+`Dog.prototype` має бути встановлений на новий об'єкт.
+
+```js
+assert(/Dog\.prototype\s*?=\s*?{/.test(code));
+```
+
+`Dog.prototype` повинен містити властивість `numLegs`.
+
+```js
+assert(Dog.prototype.numLegs !== undefined);
+```
+
+`Dog.prototype` повинен містити метод `eat()`.
+
+```js
+assert(typeof Dog.prototype.eat === 'function');
+```
+
+`Dog.prototype` повинен містити метод `describe()`.
+
+```js
+assert(typeof Dog.prototype.describe === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype = {
+  // Only change code below this line
+
+};
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+Dog.prototype = {
+numLegs: 4,
+  eat () {
+    console.log('nom nom nom');
+  },
+  describe () {
+    console.log('My name is ' + this.name);
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md
new file mode 100644
index 0000000000..fa4c239d39
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-basic-javascript-object.md
@@ -0,0 +1,69 @@
+---
+id: 587d7dac367417b2b2512b73
+title: Створення базового об'єкту JavaScript
+challengeType: 1
+forumTopicId: 301317
+dashedName: create-a-basic-javascript-object
+---
+
+# --description--
+
+Подумайте про речі, що оточують людей щодня. До прикладу, машини, крамниці, птахи. Вони є <dfn>об'єктами</dfn>: реальними речами, за якими можна як спостерігати, так і взаємодіяти з ними.
+
+Якими є якості цих об'єктів? Машина має колеса. В крамниці продають продукти. У птахів є крила.
+
+Ці якості, або <dfn>властивості</dfn>, визначають чим є сам об'єкт. Зауважте, що схожі об'єкти мають однакові властивості, але їхні значення для кожного із об'єктів можуть відрізнятися. Наприклад, усі машини мають колеса, але не всі машини мають однакову їхню кількість.
+
+Об'єкти JavaScript використовуються для моделювання об'єктів із реального світу, наділяючись такими ж як і їхні дійсні двійники властивостями і поведінкою. Ось приклад використання цієї ідеї для створення об'єкту `duck`:
+
+```js
+let duck = {
+  name: "Aflac",
+  numLegs: 2
+};
+```
+
+Об'єкт `duck` має дві пари властивостей із значеннями: `name` із значенням `Aflac`, `numLegs` із значенням 2.
+
+# --instructions--
+
+Створіть об'єкт `dog` із властивостями `name` та `numLegs`, задавши їхні значення рядком символів та числом відповідно.
+
+# --hints--
+
+`dog` повинен бути об'єктом.
+
+```js
+assert(typeof dog === 'object');
+```
+
+`dog` повинен мати виражену рядком символів властивість `name`.
+
+```js
+assert(typeof dog.name === 'string');
+```
+
+`dog` повинен мати виражену числом властивість `numLegs`.
+
+```js
+assert(typeof dog.numLegs === 'number');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+
+};
+```
+
+# --solutions--
+
+```js
+let dog = {
+  name: '',
+  numLegs: 4
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md
new file mode 100644
index 0000000000..107f74e1fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/create-a-method-on-an-object.md
@@ -0,0 +1,70 @@
+---
+id: 587d7dad367417b2b2512b75
+title: Створення методу для об'єкту
+challengeType: 1
+forumTopicId: 301318
+dashedName: create-a-method-on-an-object
+---
+
+# --description--
+
+Об'єкти можуть мати особливі типи властивостей, названі <dfn>методами</dfn>.
+
+Методи - це властивості, що є функціями. Вони додають об'єктам можливості іншої поведінки. Ось приклад об'єкту `duck` із методом:
+
+```js
+let duck = {
+  name: "Aflac",
+  numLegs: 2,
+  sayName: function() {return "The name of this duck is " + duck.name + ".";}
+};
+duck.sayName();
+```
+
+У прикладі додається метод `sayName`, який є функцією що повертає речення із іменем об'єкту `duck`. Зверніть увагу, що метод отримує доступ до властивості `name` в інструкції return за допомогою `duck.name`. У наступному завданні буде розглянуто інший спосіб це зробити.
+
+# --instructions--
+
+Створіть метод `sayLegs` для об'єкту `dog`. Цей метод повинен повертати речення `This dog has 4 legs.`
+
+# --hints--
+
+`dog.sayLegs()` повинен бути функцією.
+
+```js
+assert(typeof dog.sayLegs === 'function');
+```
+
+`dog.sayLegs()` повинен повертати заданий рядок символів зберігаючи пунктуацію та відступи.
+
+```js
+assert(dog.sayLegs() === 'This dog has 4 legs.');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+
+};
+
+dog.sayLegs();
+```
+
+# --solutions--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs () {
+    return 'This dog has ' + this.numLegs + ' legs.';
+  }
+};
+
+dog.sayLegs();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md
new file mode 100644
index 0000000000..2dc459e4a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/define-a-constructor-function.md
@@ -0,0 +1,67 @@
+---
+id: 587d7dad367417b2b2512b77
+title: Визначення функції конструктора
+challengeType: 1
+forumTopicId: 16804
+dashedName: define-a-constructor-function
+---
+
+# --description--
+
+<dfn>Конструктори</dfn> є функціями, що створюють нові об'єкти. Вони визначають властивості та поведінку, що будуть належати новому об'єкту. Можна вважати їх кресленням, планом для створення нових об'єктів.
+
+Ось приклад конструктора:
+
+```js
+function Bird() {
+  this.name = "Albert";
+  this.color = "blue";
+  this.numLegs = 2;
+}
+```
+
+Цей конструктор визначає об'єкт `Bird` із властивостями `name`, `color`, та `numLegs` із встановленими значеннями Albert, blue та 2 відповідно. При створенні конструкторів дотримуються кількох умов:
+
+<ul><li>Назва конструктора починається із великої літери, для того що вирізнити його з-поміж функцій які не є конструкторами <code>constructors</code>.</li><li>Для встановлення властивостей створеного об'єкту використовується ключове слово <code>this</code>. Всередині конструктора, <code>this</code> посилається до створеного конструктором нового об'єкту.</li><li>Конструктори визначають властивості та поведінку об'єктів, а не виводять значення, як це можуть робити інші функції.</li></ul>
+
+# --instructions--
+
+Створіть конструктор `Dog` із властивостями `name`, `color`, та `numLegs`, які будуть визначені двома рядками символів та числом відповідно.
+
+# --hints--
+
+`Dog` повинен мати властивість `name` визначену рядком символів.
+
+```js
+assert(typeof new Dog().name === 'string');
+```
+
+`Dog` повинен мати властивість `color` визначену рядком символів.
+
+```js
+assert(typeof new Dog().color === 'string');
+```
+
+`Dog` повинен мати властивість `numLegs` визначену числом.
+
+```js
+assert(typeof new Dog().numLegs === 'number');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+function Dog (name, color, numLegs) {
+  this.name = 'name';
+  this.color = 'color';
+  this.numLegs = 4;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.md
new file mode 100644
index 0000000000..897ab452d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/extend-constructors-to-receive-arguments.md
@@ -0,0 +1,89 @@
+---
+id: 587d7dae367417b2b2512b79
+title: Розширити конструктори для отримання аргументів
+challengeType: 1
+forumTopicId: 18235
+dashedName: extend-constructors-to-receive-arguments
+---
+
+# --description--
+
+Конструктори `Bird` та `Dog` з останнього завдання працювали добре. Однак зверніть увагу, що всі `Birds`, створені за допомогою конструктора `Bird`, автоматично називаються Альбертом, мають синій колір і мають дві ніжки. Що робити, якщо вам потрібні birds з різними значеннями для назви та кольору? Змінити властивості кожної bird можна вручну, але це займе багато часу:
+
+```js
+let swan = new Bird();
+swan.name = "Carlos";
+swan.color = "white";
+```
+
+Припустимо, ви писали програму для відстеження сотень чи навіть тисяч різних bird у вольєрі. Це займе багато часу, щоб створити всі birds, а потім змінити для кожного властивості на різні значення. Щоб легше створювати різні об'єкти `Bird`, ви можете спроектувати свій конструктор Bird для прийняття параметрів:
+
+```js
+function Bird(name, color) {
+  this.name = name;
+  this.color = color;
+  this.numLegs = 2;
+}
+```
+
+Потім передайте значення в якості аргументів для визначення кожного унікального bird в конструкторі `Bird`: `let cardinal = new Bird("Bruce", "red");` Це дає новий екземпляр `Bird` із властивостями `name` та `color`, встановленими відповідно до `Bruce` та й відповідно до `red`. Для властивості `numLegs` все ще відповідає значення 2. `cardinal` має такі властивості:
+
+```js
+cardinal.name
+cardinal.color
+cardinal.numLegs
+```
+
+Конструктор є більш гнучким. Тепер можна визначити властивості для кожної `Bird` під час її створення, що є одним із способів, яким конструктори JavaScript так корисні. Вони поєднують об’єкти разом на основі спільних характеристик та поведінки та визначають план, який автоматизує створення.
+
+# --instructions--
+
+Створіть ще один конструктор `Dog`. Цього разу встановіть його так щоб прийняти параметри `name` та `color` і встановіть властивість `numLegs` на 4. Потім створіть новий `Dog`, збережений у змінній `terrier`. Передайте два рядки в якості аргументів для властивостей `name` and `color`.
+
+# --hints--
+
+`Dog` має отримати аргумент для `name`.
+
+```js
+assert(new Dog('Clifford').name === 'Clifford');
+```
+
+`Dog` має отримати аргумент для `color`.
+
+```js
+assert(new Dog('Clifford', 'yellow').color === 'yellow');
+```
+
+`Dog` має мати властивості `numLegs` значення 4.
+
+```js
+assert(new Dog('Clifford').numLegs === 4);
+```
+
+`terrier` слід створити за допомогою конструктора `Dog`.
+
+```js
+assert(terrier instanceof Dog);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog() {
+
+}
+```
+
+# --solutions--
+
+```js
+function Dog (name, color) {
+  this.numLegs = 4;
+  this.name = name;
+  this.color = color;
+}
+
+const terrier = new Dog();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.md
new file mode 100644
index 0000000000..720485aa7d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/inherit-behaviors-from-a-supertype.md
@@ -0,0 +1,127 @@
+---
+id: 587d7db0367417b2b2512b84
+title: Унаслідуйте поведінку від Supertype
+challengeType: 1
+forumTopicId: 301319
+dashedName: inherit-behaviors-from-a-supertype
+---
+
+# --description--
+
+У попередньому завданні ви створили `supertype`під назвою `Animal`, який визначав поведінку, спільну для всіх тварин:
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() {
+  console.log("nom nom nom");
+};
+```
+
+Це та наступне завдання стосуватиметься того, як повторно використати методи `Animal` всередині `Bird` та `Dog`, не визначаючи їх знову. Там використовується прийом, що називається inheritance (успадкування). Це завдання охоплює перший крок: створити екземпляр `supertype` (або батьківський компонент). Вам вже відомий один спосіб створити екземпляр `Animal` за допомогою оператора `new`:
+
+```js
+let animal = new Animal();
+```
+
+Використання цього синтаксису для inheritance має деякі недоліки, які є надто складними для охоплення цієї сфери проблеми. Натомість, ось альтернативний підхід без цих недоліків:
+
+```js
+let animal = Object.create(Animal.prototype);
+```
+
+`Object.create(obj)` створює новий об'єкт і встановлює `obj` як `prototype`. Нагадаємо, що `prototype` є своєрідним «рецептом» для створення об'єкта. Встановивши `prototype` `animal` як `prototype` `Animal`, ви фактично надаєте `animal` екземпляр того ж "рецепта", що і будь -який інший екземпляр `Animal`.
+
+```js
+animal.eat();
+animal instanceof Animal;
+```
+
+Метод `instanceof` тут повертає `true`.
+
+# --instructions--
+
+Використовуйте `Object.create`, щоб створити два екземпляри `Animal` з іменами `duck` та `beagle`.
+
+# --hints--
+
+Повинна бути визначена змінна `duck`.
+
+```js
+assert(typeof duck !== 'undefined');
+```
+
+Повинна бути визначена змінна `beagle`.
+
+```js
+assert(typeof beagle !== 'undefined');
+```
+
+Змінна `duck` повинна ініціалізуватися за допомогою `Object.create`.
+
+```js
+assert(
+  /(let|const|var)\s{1,}duck\s*=\s*Object\.create\s*\(\s*Animal\.prototype\s*\)\s*/.test(
+    code
+  )
+);
+```
+
+Змінна `beagle` повинна бути ініціалізована за допомогою `Object.create`.
+
+```js
+assert(
+  /(let|const|var)\s{1,}beagle\s*=\s*Object\.create\s*\(\s*Animal\.prototype\s*\)\s*/.test(
+    code
+  )
+);
+```
+
+`duck` повинна мати `prototype` з `Animal`.
+
+```js
+assert(duck instanceof Animal);
+```
+
+`beagle` повинна мати `prototype` з `Animal`.
+
+```js
+assert(beagle instanceof Animal);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+// Only change code below this line
+
+let duck; // Change this line
+let beagle; // Change this line
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+let duck = Object.create(Animal.prototype);
+let beagle = Object.create(Animal.prototype);
+
+duck.eat();
+beagle.eat();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.md
new file mode 100644
index 0000000000..83c2f28552
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.md
@@ -0,0 +1,106 @@
+---
+id: 587d7daf367417b2b2512b7d
+title: Ітерація усіх властивостей
+challengeType: 1
+forumTopicId: 301320
+dashedName: iterate-over-all-properties
+---
+
+# --description--
+
+Тепер ви вже бачили два типи властивостей: <dfn>own properties</dfn> and `prototype` properties. Власні властивості визначаються безпосередньо в самому екземплярі об'єкта. А властивості прототипу визначені в `prototype`.
+
+```js
+function Bird(name) {
+  this.name = name;  //own property
+}
+
+Bird.prototype.numLegs = 2; // prototype property
+
+let duck = new Bird("Donald");
+```
+
+Ось як ви додаєте власні властивості `duck` до масиву `ownProps` і властивостей `prototype` до масиву `prototypeProps`:
+
+```js
+let ownProps = [];
+let prototypeProps = [];
+
+for (let property in duck) {
+  if(duck.hasOwnProperty(property)) {
+    ownProps.push(property);
+  } else {
+    prototypeProps.push(property);
+  }
+}
+
+console.log(ownProps);
+console.log(prototypeProps);
+```
+
+`console.log(ownProps)` відобразить `["name"]` в консолі, і `console.log(prototypeProps)` відображатиме `["numLegs"]`.
+
+# --instructions--
+
+Додайте всі власні властивості `beagle` до масиву `ownProps`. Додайте всі властивості `prototype` `Dog` до масиву `prototypeProps`.
+
+# --hints--
+
+Масив `ownProps` повинен містити лише `name`.
+
+```js
+assert.deepEqual(ownProps, ['name']);
+```
+
+Масив `prototypeProps` повинен містити лише `numLegs`.
+
+```js
+assert.deepEqual(prototypeProps, ['numLegs']);
+```
+
+Ви повинні вирішити цей виклик без використання побудови в методі `Object.keys()`.
+
+```js
+assert(!/\Object.keys/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+Dog.prototype.numLegs = 4;
+
+let beagle = new Dog("Snoopy");
+
+let ownProps = [];
+let prototypeProps = [];
+for (let prop in beagle) {
+  if (beagle.hasOwnProperty(prop)) {
+    ownProps.push(prop);
+  } else {
+    prototypeProps.push(prop);
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md
new file mode 100644
index 0000000000..f892dcbfb3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/make-code-more-reusable-with-the-this-keyword.md
@@ -0,0 +1,75 @@
+---
+id: 587d7dad367417b2b2512b76
+title: Зробити код більш придатним для повторного використання з цим ключовим словами
+challengeType: 1
+forumTopicId: 301321
+dashedName: make-code-more-reusable-with-the-this-keyword
+---
+
+# --description--
+
+У попередньому завданні було представлено метод для об'єкту `duck`. Він використовував крапкову нотацію `duck.name` для доступу до властивості `name` в межах інструкції return:
+
+```js
+sayName: function() {return "The name of this duck is " + duck.name + ".";}
+```
+
+Це допустимий спосіб отримати доступ до властивості об'єкту, але тут є свої підводні камені. Якщо зміниться назва змінної, то й будь-які посилання коду до початкової назви необхідно буде також оновити. Це не становить проблеми в короткому визначенні об'єкту, але якщо посилань до властивостей об'єкту є багато, то й шанси на помилку збільшуються.
+
+Уникнути цієї проблеми можна за допомогою кодового слова `this`:
+
+```js
+let duck = {
+  name: "Aflac",
+  numLegs: 2,
+  sayName: function() {return "The name of this duck is " + this.name + ".";}
+};
+```
+
+`this` є доволі багатогранною темою, а наведений вище приклад є лише одним із способів його використання. У даному контексті `this` посилається до пов'язаного із методом об'єкту `duck`. Якщо ім'я об'єкту зміниться на `mallard`, то необхідності шукати усі посилання до назви `duck` у коді не буде. Це кодове слово робить код більш придатним та легшим для читання.
+
+# --instructions--
+
+Модифікуєте метод `dog.sayLegs`, забравши будь-які посилання до `dog`. Використовуйте приклад об'єкту `duck` для орієнтації.
+
+# --hints--
+
+`dog.sayLegs()` повинен повертати вказаний рядок символів.
+
+```js
+assert(dog.sayLegs() === 'This dog has 4 legs.');
+```
+
+Код повинен використовувати кодове слово `this` для доступу до властивості `numLegs` об'єкту `dog`.
+
+```js
+assert(code.match(/this\.numLegs/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs: function() {return "This dog has " + dog.numLegs + " legs.";}
+};
+
+dog.sayLegs();
+```
+
+# --solutions--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4,
+  sayLegs () {
+    return 'This dog has ' + this.numLegs + ' legs.';
+  }
+};
+
+dog.sayLegs();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
new file mode 100644
index 0000000000..dd2210b03c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
@@ -0,0 +1,100 @@
+---
+id: 587d7db1367417b2b2512b88
+title: Змінити успадковані методи
+challengeType: 1
+forumTopicId: 301322
+dashedName: override-inherited-methods
+---
+
+# --description--
+
+У попередніх уроках ви дізналися, що об'єкт може успадковувати поведінку (методи) від іншого об'єкту, посилаючись на його `prototype`:
+
+```js
+ChildObject.prototype = Object.create(ParentObject.prototype);
+```
+
+Тоді `ChildObject` отримує власні методи завдяки привласненню їх `prototype`:
+
+```js
+ChildObject.prototype.methodName = function() {...};
+```
+
+Успадкований метод можна змінити. Це робиться так само: треба додати метод до `ChildObject.prototype`, використовуючи таку ж саму назву методу, як й у того, що підлягає редагуванню. Ось приклад `Bird` зі змінним `eat()` методом, успадкованим від `Animal`:
+
+```js
+function Animal() { }
+Animal.prototype.eat = function() {
+  return "nom nom nom";
+};
+function Bird() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+
+Bird.prototype.eat = function() {
+  return "peck peck peck";
+};
+```
+
+Якщо у вас є `let duck = new Bird();`, викличте `duck.eat()` — таким чином використовується JavaScript для методу `prototype` ланцюга `duck`:
+
+1.  `duck` => Is `eat()` визначений у цьому випадку? Ні.
+2.  `Bird` => Is `eat()` визначений у цьому випадку? => Так. Виконайте це й припиніть пошуки.
+3.  `Animal` => `eat()` також визначено, але JavaScript вже припинив пошук перед цим рівнем.
+4.  Object => JavaScript припинив пошук до досягнення цього рівня.
+
+# --instructions--
+
+Замінить `fly()` метод для `Penguin` повернення рядку `Alas, this is a flightless bird.`
+
+# --hints--
+
+`penguin.fly()` має повернути рядок `Alas, this is a flightless bird.`
+
+```js
+assert(penguin.fly() === 'Alas, this is a flightless bird.');
+```
+
+Метод `bird.fly()` має повернути рядок `I am flying!`
+
+```js
+assert(new Bird().fly() === 'I am flying!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+
+// Only change code below this line
+
+
+
+// Only change code above this line
+
+let penguin = new Penguin();
+console.log(penguin.fly());
+```
+
+# --solutions--
+
+```js
+function Bird() { }
+
+Bird.prototype.fly = function() { return "I am flying!"; };
+
+function Penguin() { }
+Penguin.prototype = Object.create(Bird.prototype);
+Penguin.prototype.constructor = Penguin;
+Penguin.prototype.fly = () => 'Alas, this is a flightless bird.';
+let penguin = new Penguin();
+console.log(penguin.fly());
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md
new file mode 100644
index 0000000000..baff67d80b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/remember-to-set-the-constructor-property-when-changing-the-prototype.md
@@ -0,0 +1,86 @@
+---
+id: 587d7daf367417b2b2512b80
+title: Не забудьте встановити властивості Конструктора під час зміни прототипу
+challengeType: 1
+forumTopicId: 301323
+dashedName: remember-to-set-the-constructor-property-when-changing-the-prototype
+---
+
+# --description--
+
+Існує один важливий побічний ефект ручного встановлення прототипу до нового об'єкту. Це призводить до знищення властивостей `constructor`! Завдяки цій властивості можна дізнатися, яка функція конструктора створила приклад, але це може давати хибні результати, якщо параметр було перезаписано:
+
+```js
+duck.constructor === Bird;
+duck.constructor === Object;
+duck instanceof Bird;
+```
+
+Тоді ці вирази будуть оцінюватися таким чином: `false`, `true` й `true`.
+
+Для виправлення, не забудьте власноруч зазначати властивість `constructor` під час встановлення прототипу:
+
+```js
+Bird.prototype = {
+  constructor: Bird,
+  numLegs: 2,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name); 
+  }
+};
+```
+
+# --instructions--
+
+Визначте властивість `constructor` для `Dog` `prototype`.
+
+# --hints--
+
+`Dog.prototype` повинен встановлювати властивість `constructor`.
+
+```js
+assert(Dog.prototype.constructor === Dog);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Only change code below this line
+Dog.prototype = {
+
+  numLegs: 4,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+Dog.prototype = {
+  constructor: Dog,
+  numLegs: 4,
+  eat: function() {
+    console.log("nom nom nom");
+  },
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
new file mode 100644
index 0000000000..5daa89593f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
@@ -0,0 +1,91 @@
+---
+id: 587d7db1367417b2b2512b86
+title: Скинути властивість успадкованого конструктора
+challengeType: 1
+forumTopicId: 301324
+dashedName: reset-an-inherited-constructor-property
+---
+
+# --description--
+
+Якщо об'єкт успадковує `prototype` від іншого об'єкту, він також успадковує властивість конструктору супертипу.
+
+Наприклад:
+
+```js
+function Bird() { }
+Bird.prototype = Object.create(Animal.prototype);
+let duck = new Bird();
+duck.constructor
+```
+
+Але `duck` й усі відбитки `Bird` повинні відображати, що вони були відтворені в `Bird`, а не в `Animal`. Для цього ви можете власноруч встановити властивість конструктора `Bird` для `Bird`:
+
+```js
+Bird.prototype.constructor = Bird;
+duck.constructor
+```
+
+# --instructions--
+
+Змініть код, щоб `duck.constructor` й `beagle.constructor` повернули їх відповідні конструктори.
+
+# --hints--
+
+`Bird.prototype` повинен бути частиною `Animal`.
+
+```js
+assert(Animal.prototype.isPrototypeOf(Bird.prototype));
+```
+
+`duck.constructor` має повертати `Bird`.
+
+```js
+assert(duck.constructor === Bird);
+```
+
+`Dog.prototype` має бути частиною `Animal`.
+
+```js
+assert(Animal.prototype.isPrototypeOf(Dog.prototype));
+```
+
+`beagle.constructor` має повертати `Dog`.
+
+```js
+assert(beagle.constructor === Dog);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+
+// Only change code below this line
+
+
+
+let duck = new Bird();
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+function Bird() { }
+function Dog() { }
+Bird.prototype = Object.create(Animal.prototype);
+Dog.prototype = Object.create(Animal.prototype);
+Dog.prototype.constructor = Dog;
+Bird.prototype.constructor = Bird;
+let duck = new Bird();
+let beagle = new Dog();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md
new file mode 100644
index 0000000000..d9aa8a2b35
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/set-the-childs-prototype-to-an-instance-of-the-parent.md
@@ -0,0 +1,79 @@
+---
+id: 587d7db1367417b2b2512b85
+title: Встановіть дочірній прототип до екземпляру батьківського класу
+challengeType: 1
+forumTopicId: 301325
+dashedName: set-the-childs-prototype-to-an-instance-of-the-parent
+---
+
+# --description--
+
+В попередніх завданнях ви дізналися перші кроки до успадкування поведінки від супертипу (або батьківського компонента) `Animal`: створення власного прикладу `Animal`.
+
+Це завдання присвячено наступному кроку: завдання `prototype` для підтипу: у цьому випадку `Bird` як частини `Animal`.
+
+```js
+Bird.prototype = Object.create(Animal.prototype);
+```
+
+Пам'ятайте, що `prototype` є своєрідним «рецептом» для створення об'єкта. Таким чином основні «інгредієнти» `Animal` є частиною рецепту `Bird`.
+
+```js
+let duck = new Bird("Donald");
+duck.eat();
+```
+
+`duck` успадковує усі властивості `Animal` разом зі методом `eat`.
+
+# --instructions--
+
+Змініть код так, щоб усі частини `Dog` були успадковані від `Animal`.
+
+# --hints--
+
+`Dog.prototype` має бути частиною `Animal`.
+
+```js
+assert(Animal.prototype.isPrototypeOf(Dog.prototype));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+
+// Only change code below this line
+
+
+let beagle = new Dog();
+```
+
+# --solutions--
+
+```js
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Dog() { }
+Dog.prototype = Object.create(Animal.prototype);
+
+let beagle = new Dog();
+beagle.eat();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md
new file mode 100644
index 0000000000..22f70c43a6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-own-properties.md
@@ -0,0 +1,104 @@
+---
+id: 587d7dae367417b2b2512b7b
+title: Розуміння власних властивостей
+challengeType: 1
+forumTopicId: 301326
+dashedName: understand-own-properties
+---
+
+# --description--
+
+В наступному прикладі конструктор `Bird` встановлює дві властивості `name` й `numLegs`:
+
+```js
+function Bird(name) {
+  this.name  = name;
+  this.numLegs = 2;
+}
+
+let duck = new Bird("Donald");
+let canary = new Bird("Tweety");
+```
+
+`name` й `numLegs` називаються <dfn>own properties</dfn>, бо вони визначаються напряму від об'єкта. Це означає, що `duck` й `canary` мають власні копії цих властивостей. Насправді кожна частина `Bird` повинна мати власну копію цих властивостей. Цей код надає змогу додати всі власні властивості `duck` до масиву `ownProps`:
+
+```js
+let ownProps = [];
+
+for (let property in duck) {
+  if(duck.hasOwnProperty(property)) {
+    ownProps.push(property);
+  }
+}
+
+console.log(ownProps);
+```
+
+Консоль повинна зображати значення `["name", "numLegs"]`.
+
+# --instructions--
+
+Додайте власні властивості `canary` до масиву `ownProps`.
+
+# --hints--
+
+`ownProps` має містити в собі значення `numLegs` й `name`.
+
+```js
+assert(ownProps.indexOf('name') !== -1 && ownProps.indexOf('numLegs') !== -1);
+```
+
+Ви повинні розв'язати це завдання без використання побудови в методі `Object.keys()`.
+
+```js
+assert(!/Object(\.keys|\[(['"`])keys\2\])/.test(code));
+```
+
+Ви повинні розв'язати це завдання без використання складного кодування `ownProps`.
+
+```js
+assert(
+  !/\[\s*(?:'|")(?:name|numLegs)|(?:push|concat)\(\s*(?:'|")(?:name|numLegs)/.test(
+    code
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+let ownProps = [];
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Bird(name) {
+  this.name = name;
+  this.numLegs = 2;
+}
+
+let canary = new Bird("Tweety");
+function getOwnProps (obj) {
+  const props = [];
+
+  for (let prop in obj) {
+    if (obj.hasOwnProperty(prop)) {
+      props.push(prop);
+    }
+  }
+
+  return props;
+}
+
+const ownProps = getOwnProps(canary);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md
new file mode 100644
index 0000000000..c6ca32d619
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-constructor-property.md
@@ -0,0 +1,85 @@
+---
+id: 587d7daf367417b2b2512b7e
+title: Розуміння властивостей конструктора
+challengeType: 1
+forumTopicId: 301327
+dashedName: understand-the-constructor-property
+---
+
+# --description--
+
+Є особлива властивість `constructor`, що знаходиться в екземплярі об'єкта `duck` і `beagle`, які ми створили у попередніх завданнях:
+
+```js
+let duck = new Bird();
+let beagle = new Dog();
+
+console.log(duck.constructor === Bird); 
+console.log(beagle.constructor === Dog);
+```
+
+Обидва ці `console.log` виклики відображатимуться `true` у консолі.
+
+Зверніть увагу, що властивість `constructor` є посиланням на функцію конструктора, що створила екземпляр. Перевага властивостей `constructor` полягає в тому, що можна перевірити цю функцію та визначити, який це об'єкт. Ось приклад того, як це можна використовувати:
+
+```js
+function joinBirdFraternity(candidate) {
+  if (candidate.constructor === Bird) {
+    return true;
+  } else {
+    return false;
+  }
+}
+```
+
+**Примітка:** Через те, що властивості `constructor` можуть бути перезаписані (це буде показано у наступних двох завданнях), загалом, краще використовувати метод `instanceof` для перевірки типу об'єкта.
+
+# --instructions--
+
+Напишіть функцію `joinDogFraternity`, яка приймає параметр `candidate` та, використовуючи властивість `constructor`, перетворюється на `true`, за умови, що кандидат - це `Dog`, в іншому випадку - на `false`.
+
+# --hints--
+
+`joinDogFraternity` має бути визначено як функція.
+
+```js
+assert(typeof joinDogFraternity === 'function');
+```
+
+`joinDogFraternity` має перетворюватись на `true`, якщо `candidate` є екземпляром `Dog`.
+
+```js
+assert(joinDogFraternity(new Dog('')) === true);
+```
+
+`joinDogFraternity` повинно використовувати властивість `constructor`.
+
+```js
+assert(/\.constructor/.test(code) && !/instanceof/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+// Only change code below this line
+function joinDogFraternity(candidate) {
+
+}
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+function joinDogFraternity(candidate) {
+  return candidate.constructor === Dog;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md
new file mode 100644
index 0000000000..6051e6bdf6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-immediately-invoked-function-expression-iife.md
@@ -0,0 +1,83 @@
+---
+id: 587d7db2367417b2b2512b8b
+title: Пояснення негайно викликаного виразу функції (IIFE)
+challengeType: 1
+forumTopicId: 301328
+dashedName: understand-the-immediately-invoked-function-expression-iife
+---
+
+# --description--
+
+Найрозповсюдженіший шаблон в JavaScript — це виконання функції одразу після її оголошення:
+
+```js
+(function () {
+  console.log("Chirp, chirp!");
+})();
+```
+
+Цей анонімний вираз функції негайно відображає або виконує `Chirp, chirp!`.
+
+Зверніть увагу, що функція безіменна й не зберігається у змінній. Дві дужки () наприкінці виразу сприяють негайному виконанню або виклику. Цей шаблон також відомий як <dfn>immediately invoked function expression</dfn> або <dfn>IIFE</dfn>.
+
+# --instructions--
+
+Перепишіть функцію `makeNest` й приберіть назву, щоб замість цього одразу одержати анонімний негайно викликаний вираз функції (IIFE).
+
+# --hints--
+
+Функція має бути анонімною.
+
+```js
+assert(/\((function|\(\))(=>|\(\)){?/.test(code.replace(/\s/g, '')));
+```
+
+Для негайного виклику ваша функція повинна мати дужки наприкінці.
+
+```js
+assert(/\(.*(\)\(|\}\(\))\)/.test(code.replace(/[\s;]/g, '')));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function makeNest() {
+  console.log("A cozy nest is ready");
+}
+
+makeNest();
+```
+
+# --solutions--
+
+```js
+(function () {
+  console.log("A cozy nest is ready");
+})();
+```
+
+---
+
+```js
+(function () {
+  console.log("A cozy nest is ready");
+}());
+```
+
+---
+
+```js
+(() => {
+  console.log("A cozy nest is ready");
+})();
+```
+
+---
+
+```js
+(() =>
+  console.log("A cozy nest is ready")
+)();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md
new file mode 100644
index 0000000000..8a1f67f473
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-the-prototype-chain.md
@@ -0,0 +1,74 @@
+---
+id: 587d7db0367417b2b2512b82
+title: Зрозумійте використання ланцюга прототипів
+challengeType: 1
+forumTopicId: 301329
+dashedName: understand-the-prototype-chain
+---
+
+# --description--
+
+Усі об'єкти JavaScript (за невеликими винятками) мають `prototype`. Також сам `prototype` є об'єктом.
+
+```js
+function Bird(name) {
+  this.name = name;
+}
+
+typeof Bird.prototype;
+```
+
+Тому що `prototype` — це об'єкт, `prototype` може мати свій `prototype`! Таким чином `prototype` `Bird.prototype` це `Object.prototype`:
+
+```js
+Object.prototype.isPrototypeOf(Bird.prototype);
+```
+
+Чим це корисно? Ви можете викликати `hasOwnProperty` метод із попереднього завдання:
+
+```js
+let duck = new Bird("Donald");
+duck.hasOwnProperty("name");
+```
+
+Метод `hasOwnProperty` визначається `Object.prototype` й може бути доступним для `Bird.prototype`, що так само може бути доступним для `duck`. Це приклад ланцюга `prototype`. У цьому `prototype` ланцюга, `Bird` є `supertype` для `duck`, доки `duck` це `subtype`. `Object` це `supertype` водночас для `Bird` й `duck`. `Object` це `supertype` для усіх об'єктів JavaScript. Внаслідок цього будь-який об'єкт може використовувати метод `hasOwnProperty`.
+
+# --instructions--
+
+Змініть код для демонстрації правильного ланцюжка прототипів.
+
+# --hints--
+
+Ваш код має відбивати, що `Object.prototype` є прототипом для `Dog.prototype`
+
+```js
+assert(/Object\.prototype\.isPrototypeOf/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+Dog.prototype.isPrototypeOf(beagle);  // yields true
+
+// Fix the code below so that it evaluates to true
+???.isPrototypeOf(Dog.prototype);
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+let beagle = new Dog("Snoopy");
+Dog.prototype.isPrototypeOf(beagle);
+Object.prototype.isPrototypeOf(Dog.prototype);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md
new file mode 100644
index 0000000000..8f6544333d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/understand-where-an-objects-prototype-comes-from.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db0367417b2b2512b81
+title: Розуміння того, звідки з'являється прототип об'єкта
+challengeType: 1
+forumTopicId: 301330
+dashedName: understand-where-an-objects-prototype-comes-from
+---
+
+# --description--
+
+Так само, як люди успадковують гени від своїх батьків, об'єкт успадковує його `prototype` безпосередньо від функції конструктора, яка його створила. Наприклад, `Bird`конструктор створює об'єкт `duck`:
+
+```js
+function Bird(name) {
+  this.name = name;
+}
+
+let duck = new Bird("Donald");
+```
+
+`duck` наслідує `prototype` з функції конструктора `Bird`. Ви можете показати це відношення з методом `isPrototypeOf`:
+
+```js
+Bird.prototype.isPrototypeOf(duck);
+```
+
+Вони повернуть `true`.
+
+# --instructions--
+
+Використовуйте `isPrototypeOf` щоб перевірити `prototyp` of `beagle`.
+
+# --hints--
+
+Ви повинні показати, що `Dog.prototype` це є `prototype` `beagle`
+
+```js
+assert(/Dog\.prototype\.isPrototypeOf\(beagle\)/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+let beagle = new Dog("Snoopy");
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+let beagle = new Dog("Snoopy");
+Dog.prototype.isPrototypeOf(beagle);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md
new file mode 100644
index 0000000000..63b0a6efc4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-constructor-to-create-objects.md
@@ -0,0 +1,80 @@
+---
+id: 587d7dad367417b2b2512b78
+title: Використання конструктора для створення об'єктів
+challengeType: 1
+forumTopicId: 18233
+dashedName: use-a-constructor-to-create-objects
+---
+
+# --description--
+
+Ось конструктор `Bird` із попереднього завдання:
+
+```js
+function Bird() {
+  this.name = "Albert";
+  this.color  = "blue";
+  this.numLegs = 2;
+}
+
+let blueBird = new Bird();
+```
+
+**ПРИМІТКА:** вcередині конструктора `this` завжди посилається до створеного об'єкта.
+
+Зауважте, що для виклику конструктора використовується інструкція `new`. Так JavaScript отримує команду створити новий екземпляр `Bird` під назвою `blueBird`. Без інструкції `new`, `this` всередині конструктора не посилатиметься но новоствореного об'єкту, що може привести до неочікуваних результатів. `blueBird` має усі властивості визначені всередині конструктора `Bird`:
+
+```js
+blueBird.name;
+blueBird.color;
+blueBird.numLegs;
+```
+
+Так само, як і будь-який інший об'єкт, його властивості можуть бути доступні і змінені:
+
+```js
+blueBird.name = 'Elvira';
+blueBird.name;
+```
+
+# --instructions--
+
+Використайте конструктор `Dog` із попереднього завдання для створення нового екземпляру `Dog`, визначаючи його змінною `hound`.
+
+# --hints--
+
+`hound` повинен бути створений за допомогою конструктора `Dog`.
+
+```js
+assert(hound instanceof Dog);
+```
+
+Код повинен використовувати інструкцію `new` для створення нового екземпляру `Dog`.
+
+```js
+assert(code.match(/new/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function Dog() {
+  this.name = "Rupert";
+  this.color = "brown";
+  this.numLegs = 4;
+}
+const hound = new Dog();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
new file mode 100644
index 0000000000..8559c5d229
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
@@ -0,0 +1,111 @@
+---
+id: 587d7db2367417b2b2512b89
+title: Використайте Mixin для встановлення спільної поведінки між непов'язаними об'єктами
+challengeType: 1
+forumTopicId: 301331
+dashedName: use-a-mixin-to-add-common-behavior-between-unrelated-objects
+---
+
+# --description--
+
+Як ви помітили, поведінка розділюється внаслідок успадкування. Однак є випадки, коли успадкування не є найкращим рішенням. Успадкування не працює у випадку зі непов'язаними об'єктами, наприклад, як `Bird` й `Airplane`. Вони обидві здатні літати, але `Bird` не належить до типу `Airplane` і навпаки.
+
+Для непов'язаних об'єктів краще використовувати <dfn>mixins</dfn>. Завдяки mixin об'єкти здатні використовувати набір функцій.
+
+```js
+let flyMixin = function(obj) {
+  obj.fly = function() {
+    console.log("Flying, wooosh!");
+  }
+};
+```
+
+`flyMixin` обирає один об'єкт й привласнює йому метод `fly`.
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let plane = {
+  model: "777",
+  numPassengers: 524
+};
+
+flyMixin(bird);
+flyMixin(plane);
+```
+
+Таким чином `bird` й `plane` привласнені `flyMixin`, що присвоює функції `fly` для кожного об'єкта. Наразі й `bird`, й `plane` можуть літати:
+
+```js
+bird.fly();
+plane.fly();
+```
+
+Консоль буде показувати рядок `Flying, wooosh!` двічі для кожного `.fly()` виклику.
+
+Зверніть увагу, що `fly` метод може бути використано повторно непов'язаними об'єктами `bird` й `plane`.
+
+# --instructions--
+
+Створіть mixin під назвою `glideMixin`, що визначає метод під назвою `glide`. Після цього використайте `glideMixin`, щоб водночас надати `bird` й `boat` можливість поступового переходу.
+
+# --hints--
+
+Ваш код має задати змінну `glideMixin` як функцію.
+
+```js
+assert(typeof glideMixin === 'function');
+```
+
+Завдяки використаному у вашому коді `glideMixin` в об'єкті `bird`, ви можете завдати метод `glide`.
+
+```js
+assert(typeof bird.glide === 'function');
+```
+
+Ваш код повинен містить в собі `glideMixin` в об'єкті `boat` для завдання методу `glide`.
+
+```js
+assert(typeof boat.glide === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let bird = {
+  name: "Donald",
+  numLegs: 2
+};
+
+let boat = {
+  name: "Warrior",
+  type: "race-boat"
+};
+function glideMixin (obj) {
+  obj.glide = () => 'Gliding!';
+}
+
+glideMixin(bird);
+glideMixin(boat);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md
new file mode 100644
index 0000000000..051a5f2f99
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-an-iife-to-create-a-module.md
@@ -0,0 +1,106 @@
+---
+id: 587d7db2367417b2b2512b8c
+title: Використовуйте IIFE щоб створити модуль
+challengeType: 1
+forumTopicId: 301332
+dashedName: use-an-iife-to-create-a-module
+---
+
+# --description--
+
+Вираз функції (IIFE), який негайно викликається, часто використовується для об'єднання зв'язаних функцій в один об'єкт чи <dfn>module</dfn>. Наприклад, попередній виклик визначив два міксини:
+
+```js
+function glideMixin(obj) {
+  obj.glide = function() {
+    console.log("Gliding on the water");
+  };
+}
+function flyMixin(obj) {
+  obj.fly = function() {
+    console.log("Flying, wooosh!");
+  };
+}
+```
+
+Ми можемо згрупувати ці міксини в модуль наступний чином:
+
+```js
+let motionModule = (function () {
+  return {
+    glideMixin: function(obj) {
+      obj.glide = function() {
+        console.log("Gliding on the water");
+      };
+    },
+    flyMixin: function(obj) {
+      obj.fly = function() {
+        console.log("Flying, wooosh!");
+      };
+    }
+  }
+})();
+```
+
+Зверніть увагу, що у вас є вираз функції (IIFE), який негайно викликається та повертає об'єкт `motionModule`. Цей об'єкт, що повертається, містить всі змішані види поведінки як властивості об'єкта. Перевага моделі модуля полягає в тому, що всі моделі поведінки руху можуть бути упаковані в один об'єкт, який потім можуть використовувати інші частини вашого коду. Ось приклад, як це використовувати:
+
+```js
+motionModule.glideMixin(duck);
+duck.glide();
+```
+
+# --instructions--
+
+Створіть модуль з назвою `funModule` для обгортки двох змішувань `isCuteMixin` та `singMixin`. `funModule` повинен повернути об'єкт.
+
+# --hints--
+
+`funModule` повинен визначити та повернути об'єкт.
+
+```js
+assert(typeof funModule === 'object');
+```
+
+`funModule.isCuteMixin` повинен мати доступ до функції.
+
+```js
+assert(typeof funModule.isCuteMixin === 'function');
+```
+
+`funModule.singMixin` повинен мати доступ до функції.
+
+```js
+assert(typeof funModule.singMixin === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let isCuteMixin = function(obj) {
+  obj.isCute = function() {
+    return true;
+  };
+};
+let singMixin = function(obj) {
+  obj.sing = function() {
+    console.log("Singing to an awesome tune");
+  };
+};
+```
+
+# --solutions--
+
+```js
+const funModule = (function () {
+  return {
+    isCuteMixin: obj => {
+      obj.isCute = () => true;
+    },
+    singMixin: obj => {
+      obj.sing = () => console.log("Singing to an awesome tune");
+    }
+  };
+})();
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
new file mode 100644
index 0000000000..c6f20eeb4c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
@@ -0,0 +1,81 @@
+---
+id: 587d7db2367417b2b2512b8a
+title: >-
+  Використовуйте closure для захисту властивостей об’єкта від зовнішньої модифікації
+challengeType: 1
+forumTopicId: 18234
+dashedName: >-
+  use-closure-to-protect-properties-within-an-object-from-being-modified-externally
+---
+
+# --description--
+
+У попередньому виклику `bird` мав загальнодоступну властивість `name`. Він вважається загальнодоступним, оскільки до нього можна отримати доступ та змінити його за межами визначення `bird`.
+
+```js
+bird.name = "Duffy";
+```
+
+Тому будь -яка частина вашого коду може легко змінити назву `bird` на будь -яке значення. Подумайте про такі речі, як паролі та банківські рахунки, які легко змінюються будь -якою частиною вашої кодової бази. Це може спричинити багато проблем.
+
+Найпростіший спосіб зробити цю загальнодоступну властивість приватною - це створити змінну всередині функції конструктора. Це змінює масштаб цієї змінної в межах функції конструктора в порівнянні з наявними в глобальних масштабах. Таким чином, змінна може бути доступна і змінена за допомогою методів також в межах функції конструктора.
+
+```js
+function Bird() {
+  let hatchedEgg = 10;
+
+  this.getHatchedEggCount = function() { 
+    return hatchedEgg;
+  };
+}
+let ducky = new Bird();
+ducky.getHatchedEggCount();
+```
+
+`getHatchedEggCount` є привілейованим методом, оскільки він має доступ до приватної змінної `hatchedEgg`. Це можливо, тому що `hatchedEgg` оголошено в тому ж контексті, що і `getHatchedEggCount`. У JavaScript функція завжди має доступ до контексту, в якому вона була створена. Це називається `closure`.
+
+# --instructions--
+
+Змініть спосіб `weight` так як зазначається у функції `Bird`, щоб вона стала приватною змінною. Потім створіть метод `getWeight`, який поверне значення `weight` 15.
+
+# --hints--
+
+Властивість `weight` має бути приватною змінною і їй має бути присвоєно значення `15`.
+
+```js
+assert(code.match(/(var|let|const)\s+weight\s*\=\s*15\;?/g));
+```
+
+Ваш код повинен створити метод у `Bird` під назвою `getWeight`, який повертає значення приватної змінної `weight`.
+
+```js
+assert(new Bird().getWeight() === 15);
+```
+
+Ваша функція `getWeight` повинна повернути приватну змінну `weight`.
+
+```js
+assert(code.match(/((return\s+)|(\(\s*\)\s*\=\>\s*))weight\;?/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Bird() {
+  this.weight = 15;
+
+
+}
+```
+
+# --solutions--
+
+```js
+function Bird() {
+  let weight = 15;
+
+  this.getWeight = () => weight;
+}
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md
new file mode 100644
index 0000000000..86586a7b70
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-dot-notation-to-access-the-properties-of-an-object.md
@@ -0,0 +1,62 @@
+---
+id: 587d7dac367417b2b2512b74
+title: Крапкова нотація для доступу до властивостей об'єкту
+challengeType: 1
+forumTopicId: 301333
+dashedName: use-dot-notation-to-access-the-properties-of-an-object
+---
+
+# --description--
+
+У попередньому завданні було створено об'єкт із різними властивостями. Тепер ви побачите як отримати доступ до значень цих властивостей. Ось приклад:
+
+```js
+let duck = {
+  name: "Aflac",
+  numLegs: 2
+};
+console.log(duck.name);
+```
+
+Для доступу до значення `Aflac`, використовується крапкова нотація при імені об'єкта `duck` із відповідним іменем властивості `name` опісля.
+
+# --instructions--
+
+Виведіть на екран обидві властивості об'єкта `dog`.
+
+# --hints--
+
+Ваш код повинен використовувати `console.log` для виведення на екран значення властивості `name` об'єкту `dog`.
+
+```js
+assert(/console.log\(.*dog\.name.*\)/g.test(code));
+```
+
+Ваш код повинен використовувати `console.log` для виведення на екран значення властивості `numLegs` об'єкту `dog`.
+
+```js
+assert(/console.log\(.*dog\.numLegs.*\)/g.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+let dog = {
+  name: "Spot",
+  numLegs: 4
+};
+console.log(dog.name);
+console.log(dog.numLegs);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md
new file mode 100644
index 0000000000..6fcfb0bff8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-inheritance-so-you-dont-repeat-yourself.md
@@ -0,0 +1,142 @@
+---
+id: 587d7db0367417b2b2512b83
+title: Використовуйте успадкування, щоб не повторюватися
+challengeType: 1
+forumTopicId: 301334
+dashedName: use-inheritance-so-you-dont-repeat-yourself
+---
+
+# --description--
+
+У програмуванні існує принцип під назвою <dfn>Don't Repeat Yourself (DRY)</dfn>, який перекладається "Не повторюйтесь". Повторюваний код є проблемою через те, що будь-яка зміна вимагає виправлення коду в декількох місцях. Зазвичай це завдає більше роботи програмістам і призводить до більшої кількості помилок.
+
+Зверніть увагу на те, що у наведеному прикладі нижче метод `describe` розповсюджується на `Bird` і `Dog`:
+
+```js
+Bird.prototype = {
+  constructor: Bird,
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+
+Dog.prototype = {
+  constructor: Dog,
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+```
+
+Метод `describe` повторюється у двох місцях. Код можна редагувати відповідно до принципу DRY ("Не повторюйтесь"), створивши `supertype` (або батьківський) під назвою `Animal`:
+
+```js
+function Animal() { };
+
+Animal.prototype = {
+  constructor: Animal, 
+  describe: function() {
+    console.log("My name is " + this.name);
+  }
+};
+```
+
+Оскільки `Animal` містить `describe` метод, ви можете видалити його з `Bird` і `Dog`:
+
+```js
+Bird.prototype = {
+  constructor: Bird
+};
+
+Dog.prototype = {
+  constructor: Dog
+};
+```
+
+# --instructions--
+
+Метод `eat` повторюється як у `Cat`, так і `Bear`. Відредагуйте код за принципом DRY, перемістивши метод `eat` до `supertype` `Animal`.
+
+# --hints--
+
+`Animal.prototype` повинен мати властивість `eat`.
+
+```js
+assert(Animal.prototype.hasOwnProperty('eat'));
+```
+
+`Bear.prototype` не повинен мати властивість `eat`.
+
+```js
+assert(!Bear.prototype.hasOwnProperty('eat'));
+```
+
+`Cat.prototype` не повинен мати властивість `eat`.
+
+```js
+assert(!Cat.prototype.hasOwnProperty('eat'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+
+};
+```
+
+# --solutions--
+
+```js
+function Cat(name) {
+  this.name = name;
+}
+
+Cat.prototype = {
+  constructor: Cat
+};
+
+function Bear(name) {
+  this.name = name;
+}
+
+Bear.prototype = {
+  constructor: Bear
+};
+
+function Animal() { }
+
+Animal.prototype = {
+  constructor: Animal,
+  eat: function() {
+    console.log("nom nom nom");
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md
new file mode 100644
index 0000000000..a51ed26ea7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-prototype-properties-to-reduce-duplicate-code.md
@@ -0,0 +1,77 @@
+---
+id: 587d7dae367417b2b2512b7c
+title: Використання властивостей прототипу для зменшення дублювання коду
+challengeType: 1
+forumTopicId: 301336
+dashedName: use-prototype-properties-to-reduce-duplicate-code
+---
+
+# --description--
+
+Оскільки `numLegs`, ймовірно, матиме однакове значення для всіх екземплярів `Bird`у вас по суті є дубльована змінна`numLegs` всередині кожного `Bird`.
+
+Це не може бути проблемою, коли існує тільки два випадки, але уявіть собі, якщо є мільйони екземплярів. Буде багато дублюючих змінних.
+
+Кращий спосіб - використовувати `prototype` `Bird`. Особливості в `prototype` є загальними для всіх примірників`Bird`. Наприклад можна ось так додати `numLegs` до `Bird prototype`:
+
+```js
+Bird.prototype.numLegs = 2;
+```
+
+Тепер всі випадки`Bird` мають властивість `numLegs`.
+
+```js
+console.log(duck.numLegs);
+console.log(canary.numLegs);
+```
+
+Оскільки всі екземпляри автоматично мають властивості `prototype`, подумайти про `prototype` як "рецепт" для створення об'єктів. Зверніть увагу, що`prototype` `duck` і `canary` є частиною конструктора `Bird` як `Bird.prototype`. Майже кожен об'єкт в JavaScript має властивість`prototype`, яка є частиною створеної функції конструктора.
+
+# --instructions--
+
+Додати `numLegs` властивість `prototype` з `Dog`
+
+# --hints--
+
+`beagle` повинен мати властивість `numLegs` визначену числом.
+
+```js
+assert(beagle.numLegs !== undefined);
+```
+
+`beagle.numLegs` має бути числом.
+
+```js
+assert(typeof beagle.numLegs === 'number');
+```
+
+`numLegs` має мати властивість `prototype` а не власну властивість.
+
+```js
+assert(beagle.hasOwnProperty('numLegs') === false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Dog(name) {
+  this.name = name;
+}
+
+
+
+// Only change code above this line
+let beagle = new Dog("Snoopy");
+```
+
+# --solutions--
+
+```js
+function Dog (name) {
+  this.name = name;
+}
+Dog.prototype.numLegs = 4;
+let beagle = new Dog("Snoopy");
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md
new file mode 100644
index 0000000000..80b250df57
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/object-oriented-programming/verify-an-objects-constructor-with-instanceof.md
@@ -0,0 +1,79 @@
+---
+id: 587d7dae367417b2b2512b7a
+title: Перевірка конструктора об'єкта за допомогою instanceof
+challengeType: 1
+forumTopicId: 301337
+dashedName: verify-an-objects-constructor-with-instanceof
+---
+
+# --description--
+
+Щоразу, коли конструктор функцій створює новий об'єкт, він стає <dfn>instance</dfn> для його конструктора. JavaScript є найзручнішим засобом підтвердження оператору `instanceof`. `instanceof` надає змогу порівняти об'єкт із конструктором, повернути `true` або `false` залежно від того, чи був об'єкт створений за допомогою конструктору. Наприклад:
+
+```js
+let Bird = function(name, color) {
+  this.name = name;
+  this.color = color;
+  this.numLegs = 2;
+}
+
+let crow = new Bird("Alexis", "black");
+
+crow instanceof Bird;
+```
+
+Цей метод — `instanceof` — має повернути `true`.
+
+Якщо об'єкт створено без використання конструктору, `instanceof` підтвердить це:
+
+```js
+let canary = {
+  name: "Mildred",
+  color: "Yellow",
+  numLegs: 2
+};
+
+canary instanceof Bird;
+```
+
+Цей метод — `instanceof` — має повернути `false`.
+
+# --instructions--
+
+Створіть нову частину конструктору `House`, викличте її `myHouse` й передайте кількість спалень. Потім використайте `instanceof`, щоб підтвердити, що це є частиною `House`.
+
+# --hints--
+
+`myHouse` має мати атрибути `numBedrooms`, виражені числом.
+
+```js
+assert(typeof myHouse.numBedrooms === 'number');
+```
+
+Ви повинні перевірити, що `myHouse` є частиною `House`, за допомогою оператора `instanceof`.
+
+```js
+assert(/myHouse\s*instanceof\s*House/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+function House(numBedrooms) {
+  this.numBedrooms = numBedrooms;
+}
+const myHouse = new House(4);
+console.log(myHouse instanceof House);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md
new file mode 100644
index 0000000000..173489b295
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-all-or-none.md
@@ -0,0 +1,77 @@
+---
+id: 587d7dba367417b2b2512ba8
+title: Перевірка на все або нічого
+challengeType: 1
+forumTopicId: 301338
+dashedName: check-for-all-or-none
+---
+
+# --description--
+
+Іноді шаблони, які ви хочете знайте, можуть мати частини, які можуть або існувати або ні. Однак може бути важливо все-таки перевірити їх.
+
+Ви можете вказати можливу наявність елемента за допомогою знаку питання, `?`. Таким чином ви зможете перевірити відсутність або наявність одного з попередніх елементів. Вважайте, що цей символ вказує на те, що попередній елемент необов'язковий.
+
+Наприклад, в американській та британській англійській мові є незначні відмінності правопису, і ви можете скористатися знаком питання, щоб відповідати обом системам орфографії.
+
+```js
+let american = "color";
+let british = "colour";
+let rainbowRegex= /colou?r/;
+rainbowRegex.test(american);
+rainbowRegex.test(british);
+```
+
+У результаті використання обох методів `test` ви отримаєте `true`.
+
+# --instructions--
+
+Змініть регулярний вираз `favRegex` так, аби він відповідав американському (`favorite`) та британському (`favourite`) варіанту написання слова.
+
+# --hints--
+
+Ваш регулярний вираз повинен використовувати необов'язковий символ `?`.
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.source.match(/\?/).length > 0);
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `favorite`
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.test('favorite'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `favourite`
+
+```js
+favRegex.lastIndex = 0;
+assert(favRegex.test('favourite'));
+```
+
+Ваш регулярний вираз не повинен збігатися з рядком `fav`
+
+```js
+favRegex.lastIndex = 0;
+assert(!favRegex.test('fav'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let favWord = "favorite";
+let favRegex = /change/; // Change this line
+let result = favRegex.test(favWord);
+```
+
+# --solutions--
+
+```js
+let favWord = "favorite";
+let favRegex = /favou?r/;
+let result = favRegex.test(favWord);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md
new file mode 100644
index 0000000000..ed1940160a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md
@@ -0,0 +1,90 @@
+---
+id: 5c3dda8b4d8df89bea71600f
+title: Перевірка на наявність змішаного групування символів
+challengeType: 1
+forumTopicId: 301339
+dashedName: check-for-mixed-grouping-of-characters
+---
+
+# --description--
+
+Іноді ми хочемо перевірити групи символів за допомогою регулярного виразу, і, щоб зробити це, ми використовуємо дужки `()`.
+
+Якщо ви хочете знайти `Penguin` або `Pumpkin` в рядку, ви можете використовувати цей регулярний вираз: `/P(engu|umpk)in/g`
+
+Після цього перевірте, чи бажані групи рядків знаходяться в тестовому рядку за допомогою методу `test()`.
+
+```js
+let testStr = "Pumpkin";
+let testRegex = /P(engu|umpk)in/;
+testRegex.test(testStr);
+```
+
+У результаті використання методу `test` ви отримаєте `true`.
+
+# --instructions--
+
+Виправте регулярний вираз таким чином, аби він перевіряв імена `Franklin Roosevelt` або `Eleanor Roosevelt` з урахуванням регістру, і щоб він також враховував середні імена.
+
+Після цього виправте код таким чином, щоб створений вами регулярний вираз перевірявся на `myString` і ви отримали `true` або `false` залежно від того, чи збігається регулярний вираз.
+
+# --hints--
+
+Ви маєте отримати `true` для рядка `Franklin D. Roosevelt` за допомогою вашого регулярного виразу `myRegex`
+
+```js
+myRegex.lastIndex = 0;
+assert(myRegex.test('Franklin D. Roosevelt'));
+```
+
+Ви маєте отримати `true` для рядка `Eleanor Roosevelt` за допомогою вашого регулярного виразу `myRegex`
+
+```js
+myRegex.lastIndex = 0;
+assert(myRegex.test('Eleanor Roosevelt'));
+```
+
+Ви маєте отримати `false` для рядка `Franklin Rosevelt` за допомогою вашого регулярного виразу `myRegex`
+
+```js
+myRegex.lastIndex = 0;
+assert(!myRegex.test('Franklin Rosevelt'));
+```
+
+Ви маєте отримати `false` для рядка `Frank Roosevelt` за допомогою вашого регулярного виразу `myRegex`
+
+```js
+myRegex.lastIndex = 0;
+assert(!myRegex.test('Frank Roosevelt'));
+```
+
+Вам слід використовувати `.test()` для перевірки регулярного виразу.
+
+```js
+assert(code.match(/myRegex.test\(\s*myString\s*\)/));
+```
+
+У результаті ви повинні отримати `true`.
+
+```js
+assert(result === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "Eleanor Roosevelt";
+let myRegex = /False/; // Change this line
+let result = false; // Change this line
+// After passing the challenge experiment with myString and see how the grouping works
+```
+
+# --solutions--
+
+```js
+let myString = "Eleanor Roosevelt";
+let myRegex = /(Franklin|Eleanor).*Roosevelt/;
+let result = myRegex.test(myString);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md
new file mode 100644
index 0000000000..9f8715e0e0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/extract-matches.md
@@ -0,0 +1,73 @@
+---
+id: 587d7db4367417b2b2512b92
+title: Вилучення збігів
+challengeType: 1
+forumTopicId: 301340
+dashedName: extract-matches
+---
+
+# --description--
+
+До цього ви лише перевіряли, чи існує шаблон у межах рядка. Ви також можете вилучати самі збіги, які ви знайшли, за допомогою методу `.match()`.
+
+Щоб використати метод `.match()`, застосуйте його в рядку та подайте регулярний вираз всередині дужок.
+
+Ось приклад:
+
+```js
+"Hello, World!".match(/Hello/);
+let ourStr = "Regular expressions";
+let ourRegex = /expressions/;
+ourStr.match(ourRegex);
+```
+
+У цьому випадку перший збіг (`match`) видасть `["Hello"]`, а другий - `["expressions"]`.
+
+Зверніть увагу, що синтаксис `.match` є "протилежним" до методу `.test`, яким ви користувались дотепер:
+
+```js
+'string'.match(/regex/);
+/regex/.test('string');
+```
+
+# --instructions--
+
+Застосуйте метод `.match()`, щоб вилучити рядок `coding`.
+
+# --hints--
+
+Результат (`result`) повинен містити рядок `coding`
+
+```js
+assert(result.join() === 'coding');
+```
+
+Ваш регулярний вираз `codingRegex` повинен шукати рядок `coding`
+
+```js
+assert(codingRegex.source === 'coding');
+```
+
+Ви повинні використовувати метод `.match()`.
+
+```js
+assert(code.match(/\.match\(.*\)/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /change/; // Change this line
+let result = extractStr; // Change this line
+```
+
+# --solutions--
+
+```js
+let extractStr = "Extract the word 'coding' from this string.";
+let codingRegex = /coding/; // Change this line
+let result = extractStr.match(codingRegex); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md
new file mode 100644
index 0000000000..bbcd142130
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-characters-with-lazy-matching.md
@@ -0,0 +1,61 @@
+---
+id: 587d7db6367417b2b2512b9b
+title: Як знайти символи за допомогою "лінивого" збігу
+challengeType: 1
+forumTopicId: 301341
+dashedName: find-characters-with-lazy-matching
+---
+
+# --description--
+
+У регулярних виразах "жадібний" збіг (<dfn>greedy</dfn>) знаходить найдовшу можливу частину рядка, яка відповідає шаблону регулярного виразу та видає його як збіг. Альтернативою є "лінивий" збіг (<dfn>lazy</dfn>), який знаходить найменшу можливу частину рядка, що відповідає шаблону регулярного виразу.
+
+Ви можете застосувати регулярний вираз `/t[a-z]*i/` до рядка `"titanic"`. Цей регулярний вираз фактично є шаблоном, який починається з `t`, закінчується на `i` та має кілька літер між ними.
+
+Регулярні вирази за замовчуванням "жадібні", тому збіг видасть `["titani"]`. Він знаходить найбільший можливий підрядок, який відповідає шаблону.
+
+Однак ви можете застосувати символ `?`, щоб змінити його на "лінивий" пошук збігів. Код `"titanic"`, зіставлений зі скоригованим регулярним виразом `/t[a-z]*?i/`, видає `["ti"]`.
+
+**Примітка:** Слід уникати синтаксичного аналізу HTML регулярних виразів, але ви можете зіставляти рядок HTML з шаблоном за допомогою регулярних виразів.
+
+# --instructions--
+
+Виправте регулярний вираз `/<.*>/`, аби він видав теґ HTML `<h1>`, а не текст `"<h1>Winter is coming</h1>"`. Пам'ятайте, що спеціальний символ `.` в регулярному виразі відповідає будь-якому символу.
+
+# --hints--
+
+Змінна `result` повинна бути масивом, який містить `<h1>`
+
+```js
+assert(result[0] == '<h1>');
+```
+
+`myRegex` повинен використовувати "лінивий" пошук збігів
+
+```js
+assert(/[^\\][\*\+\?]\?/.test(myRegex));
+```
+
+`myRegex` не повинен містити рядок `h1`
+
+```js
+assert(!myRegex.source.match('h1'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*>/; // Change this line
+let result = text.match(myRegex);
+```
+
+# --solutions--
+
+```js
+let text = "<h1>Winter is coming</h1>";
+let myRegex = /<.*?>/; // Change this line
+let result = text.match(myRegex);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md
new file mode 100644
index 0000000000..66cd273844
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-more-than-the-first-match.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db4367417b2b2512b93
+title: Як знайти більше одного збігу
+challengeType: 1
+forumTopicId: 301342
+dashedName: find-more-than-the-first-match
+---
+
+# --description--
+
+До цього ви могли вилучати або шукати шаблон лише один раз.
+
+```js
+let testStr = "Repeat, Repeat, Repeat";
+let ourRegex = /Repeat/;
+testStr.match(ourRegex);
+```
+
+Тут `match` видасть `["Repeat"]`.
+
+Щоб шукати або вилучати шаблон більше одного разу, ви можете використовувати прапорець `g`.
+
+```js
+let repeatRegex = /Repeat/g;
+testStr.match(repeatRegex);
+```
+
+І в цьому випадку `match` видасть значення `["Repeat", "Repeat", "Repeat"]`
+
+# --instructions--
+
+Знайдіть і вилучіть обидва слова `Twinkle` з рядка `twinkleStar` за допомогою регулярного виразу `starRegex`.
+
+**Примітка**  
+Ви можете мати декілька прапорців у вашому регулярному виразі, як у `/search/gi`
+
+# --hints--
+
+Ваш регулярний вираз `starRegex` повинен використовувати глобальний прапорець `g`
+
+```js
+assert(starRegex.flags.match(/g/).length == 1);
+```
+
+Ваш регулярний вираз `starRegex` повинен використовувати прапорець без урахування регістру `i`
+
+```js
+assert(starRegex.flags.match(/i/).length == 1);
+```
+
+Ваш збіг повинен відповідати обидвом випадкам, у яких трапляється слово `Twinkle`
+
+```js
+assert(
+  result.sort().join() ==
+    twinkleStar
+      .match(/twinkle/gi)
+      .sort()
+      .join()
+);
+```
+
+Ваш збіг `result` повинен містити в собі два елементи.
+
+```js
+assert(result.length == 2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /change/; // Change this line
+let result = twinkleStar; // Change this line
+```
+
+# --solutions--
+
+```js
+let twinkleStar = "Twinkle, twinkle, little star";
+let starRegex = /twinkle/gi;
+let result = twinkleStar.match(starRegex);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md
new file mode 100644
index 0000000000..13a07041d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/find-one-or-more-criminals-in-a-hunt.md
@@ -0,0 +1,108 @@
+---
+id: 587d7db7367417b2b2512b9c
+title: Знайдіть одного або більше злочинців у переслідуванні
+challengeType: 1
+forumTopicId: 301343
+dashedName: find-one-or-more-criminals-in-a-hunt
+---
+
+# --description--
+
+Настав час зупинитися та перевірити ваші нові навички написання регулярних виразів. Група злочинців втекла з в'язниці, але ви не знаєте скільки. Однак ви знаєте, що вони тримаються разом, коли довкола них інші люди. Ви відповідаєте за те, щоб знайти всіх злочинців одразу.
+
+Ось приклад, який допоможе вам розібратися, як це зробити:
+
+Регулярний вираз `/z+/` відповідає літері `z`, коли вона з'являється один або кілька разів поспіль. Він знайде збіги в усіх цих рядках:
+
+```js
+"z"
+"zzzzzz"
+"ABCzzzz"
+"zzzzABC"
+"abczzzzzzzzzzzzzzzzzzzzzabc"
+```
+
+Але він не знайде збігів у цих рядках, оскільки в них немає жодного символу на позначення літери `z`:
+
+```js
+""
+"ABC"
+"abcabc"
+```
+
+# --instructions--
+
+Напишіть "жадібний" регулярний вираз, який знайде одного або кількох злочинців в групі інших людей. Злочинець позначений великою літерою `C`.
+
+# --hints--
+
+Ваш регулярний вираз має знайти одного злочинця (`C`) в рядку `C`
+
+```js
+assert('C'.match(reCriminals) && 'C'.match(reCriminals)[0] == 'C');
+```
+
+Ваш регулярний вираз має знайти двох злочинців (`CC`) у рядку `CC`
+
+```js
+assert('CC'.match(reCriminals) && 'CC'.match(reCriminals)[0] == 'CC');
+```
+
+Ваш регулярний вираз має знайти трьох злочинців (`CCC`) у рядку `P1P5P4CCCcP2P6P3`.
+
+```js
+assert(
+  'P1P5P4CCCcP2P6P3'.match(reCriminals) &&
+    'P1P5P4CCCcP2P6P3'.match(reCriminals)[0] == 'CCC'
+);
+```
+
+Ваш регулярний вираз має знайти п'ятьох злочинців (`CCCCC`) у рядку `P6P2P7P4P5CCCCCP3P1`
+
+```js
+assert(
+  'P6P2P7P4P5CCCCCP3P1'.match(reCriminals) &&
+    'P6P2P7P4P5CCCCCP3P1'.match(reCriminals)[0] == 'CCCCC'
+);
+```
+
+Ваш регулярний вираз не повинен знайти жодного злочинця в порожньому рядку `""`
+
+```js
+reCriminals.lastIndex = 0;
+assert(!reCriminals.test(''));
+```
+
+Ваш регулярний вираз не повинен знайти жодного злочинця в рядку `P1P2P3`
+
+```js
+reCriminals.lastIndex = 0;
+assert(!reCriminals.test('P1P2P3'));
+```
+
+Ваш регулярний вираз має знайти п'ятдесят злочинців (`CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC`) у рядку `P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3`.
+
+```js
+assert(
+  'P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3'.match(
+    reCriminals
+  ) &&
+    'P2P1P5P4CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCP3'.match(
+      reCriminals
+    )[0] == 'CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let reCriminals = /./; // Change this line
+```
+
+# --solutions--
+
+```js
+let reCriminals = /C+/; // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md
new file mode 100644
index 0000000000..965d1049db
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/ignore-case-while-matching.md
@@ -0,0 +1,109 @@
+---
+id: 587d7db4367417b2b2512b91
+title: Пошук збігів без урахування регістру
+challengeType: 1
+forumTopicId: 301344
+dashedName: ignore-case-while-matching
+---
+
+# --description--
+
+Дотепер ви вивчали регулярні вирази, які знаходять точні збіги рядків. Але іноді ви, можливо, захочете також знайти збіги без урахування регістру.
+
+Регістр (інколи регістр літер) - це різниця між великими та малими літерами. Прикладами великих літер є `A`, `B` і `C`. Прикладами малих літер є `a`, `b` і `c`.
+
+Ви можете знаходити збіги обох регістрів за допомогою так званого прапорця. Існують інші прапорці, але тут ви зосередитесь на тому, який не враховує регістр - `i`. Ви можете використати його, додавши до регулярного виразу. Прикладом використання цього прапорця є `/ignorecase/i`. Цей регулярний вираз може відповідати рядкам `ignorecase`, `igNoreCase` та `IgnoreCase`.
+
+# --instructions--
+
+Напишіть регулярний вираз `fccRegex`, щоб знайти `freeCodeCamp` незалежно від регістру. Ваш регулярний вираз не повинен збігатися зі скороченнями або варіаціями з пробілами.
+
+# --hints--
+
+Ваш регулярний вираз повинен збігатися з рядком `freeCodeCamp`
+
+```js
+fccRegex.lastIndex = 0; 
+assert(fccRegex.test('freeCodeCamp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FreeCodeCamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCodeCamp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FreecodeCamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreecodeCamp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FreeCodecamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCodecamp'));
+```
+
+Ваш регулярний вираз не повинен збігатися з рядком `Free Code Camp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(!fccRegex.test('Free Code Camp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FreeCOdeCamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FreeCOdeCamp'));
+```
+
+Ваш регулярний вираз не повинен збігатися з рядком `FCC`
+
+```js
+fccRegex.lastIndex = 0;
+assert(!fccRegex.test('FCC'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FrEeCoDeCamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FrEeCoDeCamp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FrEeCodECamp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FrEeCodECamp'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `FReeCodeCAmp`
+
+```js
+fccRegex.lastIndex = 0;
+assert(fccRegex.test('FReeCodeCAmp'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /change/; // Change this line
+let result = fccRegex.test(myString);
+```
+
+# --solutions--
+
+```js
+let myString = "freeCodeCamp";
+let fccRegex = /freecodecamp/i; // Change this line
+let result = fccRegex.test(myString);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md
new file mode 100644
index 0000000000..125e326c4a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-a-literal-string-with-different-possibilities.md
@@ -0,0 +1,90 @@
+---
+id: 587d7db4367417b2b2512b90
+title: Пошук точних збігів рядка з різними варіантами
+challengeType: 1
+forumTopicId: 301345
+dashedName: match-a-literal-string-with-different-possibilities
+---
+
+# --description--
+
+За допомогою таких регулярних виразів, як `/coding/` можна шукати шаблон `coding` в іншому рядку.
+
+Це корисно для пошуку окремих рядків, але він обмежений лише одним шаблоном. Ви можете шукати кілька шаблонів одразу за допомогою оператора `alternation` або `OR`: `|`.
+
+Цей оператор знаходить збіги шаблонів до або після нього. Наприклад, якщо ви хочете знайти збіги рядків `yes` або `no`, ваш регулярний вираз матиме такий вигляд: `/yes|no/`.
+
+Ви також можете шукати більше ніж два шаблони одночасно. Ви можете зробити це, додавши більше шаблонів з більшою кількістю операторів `OR`, що їх розділяють, наприклад: `/yes|no|maybe/`.
+
+# --instructions--
+
+Напишіть регулярний вираз `petRegex`, який відповідав би таким домашнім тваринам: `dog`, `cat`, `bird` або `fish`.
+
+# --hints--
+
+Ви маєте отримати `true` для рядка `John has a pet dog.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('John has a pet dog.'));
+```
+
+Ви маєте отримати `false` для рядка `Emma has a pet rock.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Emma has a pet rock.'));
+```
+
+Ви маєте отримати `true` для рядка `Emma has a pet bird.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Emma has a pet bird.'));
+```
+
+Ви маєте отримати `true` для рядка `Liz has a pet cat.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Liz has a pet cat.'));
+```
+
+Ви маєте отримати `false` для рядка `Kara has a pet dolphin.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Kara has a pet dolphin.'));
+```
+
+Ви маєте отримати `true` для рядка `Alice has a pet fish.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(petRegex.test('Alice has a pet fish.'));
+```
+
+Ви маєте отримати `false` для рядка `Jimmy has a pet computer.` за допомогою вашого регулярного виразу `petRegex`
+
+```js
+petRegex.lastIndex = 0;
+assert(!petRegex.test('Jimmy has a pet computer.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /change/; // Change this line
+let result = petRegex.test(petString);
+```
+
+# --solutions--
+
+```js
+let petString = "James has a pet cat.";
+let petRegex = /dog|cat|bird|fish/; // Change this line
+let result = petRegex.test(petString);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md
new file mode 100644
index 0000000000..c6da06c44c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-letters-and-numbers.md
@@ -0,0 +1,98 @@
+---
+id: 587d7db7367417b2b2512b9f
+title: Пошук збігів з усіма літерами та числами
+challengeType: 1
+forumTopicId: 301346
+dashedName: match-all-letters-and-numbers
+---
+
+# --description--
+
+Використовуючи класи символів, ви мали змогу шукати всі літери алфавіту за допомогою `[a-z]`. Цей клас символів настільки поширений, що для нього існує скорочення, хоча воно й містить декілька додаткових символів.
+
+Найближчий клас символів у JavaScript, який дозволяє встановити відповідність з алфавітом, - `\w`. Це скорочення дорівнює `[A-Za-z0-9_]`. Цей клас символів відповідає великим і малим літерам та числам. Зверніть увагу, що цей клас символів також містить символ підкреслення (`_`).
+
+```js
+let longHand = /[A-Za-z0-9_]+/;
+let shortHand = /\w+/;
+let numbers = "42";
+let varNames = "important_var";
+longHand.test(numbers);
+shortHand.test(numbers);
+longHand.test(varNames);
+shortHand.test(varNames);
+```
+
+У результаті використання усіх чотирьох викликів `test` ви отримаєте `true`.
+
+Ці скорочення класів символів також відомі як <dfn>скорочення класів символів</dfn>.
+
+# --instructions--
+
+Застосуйте скорочення класу символів `\w`, щоб підрахувати кількість буквено-цифрових символів у різних цитатах і рядках.
+
+# --hints--
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(alphabetRegexV2.global);
+```
+
+Ваш регулярний вираз повинен використовувати скорочений символ `\w`, щоб встановити відповідність з усіма символами, які є буквено-цифровими.
+
+```js
+assert(/\\w/.test(alphabetRegexV2.source));
+```
+
+Ваш регулярний вираз повинен знайти 31 буквено-цифровий символ в рядку `The five boxing wizards jump quickly.`
+
+```js
+assert(
+  'The five boxing wizards jump quickly.'.match(alphabetRegexV2).length === 31
+);
+```
+
+Ваш регулярний вираз повинен знайти 32 буквено-цифрових символи в рядку `Pack my box with five dozen liquor jugs.`
+
+```js
+assert(
+  'Pack my box with five dozen liquor jugs.'.match(alphabetRegexV2).length ===
+    32
+);
+```
+
+Ваш регулярний вираз повинен знайти 30 буквено-цифрових символів у рядку `How vexingly quick daft zebras jump!`
+
+```js
+assert(
+  'How vexingly quick daft zebras jump!'.match(alphabetRegexV2).length === 30
+);
+```
+
+Ваш регулярний вираз повинен знайти 36 буквено-цифрових символів у рядку `123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.`
+
+```js
+assert(
+  '123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.'.match(alphabetRegexV2)
+    .length === 36
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /change/; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let alphabetRegexV2 = /\w/g; // Change this line
+let result = quoteSample.match(alphabetRegexV2).length;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md
new file mode 100644
index 0000000000..08b2cf50ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-non-numbers.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db8367417b2b2512ba1
+title: Пошук збігів з усіма нечисловими символами
+challengeType: 1
+forumTopicId: 301347
+dashedName: match-all-non-numbers
+---
+
+# --description--
+
+У попередньому завданні показано, як шукати цифри, використовуючи скорочення `\d` за допомогою малої літери `d`. Ви також можете шукати нецифрові символи за допомогою скорочення, яке використовує велику літеру `D`.
+
+Скорочення для пошуку нецифрових символів - `\D`. Це дорівнює класу символів `[^0-9]`, який шукає окремий символ, що не є числом від 0 до 9.
+
+# --instructions--
+
+Застосуйте скорочений клас символів для нецифрових символів `\D`, щоб підрахувати кількість нецифрових символів у назвах фільмів.
+
+# --hints--
+
+Ваш регулярний вираз повинен містити скорочений символ, щоб знайти збіги з нецифровими символами
+
+```js
+assert(/\\D/.test(noNumRegex.source));
+```
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(noNumRegex.global);
+```
+
+Ваш регулярний вираз не повинен знайти жодних нецифрових символів у рядку `9`.
+
+```js
+assert('9'.match(noNumRegex) == null);
+```
+
+Ваш регулярний вираз повинен знайти 6 нецифрових символів у рядку `Catch 22`.
+
+```js
+assert('Catch 22'.match(noNumRegex).length == 6);
+```
+
+Ваш регулярний вираз повинен знайти 11 нецифрових символів у рядку `101 Dalmatians`.
+
+```js
+assert('101 Dalmatians'.match(noNumRegex).length == 11);
+```
+
+Ваш регулярний вираз повинен знайти 15 нецифрових символів у рядку `One, Two, Three`.
+
+```js
+assert('One, Two, Three'.match(noNumRegex).length == 15);
+```
+
+Ваш регулярний вираз повинен знайти 12 нецифрових символів у рядку `21 Jump Street`.
+
+```js
+assert('21 Jump Street'.match(noNumRegex).length == 12);
+```
+
+Ваш регулярний вираз повинен знайти 17 нецифрових символів у рядку `2001: A Space Odyssey`.
+
+```js
+assert('2001: A Space Odyssey'.match(noNumRegex).length == 17);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let noNumRegex = /change/; // Change this line
+let result = movieName.match(noNumRegex).length;
+```
+
+# --solutions--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let noNumRegex = /\D/g; // Change this line
+let result = movieName.match(noNumRegex).length;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md
new file mode 100644
index 0000000000..130d1881fa
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-all-numbers.md
@@ -0,0 +1,85 @@
+---
+id: 5d712346c441eddfaeb5bdef
+title: Пошук збігів з усіма числовими символами
+challengeType: 1
+forumTopicId: 18181
+dashedName: match-all-numbers
+---
+
+# --description--
+
+Ви вивчили скорочення для поширених шаблонів, наприклад для алфавітно-цифрового. Ще один поширений шаблон це пошук лише цифр або чисел.
+
+Скорочення для пошуку цифрових символів `\d`, з нижнім регістром `d`. Це дорівнює класу символів `[0-9]`, який шукає окремий символ, що є числом від 0 до 9.
+
+# --instructions--
+
+Застосуйте скорочений клас символів `\d`, щоб підрахувати кількість цифрових символів у назвах фільмів. Числа прописом («шість» замість 6) не рахуються.
+
+# --hints--
+
+Ваш регулярний вираз повинен містити скорочений символ, щоб знайти збіги з цифровими символами
+
+```js
+assert(/\\d/.test(numRegex.source));
+```
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(numRegex.global);
+```
+
+Ваш регулярний вираз повинен знайти 1 цифровий символ у рядку `9`.
+
+```js
+assert('9'.match(numRegex).length == 1);
+```
+
+Ваш регулярний вираз повинен знайти 2 цифрових символи у рядку `Catch 22`.
+
+```js
+assert('Catch 22'.match(numRegex).length == 2);
+```
+
+Ваш регулярний вираз повинен знайти 3 цифрових символи у рядку `101 Dalmatians`.
+
+```js
+assert('101 Dalmatians'.match(numRegex).length == 3);
+```
+
+Ваш регулярний вираз не повинен знайти цифрових символів у рядку `One, Two, Three`.
+
+```js
+assert('One, Two, Three'.match(numRegex) == null);
+```
+
+Ваш регулярний вираз повинен знайти 2 цифрові символи у рядку `21 Jump Street`.
+
+```js
+assert('21 Jump Street'.match(numRegex).length == 2);
+```
+
+Ваш регулярний вираз повинен знайти 4 цифрові символи у рядку `2001: A Space Odyssey`.
+
+```js
+assert('2001: A Space Odyssey'.match(numRegex).length == 4);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let numRegex = /change/; // Change this line
+let result = movieName.match(numRegex).length;
+```
+
+# --solutions--
+
+```js
+let movieName = "2001: A Space Odyssey";
+let numRegex = /\d/g; // Change this line
+let result = movieName.match(numRegex).length;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md
new file mode 100644
index 0000000000..e6c44e19b9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-anything-with-wildcard-period.md
@@ -0,0 +1,119 @@
+---
+id: 587d7db5367417b2b2512b94
+title: Пошук усього за допомогою спеціального символу «.»
+challengeType: 1
+forumTopicId: 301348
+dashedName: match-anything-with-wildcard-period
+---
+
+# --description--
+
+Іноді ви не знаєте (або вам не потрібні) точні символи у шаблонах. Обмірковування усіх слів які відповідають, скажімо, орфографічній помилці, займе багато часу. На щастя, ви можете заощадити час, використовуючи спеціальний символ: `.`
+
+Спеціальний символ `.` відповідатиме будь-якому одному символу. Спеціальний символ також називають `dot` та `period`. Цей спеціальний символ можна використати як і будь-який інший символ у регулярному виразі. Наприклад, якщо ви хотіли б знайти `hug`, `huh`, `hut`, і `hum`, ви можете використати регулярний вираз `/hu./` для пошуку усіх чотирьох слів.
+
+```js
+let humStr = "I'll hum a song";
+let hugStr = "Bear hug";
+let huRegex = /hu./;
+huRegex.test(humStr);
+huRegex.test(hugStr);
+```
+
+У результаті використання обох `test` викликів ви отримаєте `true`.
+
+# --instructions--
+
+Завершіть регулярний вираз `unRegex` так щоб він знайшов такі стрічки як: `run`, `sun`, `fun`, `pun`. `nun`, і `bun`. Ваш регулярний вираз повинен використовувати спеціальний символ.
+
+# --hints--
+
+Ви повинні використовувати метод `.test()`.
+
+```js
+assert(code.match(/\.test\(.*\)/));
+```
+
+Ви повинні використовувати спеціальний символ у регулярному виразі `unRegex`
+
+```js
+assert(/\./.test(unRegex.source));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `run` у рядку `Let us go on a run.`
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Let us go on a run.'));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `sun` у рядку `The sun is out today.`
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('The sun is out today.'));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `fun` у рядку `Coding is a lot of fun.`
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Coding is a lot of fun.'));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `pun` у рядку `Seven days without a pun makes one weak.`
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('Seven days without a pun makes one weak.'));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `nun` у рядку `One takes a vow to be a nun.`
+
+```js
+unRegex.lastIndex = 0;
+assert(unRegex.test('One takes a vow to be a nun.'));
+```
+
+Ваш регулярний вираз `unRegex` повинен знайти `bun` у рядку `She got fired from the hot dog stand for putting her hair in a bun.`
+
+```js
+unRegex.lastIndex = 0;
+assert(
+  unRegex.test(
+    'She got fired from the hot dog stand for putting her hair in a bun.'
+  )
+);
+```
+
+Ваш регулярний вираз `unRegex` не повинен знайти рядок `There is a bug in my code.`
+
+```js
+unRegex.lastIndex = 0;
+assert(!unRegex.test('There is a bug in my code.'));
+```
+
+Ваш регулярний вираз `unRegex` не повинен знайти рядок `Catch me if you can.`
+
+```js
+unRegex.lastIndex = 0;
+assert(!unRegex.test('Catch me if you can.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /change/; // Change this line
+let result = unRegex.test(exampleStr);
+```
+
+# --solutions--
+
+```js
+let exampleStr = "Let's have fun with regular expressions!";
+let unRegex = /.un/; // Change this line
+let result = unRegex.test(exampleStr);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md
new file mode 100644
index 0000000000..e41dd7ba6b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-beginning-string-patterns.md
@@ -0,0 +1,73 @@
+---
+id: 587d7db7367417b2b2512b9d
+title: Пошук відповідностей початковим зразкам рядків
+challengeType: 1
+forumTopicId: 301349
+dashedName: match-beginning-string-patterns
+---
+
+# --description--
+
+Попередні завдання показали, що регулярні вирази можуть використовуватися для пошуку збігів. Також вони використовуються для пошуку шаблонів у певних позиціях рядків.
+
+У попередньому завданні ви використовували символ карет (`^`) всередині набору символів задля того, щоб створити набір негативних символів у вигляді `[^thingsThatWillNotBeMatched]`. За межами набору символів, карет використовується для пошуку шаблонів на початку рядків.
+
+```js
+let firstString = "Ricky is first and can be found.";
+let firstRegex = /^Ricky/;
+firstRegex.test(firstString);
+let notFirst = "You can't find Ricky now.";
+firstRegex.test(notFirst);
+```
+
+Перший виклик `test` повернеться як `true`, тоді ж як другий повернеться як `false`.
+
+# --instructions--
+
+Використовуйте символ карет у регулярному виразі для того, щоб знайти `Cal` лише на початку рядка `rickyAndCal`.
+
+# --hints--
+
+Ваш регулярний вираз повинен шукати рядок `Cal` з великої літери.
+
+```js
+assert(calRegex.source == '^Cal');
+```
+
+Ваш регулярний вираз не повинен містити жодних маркерів.
+
+```js
+assert(calRegex.flags == '');
+```
+
+Ваш регулярний вираз повинен збігатися із рядком `Cal` на початку рядка.
+
+```js
+calRegex.lastIndex = 0;
+assert(calRegex.test('Cal and Ricky both like racing.'));
+```
+
+Ваш регулярний вираз не повинен збігатися із рядком `Cal` всередині рядка.
+
+```js
+calRegex.lastIndex = 0;
+assert(!calRegex.test('Ricky and Cal both like racing.'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /change/; // Change this line
+let result = calRegex.test(rickyAndCal);
+```
+
+# --solutions--
+
+```js
+let rickyAndCal = "Cal and Ricky both like racing.";
+let calRegex = /^Cal/; // Change this line
+let result = calRegex.test(rickyAndCal);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md
new file mode 100644
index 0000000000..4d828572e9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-one-or-more-times.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db6367417b2b2512b99
+title: Пошук збігів, що трапляються один чи більше разів
+challengeType: 1
+forumTopicId: 301350
+dashedName: match-characters-that-occur-one-or-more-times
+---
+
+# --description--
+
+Іноді вам треба знайти символ (або групу символів), що з'являються один чи більше разів поспіль. Це означає, що він зустрічається принаймні раз та може повторюватися.
+
+Можна використати `+` символ для того, щоб перевірити чи це так. Пам'ятайте, символ або шаблон мають бути постійно присутніми. Тобто символ має повторюватися один за іншим.
+
+Наприклад, `/a+/g` знайде один збіг в `abc` та поверне `["a"]`. Завдяки `+`, програма також знайде один збіг в `aabc` та поверне `["aa"]`.
+
+Але якщо замість цього була виконана перевірка рядка `abab`, було б знайдено два збіги та повернено `["a", "a"]`, так як символи `a` не стоять підряд: між ними є символ `b`. І нарешті, оскільки в рядку `bcd` немає `a`, програма не знайде збігів.
+
+# --instructions--
+
+Ви хочете знайти збіги, коли літера `s` з'являється один чи більше разів у `Mississippi`. Напишіть регулярний вираз, що містить знак `+`.
+
+# --hints--
+
+Ваш регулярний вираз `myRegex` має використовувати символ `+` для збігу з одним чи більше `s`-символами.
+
+```js
+assert(/\+/.test(myRegex.source));
+```
+
+Ваш регулярний вираз `myRegex` повинен збігатися з двома елементами.
+
+```js
+assert(result.length == 2);
+```
+
+Змінна `result` має бути масивом з двома збігами `ss`
+
+```js
+assert(result[0] == 'ss' && result[1] == 'ss');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /change/; // Change this line
+let result = difficultSpelling.match(myRegex);
+```
+
+# --solutions--
+
+```js
+let difficultSpelling = "Mississippi";
+let myRegex = /s+/g; // Change this line
+let result = difficultSpelling.match(myRegex);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md
new file mode 100644
index 0000000000..58ff4d145b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-characters-that-occur-zero-or-more-times.md
@@ -0,0 +1,96 @@
+---
+id: 587d7db6367417b2b2512b9a
+title: Пошук збігів, що трапляються нуль чи більше разів
+challengeType: 1
+forumTopicId: 301351
+dashedName: match-characters-that-occur-zero-or-more-times
+---
+
+# --description--
+
+Останнє завдання потребувало використання знака `+` для пошуку символів, що зустрічаються один чи більше разів. Існує також варіант пошуку символів, що зустрічаються нуль чи більше разів.
+
+Символ, за допомогою якого це можна зробити, називається "астерікс" або "зірочка": `*`.
+
+```js
+let soccerWord = "gooooooooal!";
+let gPhrase = "gut feeling";
+let oPhrase = "over the moon";
+let goRegex = /go*/;
+soccerWord.match(goRegex);
+gPhrase.match(goRegex);
+oPhrase.match(goRegex);
+```
+
+По черзі три виклики `match` повернуть значення `["goooooooo"]`, `["g"]` та `null`.
+
+# --instructions--
+
+Для цього завдання, `chewieQuote` було привласнено значення рядка `Aaaaaaaaaaaaaaaarrrgh!` за замовчуванням. Створіть регулярний вираз `chewieRegex`, що використовує символ `*`, для пошуку збігів з великим символом `A`, за яким одразу стоїть нуль чи більша кількість маленьких символів `a` у `chewieQuote`. Ваш регулярний вираз не потребує маркерів чи класів символів та не може збігатися з іншими лапками.
+
+# --hints--
+
+Ваш регулярний вираз`chewieRegex` має використовувати символ `*` задля пошуку збігів нуля чи більше `a`-символів.
+
+```js
+assert(/\*/.test(chewieRegex.source));
+```
+
+Ваш регулярний вираз має збігатися з рядком `A` у `chewieQuote`.
+
+```js
+assert(result[0][0] === 'A');
+```
+
+Ваш регулярний вираз має збігатися з рядком `Aaaaaaaaaaaaaaaa` у `chewieQuote`.
+
+```js
+assert(result[0] === 'Aaaaaaaaaaaaaaaa');
+```
+
+У вашому регулярному виразі `chewieRegex` має збігатися 16 символів із рядком `chewieQuote`.
+
+```js
+assert(result[0].length === 16);
+```
+
+Ваш регулярний вираз не повинен збігатися із рядком `He made a fair move. Screaming about it can't help you.`
+
+```js
+assert(
+  !"He made a fair move. Screaming about it can't help you.".match(chewieRegex)
+);
+```
+
+Ваш регулярний вираз не повинен збігатися жодним символом із рядком `Let him have it. It's not wise to upset a Wookiee.`
+
+```js
+assert(
+  !"Let him have it. It's not wise to upset a Wookiee.".match(chewieRegex)
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const chewieQuote = "Aaaaaaaaaaaaaaaarrrgh!";
+```
+
+## --seed-contents--
+
+```js
+// Only change code below this line
+let chewieRegex = /change/; // Change this line
+// Only change code above this line
+
+let result = chewieQuote.match(chewieRegex);
+```
+
+# --solutions--
+
+```js
+  let chewieRegex = /Aa*/;
+  let result = chewieQuote.match(chewieRegex);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md
new file mode 100644
index 0000000000..4e91a89aa2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-ending-string-patterns.md
@@ -0,0 +1,66 @@
+---
+id: 587d7db7367417b2b2512b9e
+title: Пошук відповідностей шаблонам у кінці рядків
+challengeType: 1
+forumTopicId: 301352
+dashedName: match-ending-string-patterns
+---
+
+# --description--
+
+У минулому завданні ви навчилися використовувати символ карет для пошуку шаблонів на початку рядків. Також існує спосіб пошуку шаблонів у кінці рядків.
+
+Ви можете виконати пошук по кінцях рядків, використовуючи символ долара `$` у кінці регулярного виразу.
+
+```js
+let theEnding = "This is a never ending story";
+let storyRegex = /story$/;
+storyRegex.test(theEnding);
+let noEnding = "Sometimes a story will have to end";
+storyRegex.test(noEnding);
+```
+
+Перший виклик `test` повернеться як `true`, тоді ж як другий повернеться як `false`.
+
+# --instructions--
+
+Використовуйте знак прив'язки (`$`), щоб знайти відповідність рядка `caboose` у кінці рядка `caboose`.
+
+# --hints--
+
+Ви можете також виконати пошук `caboose` знаком прив'язки долар `$` у регулярному виразі.
+
+```js
+assert(lastRegex.source == 'caboose$');
+```
+
+Ваш регулярний вираз не повинен містити жодних маркерів.
+
+```js
+assert(lastRegex.flags == '');
+```
+
+Ви можете знайти відповідність до `caboose` у кінці рядка `The last car on a train is the caboose`
+
+```js
+lastRegex.lastIndex = 0;
+assert(lastRegex.test('The last car on a train is the caboose'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /change/; // Change this line
+let result = lastRegex.test(caboose);
+```
+
+# --solutions--
+
+```js
+let caboose = "The last car on a train is the caboose";
+let lastRegex = /caboose$/; // Change this line
+let result = lastRegex.test(caboose);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md
new file mode 100644
index 0000000000..38657a1024
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-everything-but-letters-and-numbers.md
@@ -0,0 +1,92 @@
+---
+id: 587d7db8367417b2b2512ba0
+title: Встановлення відповідності між усім, крім літер та чисел
+challengeType: 1
+forumTopicId: 301353
+dashedName: match-everything-but-letters-and-numbers
+---
+
+# --description--
+
+Ви вже дізналися, що можна використовувати скорочення для пошуку відповідності алфавітно-цифрового індикатора `[A-Za-z0-9_]`, використовуючи `\w`. Звісно, вам може бути потрібно знайти протилежне до алфавітно-цифрового індикатора.
+
+Ви можете знайти протилежне значення функції `\w` з `\W`. Майте на увазі, що протилежний шаблон використовується з великою літерою. Це скорочення збігається з `[^A-Za-z0-9_]`.
+
+```js
+let shortHand = /\W/;
+let numbers = "42%";
+let sentence = "Coding!";
+numbers.match(shortHand);
+sentence.match(shortHand);
+```
+
+Перший виклик `match` повернеться як `["%"]`, а другий — як `["!"]`.
+
+# --instructions--
+
+Застосуйте скорочення класу символів `\W`, щоб підрахувати кількість алфавітно-цифрових символів у різних цитатах і рядках.
+
+# --hints--
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(nonAlphabetRegex.global);
+```
+
+Ваш регулярний вираз повинен знайти 6 не алфавітно-цифрових символів у рядку `The five boxing wizards jump quickly.`.
+
+```js
+assert(
+  'The five boxing wizards jump quickly.'.match(nonAlphabetRegex).length == 6
+);
+```
+
+Ваш регулярний вираз повинен використовувати символи скорочення, щоб знайти відповідності до не алфавітно-цифрових символів.
+
+```js
+assert(/\\W/.test(nonAlphabetRegex.source));
+```
+
+Ваш регулярний вираз повинен знайти 8 не алфавітно-цифрових символів у рядку `Pack my box with five dozen liquor jugs.`
+
+```js
+assert(
+  'Pack my box with five dozen liquor jugs.'.match(nonAlphabetRegex).length == 8
+);
+```
+
+Ваш регулярний вираз повинен знайти 6 не алфавітно-цифрових символів у рядку `How vexingly quick daft zebras jump!`
+
+```js
+assert(
+  'How vexingly quick daft zebras jump!'.match(nonAlphabetRegex).length == 6
+);
+```
+
+Ваш регулярний вираз повинен знайти 12 не алфавітно-цифрових символів у рядку `123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.`
+
+```js
+assert(
+  '123 456 7890 ABC def GHI jkl MNO pqr STU vwx YZ.'.match(nonAlphabetRegex)
+    .length == 12
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The five boxing wizards jump quickly.";
+let nonAlphabetRegex = /change/; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The five boxing wizards_jump quickly.";
+let nonAlphabetRegex = /\W/g; // Change this line
+let result = quoteSample.match(nonAlphabetRegex).length;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md
new file mode 100644
index 0000000000..57ae8bedd4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-letters-of-the-alphabet.md
@@ -0,0 +1,71 @@
+---
+id: 587d7db5367417b2b2512b96
+title: Встановлення відповідності до літер алфавіту
+challengeType: 1
+forumTopicId: 301354
+dashedName: match-letters-of-the-alphabet
+---
+
+# --description--
+
+Ви бачили, як можна використовувати <dfn>набори символів</dfn>, щоб визначити групу символів для відповідності, але довелося б набирати дуже багато, якщо потрібно знайти відповідність великому діапазону символів (наприклад, кожній літері в алфавіті). На щастя, для цього існує вбудована функція, що робить це швидко та просто.
+
+Всередині набору символів можна визначити діапазон символів для пошуку відповідності з використанням символу дефіс: `-`.
+
+Наприклад, для пошуку літер нижнього регістру від `a` до `e` можна використати `[a-e]`.
+
+```js
+let catStr = "cat";
+let batStr = "bat";
+let matStr = "mat";
+let bgRegex = /[a-e]at/;
+catStr.match(bgRegex);
+batStr.match(bgRegex);
+matStr.match(bgRegex);
+```
+
+По черзі три виклики `match` повернуться як `["cat"]`, `["bat"]` і `null`.
+
+# --instructions--
+
+Знайдіть відповідності до усіх літер у рядку `quoteSample`.
+
+**Примітка**: не забудьте вказати літери як верхнього, так і нижнього регістру.
+
+# --hints--
+
+Регулярний вираз `alphabetRegex` повинен знайти збіги для 35 елементів.
+
+```js
+assert(result.length == 35);
+```
+
+Ваш регулярний вираз `alphabetRegex` повинен використовувати глобальний прапорець.
+
+```js
+assert(alphabetRegex.flags.match(/g/).length == 1);
+```
+
+Ваш регулярний вираз `alphabetRegex` повинен використовувати прапорець без урахування регістру.
+
+```js
+assert(alphabetRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /change/; // Change this line
+let result = alphabetRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "The quick brown fox jumps over the lazy dog.";
+let alphabetRegex = /[a-z]/gi; // Change this line
+let result = quoteSample.match(alphabetRegex); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md
new file mode 100644
index 0000000000..be65a9b982
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-literal-strings.md
@@ -0,0 +1,74 @@
+---
+id: 587d7db3367417b2b2512b8f
+title: Пошук точного збігу для рядка
+challengeType: 1
+forumTopicId: 301355
+dashedName: match-literal-strings
+---
+
+# --description--
+
+У минулому завданні ви шукали слово `Hello`, використовуючи регулярний вираз `/Hello/`. Цей регулярний вираз шукав точний збіг для рядка `Hello`. Ось ще один приклад пошуку точного збігу для рядка `Kevin`:
+
+```js
+let testStr = "Hello, my name is Kevin.";
+let testRegex = /Kevin/;
+testRegex.test(testStr);
+```
+
+Цей виклик `test` повернеться як `true`.
+
+Жодна інша форма слова `Kevin` не буде збігом. Наприклад, регулярний вираз `/Kevin/` не знайде відповідності `kevin` або `KEVIN`.
+
+```js
+let wrongRegex = /kevin/;
+wrongRegex.test(testStr);
+```
+
+Цей виклик `test` повернеться як `false`.
+
+Майбутнє завдання покаже, як знайти збіги для інших форм також.
+
+# --instructions--
+
+Виконайте регулярний вираз `waldoRegex`, щоб знайти `"Waldo"` в рядку `waldoIsHiding` з точним збігом.
+
+# --hints--
+
+Ваш регулярний вираз `waldoRegex` повинен знайти рядок `Waldo`
+
+```js
+waldoRegex.lastIndex = 0;
+assert(waldoRegex.test(waldoIsHiding));
+```
+
+Ваш регулярний вираз `waldoRegex` не повинен знайти нічого іншого.
+
+```js
+waldoRegex.lastIndex = 0;
+assert(!waldoRegex.test('Somewhere is hiding in this text.'));
+```
+
+За допомогою регулярного виразу ви повинні знайти точний збіг для рядка.
+
+```js
+assert(!/\/.*\/i/.test(code));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /search/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+```
+
+# --solutions--
+
+```js
+let waldoIsHiding = "Somewhere Waldo is hiding in this text.";
+let waldoRegex = /Waldo/; // Change this line
+let result = waldoRegex.test(waldoIsHiding);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md
new file mode 100644
index 0000000000..c69a5ad204
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-non-whitespace-characters.md
@@ -0,0 +1,78 @@
+---
+id: 587d7db9367417b2b2512ba4
+title: Пошук збігів із символами, що не є пробілами
+challengeType: 1
+forumTopicId: 18210
+dashedName: match-non-whitespace-characters
+---
+
+# --description--
+
+Ви дізналися, як шукати пробіли, використовуючи `\s` з літерою `s` нижнього регістру. Ви можете також шукати все, крім пробілів.
+
+Ви можете шукати символи, що не є пробілами, за допомогою `\S` з літерою `s` верхнього регістру. Цей шаблон не знайде збігів із символами пробілу, повернення каретки, табуляції, розриву сторінки та нового рядка. Можете вважати, що це схоже на клас символів `[^ \r\t\f\n\v]`.
+
+```js
+let whiteSpace = "Whitespace. Whitespace everywhere!"
+let nonSpaceRegex = /\S/g;
+whiteSpace.match(nonSpaceRegex).length;
+```
+
+Метод `.length` повертає значення `32`.
+
+# --instructions--
+
+Змініть регулярний вираз `countNonWhiteSpace`, щоб шукати декілька символів, що не є пробілами, у рядку.
+
+# --hints--
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(countNonWhiteSpace.global);
+```
+
+Ваш регулярний вираз повинен використовувати скорочений символ `\S`, щоб знайти збіг з усіма символами, які не є пробілами.
+
+```js
+assert(/\\S/.test(countNonWhiteSpace.source));
+```
+
+Ваш регулярний вираз повинен знайти 35 знаків, що не є пробілами, у рядку `Men are from Mars and women are from Venus.`
+
+```js
+assert(
+  'Men are from Mars and women are from Venus.'.match(countNonWhiteSpace)
+    .length == 35
+);
+```
+
+Ваш регулярний вираз повинен знайти 23 знаки, що не є пробілами, у рядку `Space: the final frontier.`
+
+```js
+assert('Space: the final frontier.'.match(countNonWhiteSpace).length == 23);
+```
+
+Ваш регулярний вираз повинен знайти 21 знак, що не є пробілом, у рядку `MindYourPersonalSpace`
+
+```js
+assert('MindYourPersonalSpace'.match(countNonWhiteSpace).length == 21);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /change/; // Change this line
+let result = sample.match(countNonWhiteSpace);
+```
+
+# --solutions--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countNonWhiteSpace = /\S/g; // Change this line
+let result = sample.match(countNonWhiteSpace);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md
new file mode 100644
index 0000000000..65fca78d21
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-numbers-and-letters-of-the-alphabet.md
@@ -0,0 +1,63 @@
+---
+id: 587d7db5367417b2b2512b97
+title: Встановлення відповідності до чисел та літер алфавіту
+challengeType: 1
+forumTopicId: 301356
+dashedName: match-numbers-and-letters-of-the-alphabet
+---
+
+# --description--
+
+Використання дефіса (`-`) для пошуку діапазону символів не обмежується літерами. Це також працює і для пошуку діапазону чисел.
+
+Наприклад, `/[0-5]/` відповідає будь-якому числу від `0` до `5`, включаючи `0` і `5`.
+
+Також можливим є поєднання діапазону літер і чисел в одному наборі символів.
+
+```js
+let jennyStr = "Jenny8675309";
+let myRegex = /[a-z0-9]/ig;
+jennyStr.match(myRegex);
+```
+
+# --instructions--
+
+Створіть регулярний вираз, який відповідає діапазону літер від `h` до `s`, а також діапазону чисел від `2` до `6`. Не забудьте включити відповідні прапорці у регулярному виразі.
+
+# --hints--
+
+Ваш регулярний вираз `myRegex` повинен збігатися з 17 елементами.
+
+```js
+assert(result.length == 17);
+```
+
+Ваш регулярний вираз `myRegex` повинен використовувати глобальний прапорець.
+
+```js
+assert(myRegex.flags.match(/g/).length == 1);
+```
+
+Ваш регулярний вираз `myRegex` повинен використовувати прапорець без урахування регістру.
+
+```js
+assert(myRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "Blueberry 3.141592653s are delicious.";
+let myRegex = /[h-s2-6]/gi; // Change this line
+let result = quoteSample.match(myRegex); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md
new file mode 100644
index 0000000000..f8efeef9c5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-character-with-multiple-possibilities.md
@@ -0,0 +1,85 @@
+---
+id: 587d7db5367417b2b2512b95
+title: Встановлення відповідності одного символу з кількома можливостями
+challengeType: 1
+forumTopicId: 301357
+dashedName: match-single-character-with-multiple-possibilities
+---
+
+# --description--
+
+Ви вивчили як використовувати літеральні шаблони (`/literal/`) і шаблон спеціального символу (`/./`). Це — крайнощі регулярних виразів, де одні мають точні збіги, а інші — збігаються з усім. Є варіанти, які є балансом між двома крайнощами.
+
+Ви можете знайти літерний шаблон з деякою гнучкістю за допомогою <dfn>character classes</dfn>. Класи символів дозволяють визначити групу символів, які ви хочете зіставити, розмістивши їх у квадратних (`[` і `]`) дужках.
+
+Наприклад, ви хочете зіставити `bag`, `big`, і `bug` але не `bog`. Щоб зробити це, ви можете створити регулярний вираз `/b[aiu]g/`. `[aiu]` - це клас символів, який буде співпадати лише з символами `a`, `i`, або `u`.
+
+```js
+let bigStr = "big";
+let bagStr = "bag";
+let bugStr = "bug";
+let bogStr = "bog";
+let bgRegex = /b[aiu]g/;
+bigStr.match(bgRegex);
+bagStr.match(bgRegex);
+bugStr.match(bgRegex);
+bogStr.match(bgRegex);
+```
+
+По черзі чотири виклики `match` повернуть значення `["big"]`, `["bag"]`, `["bug"]`, та `null`.
+
+# --instructions--
+
+Використайте клас символів голосних (`a`, `e`, `i`, `o`, `u`) у вашому регулярному виразі `vowelRegex`, щоб знайти усі голосні в рядку `quoteSample`.
+
+**Примітка:** не забудьте вказати голосні як верхнього, так і нижнього регістру.
+
+# --hints--
+
+Ви повинні знайти всі 25 голосних.
+
+```js
+assert(result.length == 25);
+```
+
+Ваш регулярний вираз `vowelRegex` повинен використовувати клас символів.
+
+```js
+assert(/\[.*\]/.test(vowelRegex.source));
+```
+
+Ваш регулярний вираз `vowelRegex` повинен використовувати глобальний прапорець.
+
+```js
+assert(vowelRegex.flags.match(/g/).length == 1);
+```
+
+Ваш регулярний вираз `vowelRegex` повинен використовувати прапорець без урахування регістру.
+
+```js
+assert(vowelRegex.flags.match(/i/).length == 1);
+```
+
+Ваш регулярний вираз не повинен збігатися з будь-якими приголосними.
+
+```js
+assert(!/[b-df-hj-np-tv-z]/gi.test(result.join()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /change/; // Change this line
+let result = vowelRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "Beware of bugs in the above code; I have only proved it correct, not tried it.";
+let vowelRegex = /[aeiou]/gi; // Change this line
+let result = quoteSample.match(vowelRegex); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md
new file mode 100644
index 0000000000..b1b246c1fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-single-characters-not-specified.md
@@ -0,0 +1,57 @@
+---
+id: 587d7db6367417b2b2512b98
+title: Пошук збігів для невказаних символів
+challengeType: 1
+forumTopicId: 301358
+dashedName: match-single-characters-not-specified
+---
+
+# --description--
+
+Поки що ви створювали набори символів, для яких ви хотіли знайти збіги, але ви також можете створити набори символів, для яких ви не хочете знаходити збігів. Такі типи наборів символів називаються <dfn>негативний набір символів</dfn>.
+
+Щоб створити негативний набір символів, поставте символ карет (`^`) після відкриття дужок та перед символами, для яких ви не хочете шукати збіги.
+
+Наприклад, `/[^aeiou]/gi` знайде збіги для всіх символів, що не є голосними. Зверніть увагу, що для таких символів як `.`, `!`, `[`, `@`, `/` і пробілів також будуть знайдені збіги: негативна група символів голосних виключає лише символи голосних.
+
+# --instructions--
+
+Створіть один регулярний вираз, що знаходить збіги для всіх символів, крім чисел та голосних. Не забудьте включити відповідні прапорці у регулярному виразі.
+
+# --hints--
+
+Регулярний вираз `myRegex` повинен знайти збіги для 9 елементів.
+
+```js
+assert(result.length == 9);
+```
+
+Ваш регулярний вираз `myRegex` повинен використовувати глобальний прапорець.
+
+```js
+assert(myRegex.flags.match(/g/).length == 1);
+```
+
+Ваш регулярний вираз `myRegex` повинен використовувати прапорець без урахування регістру.
+
+```js
+assert(myRegex.flags.match(/i/).length == 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /change/; // Change this line
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let quoteSample = "3 blind mice.";
+let myRegex = /[^0-9aeiou]/gi; // Change this line
+let result = quoteSample.match(myRegex); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md
new file mode 100644
index 0000000000..e9d52724f3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/match-whitespace.md
@@ -0,0 +1,77 @@
+---
+id: 587d7db8367417b2b2512ba3
+title: Пошук збігів з пробілом
+challengeType: 1
+forumTopicId: 301359
+dashedName: match-whitespace
+---
+
+# --description--
+
+Завдання, які ми вже виконали, містять пошук збігів з літерами алфавіту та числами. Ви також можете шукати збіги з пробілами або проміжків між літерами.
+
+Ви можете шукати пробіли, використовуючи `\s` з літерою `s` нижнього регістру. Цей шаблон знайде збіги не лише із символами пробілу, але також символами повернення каретки, табуляції, розриву сторінки та нового рядка. Можете вважати, що це схоже на клас символів `[ \r\t\f\n\v]`.
+
+```js
+let whiteSpace = "Whitespace. Whitespace everywhere!"
+let spaceRegex = /\s/g;
+whiteSpace.match(spaceRegex);
+```
+
+Цей виклик `match` повернеться як `[" ", " "]`.
+# --instructions--
+
+Змініть регулярний вираз `countWhiteSpace`, щоб шукати декілька символів пробілу в рядку.
+
+# --hints--
+
+Ваш регулярний вираз повинен використовувати глобальний прапорець.
+
+```js
+assert(countWhiteSpace.global);
+```
+
+Ваш регулярний вираз повинен використовувати скорочений символ `\s`, щоб знайти збіг з усіма символами пробілу.
+
+```js
+assert(/\\s/.test(countWhiteSpace.source));
+```
+
+Регулярний вираз повинен знайти вісім пробілів у рядку `Men are from Mars and women are from Venus.`
+
+```js
+assert(
+  'Men are from Mars and women are from Venus.'.match(countWhiteSpace).length ==
+    8
+);
+```
+
+Регулярний вираз повинен знайти три пробіли в рядку `Space: the final frontier.`
+
+```js
+assert('Space: the final frontier.'.match(countWhiteSpace).length == 3);
+```
+
+Регулярний вираз не повинен знайти жодного пробілу в рядку `MindYourPersonalSpace`
+
+```js
+assert('MindYourPersonalSpace'.match(countWhiteSpace) == null);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /change/; // Change this line
+let result = sample.match(countWhiteSpace);
+```
+
+# --solutions--
+
+```js
+let sample = "Whitespace is important in separating words";
+let countWhiteSpace = /\s/g;
+let result = sample.match(countWhiteSpace);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md
new file mode 100644
index 0000000000..61025dd49c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/positive-and-negative-lookahead.md
@@ -0,0 +1,122 @@
+---
+id: 587d7dba367417b2b2512ba9
+title: Позитивне і негативне передбачення
+challengeType: 1
+forumTopicId: 301360
+dashedName: positive-and-negative-lookahead
+---
+
+# --description--
+
+<dfn>Lookaheads</dfn> - це шаблони, які вказують JavaScript заглянути у ваш рядок заздалегідь, щоб перевірити наявність шаблонів далі. Це може бути корисно при пошуку декількох шаблонів на одному рядку.
+
+Існує два типи виглядів: <dfn>позитивний огляд</dfn> і <dfn>негативний огляд</dfn>.
+
+Позитивне передбачення шукатиме, щоб переконатися, що елемент у шаблоні пошуку є, але насправді не відповідатиме йому. Позитивне передбачення використовується як `(?=...)`, де `...` необхідна частина, яка не збігається.
+
+З іншого боку, негативне передбачення буде стежити за тим, щоб елемент в зразку пошуку був відсутній. Негативне передбачення використовується як `(?=...)`, де `...` необхідний шаблон, який не збігається. Решта шаблону повертається, якщо немає негативного передбачення.
+
+Lookaheads є трохи заплутаними, але деякі приклади допоможуть вам в цьому.
+
+```js
+let quit = "qu";
+let noquit = "qt";
+let quRegex= /q(?=u)/;
+let qRegex = /q(?!u)/;
+quit.match(quRegex);
+noquit.match(qRegex);
+```
+
+У результаті використання обох `match`цих викликів ви отримаєте `["q"]`.
+
+Більш практичне використання передбачень - перевірка двох або більше шаблонів в одному рядку. Ось (примітивно) проста перевірка пароля, яка шукає від З до 6 символів і принаймні хоча б одне число:
+
+```js
+let password = "abc123";
+let checkPass = /(?=\w{3,6})(?=\D*\d)/;
+checkPass.test(password);
+```
+
+# --instructions--
+
+Для розпізнавання паролів, що більші за 5 символів використовуйте lookaheads у `pwRegex` для пошуку паролів, більших за 5 символів і має дві послідовні цифри.
+
+# --hints--
+
+Ваш регулярний вираз має використовувати два додатних `lookaheads`.
+
+```js
+assert(pwRegex.source.match(/\(\?=.*?\)\(\?=.*?\)/) !== null);
+```
+
+Ваш регулярний вираз не повинен збігатися з рядком `astronaut`
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('astronaut'));
+```
+
+Ваш регулярний вираз не повинен відповідати рядку `banan1`
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('banan1'));
+```
+
+Ваш регулярний вираз повинен збігатися з рядком `bana12`
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('bana12'));
+```
+
+Ваш отриманий вираз повинен збігатися з рядком `abc123`
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('abc123'));
+```
+
+Ваш отриманий вираз не повинен збігатися з рядком `12345`
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('12345'));
+```
+
+Ваш отриманий вираз повинен збігатися з рядком `8pass99`
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('8pass99'));
+```
+
+Ваш регулярний вираз не повинен відповідати рядку `1a2bcde`
+
+```js
+pwRegex.lastIndex = 0;
+assert(!pwRegex.test('1a2bcde'));
+```
+
+Отриманий вираз не повинен відповідати рядку `astr1on11aut`
+
+```js
+pwRegex.lastIndex = 0;
+assert(pwRegex.test('astr1on11aut'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let sampleWord = "astronaut";
+let pwRegex = /change/; // Change this line
+let result = pwRegex.test(sampleWord);
+```
+
+# --solutions--
+
+```js
+let pwRegex =  /(?=\w{6})(?=\w*\d{2})/;
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md
new file mode 100644
index 0000000000..56f0537e55
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/remove-whitespace-from-start-and-end.md
@@ -0,0 +1,61 @@
+---
+id: 587d7dbb367417b2b2512bac
+title: Видалення пробілу з початку та кінця
+challengeType: 1
+forumTopicId: 301362
+dashedName: remove-whitespace-from-start-and-end
+---
+
+# --description--
+
+Іноді пробіли присутні навколо рядка, коли вони там непотрібні. Типовою обробкою рядка є видалення пробілів на їхньому початку та кінці.
+
+# --instructions--
+
+Напишіть регулярний вираз та використайте відповідні методи роботи з рядками, щоб видалити пробіли на початку та в кінці рядків.
+
+**Зверніть увагу:** метод `String.prototype.trim()` не спрацює тут, але вам потрібно виконати це завдання, використовуючи регулярні вирази.
+
+# --hints--
+
+`result` повинен дорівнювати рядку `Hello, World!`
+
+```js
+assert(result === 'Hello, World!');
+```
+
+Ви не повинні використовувати метод `String.prototype.trim()` для вирішення завдання.
+
+```js
+assert(!code.match(/\.?[\s\S]*?trim/));
+```
+
+Ви не повинні вписувати змінну `result` в рядок
+
+```js
+assert(!code.match(/result\s*=\s*["'`].*?["'`]/));
+```
+
+Ви не маєте змінювати значення змінної `hello`.
+
+```js
+assert(hello === '   Hello, World!  ');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /change/; // Change this line
+let result = hello; // Change this line
+```
+
+# --solutions--
+
+```js
+let hello = "   Hello, World!  ";
+let wsRegex = /^(\s+)(.+[^\s])(\s+)$/;
+let result = hello.replace(wsRegex, '$2');
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md
new file mode 100644
index 0000000000..90c5eb9c6b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/restrict-possible-usernames.md
@@ -0,0 +1,136 @@
+---
+id: 587d7db8367417b2b2512ba2
+title: Обмеження доступних імен користувачів
+challengeType: 1
+forumTopicId: 301363
+dashedName: restrict-possible-usernames
+---
+
+# --description--
+
+Імена користувачів використовуються скрізь в інтернеті. Вони дають користувачам унікальний обліковий запис на їхніх улюблених сайтах.
+
+Вам потрібно перевірити всі імена користувачів у базі даних. Ось кілька простих правил, яких користувачі повинні дотримуватись при створенні імені користувача.
+
+1) Користувачі можуть використовувати лише алфавітно-цифрові символи.
+
+2) Числа повинні бути лише в кінці імені користувача. У кінці їх може бути нуль або більше. Ім'я користувача не повинно починатися з числа.
+
+3) Літери в імені користувача можуть бути нижнього та верхнього регістру.
+
+4) Імена користувачів повинні містити щонайменше два символи. Ім'я користувача з двох символів може містити лише символи літер алфавіту.
+
+# --instructions--
+
+Змініть регулярний вираз `userCheck`, щоб він відповідав обмеженням, зазначеним вище.
+
+# --hints--
+
+Регулярний вираз повинен мати збіг з рядком `JACK`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('JACK'));
+```
+
+Регулярний вираз не повинен мати збігів з рядком `J`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('J'));
+```
+
+Регулярний вираз повинен мати збіг з рядком `Jo`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Jo'));
+```
+
+Регулярний вираз повинен мати збіг з рядком `Oceans11`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Oceans11'));
+```
+
+Регулярний вираз повинен збігатися з рядком `RegexGuru`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('RegexGuru'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `007`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('007'));
+```
+
+Регулярний вираз не повинен мати збігів з рядком `9`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('9'));
+```
+
+Регулярний вираз не повинен мати збігів з рядком `A1`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('A1'));
+```
+
+Регулярний вираз не повинен мати збігів з рядком `BadUs3rnam3`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('BadUs3rnam3'));
+```
+
+Регулярний вираз повинен мати збіг з рядком `Z97`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('Z97'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `c57bT3`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('c57bT3'));
+```
+
+Регулярний вираз повинен мати збіг з рядком `AB1`
+
+```js
+userCheck.lastIndex = 0;
+assert(userCheck.test('AB1'));
+```
+
+Регулярний вираз не повинен мати збігів з рядком `J%4`
+
+```js
+userCheck.lastIndex = 0;
+assert(!userCheck.test('J%4'))
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let username = "JackOfAllTrades";
+let userCheck = /change/; // Change this line
+let result = userCheck.test(username);
+```
+
+# --solutions--
+
+```js
+let username = "JackOfAllTrades";
+const userCheck = /^[a-z]([0-9]{2,}|[a-z]+\d*)$/i;
+let result = userCheck.test(username);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
new file mode 100644
index 0000000000..9dfdd3fd38
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/reuse-patterns-using-capture-groups.md
@@ -0,0 +1,115 @@
+---
+id: 587d7dbb367417b2b2512baa
+title: Повторне використання шаблонів за допомогою груп
+challengeType: 1
+forumTopicId: 301364
+dashedName: reuse-patterns-using-capture-groups
+---
+
+# --description--
+
+Припустімо, ви хочете знайти збіг для слова, що трапляється кілька разів, як у прикладі нижче.
+
+```js
+let repeatStr = "row row row your boat";
+```
+
+Ви можете використати `/row row row/`, але що робити, якщо ви не знаєте, яке точно слово повторюється? <dfn>Capture groups</dfn> можна використовувати для пошуку повторюваних підрядків.
+
+Групи захоплення створюються за допомогою оточення візерунка регулярного виразу, що має бути зафіксованим в дужках. В такому разі ціль полягає у захваті слова, що складається зі алфавітно-цифрових символів, отже група захоплення має `\w+` позначатися дужками: `/(\w+)/`.
+
+Підрядок, що відповідає групі зберігається до тимчасової "змінної", доступ до якої можна отримати у межах одного й того ж самого регулярного виразу за допомогою зворотнього слешу і номера групи захоплення (напр. `\1`). Групи захоплення автоматично нумеруються за порядком запуску (зліва направо), починаючи з 1.
+
+Наданий приклад дорівнює тричі розділеному пробілами слову:
+
+```js
+let repeatRegex = /(\w+) \1 \1/;
+repeatRegex.test(repeatStr); // Returns true
+repeatStr.match(repeatRegex); // Returns ["row row row", "row"]
+```
+
+Використовуючи метод `.match()` в рядку, можна повернути масив і відповідний підрядок разом з захопленими ним групами.
+
+
+# --instructions--
+
+Для збігання рядку, що складається лише з одного й того ж самого номера, який повторюється тільки три рази і розділений одинарними пробілами, використовуйте групи захоплення в `reRegex`.
+
+# --hints--
+
+Ваш регулярний вираз має користуватися класом скорочених символів для цифр.
+
+```js
+assert(reRegex.source.match(/\\d/));
+```
+
+Ваш регулярний вираз має повторно використовувати групу захоплення двічі.
+
+```js
+assert(reRegex.source.match(/\\1|\\2/g).length >= 2);
+```
+
+Регулярний вираз повинен збігатися з рядком `42 42 42`.
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('42 42 42'));
+```
+
+Регулярний вираз повинен збігатися з рядком `100 100 100`.
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('100 100 100'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `42 42 42 42`.
+
+```js
+assert.equal('42 42 42 42'.match(reRegex.source), null);
+```
+
+Регулярний вираз не повинен збігатися з рядком `42 42`.
+
+```js
+assert.equal('42 42'.match(reRegex.source), null);
+```
+
+Регулярний вираз не повинен збігатися з рядком `101 102 103`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('101 102 103'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `1 2 3`.
+
+```js
+reRegex.lastIndex = 0;
+assert(!reRegex.test('1 2 3'));
+```
+
+Регулярний вираз повинен збігатися з рядком `10 10 10`.
+
+```js
+reRegex.lastIndex = 0;
+assert(reRegex.test('10 10 10'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /change/; // Change this line
+let result = reRegex.test(repeatNum);
+```
+
+# --solutions--
+
+```js
+let repeatNum = "42 42 42";
+let reRegex = /^(\d+)\s\1\s\1$/;
+let result = reRegex.test(repeatNum);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md
new file mode 100644
index 0000000000..151875b0e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-exact-number-of-matches.md
@@ -0,0 +1,92 @@
+---
+id: 587d7db9367417b2b2512ba7
+title: Визначення точної кількості збігів
+challengeType: 1
+forumTopicId: 301365
+dashedName: specify-exact-number-of-matches
+---
+
+# --description--
+
+Ви можете визначити найменшу та найбільшу кількість шаблонів за допомогою специфікатора кількості, використовуючи фігурні дужки. Іноді вам потрібна лише певна кількість збігів.
+
+Щоб вказати певну кількість шаблонів, просто поставте одне число у фігурні дужки.
+
+Наприклад, щоб мати збіг лише зі словом `hah` з літерою `a`, що повторюється `3` рази, регулярний вираз має бути таким: `/ha{3}h/`.
+
+```js
+let A4 = "haaaah";
+let A3 = "haaah";
+let A100 = "h" + "a".repeat(100) + "h";
+let multipleHA = /ha{3}h/;
+multipleHA.test(A4);
+multipleHA.test(A3);
+multipleHA.test(A100);
+```
+
+По черзі три виклики `test` повернуться як `false`, `true` і `false`.
+
+# --instructions--
+
+Змініть регулярний вираз `timRegex`, щоб він мав збіг зі словом `Timber`, тільки якщо в ньому є чотири літери `m`.
+
+# --hints--
+
+У регулярного виразу мають бути фігурні дужки.
+
+```js
+assert(timRegex.source.match(/{.*?}/).length > 0);
+```
+
+Регулярний вираз не повинен збігатися з рядком `Timber`
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timber'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `Timmber`
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timmber'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `Timmmber`
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Timmmber'));
+```
+
+Регулярний вираз повинен збігатися з рядком `Timmmmber`
+
+```js
+timRegex.lastIndex = 0;
+assert(timRegex.test('Timmmmber'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `Timber` з 30 літерами `m`.
+
+```js
+timRegex.lastIndex = 0;
+assert(!timRegex.test('Ti' + 'm'.repeat(30) + 'ber'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /change/; // Change this line
+let result = timRegex.test(timStr);
+```
+
+# --solutions--
+
+```js
+let timStr = "Timmmmber";
+let timRegex = /Tim{4}ber/; // Change this line
+let result = timRegex.test(timStr);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md
new file mode 100644
index 0000000000..045a38c7a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-only-the-lower-number-of-matches.md
@@ -0,0 +1,95 @@
+---
+id: 587d7db9367417b2b2512ba6
+title: Визначення лише найменшої кількості збігів
+challengeType: 1
+forumTopicId: 301366
+dashedName: specify-only-the-lower-number-of-matches
+---
+
+# --description--
+
+Ви можете визначити найменшу та найбільшу кількість шаблонів за допомогою специфікатора кількості, використовуючи фігурні дужки. Іноді вам потрібно визначити лише найменшу кількість шаблонів без верхньої межі.
+
+Щоб вказати лише найменшу кількість шаблонів, поставте після першого числа кому.
+
+Наприклад, щоб мати збіг лише з рядком `hah` з літерою `a`, що повторюється щонайменше `3` рази, регулярний вираз має бути таким: `/ha{3,}h/`.
+
+```js
+let A4 = "haaaah";
+let A2 = "haah";
+let A100 = "h" + "a".repeat(100) + "h";
+let multipleA = /ha{3,}h/;
+multipleA.test(A4);
+multipleA.test(A2);
+multipleA.test(A100);
+```
+
+По черзі три виклики `test` повернуться як `true`, `false`, і `true`.
+
+# --instructions--
+
+Змініть регулярний вираз `haRegex`, щоб він збігався зі словом `Hazzah`, тільки якщо в ньому є чотири або більше літер `z`.
+
+# --hints--
+
+У регулярного виразу мають бути фігурні дужки.
+
+```js
+assert(haRegex.source.match(/{.*?}/).length > 0);
+```
+
+Регулярний вираз не повинен збігатися з рядком `Hazzah`
+
+```js
+haRegex.lastIndex = 0;
+assert(!haRegex.test('Hazzah'));
+```
+
+Регулярний вираз не повинен збігатися з рядком `Hazzzah`
+
+```js
+haRegex.lastIndex = 0;
+assert(!haRegex.test('Hazzzah'));
+```
+
+Регулярний вираз повинен збігатися з рядком `Hazzzzah`
+
+```js
+assert('Hazzzzah'.match(haRegex)[0].length === 8);
+```
+
+Регулярний вираз повинен збігатися з рядком `Hazzzzzah`
+
+```js
+assert('Hazzzzzah'.match(haRegex)[0].length === 9);
+```
+
+Регулярний вираз повинен збігатися з рядком `Hazzzzzzah`
+
+```js
+assert('Hazzzzzzah'.match(haRegex)[0].length === 10);
+```
+
+Регулярний вираз повинен збігатися з рядком `Hazzah` з 30 літерами `z`.
+
+```js
+assert('Hazzzzzzzzzzzzzzzzzzzzzzzzzzzzzzah'.match(haRegex)[0].length === 34);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /change/; // Change this line
+let result = haRegex.test(haStr);
+```
+
+# --solutions--
+
+```js
+let haStr = "Hazzzzah";
+let haRegex = /Haz{4,}ah/; // Change this line
+let result = haRegex.test(haStr);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md
new file mode 100644
index 0000000000..2489abeed9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/specify-upper-and-lower-number-of-matches.md
@@ -0,0 +1,93 @@
+---
+id: 587d7db9367417b2b2512ba5
+title: Визначення найменшої та найбільшої кількості збігів
+challengeType: 1
+forumTopicId: 301367
+dashedName: specify-upper-and-lower-number-of-matches
+---
+
+# --description--
+
+Згадайте, що ми можете використати знак плюс `+`, щоб шукати один та більше знаків і зірочку `*`, щоб шукати нуль та більше знаків. Це зручно, але іноді потрібно знайти збіги для певного діапазону шаблонів.
+
+Ви можете визначити найменшу та найбільшу кількість шаблонів за допомогою <dfn>специфікатора кількості</dfn>. Специфікатори кількості використовуються з фігурними дужками (`{` and `}`). У фігурні дужки ви ставите два числа: для найменшої та найбільшої кількості шаблонів.
+
+Наприклад, щоб знайти збіг лише для літери `a`, яка трапляється від `3` до `5` разів у рядку `ah`, ваш регулярний вираз має виглядати так: `/a{3,5}h/`.
+
+```js
+let A4 = "aaaah";
+let A2 = "aah";
+let multipleA = /a{3,5}h/;
+multipleA.test(A4);
+multipleA.test(A2);
+```
+
+Перший виклик `test` повернеться як `true`, тоді ж як другий повернеться як `false`.
+
+# --instructions--
+
+Змініть регулярний вираз `ohRegex`, щоб він збігався з усією фразою `Oh no`, тільки якщо в ньому від `3` до `6` літер `h`.
+
+# --hints--
+
+У регулярного виразу мають бути фігурні дужки.
+
+```js
+assert(ohRegex.source.match(/{.*?}/).length > 0);
+```
+
+Регулярний вираз не повинен збігатися з рядком `Ohh no`
+
+```js
+ohRegex.lastIndex = 0;
+assert(!ohRegex.test('Ohh no'));
+```
+
+Регулярний вираз повинен збігатися з рядком `Ohhh no`
+
+```js
+assert('Ohhh no'.match(ohRegex)[0].length === 7);
+```
+
+Регулярний вираз повинен збігатися з рядком `Ohhhh no`
+
+```js
+assert('Ohhhh no'.match(ohRegex)[0].length === 8);
+```
+
+Регулярний вираз повинен збігатися з рядком `Ohhhhh no`
+
+```js
+assert('Ohhhhh no'.match(ohRegex)[0].length === 9);
+```
+
+Регулярний вираз повинен збігатися з рядком `Ohhhhhh no`
+
+```js
+assert('Ohhhhhh no'.match(ohRegex)[0].length === 10);
+```
+
+Регулярний вираз не повинен збігатися з рядком `Ohhhhhhh no`
+
+```js
+ohRegex.lastIndex = 0;
+assert(!ohRegex.test('Ohhhhhhh no'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /change/; // Change this line
+let result = ohRegex.test(ohStr);
+```
+
+# --solutions--
+
+```js
+let ohStr = "Ohhh no";
+let ohRegex = /Oh{3,6} no/; // Change this line
+let result = ohRegex.test(ohStr);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md
new file mode 100644
index 0000000000..55217630d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/use-capture-groups-to-search-and-replace.md
@@ -0,0 +1,88 @@
+---
+id: 587d7dbb367417b2b2512bab
+title: Використання груп захоплення для пошуку та заміни
+challengeType: 1
+forumTopicId: 301368
+dashedName: use-capture-groups-to-search-and-replace
+---
+
+# --description--
+
+Пошук корисний. Проте ви можете зробити пошук ще ефективнішим, коли він також змінюватиме (або замінюватиме) текст, для якого ви шукаєте збіг.
+
+Ви можете шукати і замінювати текст у рядку, застосовуючи `.replace()` до рядка. Першими вхідними даними для `.replace()` є регулярний вираз для шаблону, який ви хочете знайти. Другим параметром є рядок для заміни збігу або функції для виконання чогось.
+
+```js
+let wrongText = "The sky is silver.";
+let silverRegex = /silver/;
+wrongText.replace(silverRegex, "blue");
+```
+
+Виклик `replace` поверне рядок `The sky is blue.`.
+
+Ви можете також отримати доступ до груп захоплення в рядку для заміни за допомогою знаку долара (`$`).
+
+```js
+"Code Camp".replace(/(\w+)\s(\w+)/, '$2 $1');
+```
+
+Виклик `replace` поверне рядок `Camp Code`.
+
+# --instructions--
+
+Напишіть регулярний вираз `fixRegex`, використовуючи три групи захоплення, які будуть шукати кожне слово в рядку `one two three`. Потім оновіть змінну `replaceText`, щоб замінити `one two three` на рядок `three two one` і призначити результат до змінної `result`. Переконайтеся, що ви використовуєте групи захоплення в рядку заміни, використовуючи синтаксис знаку долара (`$`).
+
+# --hints--
+
+Використайте `.replace()` для пошуку та заміни.
+
+```js
+assert(code.match(/\.replace\(.*\)/));
+```
+
+Регулярний вираз повинен змінити рядок `one two three` на рядок `three two one`
+
+```js
+assert(result === 'three two one');
+```
+
+Не можна змінювати останній рядок.
+
+```js
+assert(code.match(/result\s*=\s*str\.replace\(.*?\)/));
+```
+
+`fixRegex` має використовувати принаймні три групи захоплення.
+
+```js
+assert(new RegExp(fixRegex.source + '|').exec('').length - 1 >= 3);
+```
+
+`replaceText` має захопити у дужки рядок або рядки із підзбігами (напр. n-ний підзбіг у дужках, $n, відповідає n-ній групі захоплення).
+
+```js
+{
+  const re = /(\$\d{1,2})+(?:[\D]|\b)/g;
+  assert(replaceText.match(re).length >= 3);
+}
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let str = "one two three";
+let fixRegex = /change/; // Change this line
+let replaceText = ""; // Change this line
+let result = str.replace(fixRegex, replaceText);
+```
+
+# --solutions--
+
+```js
+let str = "one two three";
+let fixRegex = /(\w+) (\w+) (\w+)/g; // Change this line
+let replaceText = "$3 $2 $1"; // Change this line
+let result = str.replace(fixRegex, replaceText);
+```
diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md
new file mode 100644
index 0000000000..90808dbfbf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md
@@ -0,0 +1,59 @@
+---
+id: 587d7db3367417b2b2512b8e
+title: Використання тестового методу
+challengeType: 1
+forumTopicId: 301369
+dashedName: using-the-test-method
+---
+
+# --description--
+
+У мовах програмування регулярні вирази використовуються для відповідності частин рядків. Ви створюєте шаблони, які допоможуть зробити цю відповідність.
+
+Якщо ви хочете знайти слово `the` у рядку `The dog chased the cat`, то можете використати наступний регулярний вираз: `/the/`. Зверніть увагу на те, що лапки в регулярному виразі не потрібні.
+
+JavaScript має декілька способів використання регулярних виразів. Один із способів тестування регулярного виразу - це використання методу `.test()`. Метод `.test()` приймає регулярний вираз, застосовує його до рядка (який розміщений всередині дужок), і видає `true` чи `false`, якщо ваш шаблон знаходить щось або ні.
+
+```js
+let testStr = "freeCodeCamp";
+let testRegex = /Code/;
+testRegex.test(testStr);
+```
+
+Метод `test` у цьому разі видає `true`.
+
+# --instructions--
+
+Застосуйте регулярний вираз `myRegex` до рядка `myString` за допомогою методу `.test()` method.
+
+# --hints--
+
+Вам потрібно використати `.test()`, щоб перевірити регулярний вираз.
+
+```js
+assert(code.match(/myRegex.test\(\s*myString\s*\)/));
+```
+
+У результаті ви повинні отримати `true`.
+
+```js
+assert(result === true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex; // Change this line
+```
+
+# --solutions--
+
+```js
+let myString = "Hello, World!";
+let myRegex = /Hello/;
+let result = myRegex.test(myString); // Change this line
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md
new file mode 100644
index 0000000000..1f29de1b21
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-elements-within-your-bootstrap-wells.md
@@ -0,0 +1,90 @@
+---
+id: bad87fee1348bd9aec908849
+title: Додавання елементів у Bootstrap Wells
+challengeType: 0
+forumTopicId: 16636
+dashedName: add-elements-within-your-bootstrap-wells
+---
+
+# --description--
+
+Наразі є декілька елементів `div` у кожному стовпчику рядка. Саме така кількість елементів є необхідною для наступного кроку. Тепер додаємо елементи `button`.
+
+Три елементи `button` мають бути вкладені у кожен елемент `div` класу `well`.
+
+# --hints--
+
+Три елементи `button` мають бути вкладені у кожен елемент `div` класу `well`.
+
+```js
+assert(
+  $('div.well:eq(0)').children('button').length === 3 &&
+    $('div.well:eq(1)').children('button').length === 3
+);
+```
+
+Загалом має бути 6 елементів `button`.
+
+```js
+assert($('button') && $('button').length > 5);
+```
+
+Усі елементи `button` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+
+
+
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md
new file mode 100644
index 0000000000..1135c853fa
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-all-of-our-buttons.md
@@ -0,0 +1,178 @@
+---
+id: bad87fee1348bd9aedc08845
+title: Додавання іконок Font Awesome до всіх кнопок
+challengeType: 0
+forumTopicId: 16637
+required:
+  - 
+    link: 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
+    raw: true
+dashedName: add-font-awesome-icons-to-all-of-our-buttons
+---
+
+# --description--
+
+Font Awesome - це зручна бібліотека іконок. Іконки можуть бути веб-шрифтами або векторною графікою. Їх обробляють так само, як і шрифти. Розмір можна вказати за допомогою пікселів і вони набудуть розміру шрифту своїх батьківських елементів HTML.
+
+# --instructions--
+
+Використовуйте Font Awesome, щоб додати іконку `info-circle` до кнопки "Інформація" та іконку `trash` до кнопки "Видалити".
+
+**Примітка:** Елемент `span` є допустимою альтернативою елемента `i` для вказівок нижче.
+
+# --hints--
+
+Необхідно додати `<i class="fas fa-info-circle"></i>` до елементу кнопки `info`.
+
+```js
+assert(
+  $('.btn-info > i').is('.fas.fa-info-circle') ||
+    $('.btn-info > span').is('.fas.fa-info-circle')
+);
+```
+
+Необхідно додати `<i class="fas fa-trash"></i>` до елементу кнопки `delete`.
+
+```js
+assert(
+  $('.btn-danger > i').is('.fas.fa-trash') ||
+    $('.btn-danger > span').is('.fas.fa-trash')
+);
+```
+
+Кожен з елементів `i` повинен містити кінцевий теґ, а `<i class="fas fa-thumbs-up"></i>` входити до елементу кнопки `like`.
+
+```js
+assert(
+  code.match(/<\/i>|<\/span/g) &&
+    code.match(/<\/i|<\/span>/g).length > 2 &&
+    ($('.btn-primary > i').is('.fas.fa-thumbs-up') ||
+      $('.btn-primary > span').is('.fas.fa-thumbs-up'))
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fas fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fas fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md
new file mode 100644
index 0000000000..838397fda1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md
@@ -0,0 +1,195 @@
+---
+id: bad87fee1348bd9aedd08845
+title: Додавання іконок Font Awesome до кнопок
+challengeType: 0
+forumTopicId: 16638
+required:
+  - 
+    link: 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
+    raw: true
+dashedName: add-font-awesome-icons-to-our-buttons
+---
+
+# --description--
+
+Font Awesome - це зручна бібліотека іконок. Іконки можуть бути веб-шрифтами або векторною графікою. Їх обробляють так само, як і шрифти. Розмір можна вказати за допомогою пікселів і вони набудуть розміру шрифту своїх батьківських елементів HTML.
+
+Font Awesome можна внести до будь-якого додатка, додавши нижчезазначений код на початку цього HTML:
+
+```html
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+```
+
+У даному випадку, ми вже додали його до цієї сторінки за замовчуванням.
+
+Елемент `i` спочатку використовували, щоб виділяти інші елементи курсивом, але зараз переважно використовують для іконок. Можна додати класи Font Awesome до елементу `i`, щоб змінити його на іконку, наприклад:
+
+```html
+<i class="fas fa-info-circle"></i>
+```
+
+Зверніть увагу, що елемент `span` також можна використовувати з іконками.
+
+# --instructions--
+
+Використовуйте Font Awesome, щоб додавати іконку `thumbs-up` до кнопки "Подобається", надаючи їй елемент `i` із класами `fas` та `fa-thumbs-up`. Необхідно переконатися, що текст `Like` залишається поруч з іконкою.
+
+# --hints--
+
+Необхідно додати елемент `i` із класами `fas` та `fa-thumbs-up`.
+
+```js
+assert($('i').is('.fas.fa-thumbs-up') || $('span').is('.fas.fa-thumbs-up'));
+```
+
+Іконка `fa-thumbs-up` має бути розміщена всередині кнопки "Подобається".
+
+```js
+assert(
+  ($('i.fa-thumbs-up').parent().text().match(/Like/gi) &&
+    $('.btn-primary > i').is('.fas.fa-thumbs-up')) ||
+    ($('span.fa-thumbs-up').parent().text().match(/Like/gi) &&
+      $('.btn-primary > span').is('.fas.fa-thumbs-up'))
+);
+```
+
+Елемент `i` повинен бути вкладеним у елемент `button`.
+
+```js
+assert(
+  $('button').children('i').length > 0 ||
+    $('button').children('span').length > 0
+);
+```
+
+Елемент іконки повинен містити кінцевий теґ.
+
+```js
+assert(code.match(/<\/i>|<\/span>/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fas fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.md
new file mode 100644
index 0000000000..fbb1b3d60a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/add-id-attributes-to-bootstrap-elements.md
@@ -0,0 +1,93 @@
+---
+id: bad87fee1348bd9aec908853
+title: Додавання атрибутів id до елементів Bootstrap
+challengeType: 0
+forumTopicId: 16639
+dashedName: add-id-attributes-to-bootstrap-elements
+---
+
+# --description--
+
+Нагадуємо, що крім атрибутів класу, можна також надати кожному із елементів атрибут `id`.
+
+Кожен id повинен бути унікальним для конкретного елементу і вживатися лише один раз на сторінку.
+
+Давайте надамо унікальний id кожному із елементів `div` класу `well`.
+
+Запам'ятайте, що елементу можна надати id таким чином:
+
+```html
+<div class="well" id="center-well">
+```
+
+Надайте класу well зліва id `left-well`. Надайте класу well справа id `right-well`.
+
+# --hints--
+
+`well` ліворуч повинен мати id `left-well`.
+
+```js
+assert(
+  $('.col-xs-6').children('#left-well') &&
+    $('.col-xs-6').children('#left-well').length > 0
+);
+```
+
+`well` праворуч повинен мати id `right-well`.
+
+```js
+assert(
+  $('.col-xs-6').children('#right-well') &&
+    $('.col-xs-6').children('#right-well').length > 0
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
new file mode 100644
index 0000000000..1214bb32ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/apply-the-default-bootstrap-button-style.md
@@ -0,0 +1,77 @@
+---
+id: bad87fee1348bd9aec908850
+title: Застосування стилю за замовчуванням кнопки Bootstrap
+challengeType: 0
+forumTopicId: 16657
+dashedName: apply-the-default-bootstrap-button-style
+---
+
+# --description--
+
+Bootstrap має ще один клас кнопок, що називається `btn-default`.
+
+Застосуйте обидва класи `btn` та `btn-default` до кожного з елементів `button`.
+
+# --hints--
+
+Необхідно застосувати клас `btn` до кожного з елементів `button`.
+
+```js
+assert($('.btn').length > 5);
+```
+
+Необхідно застосувати клас `btn-default` до кожного з елементів `button`.
+
+```js
+assert($('.btn-default').length > 5);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button></button>
+        <button></button>
+        <button></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
new file mode 100644
index 0000000000..b9d8dfedfe
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/call-out-optional-actions-with-btn-info.md
@@ -0,0 +1,175 @@
+---
+id: bad87fee1348cd8acef08813
+title: Виклик додаткових дій за допомогою btn-info
+challengeType: 0
+forumTopicId: 16770
+dashedName: call-out-optional-actions-with-btn-info
+---
+
+# --description--
+
+Bootstrap має набір заздалегідь встановлених кольорів для кнопок. Клас `btn-info` використовують, щоб привернути увагу до додаткових дій, які може виконувати користувач.
+
+Створіть нову кнопку блок-елемент Bootstrap з текстом `Info` під вашою кнопкою `Like`, і додайте до неї класи Bootstrap `btn-info` та `btn-block`.
+
+Зверніть увагу, що цим кнопкам все ще необхідні класи `btn` та `btn-block`.
+
+# --hints--
+
+Створіть новий елемент `button` із текстом `Info`.
+
+```js
+assert(new RegExp('info', 'gi').test($('button').text()));
+```
+
+Обидві кнопки Bootstrap повинні мати класи `btn` і `btn-block`.
+
+```js
+assert($('button.btn-block.btn').length > 1);
+```
+
+Нова кнопка повинна мати клас `btn-info`.
+
+```js
+assert($('button').hasClass('btn-info'));
+```
+
+Усі елементи `button` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md
new file mode 100644
index 0000000000..e052a8b35a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/center-text-with-bootstrap.md
@@ -0,0 +1,157 @@
+---
+id: bad87fee1348bd8acde08812
+title: Центрування тексту за допомогою Bootstrap
+challengeType: 0
+forumTopicId: 16771
+dashedName: center-text-with-bootstrap
+---
+
+# --description--
+
+Тепер, використовуючи Bootstrap, можемо відцентрувати елемент заголовку для кращого візуального вигляду. Необхідно лише додати клас `text-center` до елементу `h2`.
+
+Пам'ятайте, що до одного елементу можна додати декілька класів, відокремивши кожен із них пробілом, наприклад:
+
+```html
+<h2 class="red-text text-center">your text</h2>
+```
+
+# --hints--
+
+Елемент `h2` повинен бути відцентрований шляхом застосування класу `text-center`
+
+```js
+assert($('h2').hasClass('text-center'));
+```
+
+Елемент `h2` все ще повинен мати клас `red-text`
+
+```js
+assert($('h2').hasClass('red-text'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md
new file mode 100644
index 0000000000..923afcf33d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-block-element-bootstrap-button.md
@@ -0,0 +1,185 @@
+---
+id: bad87fee1348cd8acef08812
+title: Створення кнопки блок-елементу Bootstrap
+challengeType: 0
+forumTopicId: 16810
+dashedName: create-a-block-element-bootstrap-button
+---
+
+# --description--
+
+Здебільшого елементи `button` з класами `btn` та `btn-default` за шириною є такими ж, як і текст, що вони містять. Наприклад:
+
+```html
+<button class="btn btn-default">Submit</button>
+```
+
+Ця кнопка має бути такої ж ширини, як і слово `Submit`.
+
+<button class='btn btn-default'>Submit</button>
+
+Зміна кнопки на блок-елемент із додатковим класом `btn-block` розтягне її так, щоб заповнити весь горизонтальний простір сторінки, а всі наступні елементи посунуться на "нову лінію" під блоком.
+
+```html
+<button class="btn btn-default btn-block">Submit</button>
+```
+
+Ця кнопка буде займати 100% доступної ширини.
+
+<button class='btn btn-default btn-block'>Submit</button>
+
+Зверніть увагу, що цим кнопкам все ще необхідний клас `btn`.
+
+Додайте клас Bootstrap `btn-block` до кнопки Bootstrap.
+
+# --hints--
+
+Кнопка все ще повинна мати класи `btn` та `btn-default`.
+
+```js
+assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
+```
+
+Кнопка повинна мати клас `btn-block`.
+
+```js
+assert($('button').hasClass('btn-block'));
+```
+
+Усі елементи `button` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-default">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md
new file mode 100644
index 0000000000..b093ba94c3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-button.md
@@ -0,0 +1,176 @@
+---
+id: bad87fee1348cd8acdf08812
+title: Створення кнопки Bootstrap
+challengeType: 0
+forumTopicId: 16811
+dashedName: create-a-bootstrap-button
+---
+
+# --description--
+
+Bootstrap має власні стилі для елементів `button`, які мають набагато кращий вигляд, ніж прості стилі HTML.
+
+Створіть новий елемент `button` під великим фото кошеняти. Надайте йому класи `btn` та `btn-default` разом із текстом `Like`.
+
+# --hints--
+
+Створіть новий елемент `button` з текстом `Like`.
+
+```js
+assert(
+  new RegExp('like', 'gi').test($('button').text()) &&
+    $('img.img-responsive + button.btn').length > 0
+);
+```
+
+Нова кнопка повинна мати два класи: `btn` та `btn-default`.
+
+```js
+assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
+```
+
+Усі елементи `button` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<html>
+<head>
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+</head>
+<body>
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+
+   <!-- ADD Bootstrap Styled Button -->
+  <button class="btn btn-default">Like</button> 
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+</html>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-headline.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-headline.md
new file mode 100644
index 0000000000..f875757014
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-headline.md
@@ -0,0 +1,67 @@
+---
+id: bad87fee1348bd9aec908846
+title: Створення заголовка Bootstrap
+challengeType: 0
+forumTopicId: 16812
+dashedName: create-a-bootstrap-headline
+---
+
+# --description--
+
+Перейдімо тепер до створення чогось з нуля, щоб відпрацювати набуті навички HTML, CSS та Bootstrap.
+
+Створимо jQuery playground, який незабаром будемо використовувати у завданнях jQuery.
+
+Спершу створіть елемент `h3` з текстом `jQuery Playground`.
+
+Додайте колір до вашого елементу `h3`, використовуючи клас Bootstrap `text-primary`, і відцентруйте його за допомогою класу Bootstrap `text-center`.
+
+# --hints--
+
+На сторінку необхідно додати елемент `h3`.
+
+```js
+assert($('h3') && $('h3').length > 0);
+```
+
+Елемент `h3` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/h3>/g) &&
+    code.match(/<h3/g) &&
+    code.match(/<\/h3>/g).length === code.match(/<h3/g).length
+);
+```
+
+Елемент `h3` має бути зафарбований шляхом застосування класу `text-primary`
+
+```js
+assert($('h3').hasClass('text-primary'));
+```
+
+Елемент `h3` повинен бути відцентрований шляхом застосування класу `text-center`
+
+```js
+assert($('h3').hasClass('text-center'));
+```
+
+Елемент `h3` повинен містити текст `jQuery Playground`.
+
+```js
+assert.isTrue(/jquery(\s)+playground/gi.test($('h3').text()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+# --solutions--
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-row.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-row.md
new file mode 100644
index 0000000000..c03f3cbf40
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-bootstrap-row.md
@@ -0,0 +1,68 @@
+---
+id: bad87fee1348bd9bec908846
+title: Створення рядка Bootstrap
+challengeType: 0
+forumTopicId: 16813
+dashedName: create-a-bootstrap-row
+---
+
+# --description--
+
+Тепер створіть рядок Bootstrap для вбудованих елементів.
+
+Створіть елемент `div` класу `row` під теґом `h3`.
+
+# --hints--
+
+Необхідно додати елемент `div` під елементом `h3`.
+
+```js
+assert(
+  $('div').length > 1 &&
+    $('div.row h3.text-primary').length == 0 &&
+    $('div.row + h3.text-primary').length == 0 &&
+    $('h3.text-primary + div.row').length > 0
+);
+```
+
+Елемент `div` повинен мати клас `row`
+
+```js
+assert($('div').hasClass('row'));
+```
+
+`row div` має бути вкладеним у середину `container-fluid div`
+
+```js
+assert($('div.container-fluid div.row').length > 0);
+```
+
+Елемент `div` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row"></div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.md
new file mode 100644
index 0000000000..b5c45337a3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-class-to-target-with-jquery-selectors.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908852
+title: Створення класу для використання із селекторами jQuery
+challengeType: 0
+forumTopicId: 16815
+dashedName: create-a-class-to-target-with-jquery-selectors
+---
+
+# --description--
+
+Не кожен клас повинен мати відповідний йому CSS. Іноді класи створюють лише з метою полегшення вибору цих елементів за допомогою jQuery.
+
+Надайте кожному з елементів `button` клас `target`.
+
+# --hints--
+
+Необхідно застосувати клас `target` до кожного з елементів `button`.
+
+```js
+assert($('.target').length > 5);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+        <button class="btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="target btn btn-default"></button>
+        <button class="target btn btn-default"></button>
+        <button class="target btn btn-default"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well">
+        <button class="target btn btn-default"></button>
+        <button class="target btn btn-default"></button>
+        <button class="target btn btn-default"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md
new file mode 100644
index 0000000000..a4e8d1da32
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md
@@ -0,0 +1,177 @@
+---
+id: bad87fee1348bd9aede08845
+title: Створення власного заголовка
+challengeType: 0
+forumTopicId: 16816
+dashedName: create-a-custom-heading
+---
+
+# --description--
+
+Почнемо зі створення простого заголовка для додатка Cat Photo App, розмістивши в одному рядку назву та зображення кота.
+
+Пам’ятайте, що Bootstrap використовує систему адаптивної сітки, яка полегшує розміщення елементів у рядках та визначення відносної ширини кожного елементу. Більшість класів Bootstrap можуть бути застосовані до елементу `div`.
+
+Вкладіть зображення і елемент `h2` у одинарний елемент `<div class="row">`. Вкладіть елемент `h2` у `<div class="col-xs-8">`, а зображення в `<div class="col-xs-4">` так, щоб вони знаходилися в одному рядку.
+
+Чи помітили, що зображення тепер належного розміру, щоб поміститися поруч із текстом?
+
+# --hints--
+
+Елемент `h2` і найвищий елемент `img` повинні обидва бути вкладені у елемент `div` із класом `row`.
+
+```js
+assert($('div.row:has(h2)').length > 0 && $('div.row:has(img)').length > 0);
+```
+
+Найвищий елемент `img` повинен бути вкладений у `div` із класом `col-xs-4`.
+
+```js
+assert(
+  $('div.col-xs-4:has(img)').length > 0 &&
+    $('div.col-xs-4:has(div)').length === 0
+);
+```
+
+Елемент `h2` повинен бути вкладений у `div` із класом `col-xs-8`.
+
+```js
+assert(
+  $('div.col-xs-8:has(h2)').length > 0 &&
+    $('div.col-xs-8:has(div)').length === 0
+);
+```
+
+Усі елементи `div` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary  text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+        <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-bootstrap-wells.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-bootstrap-wells.md
new file mode 100644
index 0000000000..008ec964da
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/create-bootstrap-wells.md
@@ -0,0 +1,71 @@
+---
+id: bad87fee1348bd9aec908848
+title: Створення Bootstrap Wells
+challengeType: 0
+forumTopicId: 16825
+dashedName: create-bootstrap-wells
+---
+
+# --description--
+
+Bootstrap має клас, що називається `well`, який може створювати візуальний ефект глибини для ваших стовпців.
+
+Вкладіть один елемент `div` класу `well` у кожен із елементів `col-xs-6` `div`.
+
+# --hints--
+
+Необхідно додати елемент `div` класу `well` у середину кожного із елементів `div` класу `col-xs-6`
+
+```js
+assert($('div.col-xs-6').not(':has(>div.well)').length < 1);
+```
+
+Обидва елементи `div` класу `col-xs-6` повинні бути вкладені у елемент `div` із класом `row`.
+
+```js
+assert($('div.row > div.col-xs-6').length > 1);
+```
+
+Усі елементи `div` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+    </div>
+    <div class="col-xs-6">
+
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <div class="well"></div>
+    </div>
+    <div class="col-xs-6">
+      <div class="well"></div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md
new file mode 100644
index 0000000000..1e196cb691
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/ditch-custom-css-for-bootstrap.md
@@ -0,0 +1,188 @@
+---
+id: bad87fee1347bd9aedf08845
+title: Відмова від власної CSS на користь Bootstrap
+challengeType: 0
+forumTopicId: 17565
+dashedName: ditch-custom-css-for-bootstrap
+---
+
+# --description--
+
+Можна очистити код і надати додатку Cat Photo App більш звичного вигляду, використовуючи вбудовані стилі Bootstrap замість попередньо створених власних стилів.
+
+Не слід хвилюватися - буде ще вдосталь часу для налаштування CSS.
+
+Видаліть об'яви CSS `.red-text`, `p`, та `.smaller-image` із елементу `style`, щоб єдиними об'явами, які залишились у елементі `style`, були `h2` та `thick-green-border`.
+
+Потім видаліть елемент `p`, який містить мертве посилання. Після цього видаліть клас `red-text` із елементу `h2` і замініть його на клас Bootstrap `text-primary`.
+
+А тепер видаліть клас `smaller-image` із першого елементу `img` і замініть його на клас `img-responsive`.
+
+# --hints--
+
+Елемент `h2` більше не повинен мати клас `red-text`.
+
+```js
+assert(!$('h2').hasClass('red-text'));
+```
+
+Елемент `h2` тепер повинен мати клас `text-primary`.
+
+```js
+assert($('h2').hasClass('text-primary'));
+```
+
+Елементи абзацу більше не повинні використовувати шрифт `Monospace`.
+
+```js
+assert(
+  !$('p')
+    .css('font-family')
+    .match(/monospace/i)
+);
+```
+
+Клас `smaller-image` слід видалити із верхнього зображення.
+
+```js
+assert(!$('img').hasClass('smaller-image'));
+```
+
+Необхідно додати клас `img-responsive` до верхнього зображення.
+
+```js
+assert($('.img-responsive').length > 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/give-each-element-a-unique-id.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/give-each-element-a-unique-id.md
new file mode 100644
index 0000000000..07dcd68644
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/give-each-element-a-unique-id.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1348bd9aec908855
+title: Надання кожному елементу унікального id
+challengeType: 0
+forumTopicId: 18191
+dashedName: give-each-element-a-unique-id
+---
+
+# --description--
+
+Слід також уміти використовувати jQuery, щоб обирати кожну кнопку за її унікальним id.
+
+Надайте кожній кнопці унікальний id, починаючи з `target1` і закінчуючи `target6`.
+
+Переконайтеся, що `target1` по `target3` знаходяться у `#left-well`, а `target4` по `target6` розміщені у `#right-well`.
+
+# --hints--
+
+Один елемент `button` повинен мати id `target1`.
+
+```js
+assert(
+  $('#left-well').children('#target1') &&
+    $('#left-well').children('#target1').length > 0
+);
+```
+
+Один елемент `button` повинен мати id `target2`.
+
+```js
+assert(
+  $('#left-well').children('#target2') &&
+    $('#left-well').children('#target2').length > 0
+);
+```
+
+Один елемент `button` повинен мати id `target3`.
+
+```js
+assert(
+  $('#left-well').children('#target3') &&
+    $('#left-well').children('#target3').length > 0
+);
+```
+
+Один елемент `button` повинен мати id `target4`.
+
+```js
+assert(
+  $('#right-well').children('#target4') &&
+    $('#right-well').children('#target4').length > 0
+);
+```
+
+Один елемент `button` повинен мати id `target5`.
+
+```js
+assert(
+  $('#right-well').children('#target5') &&
+    $('#right-well').children('#target5').length > 0
+);
+```
+
+Один елемент `button` повинен мати id `target6`.
+
+```js
+assert(
+  $('#right-well').children('#target6') &&
+    $('#right-well').children('#target6').length > 0
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md
new file mode 100644
index 0000000000..db5574c24e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md
@@ -0,0 +1,53 @@
+---
+id: bad87fee1348bd9aec908746
+title: Розміщення сторінки всередині елементу Bootstrap container-fluid div
+challengeType: 0
+forumTopicId: 18198
+dashedName: house-our-page-within-a-bootstrap-container-fluid-div
+---
+
+# --description--
+
+Тепер переконайтеся, що весь вміст сторінки адаптований до мобільних пристроїв.
+
+Вкладіть елемент `h3` у елемент `div` із класом `container-fluid`.
+
+# --hints--
+
+Елемент `div` повинен мати клас `container-fluid`.
+
+```js
+assert($('div').hasClass('container-fluid'));
+```
+
+Кожен із елементів `div` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+Елемент `h3` повинен бути вкладений у елемент `div`.
+
+```js
+assert($('div').children('h3').length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<h3 class="text-primary text-center">jQuery Playground</h3>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-buttons.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-buttons.md
new file mode 100644
index 0000000000..d8559077a4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-buttons.md
@@ -0,0 +1,105 @@
+---
+id: bad87fee1348bd9aec908856
+title: Позначення кнопок Bootstrap
+challengeType: 0
+forumTopicId: 18222
+dashedName: label-bootstrap-buttons
+---
+
+# --description--
+
+Як і елементи well, так слід позначати і кнопки.
+
+Надайте кожному із елементів `button` текст, який відповідає його селектору id.
+
+# --hints--
+
+Елемент `button` з id `target1` повинен містити текст `#target1`.
+
+```js
+assert(new RegExp('#target1', 'gi').test($('#target1').text()));
+```
+
+Елемент `button` з id `target2` повинен містити текст `#target2`.
+
+```js
+assert(new RegExp('#target2', 'gi').test($('#target2').text()));
+```
+
+Елемент `button` з id `target3` повинен містити текст `#target3`.
+
+```js
+assert(new RegExp('#target3', 'gi').test($('#target3').text()));
+```
+
+Елемент `button` з id `target4` повинен містити текст `#target4`.
+
+```js
+assert(new RegExp('#target4', 'gi').test($('#target4').text()));
+```
+
+Елемент `button` з id `target5` повинен містити текст `#target5`.
+
+```js
+assert(new RegExp('#target5', 'gi').test($('#target5').text()));
+```
+
+Елемент `button` з id `target6` повинен містити текст `#target6`.
+
+```js
+assert(new RegExp('#target6', 'gi').test($('#target6').text()));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1"></button>
+        <button class="btn btn-default target" id="target2"></button>
+        <button class="btn btn-default target" id="target3"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4"></button>
+        <button class="btn btn-default target" id="target5"></button>
+        <button class="btn btn-default target" id="target6"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-wells.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-wells.md
new file mode 100644
index 0000000000..e610f76c03
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/label-bootstrap-wells.md
@@ -0,0 +1,101 @@
+---
+id: bad87fee1348bd9aec908854
+title: Позначення Bootstrap Wells
+challengeType: 0
+forumTopicId: 18223
+dashedName: label-bootstrap-wells
+---
+
+# --description--
+
+Задля ясності, позначте обидва wells їхніми id.
+
+Над елементом left-well, усередині його елементу `col-xs-6` `div`, додайте елемент `h4` з текстом `#left-well`.
+
+Над елементом right-well, усередині його елементу `col-xs-6` `div`, додайте елемент `h4` з текстом `#right-well`.
+
+# --hints--
+
+Необхідно додати елемент `h4` до кожного з елементів `<div class="col-xs-6">`.
+
+```js
+assert(
+  $('.col-xs-6').children('h4') && $('.col-xs-6').children('h4').length > 1
+);
+```
+
+Один елемент `h4` повинен містити текст `#left-well`.
+
+```js
+assert(new RegExp('#left-well', 'gi').test($('h4').text()));
+```
+
+Один елемент `h4` повинен містити текст `#right-well`.
+
+```js
+assert(new RegExp('#right-well', 'gi').test($('h4').text()));
+```
+
+Усі елементи `h4` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/h4>/g) &&
+    code.match(/<h4/g) &&
+    code.match(/<\/h4>/g).length === code.match(/<h4/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+        <button class="btn btn-default target"></button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
new file mode 100644
index 0000000000..b40364cc1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
@@ -0,0 +1,215 @@
+---
+id: bad87fee1348bd9aec908845
+title: Адаптивне вирівнювання елементів форми за допомогою Bootstrap
+challengeType: 0
+forumTopicId: 18225
+required:
+  - 
+    link: >-
+      https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
+    raw: true
+dashedName: line-up-form-elements-responsively-with-bootstrap
+---
+
+# --description--
+
+Тепер розмістіть на одному рядку форму `input` і `button` "Відправити". Як і до цього використайте елемент `div` із класом `row` та інші елементи `div` у ньому, застосувавши клас `col-xs-*`.
+
+Вкладіть текст форми `input` та `button` "Відправити" у `div` класу `row`. Вкладіть текст форми `input` у div класу `col-xs-7`. Вкладіть `button` "Відправити" вашої форми у `div` класу `col-xs-5`.
+
+Наразі, це останнє завдання до виконання для додатку Cat Photo App. Маємо надію, що вивчення Font Awesome, Bootstrap і адаптивного дизайну було цікавим!
+
+# --hints--
+
+Кнопка подання форми і форма введення тексту мають бути вкладені у div із класом `row`.
+
+```js
+assert(
+  $('div.row:has(input[type="text"])').length > 0 &&
+    $('div.row:has(button[type="submit"])').length > 0
+);
+```
+
+Форма введення тексту має бути вкладена у div із класом `col-xs-7`.
+
+```js
+assert($('div.col-xs-7:has(input[type="text"])').length > 0);
+```
+
+Кнопка подання форми має бути вкладена у div із класом `col-xs-5`.
+
+```js
+assert($('div.col-xs-5:has(button[type="submit"])').length > 0);
+```
+
+Усі елементи `div` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-7">
+        <input type="text" class="form-control" placeholder="cat photo URL" required>
+      </div>
+      <div class="col-xs-5">
+        <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
+      </div>
+    </div>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md
new file mode 100644
index 0000000000..e179c6ab65
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md
@@ -0,0 +1,176 @@
+---
+id: bad87fee1348bd9acde08812
+title: Зробіть мобільні зображення адаптивними
+challengeType: 0
+forumTopicId: 18232
+dashedName: make-images-mobile-responsive
+---
+
+# --description--
+
+Спочатку додайте нове зображення під вже існуючим. Тепер встановіть атрибут `src` так, щоб він вказував на url `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
+
+Було б чудово, якби це зображення було б відповідним до ширини екрану телефона.
+
+На щастя, у Bootstrap, все, що нам потрібно зробити, це додати `img-responsive` клас до вашого зображення. Зробіть так, і зображення повинно ідеально відповідати ширині вашої сторінки.
+
+# --hints--
+
+У вас усього два зображення.
+
+```js
+assert($('img').length === 2);
+```
+
+Ваше нове зображення має бути нижче попереднього і має свій клас `img-responsive`.
+
+```js
+assert($('img:eq(1)').hasClass('img-responsive'));
+```
+
+Нове зображення не має мати клас `smaller-image`.
+
+```js
+assert(!$('img:eq(1)').hasClass('smaller-image'));
+```
+
+У вашому новому зображенні має бути `src` з `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
+
+```js
+assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
+```
+
+Ваш елемент `img` повинен містити кінцевий теґ.
+
+```js
+assert(
+  code.match(/<img/g) &&
+    code.match(/<img[^<]*>/g).length === 2 &&
+    code.match(/<img/g).length === 2
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md
new file mode 100644
index 0000000000..c9b0626910
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md
@@ -0,0 +1,192 @@
+---
+id: bad87fee1348bd9aeda08845
+title: Адаптивні Стилізовані Прапорці
+challengeType: 0
+forumTopicId: 18269
+required:
+  - 
+    link: >-
+      https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
+    raw: true
+dashedName: responsively-style-checkboxes
+---
+
+# --description--
+
+Оскільки Bootstrap класи `col-xs-*` застосовуються до всіх елементів `form`, ви можете використовувати їх також в ваших чекбоксах! Таким чином, прапорці будуть рівномірно розташовані на сторінці, незалежно від того, наскільки широким є роздільна здатність дисплею.
+
+# --instructions--
+
+Вкладіть усі три ваші прапорці в елементі `<div class="row">`. Потім вставте кожен з них в елемент `<div class="col-xs-4">`.
+
+# --hints--
+
+Всі ваші чекбокси мають бути всередині `div` з класом `row`.
+
+```js
+assert($('div.row:has(input[type="checkbox"])').length > 0);
+```
+
+Всі ваші прапорці мають бути всередині своїх власних `div` з класом `col-xs-4`.
+
+```js
+assert($('div.col-xs-4:has(input[type="checkbox"])').length > 2);
+```
+
+Усі елементи `div` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>   
+      </div>
+      <div class="col-xs-4">
+         <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+         <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md
new file mode 100644
index 0000000000..867e26ff22
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md
@@ -0,0 +1,176 @@
+---
+id: bad87fee1348bd9aedb08845
+title: Адаптивні стилізовані перемикачі
+challengeType: 0
+forumTopicId: 18270
+required:
+  - 
+    link: >-
+      https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
+    raw: true
+dashedName: responsively-style-radio-buttons
+---
+
+# --description--
+
+Ви також можете використовувати завантажені `col-xs-*` уроки `form` елементів! Таким чином, радіо кнопки будуть рівномірно розташовані на сторінці, незалежно від роздільної здатності екрану.
+
+Вкладіть обидві ваші радіо кнопки в межах елементу `<div class="row">`. Потім вкладіть кожну з них в межах елементу `<div class="col-xs-6">`.
+
+**Примітка:** Як нагадування, радіо кнопки є елементами `input` типу `radio`.
+
+# --hints--
+
+Усі ваші радіо кнопки мають бути вкладені всередині однієї `div` з класом `row`.
+
+```js
+assert($('div.row:has(input[type="radio"])').length > 0);
+```
+
+Кожна з ваших радіо кнопок повинна бути розташована всередині власного `div` з класом `col-xs-6`.
+
+```js
+assert($('div.col-xs-6:has(input[type="radio"])').length > 1);
+```
+
+Всі ваші елементи `div` повинні мати кінцеві теги.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+  <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/split-your-bootstrap-row.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/split-your-bootstrap-row.md
new file mode 100644
index 0000000000..65b3e31a2e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/split-your-bootstrap-row.md
@@ -0,0 +1,57 @@
+---
+id: bad87fee1348bd9aec908847
+title: Розділіть рядки у Bootstrap
+challengeType: 0
+forumTopicId: 18306
+dashedName: split-your-bootstrap-row
+---
+
+# --description--
+
+Тепер, коли ми маємо рядок Bootstrap, давайте розділимо його на дві колонки для того, шоб розмістити елементи.
+
+Створіть два елементи у рядку `div`, обидва з класом `col-xs-6`.
+
+# --hints--
+
+Два елементи `div class="col-xs-6"` мають бути встановлені всередині вашого елементу `div class="row"`.
+
+```js
+assert($('div.row > div.col-xs-6').length > 1);
+```
+
+Всі елементи `div` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+
+
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6"></div>
+    <div class="col-xs-6"></div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md
new file mode 100644
index 0000000000..e4cb4b0729
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/style-text-inputs-as-form-controls.md
@@ -0,0 +1,202 @@
+---
+id: bad87fee1348bd9aed908845
+title: Стиль введення тексту як форма контролю
+challengeType: 0
+forumTopicId: 18312
+required:
+  - 
+    link: >-
+      https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css
+    raw: true
+dashedName: style-text-inputs-as-form-controls
+---
+
+# --description--
+
+Ви можете додати `fa-paper-plane` Font Awesome значок, додавши `<i class="fa fa-paper-plane"></i>` до пункту підтвердження вашого елементу `button`.
+
+Надайте полю введення тексту форми класу, що знаходиться у `form-control`. Створіть кнопку надсилання своєї форми із класами `btn btn-primary`. Також надайте цій кнопці іконку `fa-paper-plane`.
+
+Всі тексти `<input>`, `<textarea>`, і `<select>` елементи з класом `.form-control` мають в ширину 100%.
+
+# --hints--
+
+Кнопка відправлення у вашій формі повинна мати класи `btn btn-primary`.
+
+```js
+assert($('button[type="submit"]').hasClass('btn btn-primary'));
+```
+
+Ви повинні додати `<i class="fa fa-paper-plane"></i>` у ваш елемент кнопки `button`.
+
+```js
+assert($('button[type="submit"]:has(i.fa.fa-paper-plane)').length > 0);
+```
+
+Текст `input` у вашій формі повинен мати клас `form-control`.
+
+```js
+assert($('input[type="text"]').hasClass('form-control'));
+```
+
+Кожен з ваших `i` елементів повинен мати кінцевий тег.
+
+```js
+assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-xs-8">
+      <h2 class="text-primary text-center">CatPhotoApp</h2>
+    </div>
+    <div class="col-xs-4">
+      <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+    </div>
+  </div>
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love:</span></p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <div class="row">
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+      </div>
+      <div class="col-xs-6">
+        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Loving</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Lazy</label>
+      </div>
+      <div class="col-xs-4">
+        <label><input type="checkbox" name="personality"> Crazy</label>
+      </div>
+    </div>
+    <input type="text" class="form-control" placeholder="cat photo URL" required>
+    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md
new file mode 100644
index 0000000000..32c9d853ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/taste-the-bootstrap-button-color-rainbow.md
@@ -0,0 +1,167 @@
+---
+id: bad87fee1348cd8acef08811
+title: Спробуйте кольорову кнопку Bootsrap
+challengeType: 0
+forumTopicId: 18323
+dashedName: taste-the-bootstrap-button-color-rainbow
+---
+
+# --description--
+
+`btn-primary` - це базовий клас, який ви будете використовувати у вашому додатку. Це допомагає виділити дії, необхідні для вашого користувача.
+
+Замініть клас Bootstrap `btn-default` за допомогою `btn-primary` на вашій кнопці.
+
+Зверніть увагу, що для цієї кнопки також будуть необхідні класи `btn` та `btn-block`.
+
+# --hints--
+
+Кнопка повинна мати клас `btn-primary`.
+
+```js
+assert($('button').hasClass('btn-primary'));
+```
+
+Кнопка, як і раніше, повинна мати класи `btn` та `btn-block`.
+
+```js
+assert($('button').hasClass('btn-block') && $('button').hasClass('btn'));
+```
+
+Усі елементи `button` потребують кінцевих тегів.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-default btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-primary btn-block">Like</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md
new file mode 100644
index 0000000000..89070f5ea1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-a-span-to-target-inline-elements.md
@@ -0,0 +1,185 @@
+---
+id: bad87fee1348bd9aedf08845
+title: Використання інтервалів для вибору вбудованих елементів
+challengeType: 0
+forumTopicId: 18370
+dashedName: use-a-span-to-target-inline-elements
+---
+
+# --description--
+
+Ви можете використовувати інтервали для того, щоб створити вбудовані елементи. Пам'ятаєте, коли ми використовували клас `btn-block` для того, щоб кнопка заповнювала весь рядок?
+
+<button class='btn' style='background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);'>звичайна кнопка</button>
+
+<button class='btn btn-block' style='background-color: rgb(0, 100, 0);  color: rgb(255, 255, 255);'>кнопка блокування btn</button>
+
+Це ілюструє різницю між "вбудованим" та "блок" елементом.
+
+Використовуючи вбудований елемент `span`, ви можете поставити декілька елементів в один рядок, і навіть стилізувати його частини по-різному.
+
+Використовуючи елемент `span`, вкладіть слово `love` у елемент `p`, що містить речення `Things cats love`. Після цього надайте елементу `span` клас `text-danger` для того, щоб змінити колір тексту на червоний.
+
+Ось як ви можете зробити це для елемента `p`, що містить текст `Top 3 things cats hate`:
+
+```html
+<p>Top 3 things cats <span class="text-danger">hate:</span></p>
+```
+
+# --hints--
+
+Ваш елемент `span` має знаходитись у елементі `p`.
+
+```js
+assert($('p span') && $('p span').length > 0);
+```
+
+Ваш елемент `span` має містити текст `love`.
+
+```js
+assert(
+  $('p span') &&
+    $('p span').text().match(/love/i) &&
+    !$('p span')
+      .text()
+      .match(/Things cats/i)
+);
+```
+
+Ваш елемент `span` повинен мати клас `text-danger`.
+
+```js
+assert($('span').hasClass('text-danger'));
+```
+
+Ваш елемент `span` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/span>/g) &&
+    code.match(/<span/g) &&
+    code.match(/<\/span>/g).length === code.match(/<span/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+</style>
+
+<div class="container-fluid">
+  <h2 class="text-primary text-center">CatPhotoApp</h2>
+
+  <a href="#"><img class="img-responsive thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+  <p>Things cats <span class="text-danger">love</span>:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-comments-to-clarify-code.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-comments-to-clarify-code.md
new file mode 100644
index 0000000000..652600196e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-comments-to-clarify-code.md
@@ -0,0 +1,98 @@
+---
+id: bad87fee1348bd9aec908857
+title: Використовуйте Примітки для уточнення коду
+challengeType: 0
+forumTopicId: 18347
+dashedName: use-comments-to-clarify-code
+---
+
+# --description--
+
+Під час роботи із jQuerzy ми видозмінимо елементи HTML таким чином, щоб нам не довелося змінювати їх у самому HTML.
+
+Давайте впевнимося, що кожен знає, що не варто змінювати жоден з цих кодів напряму.
+
+Потрібно пам'ятати, що розпочати примітку можна за допомогою`<!--`. А завершити`-->`
+
+Додайте примітку на початку HTML, у якій вказано, що `Code below this line should not be changed`
+
+# --hints--
+
+Примітку варто розмістити над самим HTML, розпочавши її`<!--`.
+
+```js
+assert(code.match(/^\s*<!--/));
+```
+
+Примітка неодмінно має містити рядок`Code below this line should not be changed`.
+
+```js
+assert(code.match(/<!--(?!(>|->|.*-->.*this line))\s*.*this line.*\s*-->/gi));
+```
+
+Завершити примітку слід таким чином: `-->`.
+
+```js
+assert(code.match(/-->.*\n+.+/g));
+```
+
+Слід стежити, аби кількість символів на початку примітки збігалась із кількістю символів у кінці примітки.
+
+```js
+assert(code.match(/<!--/g).length === code.match(/-->/g).length);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<!-- Code below this line should not be changed -->
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md
new file mode 100644
index 0000000000..aa8973d5f3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md
@@ -0,0 +1,170 @@
+---
+id: bad87fee1348bd9acde08712
+title: Дотримуйтесь принципу Адаптивного веб дизайну при роботі із Fluid Containers у Bootstrap
+challengeType: 0
+forumTopicId: 18362
+dashedName: use-responsive-design-with-bootstrap-fluid-containers
+---
+
+# --description--
+
+У розділі freeCodeCamp, що стосувався роботи із HTML5 та CSS ми створили додаток Cat Photo. Тож давайте повернемося саме до нього. Цього разу, ми створюватимемо його дизайн, використовуючи популярний шаблон Bootstrap - фреймворк CSS із швидким реагуванням.
+
+Bootstrap автоматично визначить ширину екрану і підлаштує розмір елементів HTML. Звідси і назва <dfn>адаптивний дизайн</dfn>.
+
+З адаптивним дизайном немає необхідності розробляти мобільну версію вашого веб-сайту. Картинка адекватно відображатиметься на екранах з будь-якою шириною.
+
+Можна внести Bootstrap до будь-якого додатка, додавши нижчезазначений код на початку вашого HTML:
+
+```html
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
+```
+
+У цьому випадку ми вже додали його для вас на цю сторінку за замовчуванням. Зауважимо, що можна використати як `>`, так і `/>`, щоб закрити теґ `link`.
+
+Для початку слід вкласти весь HTML (окрім теґу `link` та елемента `style`) в елемент `div` з класом `container-fluid`.
+
+# --hints--
+
+Ваш елемент `div` має мати клас `container-fluid`.
+
+```js
+assert($('div').hasClass('container-fluid'));
+```
+
+Ваш елемент `div` має мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+Всі елементи HTML після кінцевого теґу `style` треба вкласти в `.container-fluid`.
+
+```js
+assert($('.container-fluid').children().length >= 8 && !$('.container-fluid').has("style").length && !$('.container-fluid').has("link").length);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="https://freecatphotoapp.com/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+<div class="container-fluid">
+  <h2 class="red-text">CatPhotoApp</h2>
+
+<p>Click here for <a href="#">cat photos</a>.</p>
+
+<a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+<p>Things cats love:</p>
+<ul>
+  <li>cat nip</li>
+  <li>laser pointers</li>
+  <li>lasagna</li>
+</ul>
+<p>Top 3 things cats hate:</p>
+<ol>
+  <li>flea treatment</li>
+  <li>thunder</li>
+  <li>other cats</li>
+</ol>
+<form action="https://freecatphotoapp.com/submit-cat-photo">
+  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+  <label><input type="checkbox" name="personality"> Loving</label>
+  <label><input type="checkbox" name="personality"> Lazy</label>
+  <label><input type="checkbox" name="personality"> Crazy</label>
+  <input type="text" placeholder="cat photo URL" required>
+  <button type="submit">Submit</button>
+</form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md
new file mode 100644
index 0000000000..b5ce2d66f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md
@@ -0,0 +1,196 @@
+---
+id: bad88fee1348ce8acef08815
+title: Використовуйте Bootstrap сітку, щоб розмістити елементи поряд
+challengeType: 0
+forumTopicId: 18371
+dashedName: use-the-bootstrap-grid-to-put-elements-side-by-side
+---
+
+# --description--
+
+Bootstrap використовує систему адаптивної сітки в 12 стовпців, що полегшує розміщення елементів рядками та визначення ширини кожного елементу. Більшість Bootstrap класів можна застосувати до елементу `div`.
+
+Bootstrap має різні атрибути ширини стовпчика, які він використовує залежно від ширини екрану користувача. Наприклад, у телефонів екрани вузькі, а у ноутбуків- широкі.
+
+Наприклад, візьмемо клас `col-md-*` Bootstrap- у. Тут `md` означає середину, а `*`- це число, що визначає, скільки колонок має займати елемент. В такому разі вказується ширина колонки елементу на екрані середнього розміру, на кшталт екрану ноутбука.
+
+Для роботи над додатком Cat Photo, ми використовуватимемо `col-xs-*`, де `xs` означає "дуже маленький" (дуже маленький екран телефону), а `*`- це число колонок, що вказує скільки колонок має займати елемент.
+
+Послідовно додайте кнопки `Like`, `Info` і `Delete`, укладіть їх в один елемент `<div class="row">`, а потім кожен окремо в елемент `<div class="col-xs-4">`.
+
+Клас `row` застосовують до `div`, а самі кнопки можна вкласти в нього.
+
+# --hints--
+
+Ваші кнопки мають знаходитися в одному й тому ж самому елементі `div` з класом `row`.
+
+```js
+assert($('div.row:has(button)').length > 0);
+```
+
+Кожна кнопка Bootstrap має вкладатися в свій власний елемент `div` з класом `col-xs-4`.
+
+```js
+assert($('div.col-xs-4:has(button)').length > 2);
+```
+
+Кожен з елементів `button` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+Кожен елемент `div` повинен мати кінцевий теґ.
+
+```js
+assert(
+  code.match(/<\/div>/g) &&
+    code.match(/<div/g) &&
+    code.match(/<\/div>/g).length === code.match(/<div/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <div class="row">
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-primary">Like</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-info">Info</button>
+    </div>
+    <div class="col-xs-4">
+      <button class="btn btn-block btn-danger">Delete</button>
+    </div>
+  </div>
+
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md
new file mode 100644
index 0000000000..ca175fc1b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/bootstrap/warn-your-users-of-a-dangerous-action-with-btn-danger.md
@@ -0,0 +1,176 @@
+---
+id: bad87fee1348ce8acef08814
+title: Попередьте користувачів вашого сайту про небезпечну дію за допомогою btn-danger
+challengeType: 0
+forumTopicId: 18375
+dashedName: warn-your-users-of-a-dangerous-action-with-btn-danger
+---
+
+# --description--
+
+Bootstrap має набір заздалегідь встановлених кольорів для кнопок. Клас `btn-danger` – колір кнопки, який ви можна застосувати для того, щоб оповістити користувачів, що ця кнопка виконує руйнівну дію, наприклад, видаляє фото котика.
+
+Створіть кнопку з текстом `Delete` і надайте їй клас `btn-danger`.
+
+Зверніть увагу, цим кнопкам все ще необхідні класи `btn` та `btn-block`.
+
+# --hints--
+
+Створіть новий елемент `button` з текстом `Delete`.
+
+```js
+assert(new RegExp('Delete', 'gi').test($('button').text()));
+```
+
+Усі кнопки Bootstrap повинні мати класи `btn` і `btn-block`.
+
+```js
+assert($('button.btn-block.btn').length > 2);
+```
+
+Нова кнопка повинна мати клас `btn-danger`.
+
+```js
+assert($('button').hasClass('btn-danger'));
+```
+
+Усі елементи `button` повинні містити кінцеві теґи.
+
+```js
+assert(
+  code.match(/<\/button>/g) &&
+    code.match(/<button/g) &&
+    code.match(/<\/button>/g).length === code.match(/<button/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
+
+# --solutions--
+
+```html
+<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
+<style>
+  .red-text {
+    color: red;
+  }
+
+  h2 {
+    font-family: Lobster, Monospace;
+  }
+
+  p {
+    font-size: 16px;
+    font-family: Monospace;
+  }
+
+  .thick-green-border {
+    border-color: green;
+    border-width: 10px;
+    border-style: solid;
+    border-radius: 50%;
+  }
+
+  .smaller-image {
+    width: 100px;
+  }
+</style>
+
+<div class="container-fluid">
+  <h2 class="red-text text-center">CatPhotoApp</h2>
+
+  <p>Click here for <a href="#">cat photos</a>.</p>
+
+  <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+
+  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive" alt="Three kittens running towards the camera.">
+  <button class="btn btn-block btn-primary">Like</button>
+  <button class="btn btn-block btn-info">Info</button>
+  <button class="btn btn-block btn-danger">Delete</button>
+  <p>Things cats love:</p>
+  <ul>
+    <li>cat nip</li>
+    <li>laser pointers</li>
+    <li>lasagna</li>
+  </ul>
+  <p>Top 3 things cats hate:</p>
+  <ol>
+    <li>flea treatment</li>
+    <li>thunder</li>
+    <li>other cats</li>
+  </ol>
+  <form action="https://freecatphotoapp.com/submit-cat-photo">
+    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
+    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
+    <label><input type="checkbox" name="personality"> Loving</label>
+    <label><input type="checkbox" name="personality"> Lazy</label>
+    <label><input type="checkbox" name="personality"> Crazy</label>
+    <input type="text" placeholder="cat photo URL" required>
+    <button type="submit">Submit</button>
+  </form>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
new file mode 100644
index 0000000000..6ae7800adc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
@@ -0,0 +1,81 @@
+---
+id: bd7158d8c442eddfaeb5bd0f
+title: Побудувати годинник 25 + 5
+challengeType: 3
+forumTopicId: 301373
+dashedName: build-a-25--5-clock
+---
+
+# --description--
+
+**Завдання:** Створити [CodePen.io](https://codepen.io) додаток, який функціонально схожий на:<https://codepen.io/freeCodeCamp/full/XpKrrW>.
+
+Заповніть наведені нижче [історії користувачів](https://en.wikipedia.org/wiki/User_story) і пройдіть усі тести. Надайте йому свій особистий стиль.
+
+Ви можете використовувати будь-яке поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux і jQuery для створення цього проєкту. Слід використовувати frontend framework (наприклад, React), тому що цей розділ присвячений саме їх вивченню. Додаткові технології, що не перераховані вище, не рекомендовані і використовуються на власний ризик. Ми розглядаємо варіант використання інших фреймворк шаблонів для розробки інтерфейсу користувача таких, як Angular та Vue, проте наразі вони не підримуютьcя. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+**Історія користувача #1:** Я можу побачити елемент з `id="break-label"`, який містить рядок (наприклад, "Break Length").
+
+**Історія користувача #2:** Я можу побачити елемент з `id="session-label"`, який містить рядок (наприклад, "Session Length").
+
+**Історія користувача #3:** Я бачу два клікабельні елементи із відповідними ID: `id="break-decrement"` та `id="session-decrement"`.
+
+**Історія користувач #4:** Я можу побачити два клікабельні елементи із відповідними ID: `id="break-increment"` та `id="session-increment"`.
+
+**Історія користувача #5:** Я можу побачити елемент з відповідним `id="break-length"`, який за замовчуванням (при завантаженні) показує значення 5.
+
+**Історія користувача #6:** Я можу побачити елемент із відповідним `id="session-length"`, який за замовчуванням показує значення 25.
+
+**Історія користувача #7:** Я можу побачити елемент з відповідним `id="timer-label"`, який містить рядок, який вказує, що сесія ініціалізована (наприклад, «Session»).
+
+**Історія користувача #8:** Я можу побачити елемент із відповідним `id="time-left"`. ПРИМІТКА: при зупинці чи в процесі, значення в цьому полі завжди має зображатися в форматі `mm:ss` (тобто 25:00).
+
+**Історія користувача #9:** Я можу побачити клікабельний елемент із відповідним `id="start_stop"`.
+
+**Історія користувача #10:** Я можу побачити клікабельний елемент із відповідним `id="reset"`.
+
+**Історія користувача #11:** Коли я натискаю на елемент з id `reset`, усі таймери повинні зупинитися, значення в `id="break-length"` повинне повернутися до `5`, а значення в `id="session-length"` - до 25, а елемент в `id="time-left"` повинен повернутися до стану за замовчуванням.
+
+**Історія користувача #12:** Коли натискати на елемент з id `break-decrement`, значення у `id="break-length"` зменшується на значення 1, і тоді можна побачити оновлене значення.
+
+**Історія користувача #13:** Коли натискати на елемент з id `break-increment`, значення у `id="break-length"` збільшується на значення 1, і тоді можна побачити оновлене значення.
+
+**Історія користувача #14:** Коли натискати на елемент з id `session-decrement`, значення у `id="session-length"` зменшується на значення 1, і тоді можна побачити оновлене значення.
+
+**Історія користувача #15:** Коли я натискаю на елемент з id `session-increment`, значення у `id="session-length"` збільшується на значення 1, і тоді можна побачити оновлене значення.
+
+**Історія користувача #16:** Я не маю можливості встановити тривалість сеансу або перерви &lt;= 0.
+
+**Історія користувача #17:** Я не зможу встановити тривалість сеансу або перерви > 60.
+
+**Історія користувача #18:** Коли я клацаю на елемент із `id="start_stop"`, таймер повинен запрацювати з поточного значення, що зображується в `id="session-length"`, навіть якщо значення зменшилось чи збільшилось від початкового значення 25.
+
+**Історія користувача #19:** Якщо таймер запущений, елемент з id `time-left` повинен показувати час, що залишився у форматі `mm:ss` (зменшуючись на значення 1, і оновлюючи зображення кожні 1000 мс).
+
+**Історія користувача #20** Якщо таймер запущений, і я клацаю на елемент з `id="start_stop"`, зворотний відлік повинен припинитися.
+
+**Історія користувача #21:** Якщо таймер призупинено, і я клацаю на елемент з `id="start_stop"`, зворотний відлік повинен відновитися з моменту, на якому він був припинений.
+
+**Історія користувача #22:** Коли зворотний відлік сеансу досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), і зворотний відлік починається знову, елемент з id `timer-label` повинен показувати рядок, що вказує на початок перерви.
+
+**Історія користувача #23:** Коли сесія зворотного відліку перерви досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), повинна розпочатися нова сесія зворотного відліку часу перерви, яка відраховується від поточного зображуваного значення елемента `id="break-length"`.
+
+**Історія користувача #24:** Коли зворотний відлік перерви досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), і розпочинається новий зворотний відлік, елемент з id `timer-label` повинен зображати рядок, що вказує на початок сеансу.
+
+**Історія користувача #25:** Коли зворотний відлік перерви досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), повинен розпочатися зворотний відлік нової сесії, який відраховується від поточного зображуваного значення елемента `id="session-length"`.
+
+**Історія користувача #26:** Коли зворотний відлік досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), повинен прозвучати сигнал, який вказує, що час вичерпано. Він повинен використовувати HTML5 `audio` тег і мати відповідний `id="beep"`.
+
+**Історія користувача #27:** Аудіо елемент з `id="beep"` повинен тривати 1 секунду чи довше.
+
+**Історія користувача #28:** Аудіо елемент з id `beep` повинен припинити відтворення і бути перемотаний до початку, при натисканні на елемент з id `reset`.
+
+Ви можете створити проєкт<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>, скориставшись шаблоном CodePen</a> і натиснувши `Save`, щоб створити власне перо. Або ж ви можете скористатися посиланням CDN, щоб запустити тест в будь-якому середовищі, наприклад: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Як тільки ви закінчите, надішліть URL-адресу вашого робочого проєкту з усіма пройденими тестами.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
new file mode 100644
index 0000000000..844066bfb6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
@@ -0,0 +1,39 @@
+---
+id: 587d7dbc367417b2b2512bae
+title: Створити драм-машину (ритм-машину)
+challengeType: 3
+forumTopicId: 301370
+dashedName: build-a-drum-machine
+---
+
+# --description--
+
+**Завдання:** Створити додаток [CodePen.io](https://codepen.io), який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/MJyNMd>.
+
+Нижче заповніть [історії користувача](https://en.wikipedia.org/wiki/User_story) та отримайте всі тести для проходження. Надайте їм свій особистий стиль.
+
+Ви можете по-різному поєднувати HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery для завершення цього проєкту. Слід використовувати frontend framework (наприклад, React), тому що цей розділ присвячений саме їх вивченню. Додаткові технології, що не перераховані вище, не рекомендовані і використовуються на власний ризик. Ми розглядаємо підтримку інших frontend framework, таких як Angular та Vue, але вони наразі не підтримуються. Ми візьмемо до уваги та спробуємо виправити всі звіти з зазначеними проблемами, пов'язані із запропонованою технологічною базою для виконання цього проєкту. Вдалого програмування!
+
+**Історія користувача #1:** Я маю бачити зовнішній контейнер з відповідним `id="drum-machine"`, який містить всі інші елементи.
+
+**Історія користувача #2:** У межах `#drum-machine` я можу бачити елемент з відповідним `id="display"`.
+
+**Історія користувача #3:** У межах `#drum-machine` я бачу 9 клікабельних елементів барабанних педів, кожен з іменем класу `drum-pad`, унікальним ідентифікатором, що описує звукозапис, який барабанні педи приводить в дію, та внутрішнім текстом, що відповідає одній з наступних клавіш на клавіатурі: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. Барабанні педи ПОВИННІ бути саме в цьому порядку.
+
+**Історія користувача #4:** У межах кожного `.drum-pad` має бути елемент HTML5 `audio`, який має атрибут `src`, що вказує на звукозапис, ім’я класу `clip` та ідентифікатор, що відповідає внутрішньому тексту головного `.drum-pad` (наприклад, `id="Q"`, `id="W"`, `id="E"` тощо).
+
+**Історія користувача #5:** Коли я натискаю на елемент `.drum-pad`, звукозапис у його дочірньому елементі `audio` повинен бути запущеним.
+
+**Історія користувача #6:** Коли я натискаю кнопку запуску, пов'язану з кожним `.drum-pad`, звукозапис у його дочірньому елементі `audio` повинен бути запущеним (наприклад, натискання ключа доступу `Q` має запускати барабанний пед, що містить рядок `Q`, натискання ключа доступу `W` має запускати барабанний пед, що містить рядок `W`, тощо).
+
+**Історія користувача #7:** Коли `.drum-pad` запускається, рядок, що описує відповідний звуковий запис, відображається як внутрішній текст елемента `#display` (кожен рядок має бути унікальним).
+
+Ви можете створити власний проект<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>, використавши цей шаблон CodePen</a> та натиснувши `Save`, щоб створити власне перо. Або ви можете використати це посилання CDN для запуску тестів у будь-якому середовищі, яке вам подобається:`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після того, як закінчите, надішліть URL-адресу до свого робочого проєкту з усіма його тестами.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
new file mode 100644
index 0000000000..3c2fae4b96
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
@@ -0,0 +1,62 @@
+---
+id: bd7158d8c442eddfaeb5bd17
+title: Створення Калькулятора за допомогою JavaScript
+challengeType: 3
+forumTopicId: 301371
+dashedName: build-a-javascript-calculator
+---
+
+# --description--
+
+**Мета:**Створити додаток за допомогою ресурсу [CodePen.io](https://codepen.io), що є функціонально подібний ось цьому: <https://codepen.io/freeCodeCamp/full/wgGVVX>.
+
+Виконайте вказані нижче [ вимоги](https://en.wikipedia.org/wiki/User_story), які стосуються функціоналу, а вже потім починайте проходити необхідні для перевірки тестування. Надайте розробці власного стилю та бачення.
+
+Для виконання цього проєкту ви можете поєднувати різноманітні ресурси HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Вам слід користуватися готовими шаблонами розробки користувацького інтерфейсу (як-от React), адже цей розділ присвячений застосуванню саме цих шаблонів. Інші технології та ресурси, що не були вказані вище, не є рекомендованими до використання, але ви можете застосовувати і їх на свій страх і ризик. Ми розглядаємо варіант використання інших frontend frameworks для розробки інтерфейсу користувача таких, як Angular та Vue, проте наразі вони не підримуютьcя. Ми розглянемо та спробуємо вирішити всі звіти про невирішені проблеми, пов'язані із запропонованою технологічною базою для виконання цього проєкту. Вдалого програмування!
+
+**User Story #1:** Калькулятор повинен містити активний елемент інтерфейсу, що позначає `=` (equal sign) із відповідним `id="equals"`.
+
+**User Story#2:** Калькулятор має налічувати 10 активних елементів, кожний із яких має відповідати одному числу від 0-9, із наступними відповідними ID: `id="zero"`, `id="one"`, `id="two"`, `id="three"`, `id="four"`, `id="five"`, `id="six"`, `id="seven"`, `id="eight"`, and `id="nine"`.
+
+**User Story #3:** Калькулятор повинен мати 4 активних елементи, кожен із яких позначає одну із 4 арифметичних дій із відповідними ID: `id="add"`, `id="subtract"`, `id="multiply"`, `id="divide"`.
+
+**User Story #4:** У калькуляторі має бути активний елемент для позначення символу `.` (десяткової коми) із відповідним `id="decimal"`.
+
+**User Story #5:** У калькуляторі неодмінно має бути активний елемент інтерфейсу, який позначається `id="clear"`.
+
+**User Story #6:** У калькуляторі має бути активний елемент для відображення величин із відповідним `id="display"`.
+
+**User Story #7:** Кожного разу, натискаючи `clear` кнопка видаляє вхідні та вихідні дані, та повертає калькулятор до його вихідного стану; 0 має перебувати поруч із ідентифікатором `display`.
+
+**User Story #8:** Я повинен бачити вхідні дані поруч із кнопкою `display`. щоразу як я вводжу необхідні числа.
+
+**User Story #9:** Калькулятор повинен бути здатним додавати, віднімати, множити та ділити числа будь-якої величини кожного разу коли натискають кнопку дорівнює, незалежно від того в порядку в кому ці числа вводились`=`, вірний результат має висвічуватись на панелі поруч із ідентифікатором `display`.
+
+**User Story #10:** Під час вводу чисел калькулятор не повинен дозволяти число, яке розпочинається із декількох нулів.
+
+**User Story #11:** Під час натискання десяткової коми `.` має приєднуватися до поточного відображеного значення; використання двох `.` в одному числі не дозволяється.
+
+**User Story #12:** Я повинен мати здатність виконувати будь-які дії (`+`, `-`, `*`, `/`) над числами, що містять десяткову кому.
+
+**User Story #13:** У випадку якщо послідовно проводяться 2 або більше дій, повинна виконуватися та дія, яку було введено останньою (окрім від'ємного знаку (`-`)). Наприклад, якщо ввели `5 + * 7 =`, результатом буде `35` (тобто `5 * 7`); якщо ввели `5 * - 5 =`, то в результаті має вийти `-25` (оскільки `5 * (-5)`).
+
+**Історія користувача #14:** Натискаючи на кнопку арифметичної дії відразу після натиснення `=` має розпочинатися нове обчислення, яке здійснюється на основі результату попереднього розрахунку.
+
+**Вимоги Користувача #15:** Калькулятор повинен мати простір для декількох знаків, що йдуть після коми, коли мова йде про округлення числа (Пам'ятайте, що не існує точного стандарту, але вам слід вміти виконувати обчислення подібні цьому `2 / 7` із необхідною точністю, принаймні до 4 знаків після коми).
+
+**Примітка щодо закономірності калькулятора:** Слід зазначити, що існує 2 основних наукових напрямки, які стосуються логіки вводу: <dfn>логіка негайного виконання</dfn> та <dfn>логіка формул</dfn>. Ми використовуємо закономірність формул та дотримуємося порядку пріоритетності дій, а не негайне виконання. Обидва методи є прийнятними, але зважайте, що залежно від того способу, який ви оберете, ваші обчислення можуть давати відмінні від наших результати для деяких рівнянь. (див. приклади нижче). Не розглядайте це як баг, у випадку якщо ваші розрахунки можуть бути підтверджені іншим робочим калькулятором.
+
+**Приклад:** `3 + 5 x 6 - 2 / 4 =`
+
+-   **Логіка Негайного Виконання:** `11.5`
+-   **Логіка Формул/Виразу:** `32.5`
+
+Ти можеш розробити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>використовуючи шаблон CodePen template</a> та натискаючи кнопку`Save`, для того, щоб створити своє власне перо. Або ж ви можете скористатися посиланням Мережі Доправлення Контенту, аби пройти тестування в будь-якому операційному середовищу, яке вам до вподоби: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Після того як ви завершили, прикріпіть URL до вашому проєкту, над яким ви працюєте, з усіма пройденими тестами.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
new file mode 100644
index 0000000000..f114dc33d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
@@ -0,0 +1,39 @@
+---
+id: bd7157d8c242eddfaeb5bd13
+title: Створити програму попереднього перегляду Markdown
+challengeType: 3
+forumTopicId: 301372
+dashedName: build-a-markdown-previewer
+---
+
+# --description--
+
+**Мета:** Створити додаток [CodePen.io](https://codepen.io), який функціонально схожий до цього:<https://codepen.io/freeCodeCamp/full/GrZVVO>.
+
+Заповніть нижче [user stories](https://en.wikipedia.org/wiki/User_story) та пройдіть усі тести. Виконайте завдання у власному стилі.
+
+Ви можете використовувати різноманітні ресурси HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery для того, щоб виконати цей проєкт. Слід використовувати frontend framework (наприклад, React), тому що цей розділ присвячений саме їх вивченню. Інші технології та ресурси, що не були вказані вище, не є рекомендованими до використання, але ви можете застосовувати і їх на свій страх і ризик. Ми розглядаємо варіант використання інших frontend frameworks для розробки інтерфейсу користувача таких, як Angular та Vue, проте наразі вони не підримуютьcя. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+**Історія користувача №1:** Я бачу `textarea` елемент з відповідним `id="editor"`.
+
+**Історія користувача №2:** Я бачу елемент з відповідним `id="preview"`.
+
+**Історія користувача №3:** Коли я вводжу текст до елемента `#editor`, елемент `#preview` оновлюється, коли я вводжу текст для відображення у textarea.
+
+**Історія користувача №4:** Коли я вводжу позначку GitHub в елемент `#editor`, текст відображається як HTML у `#preview` елементі під час введення тексту (ПОРАДА: Вам не потрібно самостійно аналізувати Markdown, бо для цього можна імпортувати бібліотеку Marked:<https://cdnjs.com/libraries/marked>).
+
+**Історія користувача №5:** Коли моя програма попереднього перегляду Markdown вперше завантажується, текст у `#editor` полі повинен містити дійсну розмітку, що представляє принаймні одну кожного з наступних елементів: заголовок (H1), підзаголовок (H2), посилання, вбудований код, блок коду, елемент списку, цитата в блоці, зображення та жирний текст.
+
+**Історія користувача №6:** Коли моя програма попереднього перегляду Markdown вперше завантажується, автоматична розмітка в `#editor` полі має бути відображена як HTML у `#preview` елементі.
+
+**Необов'язковий бонус (вам не потрібно проходити цей тест):** Моя програма попереднього перегляду Markdown інтерпретує повернення каретки та відображає їх як `br` (розрив рядка) елементів.
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>за допомогою цього шаблону CodePen</a> і натиснути `Зберегти`, щоб створити власний pen. Або ви можете використати це посилання CDN для запуску тестів у будь-якому середовищі, яке вам подобається: ` https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js `
+
+Після того, як ви закінчите, надішліть URL-адресу свого робочого проєкт з усіма його тестами.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
new file mode 100644
index 0000000000..67a7e59266
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
@@ -0,0 +1,49 @@
+---
+id: bd7158d8c442eddfaeb5bd13
+title: Створити генератор випадкових цитат
+challengeType: 3
+forumTopicId: 301374
+dashedName: build-a-random-quote-machine
+---
+
+# --description--
+
+**Мета:** Створити додаток [CodePen.io](https://codepen.io), який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/qRZeGZ>.
+
+Нижче заповніть [user stories](https://en.wikipedia.org/wiki/User_story) та отримайте всі тести для проходження. Виконайте завдання у власному стилі.
+
+Ви можете по-різному поєднувати HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery для завершення цього проекту. Слід використовувати frontend framework (наприклад, React), тому що цей розділ присвячений саме їх вивченню. Інші технології та ресурси, що не були вказані вище, не рекомендуються до використання, але ви можете застосовувати і їх на ваш розсуд. Ми розглядаємо варіант використання інших frontend frameworks для розробки інтерфейсу користувача таких, як Angular та Vue, проте наразі вони не підримуютьcя. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Вдалого програмування!
+
+**Історія користувача #1:** Я бачу оболонковий елемент з відповідним `id="quote-box"`.
+
+**Історія користувача #2:** У межах `#quote-box`, я бачу елемент з відповідним `id="text"`.
+
+**Історія користувача #3:** У межах `#quote-box`, я бачу елемент з відповідним `id="author"`.
+
+**Історія користувача #4:** У межах `#quote-box`, я бачу клікабельний елемент з відповідним `id="new-quote"`.
+
+**Історія користувача #5:** У межах `#quote-box`,, я бачу клікабельний елемент `a` з відповідним `id="tweet-quote"`.
+
+**Історія користувача #6:** При першому завантаженні, генератор відображає випадкову цитату в елементі з `id="text"`.
+
+**Історія користувача #7:** При першому завантаженні, генератор відображає автора випадкової цитати в елементі з `id="author"`.
+
+**Історія користувача #8:** При натисканні на кнопку `#new-quote`, генератор повинен отримати нову цитату та відобразити її в елементі `#text`.
+
+**Історія користувача #9:** Генератор повинен отримати нового автора цитати при натисканні кнопки `#new-quote` та відобразити її в елементі `#author`.
+
+**Історія користувача #10:** Я можу твітнути поточну цитату, натискаючи на елемент `#tweet-quote` `a`. Цей елемент `a` повинен включати шлях `"twitter.com/intent/tweet"` у своєму атрибуті `href`, щоб твітнути поточну цитату.
+
+**Історія користувача #11:** Оболонковий елемент `#quote-box` повинен мати горизонтальне центрування. Будь ласка, запустіть тести з рівнем масштабування браузера 100% і розгорнутою сторінкою.
+
+Ви можете створити проєкт<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>, скориставшись шаблоном CodePen</a> і натиснувши `Save`, щоб створити власне перо. Або ж ви можете скористатися посиланням CDN, щоб запустити тест в будь-якому середовищі, наприклад: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Як тільки ви закінчите, надішліть URL-адресу вашого робочого проєкту з усіма пройденими тестами.
+
+**Примітка:** Twitter може перешкоджати завантаженню посилання в iframe. Спробуйте використати атрибут `target="_blank"` or `target="_top"` на `#tweet-quote` якщо ваш твіт не завантажуватиметься. `target="_top"` замінить поточну вкладку, тому переконайтеся, що ви зберегли роботу.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-text-inside-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-text-inside-an-element-using-jquery.md
new file mode 100644
index 0000000000..05cc00873c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-text-inside-an-element-using-jquery.md
@@ -0,0 +1,131 @@
+---
+id: 564944c91be2204b269d51e3
+title: Змінюйте текст всередині елемента за допомогою jQuery
+challengeType: 6
+forumTopicId: 16773
+dashedName: change-text-inside-an-element-using-jquery
+---
+
+# --description--
+
+Використовуючи jQuery, ви можете змінювати текст між початковими і кінцевими тегами елемента. Можна навіть змінити розмітку HTML.
+
+У jQuery є функція `.html()`, що дозволяє додавати HTML-теги та текст в елемент. Будь-який попередній вміст елемента буде повністю замінений на той, що заданий цією функцією.
+
+Ось як можна заново переписати та виділити текст заголовка:
+
+```js
+$("h3").html("<em>jQuery Playground</em>");
+```
+
+jQuery також має схожу функцію, що називається `.text()`, яка змінює лише текст без додавання тегів. Іншими словами, жодні передані HTML-теги не будуть враховуватися, лише сприйматися як текст, яким би ви хотіли замінити даний вміст.
+
+Змініть кнопку з ідентифікатором `target4`, виділивши її текст.
+
+[Перегляньте нашу статтю про &lt;em>](https://www.freecodecamp.org/news/html-elements-explained-what-are-html-tags/#em-element) to learn the difference between `<i>`, `<em>` та їх використання.
+
+Зверніть увагу, що хоча `<i>` колись використовувався для виділення тексту, тепер його прийнято використовувати як тег для іконок. Зараз тег `<em>` широко розповсюджений як тег для виділення. У даному випадку підійде будь-який з цих двох.
+
+# --hints--
+
+Текст у кнопці `target4` слід виділити, додавши HTML-теги.
+
+```js
+assert.isTrue(
+  /<em>|<i>\s*#target4\s*<\/em>|<\/i>/gi.test($('#target4').html())
+);
+```
+
+В іншому випадку текст залишиться незмінним.
+
+```js
+assert($('#target4') && $('#target4').text().trim() === '#target4');
+```
+
+Не змінюйте будь-який інший текст.
+
+```js
+assert.isFalse(/<em>|<i>/gi.test($('h3').html()));
+```
+
+Використовуйте `.html()`, а не `.text()`.
+
+```js
+assert(code.match(/\.html\(/g));
+```
+
+Вибирайте `button id="target4"` за допомогою jQuery.
+
+```js
+assert(code.match(/\$\(\s*?(\"|\')#target4(\"|\')\s*?\)\.html\(/));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target4").html('<em>#target4</em>');
+  });
+</script>
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-the-css-of-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-the-css-of-an-element-using-jquery.md
new file mode 100644
index 0000000000..d65ccc2a97
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/change-the-css-of-an-element-using-jquery.md
@@ -0,0 +1,119 @@
+---
+id: bad87fee1348bd9aed908826
+title: Змінюйте CSS елемента за допомогою jQuery
+challengeType: 6
+forumTopicId: 16776
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: change-the-css-of-an-element-using-jquery
+---
+
+# --description--
+
+CSS HTML-елемента можна змінювати безпосередньо за допомогою jQuery.
+
+jQuery має функцію з назвою `.css()`, яка дозволяє змінити CSS елемента.
+
+Ось як можна змінити колір на синій:
+
+```js
+$("#target1").css("color", "blue");
+```
+
+Символи дещо відрізняються від звичайних CSS, оскільки властивість та значення CSS знаходяться в лапках і розділені не двокрапкою, а комою.
+
+Видаліть селектори jQuery, залишивши порожній `document ready function`.
+
+Оберіть `target1` та змініть колір на червоний.
+
+# --hints--
+
+Текст вашого елемента `target1` повинен бути червоним.
+
+```js
+assert($('#target1').css('color') === 'rgb(255, 0, 0)');
+```
+
+Для додавання цих класів до елемента потрібно використовувати виключно jQuery.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+    $("#target1").css("color", "red");
+  });
+</script>
+
+<!-- Only change code above this line -->
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/clone-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/clone-an-element-using-jquery.md
new file mode 100644
index 0000000000..585dd1f5f1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/clone-an-element-using-jquery.md
@@ -0,0 +1,121 @@
+---
+id: bad87fee1348bd9aed508826
+title: Копіюйте елемент за допомогою jQuery
+challengeType: 6
+forumTopicId: 16780
+dashedName: clone-an-element-using-jquery
+---
+
+# --description--
+
+Окрім переміщування елементів, їх можна копіювати з одного місця в інше.
+
+У jQuery є функція `clone()`, яка копіює елемент.
+
+Наприклад, якщо ми хочемо скопіювати `target2` з `left-well` до нашого `right-well`, потрібно використовувати:
+
+```js
+$("#target2").clone().appendTo("#right-well");
+```
+
+Ви помітили, що для цього потрібно з'єднати дві функції jQuery? Ця функція називається <dfn>function chaining</dfn> - зручний спосіб працювати з jQuery.
+
+Копіюйте елемент `target5` і додайте його до `left-well`.
+
+# --hints--
+
+Елемент `target5` має бути всередині `right-well`.
+
+```js
+assert($('#right-well').children('#target5').length > 0);
+```
+
+Копія елемента `target5` має бути всередині `left-well`.
+
+```js
+assert($('#left-well').children('#target5').length > 0);
+```
+
+Використовуйте лише jQuery для переміщення цих елементів.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/delete-your-jquery-functions.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/delete-your-jquery-functions.md
new file mode 100644
index 0000000000..0477d9effd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/delete-your-jquery-functions.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1348bd9aeda08726
+title: Видаліть Свої Функції jQuery
+challengeType: 6
+forumTopicId: 17561
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: delete-your-jquery-functions
+---
+
+# --description--
+
+Спершу ці анімації були чудовими, проте зараз вони трохи відволікають.
+
+Видаліть усі ці три функції jQuery з вашого `document ready function`, проте залишіть неушкодженим сам `document ready function`.
+
+# --hints--
+
+Усі три функції jQuery повинні бути видалені з `document ready function`.
+
+```js
+assert(code.match(/\{\s*\}\);/g));
+```
+
+Ви повинні залишити елемент `script` неушкодженим.
+
+```js
+assert(code.match(/<script>/g));
+```
+
+Вам потрібно залишити `$(document).ready(function() {` на початку елементу `script`.
+
+```js
+assert(code.match(/\$\(document\)\.ready\(function\(\)\s?\{/g));
+```
+
+Залиште `document.ready` function's closing `})` неушкодженим.
+
+```js
+assert(code.match(/.*\s*\}\);/g));
+```
+
+Ви повинні залишити кінцевий тег елемента `script` неушкодженим.
+
+```js
+assert(
+  code.match(/<\/script>/g) &&
+    code.match(/<script/g) &&
+    code.match(/<\/script>/g).length === code.match(/<script/g).length
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/disable-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/disable-an-element-using-jquery.md
new file mode 100644
index 0000000000..2bd606421d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/disable-an-element-using-jquery.md
@@ -0,0 +1,120 @@
+---
+id: bad87fee1348bd9aed808826
+title: Вимкнення елементу за допомогою jQuery
+challengeType: 6
+forumTopicId: 17563
+dashedName: disable-an-element-using-jquery
+---
+
+# --description--
+
+Ви також можете змінити non-CSS властивості елементів HTML за допомогою jQuery. Наприклад, ви можете вимкнути кнопки.
+
+Коли ви вимикаєте кнопку, вона стає сірою і її більше не можна натиснути.
+
+jQuery має функцію `.prop()`, яка дозволяє підлаштовувати властивості елементів.
+
+Ось як ви можете вимкнути усі кнопки:
+
+```js
+$("button").prop("disabled", true);
+```
+
+Відключіть тільки кнопку `target1`.
+
+# --hints--
+
+Ваша кнопка `target1` буде відключена.
+
+```js
+assert(
+  $('#target1') &&
+    $('#target1').prop('disabled') &&
+    code.match(/["']disabled["'],( true|true)/g)
+);
+```
+
+Ніякі інші кнопки не слід вимикати.
+
+```js
+assert($('#target2') && !$('#target2').prop('disabled'));
+```
+
+Щоб додавати ці класи до елементу, використовуйте лише jQuery.
+
+```js
+assert(!code.match(/disabled[^<]*>/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/learn-how-script-tags-and-document-ready-work.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/learn-how-script-tags-and-document-ready-work.md
new file mode 100644
index 0000000000..d18a707099
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/learn-how-script-tags-and-document-ready-work.md
@@ -0,0 +1,118 @@
+---
+id: bad87fee1348bd9acdd08826
+title: Дізнайтесь як працюють теги прописів та готові документи
+challengeType: 6
+forumTopicId: 18224
+dashedName: learn-how-script-tags-and-document-ready-work
+---
+
+# --description--
+
+Тепер ми готові вивчити jQuery - найпопулярніший інструмент JavaScript усіх часів.
+
+Перш ніж ми зможемо почати використовувати jQuery, нам потрібно додати декілька речей до нашого HTML.
+
+Спочатку додайте елемент `script` у верхній частині вашої сторінки. Не забудьте закрити його в наступному рядку.
+
+Ваш браузер запустить будь-який JavaScript всередині елемента `script`, включаючи jQuery.
+
+Усередині вашого елемента `script` додайте цей код: `$(document).ready(function() {` to your `script`. Тоді закрийте його в наступному рядку (всередині вашого елемента `script`) за допомогою: `});`
+
+Згодом ви дізнаєтесь більше про `functions`. Важливо пам'ятати, що код, який ви вводите сюди `function`, запуститься, як тільки ваш браузер завантажить вашу сторінку.
+
+Це важливо, оскільки без `document ready function` ваш код може запуститись до того, як відобразиться ваш HTML, що може спричинити помилки.
+
+# --hints--
+
+Вам слід створити елемент `script`, переконавшись, що він дійсний і має тег закриття.
+
+```js
+assert(
+  code.match(/<\/script\s*>/g) &&
+    code.match(
+      /<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g
+    ) &&
+    code.match(/<\/script\s*>/g).length ===
+      code.match(
+        /<script(\sasync|\sdefer)*(\s(charset|src|type)\s*=\s*["\"]+[^"\"]*["\"]+)*(\sasync|\sdefer)*\s*>/g
+      ).length
+);
+```
+
+Ви повинні додати `$(document).ready(function() {` на початку вашого елементу `script`.
+
+```js
+assert(
+  code.match(
+    /\$\s*?\(\s*?document\s*?\)\.ready\s*?\(\s*?function\s*?\(\s*?\)\s*?\{/g
+  )
+);
+```
+
+Ви повинні закрити вашу функцію `$(document).ready(function() {` за допомогою `});`
+
+```js
+assert(code.match(/\n*?\s*?\}\s*?\);/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+  });
+</script>
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-an-element-using-jquery.md
new file mode 100644
index 0000000000..f88830f1d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-an-element-using-jquery.md
@@ -0,0 +1,109 @@
+---
+id: bad87fee1348bd9aed708826
+title: Видаляйте елемент за допомогою jQuery
+challengeType: 6
+forumTopicId: 18262
+dashedName: remove-an-element-using-jquery
+---
+
+# --description--
+
+Видалимо елемент у форматі HTML із вашої сторінки за допомогою jQuery.
+
+jQuery має функцію під назвою `.remove()`, яка повністю видалить HTML-елемент
+
+Видаліть зі сторінки елемент `#target4` за допомогою функції `.remove()`.
+
+# --hints--
+
+Ви можете використовувати jQuery, щоб видалити елемент `target4` з вашої сторінки.
+
+```js
+assert(
+  $('#target4').length === 0 && code.match(/\$\(["']#target4["']\).remove\(\)/g)
+);
+```
+
+Використовуйте лише jQuery, щоб видалити цей елемент.
+
+```js
+assert(
+  code.match(/id="target4/g) &&
+    !code.match(/<!--.*id="target4".*-->/g) &&
+    $('#right-well').length > 0
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-classes-from-an-element-with-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-classes-from-an-element-with-jquery.md
new file mode 100644
index 0000000000..5e9421c577
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/remove-classes-from-an-element-with-jquery.md
@@ -0,0 +1,122 @@
+---
+id: bad87fee1348bd9aed918626
+title: Видалити класи з елементу за допомогою jQuery
+challengeType: 6
+forumTopicId: 18264
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: remove-classes-from-an-element-with-jquery
+---
+
+# --description--
+
+Видаляти класи за допомогою функції jQuery `removeClass()` можна так само, як додавати класи до елементу, скориставшись функцією `addClass()`.
+
+Для певної кнопки ви можете зробити це таким чином:
+
+```js
+$("#target2").removeClass("btn-default");
+```
+
+Видаліть клас `btn-default` з усіх елементів `button`.
+
+# --hints--
+
+Клас `btn-default` варто видалити з усіх елементів `button`.
+
+```js
+assert($('.btn-default').length === 0);
+```
+
+Використовуйте тільки jQuery, щоб видалити цей клас з елементу.
+
+```js
+assert(code.match(/btn btn-default/g));
+```
+
+Ви маєте лише видалити клас `btn-default`.
+
+```js
+assert(
+  code.match(
+    /\.[\v\s]*removeClass[\s\v]*\([\s\v]*('|")\s*btn-default\s*('|")[\s\v]*\)/gm
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+    $("button").removeClass("btn-default");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.md
new file mode 100644
index 0000000000..b6f54d02d0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-a-specific-child-of-an-element-using-jquery.md
@@ -0,0 +1,144 @@
+---
+id: bad87fee1348bd9aed108826
+title: Націлення на конкретний дочірній елемент за допомогою jQuiery
+challengeType: 6
+forumTopicId: 18315
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-a-specific-child-of-an-element-using-jquery
+---
+
+# --description--
+
+Ви вже бачили, чому id атрибути такі зручні в націленні завдяки селекторам jOuery. Але ви не завжди працюватимете з такими лаконічними id.
+
+На щастя, jQuery має деякі інші хитрощі для націлювання на правильні елементи.
+
+jQuery використовує селектори CSS для націлювання на елементи. Значення `target:nth-child(n)` селектора CSS дає змогу виділити всі n-ні елементи з цільовим класом або типом елементу.
+
+Ось як варто надавати третьому елементу у кожному джерелі класу руху:
+
+```js
+$(".target:nth-child(3)").addClass("animated bounce");
+```
+
+Кожен другий дочірній елемент у джерелі має бути рухливим. Ви мусите виділити дочірні елементи як `target` клас.
+
+# --hints--
+
+Другий елемент у ваших `target` елементах має бути рухливим.
+
+```js
+assert(
+  $('.target:nth-child(2)').hasClass('animated') &&
+    $('.target:nth-child(2)').hasClass('bounce')
+);
+```
+
+Рухатись мають тільки два елементи.
+
+```js
+assert($('.animated.bounce').length === 2);
+```
+
+Варто скористатися селектором `:nth-child()` щоб змінювати ці елементи.
+
+```js
+assert(code.match(/\:nth-child\(/g));
+```
+
+Щоб додати ці класи до елемента використовуйте тільки jQuery.
+
+```js
+assert(
+  code.match(/\$\(".target:nth-child\(2\)"\)/g) ||
+    code.match(/\$\('.target:nth-child\(2\)'\)/g) ||
+    code.match(/\$\(".target"\).filter\(":nth-child\(2\)"\)/g) ||
+    code.match(/\$\('.target'\).filter\(':nth-child\(2\)'\)/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $(".target:nth-child(2)").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-class-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-class-using-jquery.md
new file mode 100644
index 0000000000..7b6de16af9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-class-using-jquery.md
@@ -0,0 +1,113 @@
+---
+id: bad87fee1348bd9aedc08826
+title: Позначення елементів за класом з використанням jQuery
+challengeType: 6
+forumTopicId: 18316
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-elements-by-class-using-jquery
+---
+
+# --description--
+
+Ви помітили, як ми надали всім нашим елементам `button` ефект bounce? Ми обрали їх з `$("button")`, тоді ми додали до них деякі класи CSS з `.addClass("animated bounce");`.
+
+Ви щойно використали функцію `.addClass()`, що дозволяє додавати класи до елементів.
+
+Для початку, нумо оберемо ваші елементи `div` з класом `well`, використовуючи селектор `$(".well")`.
+
+Зверніть увагу, що, як і у випадку з деклараціями CSS, ви вводите `.` перед назвою класу.
+
+Тоді використовуйте функцію jQuery's `.addClass()`, щоб додати класи `animated` та `shake`.
+
+Наприклад, ви можете змусити всі елементи класу `text-primary` тремтіти, додаючи наступне до вашого `document ready function`:
+
+```js
+$(".text-primary").addClass("animated shake");
+```
+
+# --hints--
+
+Використовуйте функцію jQuery `addClass()`, щоб додати класи `animated` та `shake` до всіх ваших елементів з класом `well`.
+
+```js
+assert($('.well').hasClass('animated') && $('.well').hasClass('shake'));
+```
+
+Ви повинні використовувати лише jQuery, щоб додавати ці класи до елементу.
+
+```js
+assert(!code.match(/class\.\*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-id-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-id-using-jquery.md
new file mode 100644
index 0000000000..bf8da70617
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-elements-by-id-using-jquery.md
@@ -0,0 +1,123 @@
+---
+id: bad87fee1348bd9aeda08826
+title: Позначення елементів за id з використанням jQuery
+challengeType: 6
+forumTopicId: 18317
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-elements-by-id-using-jquery
+---
+
+# --description--
+
+Ви також можете позначати елементи за їх атрибутами id.
+
+Спочатку позначте ваш елемент `button` з id `target3` з використанням селектора `$("#target3")`.
+
+Зверніть увагу, що, як і у випадку з деклараціями CSS, ви вводите `#` перед назвою id.
+
+Тоді використовуйте функцію `.addClass()`, щоб додати класи `animated` та `fadeOut`.
+
+Ось як можна зробити, щоб елемент `button` з id `target6` зникав:
+
+```js
+$("#target6").addClass("animated fadeOut");
+```
+
+# --hints--
+
+Ви повинні вибрати елемент `button` з `id` `target3` та використати функцію jQuery `addClass()`, щоб надати їй клас `animated`.
+
+```js
+assert($('#target3').hasClass('animated'));
+```
+
+Ви повинні вибрати елемент з id `target3` та використати функцію jQuery `addClass()`, щоб додати її до класу `fadeOut`.
+
+```js
+assert(
+  ($('#target3').hasClass('fadeOut') || $('#target3').hasClass('fadeout')) &&
+    code.match(/\$\(\s*.#target3.\s*\)/g)
+);
+```
+
+Ви повинні використовувати лише jQuery, щоб додати ці класи до елементу.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+    $(".well").addClass("animated shake");
+    $("#target3").addClass("animated fadeOut");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-even-elements-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-even-elements-using-jquery.md
new file mode 100644
index 0000000000..e4b519d715
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-even-elements-using-jquery.md
@@ -0,0 +1,139 @@
+---
+id: bad87fee1348bd9aed008826
+title: Позначення парних елементів з використанням jQuery
+challengeType: 6
+forumTopicId: 18318
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-even-elements-using-jquery
+---
+
+# --description--
+
+Ви також можете позначати елементи, базуючись на їхній позиції з використанням селекторів `:odd` або `:even`.
+
+Зверніть увагу, що jQuery індексується як нуль, що означає, що перший елемент у вибірці має позицію 0. Це може бути трохи заплутано, так як, нелогічно, що `:odd` обирає другий елемент (позиція 1), четвертий елемент (позиція 3) і так далі.
+
+Ось як можна позначити всі непарні елементи з класом `target` та надати їм класи:
+
+```js
+$(".target:odd").addClass("animated shake");
+```
+
+Спробуйте вибрати всі парні елементи `target` та надати їм класи `animated` та `shake`. Пам'ятайте, що **even** означає позицію елементів з системою на основі нуля.
+
+# --hints--
+
+Всі елементи `target`, які jQuery вважає парними, мусять тремтіти.
+
+```js
+assert(
+  $('.target:even').hasClass('animated') && $('.target:even').hasClass('shake')
+);
+```
+
+Ви повинні використовувати селектор `:even`, щоб змінити ці елементи.
+
+```js
+assert(code.match(/\:even/g));
+```
+
+Ви повинні використовувати лише jQuery, щоб додавати ці класи до елементу.
+
+```js
+assert(
+  code.match(/\$\(".target:even"\)/g) ||
+    code.match(/\$\('.target:even'\)/g) ||
+    code.match(/\$\(".target"\).filter\(":even"\)/g) ||
+    code.match(/\$\('.target'\).filter\(':even'\)/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-html-elements-with-selectors-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-html-elements-with-selectors-using-jquery.md
new file mode 100644
index 0000000000..39e2b3cfea
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-html-elements-with-selectors-using-jquery.md
@@ -0,0 +1,118 @@
+---
+id: bad87fee1348bd9bedc08826
+title: Цільові HTML елементи з селекторами jQuery
+challengeType: 6
+forumTopicId: 18319
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-html-elements-with-selectors-using-jquery
+---
+
+# --description--
+
+Тепер у нас є функція `document ready`.
+
+Тепер напишемо нашу першу команду у jQuery. Усі функції jQuery починаються з `$`, який називають символом долара, або блінг.
+
+jQuery часто обирає HTML елемент з <dfn>селектором</dfn>, потім робить щось з цим елементом.
+
+Наприклад, надамо усім елементам `button` ефект bounce. Просто додайте цей код у ваш документ:
+
+```js
+$("button").addClass("animated bounce");
+```
+
+Зверніть увагу, ми вже додали обидві бібліотеки jQuery і бібліотеку Animate.css, щоб ви могли скористатися ними в редакторі. Таким чином, ви використовуєте jQuery, щоб застосувати клас `bounce` з бібліотеки Animate.css до елементів `button`.
+
+# --hints--
+
+Використовуйте jQuery функцію `addClass()`, щоб застосувати класи `animated` й `bounce` до елементів `button`.
+
+```js
+assert($('button').hasClass('animated') && $('button').hasClass('bounce'));
+```
+
+Використовуйте jQuery тільки щоб додати класи до елементів.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+Ваш код jQuery має бути в функції `$(document).ready();`.
+
+```js
+assert(
+  code.replace(/\s/g, '').match(/\$\(document\)\.ready\(function\(\)\{\$/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated bounce");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-children-of-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-children-of-an-element-using-jquery.md
new file mode 100644
index 0000000000..d05c3897a7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-children-of-an-element-using-jquery.md
@@ -0,0 +1,125 @@
+---
+id: bad87fee1348bd9aed208826
+title: Націлення на дочірні елементи за допомогою jQuery
+challengeType: 6
+forumTopicId: 18320
+dashedName: target-the-children-of-an-element-using-jquery
+---
+
+# --description--
+
+Коли елементи HTML розташовані таким чином, коли один рівень знаходиться нижче іншого, їх називають <dfn>дочірніми</dfn> елементами. Наприклад, у цьому завданні текстові елементи кнопки `#target1`, `#target2` і `#target3` - дочірні до елементу `<div class="well" id="left-well">`.
+
+jQuery має функцію під назвою `children()`, що надає доступ до дочірніх чи будь-яких інших обраних елементів.
+
+Ось приклад того, як можна використовувати функцію `children()` для того, щоб змінити колір дочірніх елементів елементу `left-well` на `blue`:
+
+```js
+$("#left-well").children().css("color", "blue")
+```
+
+# --instructions--
+
+Змініть колір усіх дочірніх елементів елементу`right-well` на оранжевий.
+
+# --hints--
+
+Усі дочірні елементи `#right-well` повинні мати текст помаранчевого кольору.
+
+```js
+assert($('#right-well').children().css('color') === 'rgb(255, 165, 0)');
+```
+
+Використайте функцію `children()`, щоб змінити ці елементи.
+
+```js
+assert(code.match(/\.children\(\)\.css/g));
+```
+
+Користуйтесь лише jQuery, щоб додати ці класи до елементу.
+
+```js
+assert(code.match(/<div class="well" id="right-well">/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-parent-of-an-element-using-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-parent-of-an-element-using-jquery.md
new file mode 100644
index 0000000000..ac62a29e1c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-parent-of-an-element-using-jquery.md
@@ -0,0 +1,140 @@
+---
+id: bad87fee1348bd9aed308826
+title: Позначення батьківського елемента, використовуючи jQuery
+challengeType: 6
+forumTopicId: 18321
+dashedName: target-the-parent-of-an-element-using-jquery
+---
+
+# --description--
+
+Кожен HTML елемент має елемент `parent`, із якого він (успадковує) властивості `inherits`.
+
+Наприклад, ваш елемент `jQuery Playground` `h3` має батьківський елемент `<div class="container-fluid">`, який так само має батьківський елемент `body`.
+
+jQuery має функцію, що називається `parent()`, яка надає доступ до батьківського елементу будь-якого вибраного елементу.
+
+Нижче наведено приклад, як можна використовувати функцію `parent()`, якщо необхідно зафарбувати фон батьківського елементу `left-well` у синій колір:
+
+```js
+$("#left-well").parent().css("background-color", "blue")
+```
+
+Зафарбуйте фон батьківського елемента `#target1` у червоний колір.
+
+# --hints--
+
+Елемент `left-well` повинен мати червоний колір.
+
+```js
+assert(
+  $('#left-well').css('background-color') === 'red' ||
+    $('#left-well').css('background-color') === 'rgb(255, 0, 0)' ||
+    $('#left-well').css('background-color').toLowerCase() === '#ff0000' ||
+    $('#left-well').css('background-color').toLowerCase() === '#f00'
+);
+```
+
+Використовуйте функцію `.parent()` для того, щоб змінити цей елемент.
+
+```js
+assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g));
+```
+
+Необхідно викликати метод `.parent()` для елемента `#target1`.
+
+```js
+assert(
+  code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?\)\s*?\.parent/gi)
+);
+```
+
+Щоб додавати ці класи до елемента, використовуйте лише jQuery.
+
+```js
+assert(code.match(/<div class="well" id="left-well">/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<body>
+  <div class="container-fluid">
+    <h3 class="text-primary text-center">jQuery Playground</h3>
+    <div class="row">
+      <div class="col-xs-6">
+        <h4>#left-well</h4>
+        <div class="well" id="left-well">
+          <button class="btn btn-default target" id="target1">#target1</button>
+          <button class="btn btn-default target" id="target2">#target2</button>
+          <button class="btn btn-default target" id="target3">#target3</button>
+        </div>
+      </div>
+      <div class="col-xs-6">
+        <h4>#right-well</h4>
+        <div class="well" id="right-well">
+          <button class="btn btn-default target" id="target4">#target4</button>
+          <button class="btn btn-default target" id="target5">#target5</button>
+          <button class="btn btn-default target" id="target6">#target6</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.md
new file mode 100644
index 0000000000..9c2ebad8b4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/target-the-same-element-with-multiple-jquery-selectors.md
@@ -0,0 +1,143 @@
+---
+id: bad87fee1348bd9aed908626
+title: Позначення одного й того ж елемента за допомогою декількох селекторів jQuery
+challengeType: 6
+forumTopicId: 18322
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: target-the-same-element-with-multiple-jquery-selectors
+---
+
+# --description--
+
+Тепер вам відомі 3 шляхи позначення елементів: за типом - `$("button")`, за класом `$(".btn")` і за id `$("#target1")`.
+
+Хоча можливо і додати декілька класів в одному виклику `.addClass()`. Додаймо їх до одного елементу * трьома різними шляхами*.
+
+Використовуючи `.addClass()`, додавайте тільки один клас за раз до одного елемента трьома різними способами:
+
+Додайте клас `animated` до всіх елементів із типом `button`.
+
+Додайте клас `shake` до всіх кнопок із класом `.btn`.
+
+Додайте клас `btn-primary` до кнопок з id `#target1`.
+
+**Примітка:** Позначайте тільки один елемент і додавайте тільки один клас за раз. Загалом всі три окремих селектори додадуть три класи `shake`, `animated` та `btn-primary` до `#target1`.
+
+# --hints--
+
+Використовуйте в своєму коді селектор `$("button")`.
+
+```js
+assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?button\s*?(?:'|")/gi));
+```
+
+Використовуйте в своєму коді селектор `$(".btn")`.
+
+```js
+assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?\.btn\s*?(?:'|")/gi));
+```
+
+Використовуйте в своєму коді селектор `$("#target1")`.
+
+```js
+assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")/gi));
+```
+
+Додавайте лише один клас до кожного із трьох ваших селекторів.
+
+```js
+assert(
+  code.match(/addClass/g) &&
+    code.match(/addClass\s*?\(\s*?('|")\s*?[\w-]+\s*?\1\s*?\)/g).length > 2
+);
+```
+
+Елемент `#target1` повинен мати класи `animated`‚ `shake` та `btn-primary`.
+
+```js
+assert(
+  $('#target1').hasClass('animated') &&
+    $('#target1').hasClass('shake') &&
+    $('#target1').hasClass('btn-primary')
+);
+```
+
+Щоб додавати ці класи до елемента, використовуйте лише jQuery.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("button").addClass("animated");
+    $(".btn").addClass("shake");
+    $("#target1").addClass("btn-primary");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-appendto-to-move-elements-with-jquery.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-appendto-to-move-elements-with-jquery.md
new file mode 100644
index 0000000000..7584f96884
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-appendto-to-move-elements-with-jquery.md
@@ -0,0 +1,117 @@
+---
+id: bad87fee1348bd9aed608826
+title: Використання appendTo для переміщення елементів за допомогою jQuery
+challengeType: 6
+forumTopicId: 18340
+dashedName: use-appendto-to-move-elements-with-jquery
+---
+
+# --description--
+
+Тепер спробуймо перемістити елементи з одного `div` до іншого.
+
+jQuery має функцію `appendTo()`, яка дозволяє вибирати HTML елементи та додавати їх до іншого елемента.
+
+Наприклад, якщо ми хочемо змістити `target4` із правої комірки у ліву, то використовуємо:
+
+```js
+$("#target4").appendTo("#left-well");
+```
+
+Змістіть елемент `target2` із `left-well` до вашого `right-well`.
+
+# --hints--
+
+Ваш елемент `target2` не повинен бути всередині вашого `left-well`.
+
+```js
+assert($('#left-well').children('#target2').length === 0);
+```
+
+Ваш елемент `target2` повинен бути всередині вашого `right-well`.
+
+```js
+assert($('#right-well').children('#target2').length > 0);
+```
+
+Щоб перемістити ці елементи, використовуйте лише jQuery.
+
+```js
+assert(!code.match(/class.*animated/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-jquery-to-modify-the-entire-page.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-jquery-to-modify-the-entire-page.md
new file mode 100644
index 0000000000..43dded2420
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/jquery/use-jquery-to-modify-the-entire-page.md
@@ -0,0 +1,118 @@
+---
+id: bad87fee1348bd9aecb08826
+title: Використання jQuery для зміни цілої сторінки
+challengeType: 6
+forumTopicId: 18361
+required:
+  - 
+    link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
+dashedName: use-jquery-to-modify-the-entire-page
+---
+
+# --description--
+
+Ми закінчили гратися із нашим jQuery Playground. Зруйнуймо його!
+
+За допомогою jQuery можемо обрати елемент `body`.
+
+Ось так ми змусимо цілу фігуру зникнути: `$("body").addClass("animated fadeOut");`
+
+Зробімо щось більш ефектне. Додамо класи `animated` та `hinge` до елемента `body`.
+
+# --hints--
+
+Додайте класи `animated` та `hinge` до елемента `body`.
+
+```js
+assert($('body').hasClass('animated') && $('body').hasClass('hinge'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  $(document).ready(function() {
+    $("#target1").css("color", "red");
+    $("#target1").prop("disabled", true);
+    $("#target4").remove();
+    $("#target2").appendTo("#right-well");
+    $("#target5").clone().appendTo("#left-well");
+    $("#target1").parent().css("background-color", "red");
+    $("#right-well").children().css("color", "orange");
+    $("#left-well").children().css("color", "green");
+    $(".target:nth-child(2)").addClass("animated bounce");
+    $(".target:even").addClass("animated shake");
+    $("body").addClass("animated hinge");
+  });
+</script>
+
+<!-- Only change code above this line -->
+
+<div class="container-fluid">
+  <h3 class="text-primary text-center">jQuery Playground</h3>
+  <div class="row">
+    <div class="col-xs-6">
+      <h4>#left-well</h4>
+      <div class="well" id="left-well">
+        <button class="btn btn-default target" id="target1">#target1</button>
+        <button class="btn btn-default target" id="target2">#target2</button>
+        <button class="btn btn-default target" id="target3">#target3</button>
+      </div>
+    </div>
+    <div class="col-xs-6">
+      <h4>#right-well</h4>
+      <div class="well" id="right-well">
+        <button class="btn btn-default target" id="target4">#target4</button>
+        <button class="btn btn-default target" id="target5">#target5</button>
+        <button class="btn btn-default target" id="target6">#target6</button>
+      </div>
+    </div>
+  </div>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md
new file mode 100644
index 0000000000..8459ca7f78
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md
@@ -0,0 +1,156 @@
+---
+id: 5a24c314108439a4d4036147
+title: Підключіть Redux до React
+challengeType: 6
+forumTopicId: 301426
+dashedName: connect-redux-to-react
+---
+
+# --description--
+
+Тепер, коли ви написали обидві функції `mapStateToProps()` та `mapDispatchToProps()`, ви можете використовувати їх, щоб відобразити `state` і `dispatch` до `props` одного з ваших компонентів React. `connect` метод з React Redux може обробити це завдання. Цей метод вимагає/використовує два необов'язкових параметри, `mapStateToProps()` та `mapDispatchToProps()`. Вони не є обов'язковими, оскільки у вас може бути компонент, який лише потребує доступу до `state` але не потребує виконання жодних дій, або навпаки.
+
+Щоб використати цей метод, передайте функції у якості аргументів і одразу викликайте результат з вашим компонентом. Цей синтаксис є трохи незвичним і виглядає наступним чином:
+
+```js
+connect(mapStateToProps, mapDispatchToProps)(MyComponent)
+```
+
+**Note:** Якщо ви хочете пропустити один з параметрів замість `connect` методу, ви передаєте `null` замість нього.
+
+# --instructions--
+
+Редактор коду має функції `mapStateToProps()` та `mapDispatchToProps()` і новий компонент React під назвою `Presentational`. З'єднайте цей компонент з Redux за допомогою методу `connect` з глобального об'єкту `ReactRedux` і одразу викличте його в компоненті `Presentational`. Призначте результат новому `const` під назвою `ConnectedComponent`, який представляє підключений елемент. Ось і все, тепер ви підключені до Redux! Спробуйте змінити будь-який з параметрів `connect` на `null` і простежте за результатами тестів.
+
+# --hints--
+
+Компонент `Presentational` повинен відображатись.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('Presentational').length === 1;
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримати пропс `messages` через `connect`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const props = mockedComponent.find('Presentational').props();
+    return props.messages === '__INITIAL__STATE__';
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримати пропс `submitNewMessage` через `connect`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const props = mockedComponent.find('Presentational').props();
+    return typeof props.submitNewMessage === 'function';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+const store = Redux.createStore(
+  (state = '__INITIAL__STATE__', action) => state
+);
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <ReactRedux.Provider store = {store}>
+        <ConnectedComponent/>
+      </ReactRedux.Provider>
+    );
+  }
+};
+ReactDOM.render(<AppWrapper />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message));
+    }
+  }
+};
+
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h3>This is a Presentational Component</h3>
+  }
+};
+
+const connect = ReactRedux.connect;
+// Change code below this line
+
+const ConnectedComponent = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md
new file mode 100644
index 0000000000..1cabe35137
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md
@@ -0,0 +1,300 @@
+---
+id: 5a24c314108439a4d4036148
+title: Підключення Redux до додатку повідомлень
+challengeType: 6
+forumTopicId: 301427
+dashedName: connect-redux-to-the-messages-app
+---
+
+# --description--
+
+Тепер, коли ви розумієте, як використовувати `connect` щоб підключити React до Redux, ви можете застосувати набуті знання до вашого компоненту React, який обробляє повідомлення.
+
+На попередньому уроці, компонент, який ви підключили до Redux мав назву `Presentational` і це не було довільним. Цей термін *зазвичай* посилається на компоненти React, які не підключені безпосередньо до Redux. Вони просто відповідають за представлення інтерфейсу користувача і виконують це в залежності від функції пропсів, які вони отримують. На відміну від цього, компонент container пов'язаний із Redux. Вони, зазвичай є відповідальними за відправлення дій у сховище даних і часто передають store state до дочірніх компонентів у якості пропсів.
+
+# --instructions--
+
+Редактор коду вже містить весь написаний вами код у цій секції. Єдина зміна полягає у тому, що компонент React перейменовується на `Presentational`. Створіть новий компонент, який знаходиться у константі під назвою `Container`, який використовує `connect`, щоб під'єднати компонент `Presentational` до Redux. Потім, у `AppWrapper`, відобразіть React Redux компонент `Provider`. Передайте `Provider` Redux `store` у якості пропсу і відобразіть `Container` як дочірній компонент. Коли все буде налаштоване, ви побачите додаток повідомлень виведеним на сторінку знову.
+
+# --hints--
+
+`AppWrapper` повинен відобразитися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('AppWrapper').length === 1;
+  })()
+);
+```
+
+Компонент `Presentational` повинен відобразитися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('Presentational').length === 1;
+  })()
+);
+```
+
+Компонент `Presentational` повинен відобразити елементи `h2`, `input`, `button` і `ul`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    return (
+      PresentationalComponent.find('div').length === 1 &&
+      PresentationalComponent.find('h2').length === 1 &&
+      PresentationalComponent.find('button').length === 1 &&
+      PresentationalComponent.find('ul').length === 1
+    );
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримувати `messages` зі сховища Redux у якості пропсу.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    const props = PresentationalComponent.props();
+    return Array.isArray(props.messages);
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримувати `submitMessage` виконавця як пропс.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    const props = PresentationalComponent.props();
+    return typeof props.submitNewMessage === 'function';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<AppWrapper />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState((state) => {
+      const currentMessage = state.input;
+      return {
+        input: '',
+        messages: state.messages.concat(currentMessage)
+      };
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Define the Container component here:
+
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // Complete the return statement:
+    return (null);
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+ this.handleChange = this.handleChange.bind(this);
+ this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState((state) => {
+      const currentMessage = state.input;
+      return {
+        input: '',
+        messages: state.messages.concat(currentMessage)
+      };
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+// React-Redux:
+const mapStateToProps = (state) => {
+  return { messages: state }
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (newMessage) => {
+       dispatch(addMessage(newMessage))
+    }
+  }
+};
+
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md
new file mode 100644
index 0000000000..a2b96fdadc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md
@@ -0,0 +1,397 @@
+---
+id: 5a24c314108439a4d4036149
+title: Вилучення Local State в Redux
+challengeType: 6
+forumTopicId: 301428
+dashedName: extract-local-state-into-redux
+---
+
+# --description--
+
+Майже готово! Пам'ятайте, що ви написали весь код Redx, так щоб Redux міг контролювати управління станом вашого додатка повідомлень в React. Тепер, коли Redux підключений, вам потрібно витягти управління станами з компонента `Presentational` і перемістити його в Redux. У даний момент, ваш Redux підключений, але ви обробляєте стан локально всередині компонента `Presentational`.
+
+# --instructions--
+
+В компоненті `Presentational`, спершу, видаліть значення `messages` в локальному стані `state`. Управління повідомленнями буде здійснюватись в Redux. Далі, змініть метод `submitMessage()`, так щоб він відправляв `submitNewMessage()` з `this.props` і передайте йому поточний ввід повідомлень з локального `state` як аргумент. Через те, що ви видалили `messages` з локального стану, видаліть властивість/значення `messages` з виклику до `this.setState()` також. Нарешті, змініть метод `render()`, так щоб він відображав повідомлення отримані з `props`, а не з `state`.
+
+Як тільки ці зміни будуть внесені, застосунок продовжить функціонувати так само, за винятком того, що тепер Redux керує станом. Цей приклад також демонструє, як компонент може мати локальний `state`: ваш компонент все ще відслідковує вхідні дані користувача локально у своєму власному `state`. Ви можете побачити, як Redux надає зручний фреймворк управління станом на основі React. Ви досягли того ж результату використовуючи тільки локальний стан React спершу і це, зазвичай, можливо з простими додатками. Однак, в той час як ваші додатки ставатимуть масштабнішими і складнішими, і ваше управління станом зазнаватиме тих же змін, саме цю проблему вирішуватиме Redux.
+
+# --hints--
+
+`AppWrapper` повинен відобразитися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('AppWrapper').length === 1;
+  })()
+);
+```
+
+`Presentational` компонент повинен відобразитися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('Presentational').length === 1;
+  })()
+);
+```
+
+Компонент `Presentational` повинен відобразити елементи `h2`, `input`, `button` і `ul`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    return (
+      PresentationalComponent.find('div').length === 1 &&
+      PresentationalComponent.find('h2').length === 1 &&
+      PresentationalComponent.find('button').length === 1 &&
+      PresentationalComponent.find('ul').length === 1
+    );
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримувати `messages` зі сховища Redux у якості пропсу.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    const props = PresentationalComponent.props();
+    return Array.isArray(props.messages);
+  })()
+);
+```
+
+Компонент `Presentational` повинен отримувати `submitMessage` виконавця як пропс.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalComponent = mockedComponent.find('Presentational');
+    const props = PresentationalComponent.props();
+    return typeof props.submitNewMessage === 'function';
+  })()
+);
+```
+
+Стан компоненту `Presentational` повинен містити одну властивість/значення, `input`, яке ініціалізується на порожній рядок.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    const PresentationalState = mockedComponent
+      .find('Presentational')
+      .instance().state;
+    return (
+      typeof PresentationalState.input === 'string' &&
+      Object.keys(PresentationalState).length === 1
+    );
+  })()
+);
+```
+
+Введення в елемент `input` повинно оновити стан компоненту `Presentational`.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+  const testValue = '__MOCK__INPUT__';
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  let initialInput = mockedComponent.find('Presentational').find('input');
+  const changed = () => {
+    causeChange(mockedComponent, testValue);
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await changed();
+  const updatedInput = updated.find('Presentational').find('input');
+  assert(
+    initialInput.props().value === '' &&
+      updatedInput.props().value === '__MOCK__INPUT__'
+  );
+};
+```
+
+Відправлення `submitMessage` на компонент `Presentational` має оновити Redux сховище і очистити вхідні дані у локальному стані.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  let beforeProps = mockedComponent.find('Presentational').props();
+  const testValue = '__TEST__EVENT__INPUT__';
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const changed = () => {
+    causeChange(mockedComponent, testValue);
+    return waitForIt(() => mockedComponent);
+  };
+  const clickButton = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent);
+  };
+  const afterChange = await changed();
+  const afterChangeInput = afterChange.find('input').props().value;
+  const afterClick = await clickButton();
+  const afterProps = mockedComponent.find('Presentational').props();
+  assert(
+    beforeProps.messages.length === 0 &&
+      afterChangeInput === testValue &&
+      afterProps.messages.pop() === testValue &&
+      afterClick.find('input').props().value === ''
+  );
+};
+```
+
+Компонент `Presentational` має відображати `messages` зі сховища Redux.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  let beforeProps = mockedComponent.find('Presentational').props();
+  const testValue = '__TEST__EVENT__INPUT__';
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const changed = () => {
+    causeChange(mockedComponent, testValue);
+    return waitForIt(() => mockedComponent);
+  };
+  const clickButton = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent);
+  };
+  const afterChange = await changed();
+  const afterChangeInput = afterChange.find('input').props().value;
+  const afterClick = await clickButton();
+  const afterProps = mockedComponent.find('Presentational').props();
+  assert(
+    beforeProps.messages.length === 0 &&
+      afterChangeInput === testValue &&
+      afterProps.messages.pop() === testValue &&
+      afterClick.find('input').props().value === '' &&
+      afterClick.find('ul').childAt(0).text() === testValue
+  );
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<AppWrapper />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState((state) => ({
+      input: '',
+      messages: state.messages.concat(state.input)
+    }));
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message: message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+const Provider = ReactRedux.Provider;
+const connect = ReactRedux.connect;
+
+// Change code below this line
+class Presentational extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ''
+    }
+ this.handleChange = this.handleChange.bind(this);
+ this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.props.submitNewMessage(this.state.input);
+    this.setState({
+      input: ''
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.props.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+// Change code above this line
+
+const mapStateToProps = (state) => {
+  return {messages: state}
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: (message) => {
+      dispatch(addMessage(message))
+    }
+  }
+};
+
+const Container = connect(mapStateToProps, mapDispatchToProps)(Presentational);
+
+class AppWrapper extends React.Component {
+  render() {
+    return (
+      <Provider store={store}>
+        <Container/>
+      </Provider>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-state-logic-to-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-state-logic-to-redux.md
new file mode 100644
index 0000000000..b518b28296
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-state-logic-to-redux.md
@@ -0,0 +1,115 @@
+---
+id: 5a24c314108439a4d4036143
+title: Вилучення State Logic в Redux
+challengeType: 6
+forumTopicId: 301429
+dashedName: extract-state-logic-to-redux
+---
+
+# --description--
+
+Тепер, коли ви закінчили компонент React, вам потрібно перемістити логіку, яку він виконує локально в його `state` в Redux. Це перший крок, який дозволяє підключити простий додаток React до Redux. Єдину функцію, яку має ваш додаток - це додавання нових повідомлень від користувача до неупорядкованого списку. Приклад простий, для того щоб показати, як React та Redux працюють разом.
+
+# --instructions--
+
+Спершу, визначте значення змінної `ADD` і встановіть її у const `ADD`. Далі, встановіть виконавця дій `addMessage()`, який створює дію для додавання повідомлення. Вам потрібно передати `message` цьому виконавцю дій і додати повідомлення у повернене `action`.
+
+Потім створіть скорочення, яке називається `messageReducer()`, яке обробляє стан для повідомлень. Початковий стан повинен дорівнювати пустому масиву. Це скорочення повинно додавати повідомлення до масиву, який зберігається у стані чи повертати поточний стан. Нарешті, створіть ваше сховище Redux та передайте його до reducer.
+
+# --hints--
+
+Конст `ADD` має існувати і утримувати значення рівне рядку `ADD`
+
+```js
+assert(ADD === 'ADD');
+```
+
+Виконавець дій `addMessage` має видати об'єкт з `type` рівний до `ADD` і `message` рівний до повідомлення в якому воно передається.
+
+```js
+assert(
+  (function () {
+    const addAction = addMessage('__TEST__MESSAGE__');
+    return addAction.type === ADD && addAction.message === '__TEST__MESSAGE__';
+  })()
+);
+```
+
+`messageReducer` повинно бути функцією.
+
+```js
+assert(typeof messageReducer === 'function');
+```
+
+Сховище повинно існувати і мати початковий стан, встановлений на пустому масиві.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    return typeof store === 'object' && initialState.length === 0;
+  })()
+);
+```
+
+Відправлення `addMessage` до сховища повинно незмінно додавати нове повідомлення до масиву повідомлень, які знаходиться у стані.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    const isFrozen = DeepFreeze(initialState);
+    store.dispatch(addMessage('__A__TEST__MESSAGE'));
+    const addState = store.getState();
+    return isFrozen && addState[0] === '__A__TEST__MESSAGE';
+  })()
+);
+```
+
+`messageReducer` має повернутися до поточного стану, якщо викликається з будь-яким іншими діями.
+
+```js
+assert(
+  (function () {
+    const addState = store.getState();
+    store.dispatch({ type: 'FAKE_ACTION' });
+    const testState = store.getState();
+    return addState === testState;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+// Define ADD, addMessage(), messageReducer(), and store here:
+```
+
+# --solutions--
+
+```jsx
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md
new file mode 100644
index 0000000000..18f6c8439a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md
@@ -0,0 +1,102 @@
+---
+id: 5a24c314108439a4d4036141
+title: Початок роботи з React Redux
+challengeType: 6
+forumTopicId: 301430
+dashedName: getting-started-with-react-redux
+---
+
+# --description--
+
+Ця низка завдань показує те, як можна використовувати Redux з React. По-перше, ось огляд деяких ключових принципів кожної технології. React - це бібліотека, якій ви надаєте дані. Потім вона візуалізує перегляд у більш ефективний, передбачуваний спосіб. Redux - це система управління станом, яку ви можете використовувати для спрощення управління станом вашого застосунку. Зазвичай, у додатку React Redux, ви створюєте одне сховище Redux, яке керує станом усього застосунку. Ваші компоненти React підписуються лише на ті частини даних в сховищі, що мають відношення до їхньої ролі. Потім ви відправляєте дії безпосередньо від компонентів React, які потім запускають оновлення сховища.
+
+Хоча компоненти React можуть локально керувати своїм станом, коли у вас є складний застосунок, зазвичай, краще зберігати стан застосунку в одному місці за допомогою Redux. Існують винятки, коли окремі компоненти можуть мати локальний стан, створений конкретно лише для них. Зрештою, через те, що Redux не створений для нестандартної роботи з React, вам потрібно використовувати пакет `react-redux`. Він надає вам можливість передавати Redux `state` та `dispatch` вашим компонентам React як `props`.
+
+Перш за все, у декількох наступних завданнях ви створите простий компонент React, який дозволить вам вводити нові повідомлення. Вони додаються до масиву, що відображається в огляді. Це має бути хороший огляд того, що ви вивчили на уроках React. Далі ви створите сховище Redux та дії, які керують станом масиву повідомлень. Зрештою, ви використовуватимете `react-redux` для того, щоб з'єднати сховище Redux з вашим компонентом, таким чином додаючи локальний стан в сховище Redux.
+
+# --instructions--
+
+Почніть з компоненту `DisplayMessages`. Додайте конструктора до цього компонента та ініціалізуйте його за допомогою двох параметрів: `input`, це значення задається у порожньому рядку і `messages`, це значення задається у порожньому масиві.
+
+# --hints--
+
+Компонент `DisplayMessages` повинен відображати порожній `div` елемент.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+    return mockedComponent.find('div').text() === '';
+  })()
+);
+```
+
+Конструктор `DisplayMessages` повинен викликатися належним чином за допомогою `super`, при передачі до `props`.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const noWhiteSpace = __helpers.removeWhiteSpace(getUserInput('index'));
+      return (
+        noWhiteSpace.includes('constructor(props)') &&
+        noWhiteSpace.includes('super(props')
+      );
+    })()
+  );
+```
+
+Компонент `DisplayMessages` повинен мати початковий стан, який дорівнює `{input: "", messages: []}`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+    const initialState = mockedComponent.state();
+    return (
+      typeof initialState === 'object' &&
+      initialState.input === '' &&
+      Array.isArray(initialState.messages) &&
+      initialState.messages.length === 0
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<DisplayMessages />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class DisplayMessages extends React.Component {
+  // Change code below this line
+
+  // Change code above this line
+  render() {
+    return <div />
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+  }
+  render() {
+    return <div/>
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md
new file mode 100644
index 0000000000..2fa798e39a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md
@@ -0,0 +1,260 @@
+---
+id: 5a24c314108439a4d4036142
+title: Спочатку керуйте станом локально
+challengeType: 6
+forumTopicId: 301431
+dashedName: manage-state-locally-first
+---
+
+# --description--
+
+Тут ви закінчите створення компонента `DisplayMessages`.
+
+# --instructions--
+
+Спершу в методі `render()` відобразіть елементи `input`, `button`, та `ul`. Коли елемент `input` змінюється, він повинен запускати метод `handleChange()`. Також елемент `input` повинен відображати значення `input`, що знаходиться в стані компоненту. При натисканні елемент `button` повинен запускати метод `submitMessage()`.
+
+По-друге, запишіть ці два методи. Метод `handleChange()` повинен оновлювати `input` з тим, що друкує користувач. Метод `submitMessage()` повинен об'єднати поточне повідомлення (зберігається в `input`) та масив `messages` в локальному стані та очистити значення `input`.
+
+Зрештою, використовуйте `ul`, щоб окреслити масив `messages` та відобразити його на екрані як список елементів `li`.
+
+# --hints--
+
+Компонент `DisplayMessages` повинен ініціалізуватися за допомогою початкового стану до `{ input: "", messages: [] }`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+    const initialState = mockedComponent.state();
+    return (
+      typeof initialState === 'object' &&
+      initialState.input === '' &&
+      initialState.messages.length === 0
+    );
+  })()
+);
+```
+
+Компонент `DisplayMessages` повинен відображати `div`, що містить елементи `h2`, `button`, `ul`, та `li` elements.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const state = () => {
+    mockedComponent.setState({ messages: ['__TEST__MESSAGE'] });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await state();
+  assert(
+    updated.find('div').length === 1 &&
+      updated.find('h2').length === 1 &&
+      updated.find('button').length === 1 &&
+      updated.find('ul').length === 1 &&
+      updated.find('li').length > 0
+  );
+};
+```
+
+`.map` повинен використовуватися в масиві `messages`.
+
+```js
+assert(code.match(/this\.state\.messages\.map/g));
+```
+
+Елемент `input` повинен відображати значення `input` у локальному стані.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const testValue = '__TEST__EVENT__INPUT';
+  const changed = () => {
+    causeChange(mockedComponent, testValue);
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await changed();
+  assert(updated.find('input').props().value === testValue);
+};
+```
+
+Виклик методу `handleChange` повинен оновити значення стану `input` до поточного входу.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const initialState = mockedComponent.state();
+  const testMessage = '__TEST__EVENT__MESSAGE__';
+  const changed = () => {
+    causeChange(mockedComponent, testMessage);
+    return waitForIt(() => mockedComponent);
+  };
+  const afterInput = await changed();
+  assert(
+    initialState.input === '' &&
+      afterInput.state().input === '__TEST__EVENT__MESSAGE__'
+  );
+};
+```
+
+Натискання кнопки `Add message` повинно викликати метод `submitMessage`, який повинен додати поточний `input` до масиву `messages`.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const initialState = mockedComponent.state();
+  const testMessage_1 = '__FIRST__MESSAGE__';
+  const firstChange = () => {
+    causeChange(mockedComponent, testMessage_1);
+    return waitForIt(() => mockedComponent);
+  };
+  const firstResult = await firstChange();
+  const firstSubmit = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent);
+  };
+  const afterSubmit_1 = await firstSubmit();
+  const submitState_1 = afterSubmit_1.state();
+  const testMessage_2 = '__SECOND__MESSAGE__';
+  const secondChange = () => {
+    causeChange(mockedComponent, testMessage_2);
+    return waitForIt(() => mockedComponent);
+  };
+  const secondResult = await secondChange();
+  const secondSubmit = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent);
+  };
+  const afterSubmit_2 = await secondSubmit();
+  const submitState_2 = afterSubmit_2.state();
+  assert(
+    initialState.messages.length === 0 &&
+      submitState_1.messages.length === 1 &&
+      submitState_2.messages.length === 2 &&
+      submitState_2.messages[1] === testMessage_2
+  );
+};
+```
+
+Метод `submitMessage` повинен очистити поточне введення.
+
+```js
+async () => {
+  const mockedComponent = Enzyme.mount(React.createElement(DisplayMessages));
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const causeChange = (c, v) =>
+    c.find('input').simulate('change', { target: { value: v } });
+  const initialState = mockedComponent.state();
+  const testMessage = '__FIRST__MESSAGE__';
+  const firstChange = () => {
+    causeChange(mockedComponent, testMessage);
+    return waitForIt(() => mockedComponent);
+  };
+  const firstResult = await firstChange();
+  const firstState = firstResult.state();
+  const firstSubmit = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent);
+  };
+  const afterSubmit = await firstSubmit();
+  const submitState = afterSubmit.state();
+  assert(firstState.input === testMessage && submitState.input === '');
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<DisplayMessages />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+  }
+  // Add handleChange() and submitMessage() methods here
+
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        { /* Render an input, button, and ul below this line */ }
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+ this.handleChange = this.handleChange.bind(this);
+   this.submitMessage = this.submitMessage.bind(this);
+ }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState((state) => {
+      const currentMessage = state.input;
+      return {
+        input: '',
+        messages: state.messages.concat(currentMessage)
+      };  
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md
new file mode 100644
index 0000000000..cf3be290e2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-dispatch-to-props.md
@@ -0,0 +1,107 @@
+---
+id: 5a24c314108439a4d4036146
+title: Перетворіть дані Dispatch в Props
+challengeType: 6
+forumTopicId: 301432
+dashedName: map-dispatch-to-props
+---
+
+# --description--
+
+Функція `mapDispatchToProps()` використовується для забезпечення певних авторів дій для ваших компонентів React, щоб вони могли відправляти дії за рахунок сховища Redux. Вона схожа по структурі на функцію `mapStateToProps()`, яку ви написали в останньому завданні. Вона повертає об'єкт, який зіставляє дії відправлення з назвами параметрів, які стають компонентами `props`. Тим не менш, замість того, щоб повертати частину `state`, кожен параметр повертає функцію, що викликає `dispatch` з творцем дії та будь-якими відповідними данними дії. Ви маєте доступ до `dispatch`, тому що він передається в `mapDispatchToProps()` як параметр, коли ви визначаєте функцію, так само, як ви пройшли від `state` до `mapStateToProps()`. По секрету, React Redux використовує Redux `store.dispatch()` для проведення цих відправлень за допомогою `mapDispatchToProps()`. Це схоже на те, як він використовує `store.subscribe()` для компонентів, зіставлених на `state`.
+
+Наприклад, у вас є творець дій `loginUser()`, який приймає `username`, як корисну дію. Об'єкт, повернений з `mapDispatchToProps()` для цього творця дій виглядатиме приблизно так:
+
+```jsx
+{
+  submitLoginUser: function(username) {
+    dispatch(loginUser(username));
+  }
+}
+```
+
+# --instructions--
+
+Редактор коду надає творця дії, який називається `addMessage()`. Запишіть функцію `mapDispatchToProps()`, яка приймає `dispatch` як аргумент, а потім повертає об'єкт. Об'єкт повинен мати встановлену власність `submitNewMessage` на функцію відправлення, яка приймає параметр додавання для нового повідомлення, щоб надіслати `addMessage()`.
+
+# --hints--
+
+`addMessage` повинен повертати об'єкт за допомогою ключів `type` та `message`.
+
+```js
+assert(
+  (function () {
+    const addMessageTest = addMessage();
+    return (
+      addMessageTest.hasOwnProperty('type') &&
+      addMessageTest.hasOwnProperty('message')
+    );
+  })()
+);
+```
+
+`mapDispatchToProps` повинна бути функцією.
+
+```js
+assert(typeof mapDispatchToProps === 'function');
+```
+
+`mapDispatchToProps` повинен повертати об'єкт.
+
+```js
+assert(typeof mapDispatchToProps() === 'object');
+```
+
+Надсилання `addMessage` разом з `submitNewMessage` від `mapDispatchToProps` повинне повернути повідомлення до функції відправлення.
+
+```js
+assert(
+  (function () {
+    let testAction;
+    const dispatch = (fn) => {
+      testAction = fn;
+    };
+    let dispatchFn = mapDispatchToProps(dispatch);
+    dispatchFn.submitNewMessage('__TEST__MESSAGE__');
+    return (
+      testAction.type === 'ADD' && testAction.message === '__TEST__MESSAGE__'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+const addMessage = (message) => {
+  return {
+    type: 'ADD',
+    message: message
+  }
+};
+
+// Change code below this line
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    submitNewMessage: function(message) {
+      dispatch(addMessage(message));
+    }
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-state-to-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-state-to-props.md
new file mode 100644
index 0000000000..572bb58d41
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/map-state-to-props.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d4036145
+title: Схема розподілу State (стану) в Props
+challengeType: 6
+forumTopicId: 301433
+dashedName: map-state-to-props
+---
+
+# --description--
+
+The `Provider` дозволяє забезпечення надходження `state` і `dispatch` до компонентів React, але ви повинні точно вказати, який state та дії ви хочете. Таким чином, ви переконаєтесь, що кожен компонент має доступ лише до state, який йому потрібен. Ви досягнете цього, створюючи дві функції: `mapStateToProps()` і `mapDispatchToProps()`.
+
+У цих функціях ви декларуєте, до яких частин state ви хочете мати доступ і до яких авторів дій потрібно надіслати. Після того, як ці функції будуть встановлені, ви побачите, як за допомогою методу React Redux `connect` з'єднати їх зі своїми компонентами в іншому виклику.
+
+**Note:**За межами React Redux використовується метод `store.subscribe()` для реалізації `mapStateToProps()`.
+
+# --instructions--
+
+Створіть функцію `mapStateToProps()`. Ця функція повинна приймати `state` в якості аргумента, а потім повертати об’єкт, який відображає цей стан з конкретними іменами властивостей. Ці властивості стають доступними для компонента за допомогою `props`. З того моменту коли в прикладі зберігається весь state програми в одному масиві, ви можете передати весь цей state своєму компоненту. Створіть властивість `messages` в об’єкті, який повертається, і встановіть для нього `state`.
+
+# --hints--
+
+The const `state` має бути порожнім масивом.
+
+```js
+assert(Array.isArray(state) && state.length === 0);
+```
+
+`mapStateToProps` повинна бути функцією.
+
+```js
+assert(typeof mapStateToProps === 'function');
+```
+
+`mapStateToProps` повинна повертатися як об'єкт.
+
+```js
+assert(typeof mapStateToProps() === 'object');
+```
+
+Передача масиву як state `mapStateToProps` має повернути цей масив, призначений ключу `messages`.
+
+```js
+assert(mapStateToProps(['messages']).messages.pop() === 'messages');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+const state = [];
+
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+const state = [];
+
+// Change code below this line
+
+const mapStateToProps = (state) => {
+  return {
+    messages: state
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/moving-forward-from-here.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/moving-forward-from-here.md
new file mode 100644
index 0000000000..ed112fe2b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/moving-forward-from-here.md
@@ -0,0 +1,69 @@
+---
+id: 5a24c314108439a4d403614a
+title: Просування вперед
+challengeType: 6
+forumTopicId: 301434
+dashedName: moving-forward-from-here
+---
+
+# --description--
+
+Вітаємо! Ви закінчили уроки з React та Redux. Є ще одна річ, на яку варто звернути увагу, перш ніж рухатися далі. Як правило, ви не будете писати програми React в редакторі коду, як цей. Це завдання дає вам уявлення про те, як виглядає синтаксис, якщо ви працюєте з npm і файловою системою на своєму пристрої. Код повинен виглядати подібно, за винятком використання команд `import` (які викличуть усі залежності, які були передбачені для вас у завданнях). Розділ "Керування пакунками з npm" містить детальнішу інформацію про npm.
+
+Зрештою, написання коду React і Redux зазвичай вимагає певного налаштування. Це може швидко ускладнитись. Якщо вам цікаво експериментувати на власному пристрої, <a href="https://github.com/facebookincubator/create-react-app" target="_blank" rel="nofollow">Create React App</a> вже є налаштованим та готовим до роботи.
+
+Крім того, ви можете включити Babel як JavaScript Preprocessor в CodePen, додати React і ReactDOM як зовнішні ресурси JavaScript, а також працювати там.
+
+# --instructions--
+
+Зазначте у консолі повідомлення `'Now I know React and Redux!'`.
+
+# --hints--
+
+Повідомлення `Now I know React and Redux!` має бути зазначеним у консолі.
+
+```js
+(getUserInput) =>
+  assert(
+    /console\s*\.\s*log\s*\(\s*('|"|`)Now I know React and Redux!\1\s*\)/.test(
+      getUserInput('index')
+    )
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+/*
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { Provider, connect } from 'react-redux'
+import { createStore, combineReducers, applyMiddleware } from 'redux'
+import thunk from 'redux-thunk'
+
+import rootReducer from './redux/reducers'
+import App from './components/App'
+
+const store = createStore(
+  rootReducer,
+  applyMiddleware(thunk)
+);
+
+ReactDOM.render(
+  <Provider store={store}>
+    <App/>
+  </Provider>,
+  document.getElementById('root')
+);
+*/
+
+// Only change code below this line
+```
+
+# --solutions--
+
+```jsx
+console.log('Now I know React and Redux!');
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md
new file mode 100644
index 0000000000..43503bf540
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md
@@ -0,0 +1,263 @@
+---
+id: 5a24c314108439a4d4036144
+title: Використовуйте Провайдер для підключення Redux до React
+challengeType: 6
+forumTopicId: 301435
+dashedName: use-provider-to-connect-redux-to-react
+---
+
+# --description--
+
+В останньому завданні ви створили сховище Redux для обробки масиву повідомлень і створили дію для додавання нових повідомлень. Наступний крок - надати React доступ до сховища Redux і дії, необхідні для відправки оновлень. React Redux забезпечує свій пакет `react-redux` для допомоги виконання цих завдань.
+
+React Redux надає невеличкий API з двома основними особливостями:`Provider` і `connect`. Інша проблема стосується `connect`. `Provider` - пакувальний компонент з React Redux, який обгортає додаток React. Ця обгортка дозволяє вам отримати доступ до сховища Redux `store` і `dispatch` функцій у вашому дереві компонентів. `Provider` приймає два відгуки, сховище Redux і дочірні компоненти вашої програми. Визначення `Provider` для компонента програми може виглядати так:
+
+```jsx
+<Provider store={store}>
+  <App/>
+</Provider>
+```
+
+# --instructions--
+
+Редактор коду тепер показує всі коди Redux і React з минулих завдань. Він включає в себе сховище Redx, дії і компонент `DisplayMessages`. Єдина нова частина є компонентом `AppWrapper` унизу(AppWrapp). Використовувати цей компонент верхнього рівня для відображення `Provider` з `ReactRedux`і передати магазин Redux як пропс. Потім надайте `DisplayMessages`компонента як дочірного. Як тільки ви закінчите, ви повинні побачити компонент React, що відображається на сторінці.
+
+**Примітка:** React Redux доступна як глобальна змінна тут, так що ви можете отримати доступ до провайдера з точковою нотацією. Код в редакторі використовує переваги і встановлює константу `Provider` для використання в методі render `AppWrapper`.
+
+# --hints--
+
+`AppWrapper` повинен візуалізуватися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return mockedComponent.find('AppWrapper').length === 1;
+  })()
+);
+```
+
+Компонент `Provider` повинен мати prop з `store` переданий до нього, що рівний сховищу Redux.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+      return __helpers
+        .removeWhiteSpace(getUserInput('index'))
+        .includes('<Providerstore={store}>');
+    })()
+  );
+```
+
+`DisplayMessages` повинні бути показані як дитина `AppWrapper`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return (
+      mockedComponent.find('AppWrapper').find('DisplayMessages').length === 1
+    );
+  })()
+);
+```
+
+`DisplayMessages` компонент повинен показувати`h2`, `input`, `button` і `ul` елементи.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(AppWrapper));
+    return (
+      mockedComponent.find('div').length === 1 &&
+      mockedComponent.find('h2').length === 1 &&
+      mockedComponent.find('button').length === 1 &&
+      mockedComponent.find('ul').length === 1
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<AppWrapper />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+    this.handleChange = this.handleChange.bind(this);
+    this.submitMessage = this.submitMessage.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {  
+    this.setState((state) => {
+      const currentMessage = state.input;
+      return {
+        input: '',
+        messages: state.messages.concat(currentMessage)
+      };
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // Render the Provider below this line
+
+  // Change code above this line
+};
+```
+
+# --solutions--
+
+```jsx
+// Redux:
+const ADD = 'ADD';
+
+const addMessage = (message) => {
+  return {
+    type: ADD,
+    message
+  }
+};
+
+const messageReducer = (state = [], action) => {
+  switch (action.type) {
+    case ADD:
+      return [
+        ...state,
+        action.message
+      ];
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(messageReducer);
+
+// React:
+
+class DisplayMessages extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      messages: []
+    }
+ this.handleChange = this.handleChange.bind(this);
+ this.submitMessage = this.submitMessage.bind(this);
+ }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  submitMessage() {
+    this.setState((state) => {
+      const currentMessage = state.input;
+      return {
+        input: '',
+        messages: state.messages.concat(currentMessage)
+      };  
+    });
+  }
+  render() {
+    return (
+      <div>
+        <h2>Type in a new Message:</h2>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange}/><br/>
+        <button onClick={this.submitMessage}>Submit</button>
+        <ul>
+          {this.state.messages.map( (message, idx) => {
+              return (
+                 <li key={idx}>{message}</li>
+              )
+            })
+          }
+        </ul>
+      </div>
+    );
+  }
+};
+
+const Provider = ReactRedux.Provider;
+
+class AppWrapper extends React.Component {
+  // Change code below this line
+  render() {
+    return (
+      <Provider store = {store}>
+        <DisplayMessages/>
+      </Provider>
+    );
+  }
+  // Change code above this line
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/access-props-using-this.props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/access-props-using-this.props.md
new file mode 100644
index 0000000000..b22972dba3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/access-props-using-this.props.md
@@ -0,0 +1,148 @@
+---
+id: 5a24c314108439a4d403616e
+title: Доступ до пропсів за допомогою this.props
+challengeType: 6
+forumTopicId: 301375
+dashedName: access-props-using-this-props
+---
+
+# --description--
+
+Останні декілька завдань охоплюють основні способи передачі пропсів до дочірніх компонентів. Проте, що, коли дочірній компонент, до якого здійснюється передача пропсу, це компонент класу ES6, а не функціональний компонент? Компонент класу ES6 використовує дещо інший метод доступу до пропсів.
+
+Щоразу посилаючись на компонент класу в його межах, використовуйте ключове слово `this`. Щоб отримати доступ до пропсів в межах компоненту класу, ви спочатку надаєте код, який використовуєте, для доступу до нього за допомогою `this`. Наприклад, якщо компонент класу ES6 має пропс з назвою `data`, ви пишете `{this.props.data}` у JSX.
+
+# --instructions--
+
+Візуалізуйте екземпляр компоненту `Welcome` у батьківському компоненті `App`. Надайте `Welcome` проп `name` та призначте його значенням рядка. Отримайте доступ до `name` пропу в `strong` тегах у дочірньому компоненті `Welcome`.
+
+# --hints--
+
+Компонент `App` повинен відображати один елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(App));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Дочірній елемент `App` має бути компонентом `Welcome`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(App));
+    return (
+      mockedComponent.children().childAt(0).name() === 'Welcome'
+    );
+  })()
+);
+```
+
+Компонент `Welcome` повинен мати проп з назвою `name`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(App));
+    return mockedComponent.find('Welcome').props().name;
+  })()
+);
+```
+
+Компонент `Welcome` повинен відображати рядок, який ви передаєте як `name` проп у `strong` тегах.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(App));
+    return (
+      mockedComponent.find('strong').text() ===
+      mockedComponent.find('Welcome').props().name
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<App />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* Change code below this line */ }
+            <Welcome />
+            { /* Change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class Welcome extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          { /* Change code below this line */ }
+          <p>Hello, <strong></strong>!</p>
+          { /* Change code above this line */ }
+        </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class Welcome extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+          { /* Change code below this line */ }
+          <p>Hello, <strong>{this.props.name}</strong>!</p>
+          { /* Change code above this line */ }
+        </div>
+    );
+  }
+};
+
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+
+  }
+  render() {
+    return (
+        <div>
+            { /* Change code below this line */ }
+            <Welcome name="Quincy"/>
+            { /* Change code above this line */ }
+        </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-comments-in-jsx.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-comments-in-jsx.md
new file mode 100644
index 0000000000..66f5468940
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-comments-in-jsx.md
@@ -0,0 +1,82 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5e
+title: Додавання коментарів у JSX
+challengeType: 6
+forumTopicId: 301376
+dashedName: add-comments-in-jsx
+---
+
+# --description--
+
+JSX це синтаксис, який компілюється у дійсний JavaScript. Деколи, задля читабельності, вам, можливо, доведеться додавати коментарі до вашого коду. Як і більшість мов програмування, JSX має власний спосіб це зробити.
+
+Щоб розмістити коментарі у JSX, використовуйте синтаксис `{/* */}` для обрамлення навколо тексту коментаря.
+
+# --instructions--
+
+Редактор коду містить JSX елемент, схожий до того, який ви створили в останньому завданні. Додайте коментар будь-де в межах наданого `div` елементу, не змінюючи існуючих елементів `h1` або `p`.
+
+# --hints--
+
+Константа `JSX` має повернути `div` елемент.
+
+```js
+assert(JSX.type === 'div');
+```
+
+`div` повинен містити в собі тег `h1` в якості першого елементу.
+
+```js
+assert(JSX.props.children[0].type === 'h1');
+```
+
+`div` повинен містити в собі тег `p` в якості другого елементу.
+
+```js
+assert(JSX.props.children[1].type === 'p');
+```
+
+Існуючі елементи `h1` та `p` не повинні змінюватися.
+
+```js
+assert(
+  JSX.props.children[0].props.children === 'This is a block of JSX' &&
+    JSX.props.children[1].props.children === "Here's a subtitle"
+);
+```
+
+`JSX` повинен використовувати відповідний синтаксис коментаря.
+
+```js
+assert(/<div>[\s\S]*{\s*\/\*[\s\S]*\*\/\s*}[\s\S]*<\/div>/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(JSX, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const JSX = (
+  <div>
+    <h1>This is a block of JSX</h1>
+    <p>Here's a subtitle</p>
+  </div>
+);
+```
+
+# --solutions--
+
+```jsx
+const JSX = (
+<div>
+  <h1>This is a block of JSX</h1>
+  { /* this is a JSX comment */ }
+  <p>Here's a subtitle</p>
+</div>);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-event-listeners.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-event-listeners.md
new file mode 100644
index 0000000000..742d135bb6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-event-listeners.md
@@ -0,0 +1,179 @@
+---
+id: 5a24c314108439a4d403617e
+title: Додати слухачів події
+challengeType: 6
+forumTopicId: 301377
+dashedName: add-event-listeners
+---
+
+# --description--
+
+Метод `componentDidMount()` також є найкращим місцем для додавання усіх слухачів події, які вам необхідні для конкретної функціональності. React надає систему синтетичних подій, яка охоплює систему початкової події, наявної у браузерах. Це означає, що синтетична система подій поводиться саме так, незалежно від браузера користувача, навіть якщо початкові події можуть поводитись по-різному між різними браузерами.
+
+Ви вже використовуєте деякі з цих синтетичних обробників подій, на приклад `onClick()`. Система синтетичної події React є зручною для більшості взаємодій, якими ви зможете керувати у DOM елементах. Однак, якщо ви хочете прикріпити обробник подій до документа або об'єктів вікна, ви повинні зробити це напряму.
+
+# --instructions--
+
+Прикріпіть слухача подій у метод `componentDidMount()` для `keydown` подій і отримайте ці події, здійснивши зворотній виклик `handleKeyPress()`. Ви можете використовувати `document.addEventListener()`, який приймає подію (в лапках), в якості першого аргументу і зворотній виклик у якості другого.
+
+Потім у `componentWillUnmount()` видаліть цього слухача подій. Ви можете передати ті ж аргументи до `document.removeEventListener()`. Хорошою практикою для використання цього методу життєвого циклу є очистка компонентів React перед тим, як вони будуть розмонтовані та знищені. Видалення слухачів подій є прикладом однієї з таких дій очистки.
+
+# --hints--
+
+`MyComponent` повинен відображати `div` елемент, який обгортає тег `h1`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('div').children().find('h1').length === 1;
+  })()
+);
+```
+
+`keydown` слухач повинен бути підключений до документу у `componentDidMount`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    const didMountString = mockedComponent
+      .instance()
+      .componentDidMount.toString();
+    return new RegExp(
+      'document.addEventListener(.|\n|\r)+keydown(.|\n|\r)+this.handleKeyPress'
+    ).test(didMountString);
+  })()
+);
+```
+
+`keydown` слухач повинен бути видалений з документу у `componentWillUnmount`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    const willUnmountString = mockedComponent
+      .instance()
+      .componentWillUnmount.toString();
+    return new RegExp(
+      'document.removeEventListener(.|\n|\r)+keydown(.|\n|\r)+this.handleKeyPress'
+    ).test(willUnmountString);
+  })()
+);
+```
+
+Як тільки компонент змонтовано, натискання клавіші `enter` змусить його оновитися та відобразити тег `h1`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const beforeState = mockedComponent.state('message');
+  const beforeText = mockedComponent.find('h1').text();
+  const pressEnterKey = () => {
+    mockedComponent.instance().handleKeyPress({ keyCode: 13 });
+    return waitForIt(() => {
+      mockedComponent.update();
+      return {
+        state: mockedComponent.state('message'),
+        text: mockedComponent.find('h1').text()
+      };
+    });
+  };
+  const afterKeyPress = await pressEnterKey();
+  assert(
+    beforeState !== afterKeyPress.state && beforeText !== afterKeyPress.text
+  );
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: ''
+    };
+    this.handleEnter = this.handleEnter.bind(this);
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+  }
+  // Change code below this line
+  componentDidMount() {
+
+  }
+  componentWillUnmount() {
+
+  }
+  // Change code above this line
+  handleEnter() {
+    this.setState((state) => ({
+      message: state.message + 'You pressed the enter key! '
+    }));
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: ''
+    };
+    this.handleKeyPress = this.handleKeyPress.bind(this);
+    this.handleEnter = this.handleEnter.bind(this);  }
+  componentDidMount() {
+    // Change code below this line
+    document.addEventListener('keydown', this.handleKeyPress);
+    // Change code above this line
+  }
+  componentWillUnmount() {
+    // Change code below this line
+    document.removeEventListener('keydown', this.handleKeyPress);
+    // Change code above this line
+  }
+  handleEnter() {
+    this.setState((state) => ({
+      message: state.message + 'You pressed the enter key! '
+    }));
+  }
+  handleKeyPress(event) {
+    if (event.keyCode === 13) {
+      this.handleEnter();
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.message}</h1>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-inline-styles-in-react.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-inline-styles-in-react.md
new file mode 100644
index 0000000000..263e16ab55
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/add-inline-styles-in-react.md
@@ -0,0 +1,112 @@
+---
+id: 5a24c314108439a4d4036182
+title: Додавання вбудованих стилів у React
+challengeType: 6
+forumTopicId: 301378
+dashedName: add-inline-styles-in-react
+---
+
+# --description--
+
+В останньому завданні можна було помітити декілька інших синтаксичних відмінностей від вбудованих стилів HTML на додаток до атрибуту `style`, встановленого на об'єкт JavaScript. По-перше, у назвах певних властивостей стилю CSS використовується "горбатий регістр" (camel case). Наприклад, в останньому завданні, замість розміру шрифту `font-size` було встановлено `fontSize`. Написання слів через дефіс, як-то `font-size`, є недопустимим для властивостей об’єктів JavaScript, тому у React використовують camel case. Як правило, будь-які властивості стилю, що містять дефіс, написані в JSX camel case.
+
+Вважається, що усі одиниці довжини властивості (наприклад, `height`, `width`, і `fontSize`) мають значення `px`, якщо не вказано інше. Наприклад, якщо виникає бажання використати `em`, то візьміть значення й одиниці у лапки, як `{fontSize: "4em"}`. Крім значень довжини, які за замовчуванням мають значення `px`, усі інші значення властивостей слід ставити у лапки.
+
+# --instructions--
+
+Якщо у вас є великий перелік стилів, то за стилем `object` можна закріпити константу, щоб код залишався структурованим. Опишіть константу ваших стилів як глобальну змінну у верхній частині файлу. Ініціалізуйте константу `styles` та призначте `object` з трьома властивостями стилю та їх значеннями до неї. Надайте `div` колір `purple`, розмір шрифту `40` та рамку `2px solid purple`. Потім встановіть атрибут `style` рівний константі `styles`.
+
+# --hints--
+
+Змінна `styles` має бути `object` з трьома властивостями.
+
+```js
+assert(Object.keys(styles).length === 3);
+```
+
+Змінна `styles` повинна мати властивість `color` налаштовану до значення `purple`.
+
+```js
+assert(styles.color === 'purple');
+```
+
+Змінна `styles` повинна мати властивість `fontSize` налаштовану до значення `40`.
+
+```js
+assert(styles.fontSize === 40);
+```
+
+Змінна `styles` повинна мати властивість `border` налаштовану до значення `2px solid purple`.
+
+```js
+assert(styles.border === '2px solid purple');
+```
+
+Компонент повинен відображати елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.shallow(React.createElement(Colorful));
+    return mockedComponent.type() === 'div';
+  })()
+);
+```
+
+Стилі елементу `div` мають визначатися об'єктом `styles`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.shallow(React.createElement(Colorful));
+    return (
+      mockedComponent.props().style.color === 'purple' &&
+      mockedComponent.props().style.fontSize === 40 &&
+      mockedComponent.props().style.border === '2px solid purple'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Colorful />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+// Change code above this line
+class Colorful extends React.Component {
+  render() {
+    // Change code below this line
+    return (
+      <div style={{color: "yellow", fontSize: 24}}>Style Me!</div>
+    );
+    // Change code above this line
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const styles = {
+  color: "purple",
+  fontSize: 40,
+  border: "2px solid purple"
+};
+// Change code above this line
+class Colorful extends React.Component {
+  render() {
+    // Change code below this line
+    return (
+      <div style={styles}>Style Me!</div>
+    );
+    // Change code above this line
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/bind-this-to-a-class-method.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/bind-this-to-a-class-method.md
new file mode 100644
index 0000000000..2ebce97e8d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/bind-this-to-a-class-method.md
@@ -0,0 +1,136 @@
+---
+id: 5a24c314108439a4d4036174
+title: Прив'язка 'this' до методу класу
+challengeType: 6
+forumTopicId: 301379
+dashedName: bind-this-to-a-class-method
+---
+
+# --description--
+
+На додаток до встановлення та оновлення `state`, ви також можете обрати методи для вашого компоненту класу. Метод класу зазвичай потребує використання ключового слова `this` для доступу до властивостей класу (наприклад, `state` і `props`) всередині блоку методу. Існує декілька способів, щоб дозволити вашому методу класу мати доступ до `this`.
+
+Одним із поширених способів є прив'язка `this` у конструкторі, так щоб `this` був прив'язаним до методу класу під час ініціалізації компоненту. Ви, мабуть, помітили, що останнє завдання використовує `this.handleClick = this.handleClick.bind(this)` для його `handleClick` методу в конструкції. Тоді, коли ви викликаєте таку функцію як `this.setState()` в межах методу вашого класу, `this` посилається на клас і не буде `undefined`.
+
+**Note:** Ключове слово `this` це один із найбільш складних аспектів JavaScript, але відіграє важливу роль у React. Хоча поводження об'єкта тут цілком нормальне, ці уроки не є місцем для детального огляду `this`, тому, будь ласка, зверніться до інших уроків, якщо наведене вище складне для сприйняття!
+
+# --instructions--
+
+Редактор коду має компонент `state`, який відслідковує текст. В ньому також є метод, який дозволяє вам встановити текст до `You clicked!`. Однак, метод не працює, оскільки він використовує `this` ключове слово, яке є недійсним. Виправте це відкрито пов'язуючи `this` з `handleClick()` методом в конструкторі компонента.
+
+Далі, додайте клік обробник до елемента `button` у методі відображення. Це має запустити `handleClick()` метод, коли на кнопку клікають. Пам'ятайте, що метод, який ви передаєте `onClick` handler потребує фігурні дужки, оскільки він повинен інтерпретуватися безпосередньо як JavaScript.
+
+Після того, як ви виконаєте наведені вище кроки, ви можете натиснути кнопку і побачити `You clicked!`.
+
+# --hints--
+
+`MyComponent` повинен на виході дати `div` елемент, який об'єднувати/обгортати два елементи, кнопку та елемент `h1` в даному порядку.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyComponent)).find('div').length === 1 &&
+    Enzyme.mount(React.createElement(MyComponent))
+      .find('div')
+      .childAt(0)
+      .type() === 'button' &&
+    Enzyme.mount(React.createElement(MyComponent))
+      .find('div')
+      .childAt(1)
+      .type() === 'h1'
+);
+```
+
+Стан `MyComponent` має ініціалізуватись з парами ключ-значення `{ text: "Hello" }`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyComponent)).state('text') === 'Hello'
+);
+```
+
+Натискаючи на елемент `button`, він повинен запускати `handleClick` метод і встановлювати статус `text` to `You clicked!`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ text: 'Hello' });
+    return waitForIt(() => mockedComponent.state('text'));
+  };
+  const second = () => {
+    mockedComponent.find('button').simulate('click');
+    return waitForIt(() => mockedComponent.state('text'));
+  };
+  const firstValue = await first();
+  const secondValue = await second();
+  assert(firstValue === 'Hello' && secondValue === 'You clicked!');
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      text: "Hello"
+    };
+    // Change code below this line
+
+    // Change code above this line
+  }
+  handleClick() {
+    this.setState({
+      text: "You clicked!"
+    });
+  }
+  render() {
+    return (
+      <div>
+        { /* Change code below this line */ }
+        <button>Click Me</button>
+        { /* Change code above this line */ }
+        <h1>{this.state.text}</h1>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      text: "Hello"
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState({
+      text: "You clicked!"
+    });
+  }
+  render() {
+    return (
+      <div>
+        <button onClick = {this.handleClick}>Click Me</button>
+        <h1>{this.state.text}</h1>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/change-inline-css-conditionally-based-on-component-state.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/change-inline-css-conditionally-based-on-component-state.md
new file mode 100644
index 0000000000..b5c148b3af
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/change-inline-css-conditionally-based-on-component-state.md
@@ -0,0 +1,176 @@
+---
+id: 5a24c314108439a4d4036189
+title: Зміна вбудованих CSS умовно на основі стану компонента
+challengeType: 6
+forumTopicId: 301380
+dashedName: change-inline-css-conditionally-based-on-component-state
+---
+
+# --description--
+
+На цьому етапі вже було опрацьовано декілька додатків умовної візуалізації та використання вбудованих стилів. Розглянемо ще один приклад, що поєднує ці дві теми. Також можна відтворити CSS умовно на основі стану компонента React. Для цього необхідно перевірити умову, і якщо вона виконана, змінити об’єкт стилів, призначений для елементів JSX методом візуалізації.
+
+Цю парадигму важливо зрозуміти, оскільки вона є різкою зміною від більш традиційного підходу до застосування стилів шляхом безпосередньої зміни елементів DOM (що дуже часто зустрічається, наприклад, з jQuery). При такому підході необхідно відстежувати момент зміни елементів, а також безпосередньо обробляти фактичне керування. При відстежуванні змін можуть виникнути складнощі, що потенційно робить ваш інтерфейс непередбачуваним. Встановлюючи об’єкт стилю на основі умови, опишіть, що інтерфейс має виглядати як функція стану додатку. Існує чіткий потік інформації, який рухається тільки в одному напрямку. Це найбільш прийнятний метод під час написання програм з React.
+
+# --instructions--
+
+Редактор коду має простий керований компонент введення зі стилізованою рамкою. У разі застосування користувачем понад 15 символів тексту у полі введення, можна оформити цю рамку у червоний колір. Для перевірки, додайте умову, і, вона є дійсною, встановіть стиль введення меж для `3px solid red`. Щоб спробувати його, введіть текст у відповідне поле.
+
+# --hints--
+
+Компонент `GateKeeper` повинен відображати елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(GateKeeper));
+    return mockedComponent.find('div').length === 1;
+  })()
+);
+```
+
+Компонент `GateKeeper` слід ініціалізувати ключем стану `input`, встановленим для порожнього рядка.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(GateKeeper));
+    return mockedComponent.state().input === '';
+  })()
+);
+```
+
+Компонент `GateKeeper` повинен відображати тег `h3` і тег `input`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(GateKeeper));
+    return (
+      mockedComponent.find('h3').length === 1 &&
+      mockedComponent.find('input').length === 1
+    );
+  })()
+);
+```
+
+Теґ `input` спочатку повинен мати стиль `1px solid black` для властивості `border`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(GateKeeper));
+    return (
+      mockedComponent.find('input').props().style.border === '1px solid black'
+    );
+  })()
+);
+```
+
+Теґ `input` має бути оформлений з рамкою `3px solid red`, якщо введене значення в стані перевищує 15 символів.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 100));
+  const mockedComponent = Enzyme.mount(React.createElement(GateKeeper));
+  const simulateChange = (el, value) =>
+    el.simulate('change', { target: { value } });
+  let initialStyle = mockedComponent.find('input').props().style.border;
+  const state_1 = () => {
+    mockedComponent.setState({ input: 'this is 15 char' });
+    return waitForIt(() => mockedComponent.find('input').props().style.border);
+  };
+  const state_2 = () => {
+    mockedComponent.setState({
+      input: 'A very long string longer than 15 characters.'
+    });
+    return waitForIt(() => mockedComponent.find('input').props().style.border);
+  };
+  const style_1 = await state_1();
+  const style_2 = await state_2();
+  assert(
+    initialStyle === '1px solid black' &&
+      style_1 === '1px solid black' &&
+      style_2 === '3px solid red'
+  );
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<GateKeeper />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ''
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    // Change code below this line
+
+    // Change code above this line
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class GateKeeper extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ''
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({ input: event.target.value })
+  }
+  render() {
+    let inputStyle = {
+      border: '1px solid black'
+    };
+    if (this.state.input.length > 15) {
+      inputStyle.border = '3px solid red';
+    };
+    return (
+      <div>
+        <h3>Don't Type Too Much:</h3>
+        <input
+          type="text"
+          style={inputStyle}
+          value={this.state.input}
+          onChange={this.handleChange} />
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/compose-react-components.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/compose-react-components.md
new file mode 100644
index 0000000000..a770eddc9a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/compose-react-components.md
@@ -0,0 +1,199 @@
+---
+id: 5a24c314108439a4d4036166
+title: Створення компонентів React
+challengeType: 6
+forumTopicId: 301381
+dashedName: compose-react-components
+---
+
+# --description--
+
+Оскільки завдання продовжують використовувати складніші композиції з компонентами React та JSX, слід зазначити один важливий момент. Візуалізація компонентів класу ES6 в інших компонентах нічим не відрізняється від візуалізації простих компонентів, які використовувалися в останніх кількох завданнях. Можна відтворювати елементи JSX, прості функціональні компоненти та компоненти класу ES6 в рамках інших компонентів.
+
+# --instructions--
+
+У редакторі коду компонент `TypesOfFood` вже відображає компонент з назвою `Vegetables`. Також, в останньому завданні є компонент `Fruits`.
+
+Створіть два компоненти всередині `Fruits`: спочатку - `NonCitrus`, потім - `Citrus`. Обидва ці компоненти доступні у налаштуваннях за замовчуванням. Далі, додайте компонент класу `Fruits` до компонента `TypesOfFood` під заголовком `h1` та над `Vegetables`. У результаті отримуємо низку вкладених компонентів, яка використовує два різних типи компонентів.
+
+# --hints--
+
+Компонент `TypesOfFood` повинен показувати одинарний елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Компонент `TypesOfFood` повинен показувати компонент `Fruits`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().childAt(1).name() === 'Fruits';
+  })()
+);
+```
+
+Компонент `Fruits` повинен показувати компоненти `NonCitrus` та `Citrus`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return (
+      mockedComponent.find('Fruits').children().find('NonCitrus').length ===
+        1 &&
+      mockedComponent.find('Fruits').children().find('Citrus').length === 1
+    );
+  })()
+);
+```
+
+Компонент `TypesOfFood` повинен показувати компонент `Vegetables` нижче від компонента `Fruits`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().childAt(2).name() === 'Vegetables';
+  })()
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```jsx
+class NonCitrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Citrus extends React.Component {
+  render() {
+    return (
+      <div>
+        <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+      </div>
+    );
+  }
+};
+class Vegetables extends React.Component {
+  render() {
+    return (
+      <div>
+        <h2>Vegetables:</h2>
+        <ul>
+          <li>Brussel Sprouts</li>
+          <li>Broccoli</li>
+          <li>Squash</li>
+        </ul>
+      </div>
+    );
+     }
+};
+```
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<TypesOfFood />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+        <Vegetables />
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class Fruits extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h2>Fruits:</h2>
+        { /* Change code below this line */ }
+        <NonCitrus />
+        <Citrus />
+        { /* Change code above this line */ }
+      </div>
+    )
+  }
+}
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+     super(props);
+  }
+    render() {
+      return (
+        <div>
+        <h1>Types of Food:</h1>
+          { /* Change code below this line */ }
+          <Fruits />
+          { /* Change code above this line */ }
+          <Vegetables />
+        </div>
+      );
+    }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-complex-jsx-element.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-complex-jsx-element.md
new file mode 100644
index 0000000000..906f65b726
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-complex-jsx-element.md
@@ -0,0 +1,110 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5d
+title: Створіть складний JSX елемент
+challengeType: 6
+forumTopicId: 301382
+dashedName: create-a-complex-jsx-element
+---
+
+# --description--
+
+Останнє завдання було простим прикладом JSX, але JSX може також позначати складніший HTML.
+
+Треба пам'ятати, що вкладений JSX повинен показувати одинарний елемент.
+
+Цей один батьківський елемент містить всі інші рівні вкладених елементів.
+
+Наприклад, декілька елементів JSX, записані як елементи одного рівня, без батьківського оболонкового елементу не будуть компілюватися в код на іншій мові програмування.
+
+Наприклад:
+
+**Дійсний JSX:**
+
+```jsx
+<div>
+  <p>Paragraph One</p>
+  <p>Paragraph Two</p>
+  <p>Paragraph Three</p>
+</div>
+```
+
+**Недійсний JSX:**
+
+```jsx
+<p>Paragraph One</p>
+<p>Paragraph Two</p>
+<p>Paragraph Three</p>
+```
+
+# --instructions--
+
+Визначте нову константу `JSX`, що відображає `div`, котрий містить в собі такі елементи у порядку:
+
+`h1`, `p` і невпорядкований список, який містить в собі три елементи `li`. Ви можете включити будь-який текст, який забажаєте, в кожному з елементів.
+
+**Примітка:** При візуалізації багатозначних елементів як тут, можна взяти їх усі в дужки, однак це не є обов'язковим. Зверніть також увагу на те, що у цьому завданні використовується тег `div` для поєднання всіх дочірніх елементів в межах одинарного батьківського елементу. При видаленні `div`, JSX вже не буде компілюватися. Майте це на увазі, оскільки це саме буде застосовано при поверненні елементів JSX до компонентів React.
+
+# --hints--
+
+Константа `JSX` повинна повертати елемент `div`.
+
+```js
+assert(JSX.type === 'div');
+```
+
+`div` повинен містити в собі теґ `h1` в якості першого елементу.
+
+```js
+assert(JSX.props.children[0].type === 'h1');
+```
+
+`div` повинен містити в собі теґ `p` в якості другого елементу.
+
+```js
+assert(JSX.props.children[1].type === 'p');
+```
+
+`div` повинен містити в собі теґ `ul` в якості третього елементу.
+
+```js
+assert(JSX.props.children[2].type === 'ul');
+```
+
+`ul` повинен містити в собі три елементи `li`.
+
+```js
+assert(
+  JSX.props.children
+    .filter((ele) => ele.type === 'ul')[0]
+    .props.children.filter((ele) => ele.type === 'li').length === 3
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(JSX, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+
+```
+
+# --solutions--
+
+```jsx
+const JSX = (
+<div>
+  <h1>Hello JSX!</h1>
+  <p>Some info</p>
+  <ul>
+    <li>An item</li>
+    <li>Another item</li>
+    <li>A third item</li>
+  </ul>
+</div>);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-component-with-composition.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-component-with-composition.md
new file mode 100644
index 0000000000..e999bf07fc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-component-with-composition.md
@@ -0,0 +1,134 @@
+---
+id: 5a24c314108439a4d4036164
+title: Створення компоненту за допомогою композиції
+challengeType: 6
+forumTopicId: 301383
+dashedName: create-a-component-with-composition
+---
+
+# --description--
+
+Тепер ми поглянемо, як ми можемо скласти декілька React разом. Уявіть, що ви створюєте додаток і вже створили три компоненти: `Navbar`, `Dashboard`, і `Footer`.
+
+Щоб скласти їх разом, ви можете створити компонент `App` *parent*, який відображає кожен з цих трьох компонентів як *children*. Щоб відобразити компонент як дочірній у React компоненті, ви включаєте в перелік ім'я компоненту, написане як власний HTML-тег у JSX. Для прикладу, у методі `render` ви можете написати:
+
+```jsx
+return (
+ <App>
+  <Navbar />
+  <Dashboard />
+  <Footer />
+ </App>
+)
+```
+
+Коли React стикається із власним HTML-тегом, який посилається на інший компонент (ім'я компоненту взято в дужки у `< />` як в цьому прикладі), він відображає примітку для цього компоненту у місці розташування тегу. Це повинно відображати батьківські/дочірні зв'язки між компонентом `App` і `Navbar`, `Dashboard` та `Footer`.
+
+# --instructions--
+
+У редакторі коду є простий функціональний компонент, який називається `ChildComponent` і компонент класу, який називається `ParentComponent`. Складіть їх обидвох разом, використовуючи відображення `ChildComponent` всередині `ParentComponent`. Пересвідчіться, що закрили тег `ChildComponent` за допомогою навскісної риски перед ним.
+
+**Note:** `ChildComponent` визначається за допомогою функції стрілки ES6, тому що це досить поширена практика під час використання React. Проте, знайте, що це - просто функція. Якщо ви не знайомі з синтаксисом функції зі стрілками, будь ласка, зверніться до розділу JavaScript.
+
+# --hints--
+
+React компонент повинен повертати одинарний `div` елемент.
+
+```js
+assert(
+  (function () {
+    var shallowRender = Enzyme.shallow(React.createElement(ParentComponent));
+    return shallowRender.type() === 'div';
+  })()
+);
+```
+
+Компонент повинен повертати два вкладених елементи.
+
+```js
+assert(
+  (function () {
+    var shallowRender = Enzyme.shallow(React.createElement(ParentComponent));
+    return shallowRender.children().length === 2;
+  })()
+);
+```
+
+Компонент повинен повертати `ChildComponent` в якості другого дочірнього елементу.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ParentComponent));
+    return (
+      mockedComponent.find('ParentComponent').find('ChildComponent').length ===
+      1
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ParentComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* Change code below this line */ }
+
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const ChildComponent = () => {
+  return (
+    <div>
+      <p>I am the child</p>
+    </div>
+  );
+};
+
+class ParentComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>I am the parent</h1>
+        { /* Change code below this line */ }
+        <ChildComponent />
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-form.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-form.md
new file mode 100644
index 0000000000..5d36195b75
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-form.md
@@ -0,0 +1,220 @@
+---
+id: 5a24c314108439a4d4036179
+title: Створення контрольованої форми
+challengeType: 6
+forumTopicId: 301384
+dashedName: create-a-controlled-form
+---
+
+# --description--
+
+Останнє завдання показало, що React може контролювати внутрішній стан певних елементів, як-то `input` та `textarea`, що робить їх контрольованими компонентами. Це також стосується і інших елементів форм, включно із звичайним елементом HTML `form`.
+
+# --instructions--
+
+Компонент `MyForm` встановлено за допомогою порожнього `form` з ініціалізованим обробником. Ініціалізований обробник буде викликано тоді, коли форма буде відправлена.
+
+Ми додали кнопку, яка відправляє форму. Ви можете побачити, що для неї налаштовано `type` для `submit`, що означає, що кнопка контролює форму. Додайте `input` елемент у `form` і встановіть його `value` та `onChange()` атрибути, як в останньому завданні. Ви повинні виконати метод `handleSubmit`, щоб він міг встановити властивість компоненту `submit` для поточного вхідного значення у локальному `state`.
+
+**Note:** Ви також повинні викликати `event.preventDefault()` у ініціалізованому обробнику, щоб запобігти поводженню об'єкта за замовчуванням, яке оновить веб-сторінку. Для зручності учнів, поводження об'єкту за замовчуванням було вимкнено, щоб запобігти оновленню та скидуванню коду завдання.
+
+Нарешті, створіть тег `h1` після `form`, який відображає значення `submit` зі стану компоненту `state`. Далі ви можете надрукувати щось в формі та клацнути кнопку (або натиснути клавішу Enter), після чого повинні будете побачити результат виведення на сторінці.
+
+# --hints--
+
+`MyForm` повинен повертати елемент `div`, який містить в собі `form` та тег `h1`. Форма повинна включати в себе елементи `input` та `button`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyForm));
+    return (
+      mockedComponent.find('div').children().find('form').length === 1 &&
+      mockedComponent.find('div').children().find('h1').length === 1 &&
+      mockedComponent.find('form').children().find('input').length === 1 &&
+      mockedComponent.find('form').children().find('button').length === 1
+    );
+  })()
+);
+```
+
+Стан `MyForm` повинен ініціалізувати за допомогою `input` та `submit` властивості, для обох встановлені у порожніх рядках.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyForm)).state('input') === '' &&
+    Enzyme.mount(React.createElement(MyForm)).state('submit') === ''
+);
+```
+
+Також елемент `input` повинен відображати значення `input`, що знаходиться в стані компоненту.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyForm));
+  const _1 = () => {
+    mockedComponent.setState({ input: '' });
+    return mockedComponent.state('input');
+  };
+  const _2 = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: 'TestInput' } });
+    return {
+      state: mockedComponent.state('input'),
+      inputVal: mockedComponent.find('input').props().value
+    };
+  };
+  const before = _1();
+  const after = _2();
+  assert(
+    before === '' &&
+      after.state === 'TestInput' &&
+      after.inputVal === 'TestInput'
+  );
+})();
+```
+
+Запит форми має бути виконано із `handleSubmit`, який повинен встановлювати `submit` властивість у стані, рівному поточному введенню.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyForm));
+  const _1 = () => {
+    mockedComponent.setState({ input: '' });
+    mockedComponent.setState({ submit: '' });
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: 'SubmitInput' } });
+    return mockedComponent.state('submit');
+  };
+  const _2 = () => {
+    mockedComponent.find('form').simulate('submit');
+    return mockedComponent.state('submit');
+  };
+  const before = _1();
+  const after = _2();
+  assert(before === '' && after === 'SubmitInput');
+})();
+```
+
+`handleSubmit` повинен викликати `event.preventDefault`
+
+```js
+assert(
+  __helpers.isCalledWithNoArgs(
+    'event.preventDefault',
+    MyForm.prototype.handleSubmit.toString()
+  )
+);
+```
+
+Заголовок `h1` повинен відображати значення `submit` поля зі стану компонента.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyForm));
+  const _1 = () => {
+    mockedComponent.setState({ input: '' });
+    mockedComponent.setState({ submit: '' });
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: 'TestInput' } });
+    return mockedComponent.find('h1').text();
+  };
+  const _2 = () => {
+    mockedComponent.find('form').simulate('submit');
+    return mockedComponent.find('h1').text();
+  };
+  const before = _1();
+  const after = _2();
+  assert(before === '' && after === 'TestInput');
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyForm />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      submit: ''
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    // Change code below this line
+
+    // Change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          {/* Change code below this line */}
+
+          {/* Change code above this line */}
+          <button type='submit'>Submit!</button>
+        </form>
+        {/* Change code below this line */}
+
+        {/* Change code above this line */}
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class MyForm extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: '',
+      submit: ''
+    };
+    this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  handleSubmit(event) {
+    event.preventDefault();
+    this.setState(state => ({
+      submit: state.input
+    }));
+  }
+  render() {
+    return (
+      <div>
+        <form onSubmit={this.handleSubmit}>
+          <input value={this.state.input} onChange={this.handleChange} />
+          <button type='submit'>Submit!</button>
+        </form>
+        <h1>{this.state.submit}</h1>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-input.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-input.md
new file mode 100644
index 0000000000..adba80ab80
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-controlled-input.md
@@ -0,0 +1,150 @@
+---
+id: 5a24c314108439a4d4036178
+title: Створення контрольованого вводу
+challengeType: 6
+forumTopicId: 301385
+dashedName: create-a-controlled-input
+---
+
+# --description--
+
+Ваш додаток може мати набагато складніші взаємодії між `state` і відображеним інтерфейсом користувача. Для прикладу, керування елементами форми для введення тексту, такими як `input` та `textarea`, зберігає їх власний стан у DOM в якості типу користувача. За допомогою React, ви можете перемістити цей незмінний стан до компоненту React `state`. Вхід користувача стає частиною програми `state`, отож React контролює значення цього поля вводу. Зазвичай, якщо у вас є компоненти React із полями вводу, в які користувач може друкувати, це буде контрольована форму вводу.
+
+# --instructions--
+
+Редактор коду має каркас компонента із назвою `ControlledInput` для створення контрольованого `input` елементу. `state` компоненту вже ініціалізовано із `input` властивістю, яка містить порожній рядок. Це значення являє собою текст, який друкує користувач у поле `input`.
+
+По-перше, створіть метод із назвою `handleChange()`, який має параметр із назвою `event`. Коли викликається метод, він отримує `event` об'єкт, що містить в собі рядок тексту з `input` елементу. Ви можете отримати доступ до цього рядка з `event.target.value` всередині методу. Оновіть `input` властивості `state` компонента за допомогою нового рядка.
+
+У методі `render` створіть `input` елемент над тегом `h4`. Додайте атрибут `value`, який дорівнює властивості `input` `state` компоненту. Тоді додайте `onChange()` набір обробника подій до методу `handleChange()`.
+
+Коли ви друкуєте у полі вхідних даних, цей текст обробляється методом `handleChange()`, встановленим як властивість `input` у локальному `state`, і відображається в якості значення у `input` полі на сторінці. Компонент `state` є єдиним джерело істини стосовно вхідних даних.
+
+Останнє, проте важливе - не забудьте додати необхідні прив'язки до конструктора.
+
+# --hints--
+
+`ControlledInput` повинен повертати `div` елемент, який містить в собі `input` та тег `p`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(ControlledInput))
+    .find('div')
+    .children()
+    .find('input').length === 1 &&
+    Enzyme.mount(React.createElement(ControlledInput))
+      .find('div')
+      .children()
+      .find('p').length === 1
+);
+```
+
+Стан `ControlledInput` має ініціалізуватись із допомогою властивості `input` встановленої у порожній рядок.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(ControlledInput)).state('input'),
+  ''
+);
+```
+
+Друкування у вхідному елементі повинне оновлювати стан і значення вхідних даних, а `p` елемент повинен відображати цей стан згідно з тим, що ви друкуєте.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(ControlledInput));
+  const _1 = () => {
+    mockedComponent.setState({ input: '' });
+    return waitForIt(() => mockedComponent.state('input'));
+  };
+  const _2 = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: 'TestInput' } });
+    return waitForIt(() => ({
+      state: mockedComponent.state('input'),
+      text: mockedComponent.find('p').text(),
+      inputVal: mockedComponent.find('input').props().value
+    }));
+  };
+  const before = await _1();
+  const after = await _2();
+  assert(
+    before === '' &&
+      after.state === 'TestInput' &&
+      after.text === 'TestInput' &&
+      after.inputVal === 'TestInput'
+  );
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ControlledInput />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ''
+    };
+    // Change code below this line
+
+    // Change code above this line
+  }
+  // Change code below this line
+
+  // Change code above this line
+  render() {
+    return (
+      <div>
+        { /* Change code below this line */}
+
+        { /* Change code above this line */}
+        <h4>Controlled Input:</h4>
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class ControlledInput extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      input: ''
+    };
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      input: event.target.value
+    });
+  }
+  render() {
+    return (
+      <div>
+        <input
+          value={this.state.input}
+          onChange={this.handleChange} />
+        <h4>Controlled Input:</h4>
+
+        <p>{this.state.input}</p>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-react-component.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-react-component.md
new file mode 100644
index 0000000000..7a7a7d6d48
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-react-component.md
@@ -0,0 +1,102 @@
+---
+id: 5a24c314108439a4d4036163
+title: Створення компоненту React
+challengeType: 6
+forumTopicId: 301386
+dashedName: create-a-react-component
+---
+
+# --description--
+
+Інший спосіб, щоб визначити React компонент - за допомогою синтаксису ES6 `class`. В наступному прикладі `Kitten` розширює `React.Component`:
+
+```jsx
+class Kitten extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <h1>Hi</h1>
+    );
+  }
+}
+```
+
+Це створює клас ES6 `Kitten`, який розширює клас `React.Component`. Отож, клас `Kitten` тепер має доступ до багатьох корисних функцій React, як наприклад, локальний стан та пастки життєвого циклу. Не хвилюйтеся, якщо ви ще не знайомі з цими термінами, вони будуть детально розкриті у наступних завданнях. Також, зверніть увагу на те, що клас `Kitten` має `constructor` визначений через `super()`. Він використовує `super()`, щоб викликати конструктора батьківського класу, в цьому випадку `React.Component`. Конструктор - це спеціальний метод, який використовується під час ініціалізації об'єктів, які було створено за допомогою ключового слова `class`. Найкраща практика для виклику компоненту `constructor` - використати `super`, а потім провести `props` до обидвох. Це дозволяє впевнитись, що компонент ініціалізовано належним чином. Поки що відомо, що це - стандарт для цього коду. Скоро ви побачите інше використання конструктора, а також `props`.
+
+# --instructions--
+
+`MyComponent` визначається в редакторі коду за допомогою синтаксису класів. Завершіть запис методу `render`, щоб він повернув елемент `div`, який містить в собі `h1` з текстом `Hello React!`.
+
+# --hints--
+
+React компонент повинен повертати `div` елемент.
+
+```js
+assert(Enzyme.shallow(React.createElement(MyComponent)).type() === 'div');
+```
+
+Повернений `div` повинен відображати заголовок `h1` в собі.
+
+```js
+assert(
+  /<div><h1>.*<\/h1><\/div>/.test(
+    Enzyme.shallow(React.createElement(MyComponent)).html()
+  )
+);
+```
+
+Заголовок `h1` повинен містити в собі рядок `Hello React!`.
+
+```js
+assert(
+  Enzyme.shallow(React.createElement(MyComponent)).html() ===
+    '<div><h1>Hello React!</h1></div>'
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // Change code below this line
+
+
+
+    // Change code above this line
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    // Change code below this line
+    return (
+      <div>
+        <h1>Hello React!</h1>
+      </div>
+    );
+    // Change code above this line
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md
new file mode 100644
index 0000000000..ec32c4312c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md
@@ -0,0 +1,57 @@
+---
+id: 587d7dbc367417b2b2512bb1
+title: Створення простого JSX елементу
+challengeType: 6
+forumTopicId: 301390
+dashedName: create-a-simple-jsx-element
+---
+
+# --description--
+
+React - це бібліотека з відкритим вихідним кодом, яка підтримується Facebook. Це гарний інструмент для візуалізації інтерфейсу користувача (UI) у сучасних вебпрограмах.
+
+React використовує розширення синтаксису JSX з JavaScript, що дозволяє писати HTML код прямо у JavaScript. JSX надає нам кілька переваг. З ним зберігаються усі можливості програмування JavaScript у HTML, а також зберігається читабельність коду. Здебільшого, JSX подібний до HTML, який ви вже вивчали, хоча є декілька ключових відмінностей, які ми розглянемо далі.
+
+Наприклад, оскільки JSX є синтаксичним розширенням для JavaScript, ви можете писати JavaScript безпосередньо в JSX. Для цього, просто напишіть код у фігурних дужках, якщо він має сприйматися як JavaScript: `{ 'this is treated as JavaScript code' }`. Це знадобиться вам у майбутніх завданнях.
+
+Однак, оскільки JSX не справжній JavaScript, JSX код потрібно спочатку скомпілювати у JavaScript. Для цього часто використовують компілятор Babel (компілятор типу "вихідний код у вихідний код"). Щоб вам було зручніше, ми вже додали його перед початком завдань. Якщо у вас буде неправильний синтаксис JSX, ви побачите, що перший тест у завданні видасть помилку.
+
+Варто зазначити, що завдання непомітно звертається до `ReactDOM.render(JSX, document.getElementById('root'))`. Цей виклик функції розміщує JSX у просте вираження DOM, що створює React. Далі React використовує статистику власних DOM, щоб оптимізувати оновлення конкретних частин у конкретному DOM.
+
+# --instructions--
+
+Поточний код використовує JSX, щоб призначити елемент `div` константі `JSX`. Замініть `div` на елемент `h1` та додайте текст `Hello JSX!` у нього.
+
+# --hints--
+
+Константа `JSX` має повернути елемент `h1`.
+
+```js
+assert(JSX.type === 'h1');
+```
+
+Тег `h1` має містити текст `Hello JSX!`
+
+```js
+assert(Enzyme.shallow(JSX).contains('Hello JSX!'));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(JSX, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const JSX = <div></div>;
+```
+
+# --solutions--
+
+```jsx
+const JSX = <h1>Hello JSX!</h1>;
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateful-component.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateful-component.md
new file mode 100644
index 0000000000..f87bc81152
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateful-component.md
@@ -0,0 +1,134 @@
+---
+id: 5a24c314108439a4d4036170
+title: Створити компонент Stateful
+challengeType: 6
+forumTopicId: 301391
+dashedName: create-a-stateful-component
+---
+
+# --description--
+
+Однією із найважливіших тем у React є `state`. Стан складається з будь-яких даних, про які потрібно знати, і які можуть з часом зазнавати змін. Ви хочете, щоб ваші програми відповіли на зміни стану і представили оновлений інтерфейс, коли це необхідно. React пропонує чудове рішення для управління станом сучасних веб-додатків.
+
+Ви створюєте стан в компоненті React, вказавши про властивість `state` для класу компоненту з його `constructor`. Це ініціалізує компонент з `state`, коли він створюється. Властивість `state` повинна бути встановлена на JavaScript `object`. Іншими словами, це виглядає так:
+
+```jsx
+this.state = {
+
+}
+```
+
+У вас є доступ до предмета `state` протягом усього життя вашого компонента. Ви можете його оновити, візуалізувати його в своєму інтерфейсі, і передати його як протоколи до споріднених документів. Об'єкт `state` може бути як простим, так і складним, в залежності від того, який вам потрібен. Зверніть увагу, ви повинні створити клас компонентів, розширивши `React.Component` для того, щоб створити такий як цей `state`.
+
+# --instructions--
+
+У кодовому редакторі є компонент, який намагається візуалізувати властивість `name` з його `state`. Однак, `state` є невизначеним. Ініціалізуйте компонент з `state` в `constructor` і призначте ваше ім'я до властивості `name`.
+
+# --hints--
+
+`StatefulComponent` повинен існувати і візуалізуватися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(
+      React.createElement(StatefulComponent)
+    );
+    return mockedComponent.find('StatefulComponent').length === 1;
+  })()
+);
+```
+
+`StatefulComponent` повинен візуалізувати `div` і `h1` елемент.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(
+      React.createElement(StatefulComponent)
+    );
+    return (
+      mockedComponent.find('div').length === 1 &&
+      mockedComponent.find('h1').length === 1
+    );
+  })()
+);
+```
+
+Стан `StatefulComponent` повинен бути ініціалізований з властивістю `name`, яка встановлена на рядок.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(
+      React.createElement(StatefulComponent)
+    );
+    const initialState = mockedComponent.state();
+    return (
+      typeof initialState === 'object' && typeof initialState.name === 'string'
+    );
+  })()
+);
+```
+
+Значення `name` у стані `StatefulComponent` повинне візуалізувати елемент `h1`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(
+      React.createElement(StatefulComponent)
+    );
+    const initialState = mockedComponent.state();
+    return mockedComponent.find('h1').text() === initialState.name;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<StatefulComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    // Only change code below this line
+
+    // Only change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class StatefulComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp!'
+    }
+  }
+  render() {
+    return (
+      <div>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateless-functional-component.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateless-functional-component.md
new file mode 100644
index 0000000000..24864e8c2c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-stateless-functional-component.md
@@ -0,0 +1,102 @@
+---
+id: 5a24c314108439a4d4036162
+title: Створення функціонального компонента Stateless
+challengeType: 6
+forumTopicId: 301392
+dashedName: create-a-stateless-functional-component
+---
+
+# --description--
+
+Компоненти є ядром React. Все в React є компонентом, і тут ви дізнаєтеся, як їх створити.
+
+Існує два шляхи створення компонента React. Першим способом є використання функції JavaScript. Визначення компонента таким чином створює * stateless functional component*. Поняття стану у додатку буде розглянуто у подальших завданнях. Поки що думайте про компонент stateless як про той, який може отримувати дані та надавати їх, але не керує та не відстежує зміни цих даних. (Ми розглянемо інший спосіб створення компонента React у наступному завданні.)
+
+Щоб створити компонент з функцією, варто лише написати функцію JavaScript, яка повертає або JSX, або `null`. Важливо відзначити, що для React важливим є початок назви вашої функції з великої літери. Ось приклад функціонального компонента stateless, який призначає клас HTML у JSX:
+
+```jsx
+const DemoComponent = function() {
+  return (
+    <div className='customClass' />
+  );
+};
+```
+
+Після перенесення `<div>` матиме клас CSS `customClass`.
+
+Оскільки компонент JSX представляє HTML, ви маєте можливість об'єднати кілька компонентів разом, щоб створити більш складну сторінку HTML. Це одна з ключових переваг компонентної архітектури, яку надає React. Це дозволяє складати інтерфейс користувача з багатьох окремих, ізольованих компонентів. Це полегшує створення та обслуговування складних інтерфейсів користувача.
+
+# --instructions--
+
+Редактор коду має функцію `MyComponent`. Виконайте цю функцію, щоб вона повернула єдиний елемент `div`, який містить деякий рядок тексту.
+
+** Примітка.** Текст вважається дочірнім елементом `div`, тому ви не зможете використовувати тег із самозакриттям.
+
+# --hints--
+
+`MyComponent` має повертати JSX.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.length === 1;
+  })()
+);
+```
+
+`MyComponent` має повертати елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Елемент `div` повинен містити рядок тексту.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('div').text() !== '';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const MyComponent = function() {
+  // Change code below this line
+
+
+
+  // Change code above this line
+}
+```
+
+# --solutions--
+
+```jsx
+const MyComponent = function() {
+  // Change code below this line
+  return (
+    <div>
+      Demo Solution
+    </div>
+  );
+  // Change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/define-an-html-class-in-jsx.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/define-an-html-class-in-jsx.md
new file mode 100644
index 0000000000..79743c6b9f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/define-an-html-class-in-jsx.md
@@ -0,0 +1,62 @@
+---
+id: 5a24c314108439a4d4036160
+title: Визначення HTML-класу в JSX
+challengeType: 6
+forumTopicId: 301393
+dashedName: define-an-html-class-in-jsx
+---
+
+# --description--
+
+Тепер, коли ви освоїлися з кодуванням у JSX, вам може бути цікаво, чим він відрізняється від HTML.
+
+Поки що може здатися, що HTML та JSX абсолютно однакові.
+
+Однією з ключових відмінностей JSX є те, що ви більше не можете використовувати слово `class` для визначення класів HTML. Це тому, що `class` є зарезервованим словом в JavaScript. Натомість в JSX використовується `className`.
+
+Фактично, умова іменування для всіх атрибутів HTML та посилань на події в JSX стає camelCase. Наприклад, подія кліку миші в JSX - це `onClick` замість `onclick`. Аналогічно, `onchange` стає `onChange`. Хоча це незначна відмінність, про це слід пам'ятати в майбутньому.
+
+# --instructions--
+
+Застосуйте клас `myDiv` до `div`, наданого у коді JSX.
+
+# --hints--
+
+Константа `JSX` має повернути елемент `div`.
+
+```js
+assert.strictEqual(JSX.type, 'div');
+```
+
+`div` повинен мати клас `myDiv`.
+
+```js
+assert.strictEqual(JSX.props.className, 'myDiv');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(JSX, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Add a class to this div</h1>
+  </div>
+);
+```
+
+# --solutions--
+
+```jsx
+const JSX = (
+<div className = 'myDiv'>
+  <h1>Add a class to this div</h1>
+</div>);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/give-sibling-elements-a-unique-key-attribute.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/give-sibling-elements-a-unique-key-attribute.md
new file mode 100644
index 0000000000..0d79ea54f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/give-sibling-elements-a-unique-key-attribute.md
@@ -0,0 +1,147 @@
+---
+id: 5a24c314108439a4d403618b
+title: Надання однорівневим елементам унікального атрибута key
+challengeType: 6
+forumTopicId: 301394
+dashedName: give-sibling-elements-a-unique-key-attribute
+---
+
+# --description--
+
+Останнє завдання показало як метод `map` використовується для динамічної візуалізації ряду елементів на основі вводу користувача. Однак у цьому прикладі була пропущена важлива частина. Коли ви створюєте масив елементів, кожний з них потребує атрибут `key` з унікальним значенням. React використовує такі ключі, щоб відстежувати, які елементи додаються, змінюються або видаляються. Це допомагає зробити процес повторної візуалізації більш ефективним, коли список змінюється будь-яким чином.
+
+**Примітка:** Ключі мають бути унікальними лише між елементами одного рівня, вони не повинні бути глобально унікальними в вашому застосунку.
+
+# --instructions--
+
+Редактор коду має масив з деякими інтерфейсними фреймворками та функціональним компонентом без збереження стану з назвою `Frameworks()`. `Frameworks()` потребує перетворення масиву у невпорядкований список, так само як в останньому завданні. Завершіть запис функції зворотного виклику `map`, щоб повернути елемент `li` для кожного фреймворку в масиві `frontEndFrameworks`. Цього разу переконайтесь, що надали кожному `li` атрибут `key` з унікальним значенням. Елементи `li` також повинні містити текст з `frontEndFrameworks`.
+
+Зазвичай, ви хочете зробити ключем те, що однозначно ідентифікує візуалізований елемент. В крайньому разі може бути використаний індекс масиву, але зазвичай слід намагатися використовувати унікальну ідентифікацію.
+
+# --hints--
+
+Компонент `Frameworks` має існувати та відображатися на сторінці.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(Frameworks)).find('Frameworks').length === 1
+);
+```
+
+`Frameworks` має відображати елемент `h1`.
+
+```js
+assert(Enzyme.mount(React.createElement(Frameworks)).find('h1').length === 1);
+```
+
+`Frameworks` має відображати елемент `ul`.
+
+```js
+assert(Enzyme.mount(React.createElement(Frameworks)).find('ul').length === 1);
+```
+
+Тег `ul` має відображати 6 дочірніх елементів `li`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(Frameworks)).find('ul').children().length ===
+    6 &&
+    Enzyme.mount(React.createElement(Frameworks))
+      .find('ul')
+      .childAt(0)
+      .name() === 'li' &&
+    Enzyme.mount(React.createElement(Frameworks)).find('li').length === 6
+);
+```
+
+Кожний елемент зі списку повинен мати унікальний атрибут `key`.
+
+```js
+assert(
+  (() => {
+    const ul = Enzyme.mount(React.createElement(Frameworks)).find('ul');
+    const keys = new Set([
+      ul.childAt(0).key(),
+      ul.childAt(1).key(),
+      ul.childAt(2).key(),
+      ul.childAt(3).key(),
+      ul.childAt(4).key(),
+      ul.childAt(5).key()
+    ]);
+    return keys.size === 6;
+  })()
+);
+```
+
+Кожний елемент зі списку повинен містити текст із `frontEndFrameworks`.
+
+```js
+assert(
+  (() => {
+    const li = Enzyme.mount(React.createElement(Frameworks))
+      .find('ul')
+      .children();
+    return [...Array(5)].every((_, i) =>
+      frontEndFrameworks.includes(li.at(i).text())
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Frameworks />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = null; // Change this line
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+```
+
+# --solutions--
+
+```jsx
+const frontEndFrameworks = [
+  'React',
+  'Angular',
+  'Ember',
+  'Knockout',
+  'Backbone',
+  'Vue'
+];
+
+function Frameworks() {
+  const renderFrameworks = frontEndFrameworks.map((fw, i) => <li key={i}>{fw}</li>);
+  return (
+    <div>
+      <h1>Popular Front End JavaScript Frameworks</h1>
+      <ul>
+        {renderFrameworks}
+      </ul>
+    </div>
+  );
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/introducing-inline-styles.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/introducing-inline-styles.md
new file mode 100644
index 0000000000..e62ae45d58
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/introducing-inline-styles.md
@@ -0,0 +1,103 @@
+---
+id: 5a24c314108439a4d4036181
+title: Представляємо вбудовані стилі
+challengeType: 6
+forumTopicId: 301395
+dashedName: introducing-inline-styles
+---
+
+# --description--
+
+Наявні інші складні концепції, що додають потужних можливостей для вашого коду React. Проте вас може зацікавити, більш проста задача, як стилізувати ті JSX елементи, які ви створюєте в React. Ви, можливо, знаєте, що це не буде в точності теж саме, що і робота з HTML, тому що [ це спосіб, за допомогою якого ви застосовуєте класи до JSX елементів](/learn/front-end-development-libraries/react/define-an-html-class-in-jsx).
+
+Якщо ви імпортували стилі із таблиці стилів, то не суттєво відрізняється. Ви застосовуєте класи для вашого JSX елементу, користуючись `className` атрибута, також використовуєте стилі класу до вашої таблиці стилів. Інший варіант – це застосувати вбудовані стилі, які дуже поширені в розробці ReactJS.
+
+Ви застосовуєте вбудовані стилі до елементів JSX подібно до того, як це робиться в HTML, але з деякими відмінностями в JSX. Ось приклад вбудованого стилю в HTML:
+
+```jsx
+<div style="color: yellow; font-size: 16px">Mellow Yellow</div>
+```
+
+Елементи JSX використовують атрибут `style`, але через шлях передачі JSX ви не можете встановити значення `string`. Замість цього зробіть його таким самим, як JavaScript `object`. Наприклад:
+
+```jsx
+<div style={{color: "yellow", fontSize: 16}}>Mellow Yellow</div>
+```
+
+Зверніть увагу, як ми зібрали значення `fontSize` у шрифті? Це тому, що React не буде приймати ключі кеба-регістру в об'єкті стилю. React може застосувати ім'я з правильними властивостями для нас у HTML.
+
+# --instructions--
+
+Додайте атрибут `style` до `div` в редактор коду, щоб надати тексту червоного кольору а шрифту розміру `72px`.
+
+Зверніть увагу, ви можете за необхідністю встановити розмір шрифту як номер, пропускаючи одиниці виміру `px`, або записати це як `72px`.
+# --hints--
+
+Компонент повинен відображати елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Colorful));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Елемент `div` повинен мати `red` колір.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Colorful));
+    return mockedComponent.children().props().style.color === 'red';
+  })()
+);
+```
+
+Елемент `div` повинен мати розмір шрифту `72px`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Colorful));
+    return (
+      mockedComponent.children().props().style.fontSize === 72 ||
+      mockedComponent.children().props().style.fontSize === '72' ||
+      mockedComponent.children().props().style.fontSize === '72px'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Colorful />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div>Big Red</div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class Colorful extends React.Component {
+  render() {
+    return (
+      <div style={{color: "red", fontSize: 72}}>Big Red</div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/learn-about-self-closing-jsx-tags.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/learn-about-self-closing-jsx-tags.md
new file mode 100644
index 0000000000..61fc70aa96
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/learn-about-self-closing-jsx-tags.md
@@ -0,0 +1,75 @@
+---
+id: 5a24c314108439a4d4036161
+title: Дізнайтеся про теги Self-Closing JSX
+challengeType: 6
+forumTopicId: 301396
+dashedName: learn-about-self-closing-jsx-tags
+---
+
+# --description--
+
+До цього часу ви бачили, як JSX відрізняється від HTML ключовим чином за допомогою `className` vs. `class`для визначення класів HTML.
+
+Іншою важливою відмінністю JSX від HTML є уявлення про теги, які самі закриваються.
+
+У HTML, майже всі теги мають як тег, який містить тиги які відкривають, та закривають теги:`<div></div>` тег, що закриває, завжди має скісну риску перед назвою тегу, який ви закриваєте. Проте, в HTML є особливі випадки, так звані " теги що самі закриваються", або теги, які не вимагають відкриття та закриття тегів, перш ніж інший тег може початися.
+
+Наприклад, тег розриву рядка можна записати у вигляді`<br>` або як `<br />`, але ніколи не слід писати як `<br></br>`, оскільки він не містить змісту.
+
+У JSX правила трохи відрізняються. Кожен елемент JSX може бути записаний з тегом, який сам закривається і будь-який елемент повинен бути закритий. Тег розриву рядка, наприклад, завжди повинен бути записаний як`<br />`, щоб бути дійсним JSX, який може змінюватися. `<div>`, з іншого боку, може бути записаний як `<div />` або `<div></div>`. Різниця в тому, що в першій версії синтаксису немає можливості включити що-небудь до` <div /> `. У наступних завданнях ви побачите, що цей синтаксис корисний при передачі компонентів React.
+
+# --instructions--
+
+Виправляйте помилки в редакторі коду так, щоб вони були дійсними JSX і успішно транслювалися. Переконайтеся, що ви не міняєте вміст - вам потрібно тільки закрити теги там, де вони потрібні.
+
+# --hints--
+
+Константа `JSX` повинна повертатися як `div`.
+
+```js
+assert.strictEqual(JSX.type, 'div');
+```
+
+`div` повинен містити в собі такі елементи `br`.
+
+```js
+assert(Enzyme.shallow(JSX).find('br').length === 1);
+```
+
+`div` повинен містити в собі такі елементи як `hr`.
+
+```js
+assert(Enzyme.shallow(JSX).find('hr').length === 1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(JSX, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const JSX = (
+  <div>
+    <h2>Welcome to React!</h2> <br >
+    <p>Be sure to close all tags!</p>
+    <hr >
+  </div>
+);
+```
+
+# --solutions--
+
+```jsx
+const JSX = (
+<div>
+  <h2>Welcome to React!</h2> <br />
+  <p>Be sure to close all tags!</p>
+  <hr />
+</div>
+);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/optimize-re-renders-with-shouldcomponentupdate.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/optimize-re-renders-with-shouldcomponentupdate.md
new file mode 100644
index 0000000000..a922642eff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/optimize-re-renders-with-shouldcomponentupdate.md
@@ -0,0 +1,187 @@
+---
+id: 5a24c314108439a4d4036180
+title: Оптимізація Re-Renders з shouldComponentUpdate
+challengeType: 6
+forumTopicId: 301398
+dashedName: optimize-re-renders-with-shouldcomponentupdate
+---
+
+# --description--
+
+Тепер, коли компонент переходить у новий `state` або отримує новий `props`, він повторно перетворює себе і свої дочірні елементи. Як правило, це нормально. Але React надає метод, що можна викликати, коли дочірній елемент отримує новий `state` або `props` і встановлює, чи потрібно його оновлювати. Цей метод називається `shouldComponentUpdate()`, він створює параметри `nextProps` й `nextState`.
+
+Цей метод допомагає оптимізувати роботу програми. Наприклад, при звичайному процесі компоненти ререндеряться, коли вони отримують нові `props`, навіть якщо `props` не змінювались. Можете скористатися `shouldComponentUpdate()`, щоб запобігти цьому, шляхом порівняння `props`. Метод має видати `boolean` значення, що говорить React, чи потрібно обновити компонент. Можете порівняти поточні props (`this.props`) з новими props (`nextProps`), щоб визначити, чи потрібно їх оновити, та відповідно повернути сигнал `true` або `false`.
+
+# --instructions--
+
+Метод `shouldComponentUpdate()` додається до компонента `OnlyEvens`. Зараз цей метод повертає `true`, тому `OnlyEvens` ререндерить щоразу, як він отримує нові `props`. Змініть метод так, щоб `OnlyEvens` оновлювався лише коли `value` нового props парна. Натисніть `Add` кнопку та перегляньте порядок дій у консолі браузера, в той час, як працює цикл.
+
+# --hints--
+
+Компонент `Controller` має показувати компонент `OnlyEvens` як дочірній елемент.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(Controller));
+    return (
+      mockedComponent.find('Controller').length === 1 &&
+      mockedComponent.find('OnlyEvens').length === 1
+    );
+  })()
+);
+```
+
+Метод `shouldComponentUpdate` має бути визначеним у компоненті `OnlyEvens`.
+
+```js
+assert(
+  (() => {
+    const child = React.createElement(OnlyEvens)
+      .type.prototype.shouldComponentUpdate.toString()
+      .replace(/s/g, '');
+    return child !== 'undefined';
+  })()
+);
+```
+
+Компонент `OnlyEvens` має повертати тег `h1`, що рендерить значення `this.props.value`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(Controller));
+  const first = () => {
+    mockedComponent.setState({ value: 1000 });
+    return mockedComponent.find('h1').html();
+  };
+  const second = () => {
+    mockedComponent.setState({ value: 10 });
+    return mockedComponent.find('h1').html();
+  };
+  const firstValue = first();
+  const secondValue = second();
+  assert(firstValue === '<h1>1000</h1>' && secondValue === '<h1>10</h1>');
+})();
+```
+
+`OnlyEvens` має ререндерити лише тоді, коли `nextProps.value` парна.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(Controller));
+  const first = () => {
+    mockedComponent.setState({ value: 8 });
+    return mockedComponent.find('h1').text();
+  };
+  const second = () => {
+    mockedComponent.setState({ value: 7 });
+    return mockedComponent.find('h1').text();
+  };
+  const third = () => {
+    mockedComponent.setState({ value: 42 });
+    return mockedComponent.find('h1').text();
+  };
+  const firstValue = first();
+  const secondValue = second();
+  const thirdValue = third();
+  assert(firstValue === '8' && secondValue === '8' && thirdValue === '42');
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Controller />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+    // Change code below this line
+    return true;
+    // Change code above this line
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>;
+  }
+}
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState(state => ({
+      value: state.value + 1
+    }));
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value} />
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class OnlyEvens extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  shouldComponentUpdate(nextProps, nextState) {
+    console.log('Should I update?');
+    // Change code below this line
+    return nextProps.value % 2 === 0;
+    // Change code above this line
+  }
+  componentDidUpdate() {
+    console.log('Component re-rendered.');
+  }
+  render() {
+    return <h1>{this.props.value}</h1>;
+  }
+}
+
+class Controller extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 0
+    };
+    this.addValue = this.addValue.bind(this);
+  }
+  addValue() {
+    this.setState(state => ({
+      value: state.value + 1
+    }));
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.addValue}>Add</button>
+        <OnlyEvens value={this.state.value} />
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/override-default-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/override-default-props.md
new file mode 100644
index 0000000000..0b49c0a696
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/override-default-props.md
@@ -0,0 +1,112 @@
+---
+id: 5a24c314108439a4d403616c
+title: Заміна пропсів за замовчуванням
+challengeType: 6
+forumTopicId: 301399
+dashedName: override-default-props
+---
+
+# --description--
+
+Можливість встановлення пропсів за замовчуванням є корисною функцією в React. Спосіб заміни пропсів за замовчуванням полягає в тому, щоб безпосередньо встановити значення пропсу для компонента.
+
+# --instructions--
+
+Зараз компонент `ShoppingCart` відображає дочірній компонент `Items`. Цей компонент `Items` має пропс `quantity` за замовчуванням, встановлений на ціле число `0`. Замінити пропс за замовчуванням, передаючи значення `10` для `quantity`.
+
+**Примітка:** Пам’ятайте, що синтаксис додавання пропсу до компонента схожий на додавання атрибутів HTML. Однак, оскільки значення `quantity` є цілим числом, його пишуть не в лапках, а ставлять в фігурні дужки. Наприклад, `{100}`. Цей синтаксис повідомляє JSX інтерпретувати значення в дужках безпосередньо як JavaScript.
+
+# --hints--
+
+Компонент `ShoppingCart` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    return mockedComponent.find('ShoppingCart').length === 1;
+  })()
+);
+```
+
+Компонент `Items` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    return mockedComponent.find('Items').length === 1;
+  })()
+);
+```
+
+Компонент `Items` повинен мати пропс `{ quantity: 10 }`, переданий з компонента `ShoppingCart`.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+      return (
+        mockedComponent.find('Items').props().quantity == 10 &&
+        getUserInput('index')
+          .replace(/ /g, '')
+          .includes('<Itemsquantity={10}/>')
+      );
+    })()
+  );
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ShoppingCart />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* Change code below this line */ }
+    return <Items />
+    { /* Change code above this line */ }
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+}
+
+Items.defaultProps = {
+  quantity: 0
+}
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    { /* Change code below this line */ }
+    return <Items quantity = {10} />
+    { /* Change code above this line */ }
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-a-callback-as-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-a-callback-as-props.md
new file mode 100644
index 0000000000..20ffd9b6b6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-a-callback-as-props.md
@@ -0,0 +1,217 @@
+---
+id: 5a24c314108439a4d403617b
+title: Передача зворотного виклику в якості пропсів
+challengeType: 6
+forumTopicId: 301400
+dashedName: pass-a-callback-as-props
+---
+
+# --description--
+
+Можна передавати `state` у якості пропсів дочірнім компонентам, але ви необмежені у передачі даних. Також можна передати функції обробника або будь-який метод, який визначений у компоненті React, дочірньому компоненту. Саме таким чином, дочірнім компонентам надають дозвіл на взаємодію з їхніми батьківськими компонентами. Відбувається передача методів дочірньому елементу, як звичайному пропсу. Він отримує назву, а ви - доступ до назви цього методу у розділі `this.props` у дочірньому компоненті.
+
+# --instructions--
+
+У редакторі коду виділено три компоненти. Компонент `MyApp` є батьківським, що відображає дочірні компоненти `GetInput` та `RenderInput`. Додайте компонент `GetInput` до методу візуалізації у `MyApp`, а потім надайте йому пропс з назвою `input`, призначений для `inputValue` із `MyApp`'s `state`. Також створіть пропс під назвою `handleChange` і передайте йому обробника введення даних `handleChange`.
+
+Далі, додайте `RenderInput` до методу візуалізації в `MyApp`, після цього створіть пропс під назвою `input` і передайте йому `inputValue` із `state`. Після завершення з'являється можливість вводити інформацію у поле `input` у компоненті `GetInput`, який потім викликає метод обробника у своєму батьківському компоненті за допомогою пропсів. Це оновлює вхідні дані у `state` батьківського компонента, які передаються в якості пропсів обом дочірнім елементам. Зверніть увагу, як передаються дані між компонентами і як єдиним джерелом достовірних даних залишається `state` батьківського компонента. Слід визнати, що цей приклад не є повністю правдивим, але він повинен слугувати ілюстрацією того, як дані та зворотні виклики можуть передаватися між компонентами React.
+
+# --hints--
+
+Компонент `MyApp` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+    return mockedComponent.find('MyApp').length === 1;
+  })()
+);
+```
+
+Компонент `GetInput` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+    return mockedComponent.find('GetInput').length === 1;
+  })()
+);
+```
+
+Компонент `RenderInput` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+    return mockedComponent.find('RenderInput').length === 1;
+  })()
+);
+```
+
+Компонент `GetInput` повинен отримувати властивість стану `MyApp` `inputValue` у якості пропсів і містити елемент `input`, який змінює стан `MyApp`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+  const state_1 = () => {
+    mockedComponent.setState({ inputValue: '' });
+    return waitForIt(() => mockedComponent.state());
+  };
+  const state_2 = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: 'TestInput' } });
+    return waitForIt(() => mockedComponent.state());
+  };
+  const updated_1 = await state_1();
+  const updated_2 = await state_2();
+  assert(updated_1.inputValue === '' && updated_2.inputValue === 'TestInput');
+};
+```
+
+Компонент `RenderInput` повинен отримувати властивість стану `MyApp` `inputValue` у якості пропсів.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+  const state_1 = () => {
+    mockedComponent.setState({ inputValue: 'TestName' });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated_1 = await state_1();
+  assert(updated_1.find('p').text().includes('TestName'));
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyApp />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: ''
+    }
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      inputValue: ''
+    }
+  this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(event) {
+    this.setState({
+      inputValue: event.target.value
+    });
+  }
+  render() {
+    return (
+       <div>
+         <GetInput
+           input={this.state.inputValue}
+           handleChange={this.handleChange}/>
+         <RenderInput
+           input={this.state.inputValue}/>
+       </div>
+    );
+  }
+};
+
+class GetInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Get Input:</h3>
+        <input
+          value={this.props.input}
+          onChange={this.props.handleChange}/>
+      </div>
+    );
+  }
+};
+
+class RenderInput extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>Input Render:</h3>
+        <p>{this.props.input}</p>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-an-array-as-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-an-array-as-props.md
new file mode 100644
index 0000000000..d17e99daa5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-an-array-as-props.md
@@ -0,0 +1,186 @@
+---
+id: 5a24c314108439a4d403616a
+title: Передача масиву в якості пропсів
+challengeType: 6
+forumTopicId: 301401
+dashedName: pass-an-array-as-props
+---
+
+# --description--
+
+В останньому завданні було показано як передавати інформацію від батьківського компонента до дочірнього у якості `props` або властивостей. Це завдання демонструє як масиви можуть бути передані у якості `props`. Щоб передати масив елементу JSX, його слід обробляти як JavaScript і ставити у фігурні дужки.
+
+```jsx
+<ParentComponent>
+  <ChildComponent colors={["green", "blue", "red"]} />
+</ParentComponent>
+```
+
+Потім дочірній компонент отримує доступ до властивості масиву `colors`. При доступі до властивості можна використовувати такі методи масиву, як `join()`. `const ChildComponent = (props) => <p>{props.colors.join(', ')}</p>` Це об’єднає всі елементи масиву `colors` у рядок, розділений комами і створить: `<p>green, blue, red</p>`. Пізніше дізнаємось про інші поширені методи візуалізації масивів даних у React.
+
+# --instructions--
+
+У редакторі коду є компоненти `List` та `ToDo`. Під час візуалізації кожного компоненту `List` з компоненту `ToDo`, передайте властивість `tasks`, призначену для масиву завдань до виконання, наприклад, `["walk dog", "workout"]`. Потім перейдіть до цього масиву `tasks` у компоненті `List`, показуючи його значення у межах елементу `p`. Використовуйте `join(", ")`, щоб відобразити масив `props.tasks` в елементі `p` як список, розділений комами. У сьогоднішньому списку має бути щонайменше 2 завдання, а у завтрашньому - щонайменше 3 завдання.
+
+# --hints--
+
+Компонент `ToDo` повинен відображати одинарний зовнішній `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return mockedComponent.children().first().type() === 'div';
+  })()
+);
+```
+
+Третій дочірній компонент `ToDo` повинен бути зразком компоненту `List`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return mockedComponent.children().first().childAt(2).name() === 'List';
+  })()
+);
+```
+
+П'ятий дочірній компонент `ToDo` повинен бути зразком компоненту `List`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return mockedComponent.children().first().childAt(4).name() === 'List';
+  })()
+);
+```
+
+Обидва зразки компонента `List` повинні мати властивість `tasks`, і `tasks` повинен бути масивом типу.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return (
+      Array.isArray(mockedComponent.find('List').get(0).props.tasks) &&
+      Array.isArray(mockedComponent.find('List').get(1).props.tasks)
+    );
+  })()
+);
+```
+
+Перший компонент `List`, що представляє завдання на сьогодні, повинен містити 2 або більше елементів.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return mockedComponent.find('List').get(0).props.tasks.length >= 2;
+  })()
+);
+```
+
+Другий компонент `List`, що представляє завдання на завтра, повинен містити 3 або більше елементів.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return mockedComponent.find('List').get(1).props.tasks.length >= 3;
+  })()
+);
+```
+
+Компонент `List` повинен відображати значення пропсу `tasks` у тегу `p`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ToDo));
+    return (
+      mockedComponent
+        .find('p')
+        .get(0)
+        .props.children.replace(/\s*,\s*/g, ',') ===
+        mockedComponent
+          .find('List')
+          .get(0)
+          .props.tasks.join(',')
+          .replace(/\s*,\s*/g, ',') &&
+      mockedComponent
+        .find('p')
+        .get(1)
+        .props.children.replace(/\s*,\s*/g, ',') ===
+        mockedComponent
+          .find('List')
+          .get(1)
+          .props.tasks.join(',')
+          .replace(/\s*,\s*/g, ',')
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ToDo />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const List = (props) => {
+  { /* Change code below this line */ }
+  return <p>{}</p>
+  { /* Change code above this line */ }
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        { /* Change code below this line */ }
+        <List/>
+        <h2>Tomorrow</h2>
+        <List/>
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const List= (props) => {
+  return <p>{props.tasks.join(', ')}</p>
+};
+
+class ToDo extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>To Do Lists</h1>
+        <h2>Today</h2>
+        <List tasks={['study', 'exercise']} />
+        <h2>Tomorrow</h2>
+        <List tasks={['call Sam', 'grocery shopping', 'order tickets']} />
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-props-to-a-stateless-functional-component.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-props-to-a-stateless-functional-component.md
new file mode 100644
index 0000000000..55200f430d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-props-to-a-stateless-functional-component.md
@@ -0,0 +1,164 @@
+---
+id: 5a24c314108439a4d4036169
+title: Передача пропсів простому функціональному компоненту
+challengeType: 6
+forumTopicId: 301402
+dashedName: pass-props-to-a-stateless-functional-component
+---
+
+# --description--
+
+Попередні завдання охоплювали багато інформації стосовно створення і складання елементів JSX, функціональних компонентів та компонентів класу ES6 в React. Маючи таку базу, саме час перейти до іншої дуже поширеної функції у React: **props**. У React можна передавати пропси або властивості дочірнім компонентам. Припустимо, є компонент `App`, який відображає дочірній компонент з назвою `Welcome`, що є простим функціональним компонентом. Можна передати `Welcome` властивості `user` таким чином:
+
+```jsx
+<App>
+  <Welcome user='Mark' />
+</App>
+```
+
+Використовуйте самостійно створений та який підтримується React **custom HTML attributes** для передачі компоненту. У цьому випадку, створена властивість `user` передається компоненту `Welcome`. Оскільки `Welcome` є простим функціональним компонентом, він має такий доступ до цього значення:
+
+```jsx
+const Welcome = (props) => <h1>Hello, {props.user}!</h1>
+```
+
+Як правило, це значення називають `props` і при роботі з простими функціональними компонентами, в основному воно розглядається як аргумент функції, яка відображає JSX. Можна отримати доступ до значення аргументу в тілі функції. З компонентами класу, все дещо інакше.
+
+# --instructions--
+
+У редакторі коду є компоненти `Calendar` та `CurrentDate`. При візуалізації `CurrentDate` з компоненту `Calendar`, передайте зазначену властивість `date` поточній даті об'єкту JavaScript `Date`. Потім перейдіть до `prop` у компоненті `CurrentDate`, демонструючи його значення у межах тегів `p`. Звернуть увагу, що для того, щоб значення `prop` оцінювалися як JavaScript, їх потрібно ставити у фігурні дужки, наприклад, `date={Date()}`.
+
+# --hints--
+
+Компонент `Calendar` повинен відображати одинарний елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Calendar));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Другим дочірнім компонентом `Calendar` має бути компонент `CurrentDate`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Calendar));
+    return mockedComponent.children().childAt(1).name() === 'CurrentDate';
+  })()
+);
+```
+
+Компонент `CurrentDate` повинен мати пропс з назвою `date`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Calendar));
+    return mockedComponent.children().childAt(1).props().date;
+  })()
+);
+```
+
+Пропс `date` компонента `CurrentDate` повинен містити рядок тексту.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(Calendar));
+    const prop = mockedComponent.children().childAt(1).props().date;
+    return typeof prop === 'string' && prop.length > 0;
+  })()
+);
+```
+
+Пропс `date` слід створити за допомогою виклику `Date()`
+
+```js
+assert(/<CurrentDatedate={Date\(\)}\/>/.test(__helpers.removeWhiteSpace(code)));
+```
+
+Компонент `CurrentDate` повинен відображати значення пропсу `date` у тегу `p`.
+
+```js
+let date = 'dummy date';
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(
+      React.createElement(CurrentDate, { date })
+    );
+    return mockedComponent.find('p').html().includes(date);
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Calendar />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* Change code below this line */ }
+      <p>The current date is: </p>
+      { /* Change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* Change code below this line */ }
+        <CurrentDate />
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const CurrentDate = (props) => {
+  return (
+    <div>
+      { /* Change code below this line */ }
+      <p>The current date is: {props.date}</p>
+      { /* Change code above this line */ }
+    </div>
+  );
+};
+
+class Calendar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h3>What date is it?</h3>
+        { /* Change code below this line */ }
+        <CurrentDate date={Date()} />
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-state-as-props-to-child-components.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-state-as-props-to-child-components.md
new file mode 100644
index 0000000000..ba78220f38
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/pass-state-as-props-to-child-components.md
@@ -0,0 +1,145 @@
+---
+id: 5a24c314108439a4d403617a
+title: Передати стан як версію дочірніх компонентів
+challengeType: 6
+forumTopicId: 301403
+dashedName: pass-state-as-props-to-child-components
+---
+
+# --description--
+
+Ви бачили багато прикладів, які передавали версію дочірнім JSX елементам і дочірнім компонентів React в попередніх викликах. Вам, напевно, цікаво, звідки взявся цей пропс. Загальноприйнятою схемою є компонент стану, що містить `state` який важливо для вашого додатка, який потім відтворює дочірні компоненти. Ви хочете, щоб ці компоненти мали доступ до деяких частин цього `state`, який передано як props.
+
+Наприклад, можливо, у вас є компонент `App`, який надає`Navbar`, серед інших компонентів. У вашому `App`, ви маєте `state` який містить багато інформації про користувачів, але для `Navbar` потрібен лише доступ до імені користувача, щоб він міг його відобразити. Ви передаєте цей фрагмент `state` в компонент `Navbar` як prop.
+
+Ця модель ілюструє деякі важливі парадигми в React. Перший: *односторонній потік даних*. Стан рухається в одному напрямку вниз по дереву компонентів додатка, від вихідного компонента до дочірніх компонентів. Дочірні компоненти отримують тільки необхідні їм державні дані про стан. По-друге, складні програми стану можуть бути розбиті на декілька, а може бути, і на один компонент стану. Інші компоненти просто отримують стан від батьків в якості реквізиту і представляють для користувача інтерфейс з цього стану. Вона починає створювати поділ, коли управління державою обробляється в одній частині коду, а рендеринг призначеного для користувача інтерфейсу - в інший. Цей принцип відділення логіки стану від логіки призначеного для користувача інтерфейсу є одним з головних та важливих принципів React. Коли це використовується правильно, це робить дизайн складних, програм стану набагато простішим в управлінні.
+
+# --instructions--
+
+`MyApp` компонент має статус і відображає компоненту `Navbar` в якості підробки. Перетворювати `name` властивості в `state` вниз до дочірнього компонента, а потім показати `name/code> в <code>h1` тегу, що є частиною методу обробки `Navbar`. `name` повинно з'явитися після тексту `Привіт, моє ім'я:`.
+
+# --hints--
+
+Компонент`MyApp` повинен візуалізуватися і відобразити компонент `Navbar` в якості підробки.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+    return (
+      mockedComponent.find('MyApp').length === 1 &&
+      mockedComponent.find('Navbar').length === 1
+    );
+  })()
+);
+```
+
+`Navbar` компонент повинен отримувати властивість стану `MyApp` `name<` у якості props.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+  const setState = () => {
+    mockedComponent.setState({ name: 'TestName' });
+    return waitForIt(() => mockedComponent.find('Navbar').props());
+  };
+  const navProps = await setState();
+  assert(navProps.name === 'TestName');
+};
+```
+
+`h1` у `Navbar`Елемент має відобразити `name` prop.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyApp));
+  const navH1Before = mockedComponent.find('Navbar').find('h1').text();
+  const setState = () => {
+    mockedComponent.setState({ name: 'TestName' });
+    return waitForIt(() => mockedComponent.find('Navbar').find('h1').text());
+  };
+  const navH1After = await setState();
+  assert(new RegExp('TestName').test(navH1After) && navH1After !== navH1Before);
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyApp />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         {/* Change code below this line */}
+         <Navbar />
+         {/* Change code above this line */}
+       </div>
+    );
+  }
+};
+
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      {/* Change code below this line */}
+      <h1>Hello, my name is: </h1>
+      {/* Change code above this line */}
+    </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyApp extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'CamperBot'
+    }
+  }
+  render() {
+    return (
+       <div>
+         <Navbar name={this.state.name}/>
+       </div>
+    );
+  }
+};
+class Navbar extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+    <div>
+      <h1>Hello, my name is: {this.props.name}</h1>
+    </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-a-class-component-to-the-dom.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-a-class-component-to-the-dom.md
new file mode 100644
index 0000000000..0af2b58b70
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-a-class-component-to-the-dom.md
@@ -0,0 +1,159 @@
+---
+id: 5a24c314108439a4d4036167
+title: Відображення компонентів класу в DOM
+challengeType: 6
+forumTopicId: 301404
+dashedName: render-a-class-component-to-the-dom
+---
+
+# --description--
+
+Ви вже зустрічалися з використанням ReactDOM API для рендерингу JSX-елементів у DOM в попередніх завданнях. Процес рендерингу компонентів React буде схожим. Останні кілька завдань зосереджувалися на компонентах та композиції, тому рендеринг виконувався для вас за замовчуванням. Проте, жоден з написаного вами коду на React, не буде рендеритися в DOM без виклику ReactDOM API.
+
+Ось оновлення синтаксису: `ReactDOM.render(componentToRender, targetNode)`. Першим аргументом є компонент React, який ви хочете відобразити. Другий аргумент - DOM-вузол, всередині якого ви хочете відобразити компонент.
+
+Компоненти React передаються в `ReactDOM.render()` дещо інакше ніж елементи JSX. У JSX-елементах ви передаєте ім'я компонента, який хочете відобразити. Однак для компонентів React вам треба використовувати той самий синтаксис, що й під час рендерингу вкладених компонентів, наприклад `ReactDOM.render(<ComponentToRender />, targetNode)`. Такий синтаксис використовується як для класових, так і для функціональних компонентів ES6.
+
+# --instructions--
+
+Як компонент `Fruits`, так і компонент `Vegetables` визначені для вас за замовчуванням. Відобразіть обидва компоненти як дочірні для компонента `TypesOfFood`, далі відобразіть `TypesOfFood` у DOM. Також можна скористатися `div` з `id='challenge-node'`.
+
+# --hints--
+
+Компонент `TypesOfFood` повинен повертати одинарний елемент `div`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().type() === 'div';
+  })()
+);
+```
+
+Компонент `TypesOfFood` повинен відображати компонент `Fruits` після елемента `h1`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().childAt(1).name() === 'Fruits';
+  })()
+);
+```
+
+Компонент `TypesOfFood` повинен рендерити компонент `Vegetables` після компонента `Fruits`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood));
+    return mockedComponent.children().childAt(2).name() === 'Vegetables';
+  })()
+);
+```
+
+Компонент `TypesOfFood` повинен відображатися у DOM всередині `div` з id `challenge-node`.
+
+```js
+assert(
+  (function () {
+    const html = document.getElementById('challenge-node').childNodes[0]
+      .innerHTML;
+    return (
+      html.includes(
+        '<div><h2>Fruits:</h2><h4>Non-Citrus:</h4><ul><li>Apples</li><li>Blueberries</li><li>Strawberries</li><li>Bananas</li></ul><h4>Citrus:</h4><ul><li>Lemon</li><li>Lime</li><li>Orange</li><li>Grapefruit</li></ul></div>'
+      ) &&
+      html.includes(
+        '<div><h2>Vegetables:</h2><ul><li>Brussel Sprouts</li><li>Broccoli</li><li>Squash</li></ul></div>'
+      )
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```jsx
+const Fruits = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <h4>Non-Citrus:</h4>
+        <ul>
+          <li>Apples</li>
+          <li>Blueberries</li>
+          <li>Strawberries</li>
+          <li>Bananas</li>
+        </ul>
+      <h4>Citrus:</h4>
+        <ul>
+          <li>Lemon</li>
+          <li>Lime</li>
+          <li>Orange</li>
+          <li>Grapefruit</li>
+        </ul>
+    </div>
+  );
+};
+const Vegetables = () => {
+  return (
+    <div>
+      <h2>Vegetables:</h2>
+      <ul>
+        <li>Brussel Sprouts</li>
+        <li>Broccoli</li>
+        <li>Squash</li>
+      </ul>
+    </div>
+  );
+};
+```
+
+## --seed-contents--
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* Change code below this line */}
+
+        {/* Change code above this line */}
+      </div>
+    );
+  }
+};
+
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        {/* Change code below this line */}
+          <Fruits />
+           <Vegetables />
+         {/* Change code above this line */}
+      </div>
+    );
+  }
+};
+
+// Change code below this line
+ReactDOM.render(<TypesOfFood />, document.getElementById('challenge-node'));
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-conditionally-from-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-conditionally-from-props.md
new file mode 100644
index 0000000000..4d57f5580e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-conditionally-from-props.md
@@ -0,0 +1,303 @@
+---
+id: 5a24c314108439a4d4036188
+title: Умовний рендеринг з пропс
+challengeType: 6
+forumTopicId: 301405
+dashedName: render-conditionally-from-props
+---
+
+# --description--
+
+Поки ви бачили, як використовувати `if/else`, `&&` та трикомпонентний оператор (`condition ? expressionIfTrue : expressionIfFalse`) для прийняття умовних рішень про те, що треба рендерити та коли. Проте залишилася ще одна важлива для огляду тема, вивчення якої дозволить поєднувати всі ці поняття з іншою потужною функцією React: пропс. Використання пропсів для умовного рендерингу коду є дуже поширеним явищем серед React-розробників, таким чином, вони використовують значення даного пропсу для автоматичного прийняття рішень про те, що рендерити.
+
+В цьому завданні вам доведеться налаштовувати дочірній компонент задля прийняття рішень на основі пропс стосовно рендерингу. Також ви зіштовхнетеся з використанням трикомпонентного оператора та побачите, як деякі з інших, описаних у минулих завданнях, понять можуть бути настільки ж корисними у даному контексті.
+
+# --instructions--
+
+Редактор коду складається з двох компонентів, які частково для вас визначені: батьківський, з назвою `GameOfChance`, та дочірній - `Results`. Вони використовуються при створенні простих ігор, де користувач натискає клавішу, аби перевірити, виграв він або вона чи ні.
+
+Перш за все, вам знадобиться простий вираз, який випадковим чином повертає різні значення при кожному запуску. Можна використати `Math.random()`. Цей метод повертає значення між `0` (включно) та `1` (виключно) кожного разу, коли він викликається. Таким чином, для шансу 50/50 використовуйте у своєму виразі `Math.random() >= .5`. З точки зору статистики, цей вираз поверне `true` в 50% випадків та `false` - в інших 50%. В методі рендерингу, замініть `null` на вираз, наведений вище, задля завершення оголошення змінної.
+
+Тепер у вас є вираз, здатний приймати випадкове рішення у коді. Наступне, що треба - це впровадити його. Відрендеріть компонент `Results` як дочірний від `GameOfChance` та передайте `expression` як пропс з назвою `fiftyFifty`. В компоненті `Results` напишіть трикомпонентний вираз на основі пропсу `fiftyFifty`, взятого з `GameOfChance`, для рендерингу елементу `h1` з текстом `You Win!` або `You Lose!`. Вкінці переконайтеся, що метод `handleClick()` правильно обчислює кожний хід, щоб користувач знав скільки разів він зіграв. Це також дозволить користувачеві дізнатися, що компонент дійсно оновився, коли він виграв або програв двічі поспіль.
+
+# --hints--
+
+Компонент `GameOfChance` має існувати та рендеритися на сторінці.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(GameOfChance)).find('GameOfChance').length,
+  1
+);
+```
+
+`GameOfChance` має повертати окремий елемент `button`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(GameOfChance)).find('button').length,
+  1
+);
+```
+
+`GameOfChance` має повертати єдиний екземлпяр компоненту `Results`, який має пропс `fiftyFifty`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(GameOfChance)).find('Results').length ===
+    1 &&
+    Enzyme.mount(React.createElement(GameOfChance))
+      .find('Results')
+      .props()
+      .hasOwnProperty('fiftyFifty') === true
+);
+```
+
+Стан `GameOfChance` має бути ініціалізовано властивістю `counter`, що має значення `1`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(GameOfChance)).state().counter,
+  1
+);
+```
+
+Якщо компонент `GameOfChance` вперше відображається в DOM, елемент `p` має повернутися із внутрішнім текстом `Turn: 1`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(GameOfChance)).find('p').text(),
+  'Turn: 1'
+);
+```
+
+Кожного разу, коли натискається кнопка, стан лічильника має збільшуватися на значення 1, а одинарний елемент `p` повинен бути відображений у DOM, що містить текст text `Turn: N`, де `N` - це значення стану лічильника.
+
+```js
+(() => {
+  const comp = Enzyme.mount(React.createElement(GameOfChance));
+  const simulate = () => {
+    comp.find('button').simulate('click');
+  };
+  const result = () => ({
+    count: comp.state('counter'),
+    text: comp.find('p').text()
+  });
+  const _1 = () => {
+    simulate();
+    return result();
+  };
+  const _2 = () => {
+    simulate();
+    return result();
+  };
+  const _3 = () => {
+    simulate();
+    return result();
+  };
+  const _4 = () => {
+    simulate();
+    return result();
+  };
+  const _5 = () => {
+    simulate();
+    return result();
+  };
+  const _1_val = _1();
+  const _2_val = _2();
+  const _3_val = _3();
+  const _4_val = _4();
+  const _5_val = _5();
+  assert(
+    _1_val.count === 2 &&
+      _1_val.text === 'Turn: 2' &&
+      _2_val.count === 3 &&
+      _2_val.text === 'Turn: 3' &&
+      _3_val.count === 4 &&
+      _3_val.text === 'Turn: 4' &&
+      _4_val.count === 5 &&
+      _4_val.text === 'Turn: 5' &&
+      _5_val.count === 6 &&
+      _5_val.text === 'Turn: 6'
+  );
+})();
+```
+
+Коли компонент `GameOfChance` спочатку підключається до DOM, і далі, після кожного натискання кнопки, має повертатися одинарний елемент `h1`, який випадковим чином відображає або `You Win!`, або `You Lose!`.
+
+```js
+(() => {
+  const comp = Enzyme.mount(React.createElement(GameOfChance));
+  const simulate = () => {
+    comp.find('button').simulate('click');
+  };
+  const result = () => ({
+    h1: comp.find('h1').length,
+    text: comp.find('h1').text()
+  });
+  const _1 = result();
+  const _2 = () => {
+    simulate();
+    return result();
+  };
+  const _3 = () => {
+    simulate();
+    return result();
+  };
+  const _4 = () => {
+    simulate();
+    return result();
+  };
+  const _5 = () => {
+    simulate();
+    return result();
+  };
+  const _6 = () => {
+    simulate();
+    return result();
+  };
+  const _7 = () => {
+    simulate();
+    return result();
+  };
+  const _8 = () => {
+    simulate();
+    return result();
+  };
+  const _9 = () => {
+    simulate();
+    return result();
+  };
+  const _10 = () => {
+    simulate();
+    return result();
+  };
+  const _2_val = _2();
+  const _3_val = _3();
+  const _4_val = _4();
+  const _5_val = _5();
+  const _6_val = _6();
+  const _7_val = _7();
+  const _8_val = _8();
+  const _9_val = _9();
+  const _10_val = _10();
+  const __text = new Set([
+    _1.text,
+    _2_val.text,
+    _3_val.text,
+    _4_val.text,
+    _5_val.text,
+    _6_val.text,
+    _7_val.text,
+    _8_val.text,
+    _9_val.text,
+    _10_val.text
+  ]);
+  const __h1 = new Set([
+    _1.h1,
+    _2_val.h1,
+    _3_val.h1,
+    _4_val.h1,
+    _5_val.h1,
+    _6_val.h1,
+    _7_val.h1,
+    _8_val.h1,
+    _9_val.h1,
+    _10_val.h1
+  ]);
+  assert(__text.size === 2 && __h1.size === 1);
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<GameOfChance />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    {/* Change code below this line */}
+    return <h1></h1>;
+    {/* Change code above this line */}
+  }
+}
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState(prevState => {
+      // Complete the return statement:
+      return {
+        counter: prevState
+      }
+    });
+  }
+  render() {
+    const expression = null; // Change this line
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        {/* Change code below this line */}
+
+        {/* Change code above this line */}
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class Results extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <h1>{this.props.fiftyFifty ? 'You Win!' : 'You Lose!'}</h1>;
+  }
+}
+
+class GameOfChance extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      counter: 1
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    this.setState(prevState => {
+      return {
+        counter: prevState.counter + 1
+      }
+    });
+  }
+  render() {
+    const expression = Math.random() >= 0.5;
+    return (
+      <div>
+        <button onClick={this.handleClick}>Play Again</button>
+        <Results fiftyFifty={expression} />
+        <p>{'Turn: ' + this.state.counter}</p>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-html-elements-to-the-dom.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-html-elements-to-the-dom.md
new file mode 100644
index 0000000000..d96eec4eba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-html-elements-to-the-dom.md
@@ -0,0 +1,75 @@
+---
+id: 5a24bbe0dba28a8d3cbd4c5f
+title: Візуалізація елементів HTML в DOM
+challengeType: 6
+forumTopicId: 301406
+dashedName: render-html-elements-to-the-dom
+---
+
+# --description--
+
+Отже, ви вже дізналися, що JSX є зручним інструментом, щоб писати читабельний HTML всередині JavaScript. За допомогою React, ми можемо візуалізувати JSX прямо до HTML DOM, використовуючи React's rendering API, відомий як ReactDOM.
+
+ReactDOM пропонує простий метод, щоб візуалізувати React елементи в DOM, який виглядає так: `ReactDOM.render(componentToRender, targetNode)`, де першим аргументом є React елемент або компонент, який ви хочете візуалізувати, а другий аргумент - це DOM вузол, який ви хочете перетворити компонент.
+
+Як ви і очікуєте, `ReactDOM.render()` має бути названий після оголошення елементів JSX, так само, як ви повинні створювати змінні перед тим, як їх використанням.
+
+# --instructions--
+
+Редактор коду має простий компонент JSX. Використовуйте метод `ReactDOM.render()`, для того щоб візуалізувати цей компонент на сторінку. Ви можете передавати визначені JSX елементи безпосередньо як перший аргумент і використовувати `document.getElementById()` для того, щоб вибрати DOM вузол для їх відображення. Також є `div` with `id='challenge-node'` який доступний вам для використання. Переконайтеся, що ви не змінили сталу `JSX`.
+
+# --hints--
+
+Стала `JSX` має повертати елемент `div`.
+
+```js
+assert(JSX.type === 'div');
+```
+
+`div` має містити тег `h1` як перший елемент.
+
+```js
+assert(JSX.props.children[0].type === 'h1');
+```
+
+`div` має містити тег `p` як другий елемент.
+
+```js
+assert(JSX.props.children[1].type === 'p');
+```
+
+Наданий елемент JSX має відображатися в DOM вузла за допомогою id `challenge-node`.
+
+```js
+assert(
+  document.getElementById('challenge-node').childNodes[0].innerHTML ===
+    '<h1>Hello World</h1><p>Lets render this to the DOM</p>'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+const JSX = (
+  <div>
+    <h1>Hello World</h1>
+    <p>Lets render this to the DOM</p>
+  </div>
+);
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+const JSX = (
+<div>
+  <h1>Hello World</h1>
+  <p>Lets render this to the DOM</p>
+</div>
+);
+// Change code below this line
+ReactDOM.render(JSX, document.getElementById('challenge-node'));
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-react-on-the-server-with-rendertostring.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-react-on-the-server-with-rendertostring.md
new file mode 100644
index 0000000000..a9fceeeb5d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-react-on-the-server-with-rendertostring.md
@@ -0,0 +1,76 @@
+---
+id: 5a24c314108439a4d403618d
+title: Візуалізація React на сервері з renderToString
+challengeType: 6
+forumTopicId: 301407
+dashedName: render-react-on-the-server-with-rendertostring
+---
+
+# --description--
+
+Отже, ви вже візуалізували компоненти React для клієнтів. Звичайно, це є те, що ви будете робити завжди. Однак, є деякі випадки, де є сенс в тому, щоб візуалізувати компонент React на сервері. Це є можливим, оскільки React є бібліотекою для перегляду JavaScript і ви можете запустити JavaScript на сервері з Node. Дійсно, React надає метод `renderToString()`, який ви можете використовувати для цієї мети.
+
+Існує дві ключові причини, чому візуалізація на сервері може використовуватися в додатках, якими користується весь світ. По-перше, якщо цього не робити, то ваші React додатки будуть складатися з відносно порожнього файлу HTML і великого набору JavaScript, коли він початково завантажений у браузер. Це може бути не ідеальним для пошукової системи, яка намагається індексувати вміст ваших сторінок, тож люди зможуть вас знайти. Якщо ви візуалізуєте початкову HTML розмітку на сервері та надішлете це клієнту, то початкове завантаження сторінки буде містити усі розмітки сторінки, які можуть бути переглянуті пошуковими системами. По-друге, це створює досвід швидшого початкового завантаження сторінки, тому що візуалізований HTML є меншим, ніж JavaScript код всього додатку. React все ще зможе розпізнати ваш додаток і керувати ним після початкового завантаження.
+
+# --instructions--
+
+Метод `renderToString()` надається на `ReactDOMServer`, який є доступним, як глобальний об'єкт. Метод приймає один аргумент, який є елементом React. Використовуйте це для того, щоб візуалізувати `App` в рядку.
+
+# --hints--
+
+Компонент `App` має візуалізувати рядок використовуючи `ReactDOMServer.renderToString`.
+
+```js
+(getUserInput) =>
+  assert(
+    getUserInput('index')
+      .replace(/ /g, '')
+      .includes('ReactDOMServer.renderToString(<App/>)') &&
+      Enzyme.mount(React.createElement(App)).children().name() === 'div'
+  );
+```
+
+# --seed--
+
+## --before-user-code--
+
+```jsx
+var ReactDOMServer = { renderToString(x) { return null; } };
+```
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<App />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+class App extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <div/>
+  }
+};
+
+// Change code below this line
+ReactDOMServer.renderToString(<App/>);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md
new file mode 100644
index 0000000000..e66b660530
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface-another-way.md
@@ -0,0 +1,119 @@
+---
+id: 5a24c314108439a4d4036172
+title: Інший спосіб відображення статусу в інтерфейсі користувача
+challengeType: 6
+forumTopicId: 301408
+dashedName: render-state-in-the-user-interface-another-way
+---
+
+# --description--
+
+Існує інший спосіб доступу до `state` в компоненті. У методі `render()` можна безпосередньо писати JavaScript перед командою `return`. Наприклад, можна задавати функції, отримувати доступ до даних з `state` чи `props`, виконувати обчислення за цими даними тощо. Потім можна призначити будь-які дані змінним, до яких у вас є доступ в команді `return`.
+
+# --instructions--
+
+У методі візуалізації `MyComponent` визначте `const` під іменем `name` та встановіть значення рівне значенню імені в компоненті `state`. Оскільки можна написати JavaScript безпосередньо в цій частині коду, вам не потрібно ставити це посилання у фігурні дужки.
+
+Далі в операторі повернення відобразіть це значення в теґу `h1`, використовуючи змінну `name`. Пам’ятайте, що в операторі повернення необхідно використовувати синтаксис JSX (фігурні дужки для JavaScript).
+
+# --hints--
+
+`MyComponent` має мати ключі доступу `name` зі значенням `freeCodeCamp`, збереженим у його стані.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyComponent)).state('name') ===
+    'freeCodeCamp'
+);
+```
+
+`MyComponent` повинен показувати заголовок `h1`, розміщений в одному `div`.
+
+```js
+assert(
+  /<div><h1>.*<\/h1><\/div>/.test(
+    Enzyme.mount(React.createElement(MyComponent)).html()
+  )
+);
+```
+
+Відтворений теґ `h1` має містити посилання на `{name}`.
+
+```js
+(getUserInput) =>
+  assert(/<h1>\n*\s*\{\s*name\s*\}\s*\n*<\/h1>/.test(getUserInput('index')));
+```
+
+У заголовку `h1` має бути текст, переданий у стані компонента.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ name: 'TestName' });
+    return waitForIt(() => mockedComponent.html());
+  };
+  const firstValue = await first();
+  assert(firstValue === '<div><h1>TestName</h1></div>');
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // Change code below this line
+
+    // Change code above this line
+    return (
+      <div>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    // Change code below this line
+    const name = this.state.name;
+    // Change code above this line
+    return (
+      <div>
+        { /* Change code below this line */ }
+        <h1>{name}</h1>
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface.md
new file mode 100644
index 0000000000..3c597ed76d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-state-in-the-user-interface.md
@@ -0,0 +1,113 @@
+---
+id: 5a24c314108439a4d4036171
+title: Статус відображення в інтерфейсі користувача
+challengeType: 6
+forumTopicId: 301409
+dashedName: render-state-in-the-user-interface
+---
+
+# --description--
+
+Визначивши початковий стан компонента, можна відобразити будь-яку його частину у візуалізованому інтерфейсі. Якщо компонент збережено, він завжди матиме доступ до даних у `state` в методі `render()`. Можна дістатися до даних за допомогою `this.state`.
+
+Якщо ви хочете дістатися значення стану в межах `return` метода виконання, ви маєте взяти значення в фігурні дужки.
+
+`state`- це одна з найпотужніших особливостей компонентів у React. Дозволяє відстежувати важливі дані у вашому додатку і відобразити інтерфейс в результаті змін у них. Якщо змінюються дані, зміниться і інтерфейс. React користується таким собі віртуальним DOM- ом щоб відстежувати зміни за лаштунками. При оновленні даних стану програма запускає повторне відображення компонентів, що використовують ці дані, включно з дочірніми компонентами, що отримали дані як підтримку. React оновлює DOM, але тільки за необхідності. Це означає, що не треба перейматися через зміну DOM. Ви просто вказуєте як має виглядати інтерфейс.
+
+Зауважте, що якщо ви зберігаєте елемент, жоден інший компонент не знатиме його `state`. Його `state` буде повністю інкапсульованим, або локальним до того компонента доти, доки ви не передасте збереження дочірньому компоненту як `props`. Цей клас інкапсульованого `state` дуже важливий, бо дозволяє прописати певну логіку, а потім вмістити і ізолювати в одній з частин вашого коду.
+
+# --instructions--
+
+В редакторі коду `MyComponent` вже збережено. Визначення теґу `h1` в методі відображення компонента, що передає значення `name` стану компонента.
+
+**Note:** `h1` має відображати тільки значення з `state`, і більш нічого. В JSX будь- який код у фігурних дужках `{ }` буде розглядатися як JavaScript. Тож для доступу до значення `state`, просто візьміть посилання в фігурні дужки.
+
+# --hints--
+
+`MyComponent` повинен мати ключ `name` зі збереженим у його стані значенням `freeCodeCamp`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyComponent)).state('name') ===
+    'freeCodeCamp'
+);
+```
+
+`MyComponent` повинен показувати заголовок `h1`, розміщений в одному `div`.
+
+```js
+assert(
+  /<div><h1>.*<\/h1><\/div>/.test(
+    Enzyme.mount(React.createElement(MyComponent)).html()
+  )
+);
+```
+
+У заголовку `h1` має бути тільки текст, переданий у стані компонента.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ name: 'TestName' });
+    return waitForIt(() => mockedComponent.html());
+  };
+  const firstValue = await first();
+  const getValue = firstValue.replace(/\s/g, '');
+  assert(getValue === '<div><h1>TestName</h1></div>');
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'freeCodeCamp'
+    }
+  }
+  render() {
+    return (
+      <div>
+        { /* Change code below this line */ }
+        <h1>{this.state.name}</h1>
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-with-an-if-else-condition.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-with-an-if-else-condition.md
new file mode 100644
index 0000000000..79cf227ea3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/render-with-an-if-else-condition.md
@@ -0,0 +1,155 @@
+---
+id: 5a24c314108439a4d4036184
+title: Візуалізація за допомогою умови If-Else
+challengeType: 6
+forumTopicId: 301410
+dashedName: render-with-an-if-else-condition
+---
+
+# --description--
+
+Інший додаток для використовування JavaScript, щоб контролювати наданий вами вид, полягає у тому, щоб зв'язати елементи, які візуалізуються в умові. Коли умова є правдивою, один вид візуалізується. Коли він є хибним, то це вже є інший вид. Ви можете робити це із стандартним реченням `if/else` в методі `render()` React компонента.
+
+# --instructions--
+
+MyComponent містить `boolean` у стані, який відстежує, чи хочете ви відтворити деякі елементи в UI, чи ні. `button` перемикає стан цього значення. На даний момент, він візуалізує той самий UI кожного разу. Якщо переписати метод `render()` із реченням `if/else`, і тоді `display` є `true`, то ви повернете поточну розмітку. В іншому випадку, це поверне розмітку без елемента `h1`.
+
+**Note:** Ви маєте написати `if/else`, щоб пройти тести. Використання потрійного оператора в даному випадку не проходить.
+
+# --hints--
+
+`MyComponent` має існувати і візуалізуватися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('MyComponent').length === 1;
+  })()
+);
+```
+
+Коли `display` встановити на `true`, то має візуалізуватися `div`, `button`, `h1`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const state_1 = () => {
+    mockedComponent.setState({ display: true });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await state_1();
+  assert(
+    mockedComponent.find('div').length === 1 &&
+      mockedComponent.find('div').children().length === 2 &&
+      mockedComponent.find('button').length === 1 &&
+      mockedComponent.find('h1').length === 1
+  );
+};
+```
+
+Коли `display` встановити на `false`, то має візуалізуватися тільки `div` і `button`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const state_1 = () => {
+    mockedComponent.setState({ display: false });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await state_1();
+  assert(
+    mockedComponent.find('div').length === 1 &&
+      mockedComponent.find('div').children().length === 1 &&
+      mockedComponent.find('button').length === 1 &&
+      mockedComponent.find('h1').length === 0
+  );
+};
+```
+
+Метод візуалізації має використовувати речення `if/else` для того, щоб перевірити умови `this.state.display`.
+
+```js
+(getUserInput) =>
+  assert(
+    getUserInput('index').includes('if') &&
+      getUserInput('index').includes('else')
+  );
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState((state) => ({
+      display: !state.display
+    }));
+  }
+  render() {
+    // Change code below this line
+
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+ this.toggleDisplay = this.toggleDisplay.bind(this);
+ }
+  toggleDisplay() {
+    this.setState((state) => ({
+      display: !state.display
+    }));
+  }
+  render() {
+    // Change code below this line
+    if (this.state.display) {
+      return (
+         <div>
+           <button onClick={this.toggleDisplay}>Toggle Display</button>
+           <h1>Displayed!</h1>
+         </div>
+      );
+    } else {
+      return (
+        <div>
+           <button onClick={this.toggleDisplay}>Toggle Display</button>
+         </div>
+      );
+    }
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/review-using-props-with-stateless-functional-components.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/review-using-props-with-stateless-functional-components.md
new file mode 100644
index 0000000000..5b8a834820
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/review-using-props-with-stateless-functional-components.md
@@ -0,0 +1,145 @@
+---
+id: 5a24c314108439a4d403616f
+title: Перегляд використання пропсів з простими функціональними компонентами
+challengeType: 6
+forumTopicId: 301411
+dashedName: review-using-props-with-stateless-functional-components
+---
+
+# --description--
+
+За винятком останнього завдання, ви передавали пропси до функціональних безструктурних компонентів. Ці компоненти діють як чисті функції. Вони отримують пропси як вхідні дані і повертають той самий вид кожен раз, коли вони передають одні і ті ж пропси. Вам може бути цікаво, що це за стан, наступне завдання розгляне це питання детальніше. Перед цим розглянемо термінологію компонентів.
+
+*Функціональний безструктурний компонент * – це будь-яка написана вами функція, яка приймає пропси та повертає JSX. *безструктурний компонент*, з іншого боку, – це клас, який розширює `React.Component`, але не використовує внутрішній стан (буде розглянуто в наступному завданні). Зрештою, *структурний компонент* – це компонент класу, який підтримує власний внутрішній стан. Компоненти зі збереженням стану можуть називатися просто компонентами або компонентами React.
+
+Загальна схема полягає в спробі мінімізувати збереження стану та створити там, де це можливо, функціональні компоненти без збереження стану. Це допомагає обмежити управління вашим станом у певній сфері вашої програми. У свою чергу, це покращує розробку і супровід вашої програми, полегшуючи відстеження впливу зміни стану на його поведінку.
+
+# --instructions--
+
+Редактор коду має компонент `CampSite`, який відображає компонент `Camper` як дочірній. Визначте компонент `Camper` та призначте пропси за замовчуванням `{ name: 'CamperBot' }`. Всередині компоненту `Camper` відобразіть будь-який код, який хочете, але переконайтесь, що є хоча б один елемент `p`, який містить значення `name`, що передається як `prop`. Зрештою, визначте `propTypes` у компоненті `Camper`, щоб `name` був наданий як пропс та перевірте, що він категорії `string`.
+
+# --hints--
+
+Компонент `CampSite` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(CampSite));
+    return mockedComponent.find('CampSite').length === 1;
+  })()
+);
+```
+
+Компонент `Camper` повинен відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(CampSite));
+    return mockedComponent.find('Camper').length === 1;
+  })()
+);
+```
+
+Компонент `Camper` має містити пропси за замовчуванням, які призначають рядок `CamperBot` до ключа доступу `name`.
+
+```js
+assert(
+  /Camper.defaultProps={name:(['"`])CamperBot\1,?}/.test(
+    __helpers.removeWhiteSpace(code)
+  )
+);
+```
+
+Компонент `Camper` має містити типи пропсів, які потребують, щоб пропс `name` був типу `string`.
+
+```js
+assert(
+  /Camper.propTypes={name:PropTypes.string.isRequired,?}/.test(
+    __helpers.removeWhiteSpace(code)
+  )
+);
+```
+
+Компонент `Camper` має містити елемент `p` з лише текстом, взятим з пропсу `name`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(CampSite));
+    return (
+      mockedComponent.find('p').text() ===
+      mockedComponent.find('Camper').props().name
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```jsx
+var PropTypes = {
+   string: { isRequired: true }
+};
+```
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<CampSite />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+class CampSite extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <Camper/>
+      </div>
+    );
+  }
+};
+// Change code below this line
+
+const Camper = (props) => {
+   return (
+     <div>
+       <p>{props.name}</p>
+     </div>
+   );
+};
+
+Camper.propTypes = {
+  name: PropTypes.string.isRequired
+};
+
+Camper.defaultProps = {
+  name: 'CamperBot'
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/set-state-with-this.setstate.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/set-state-with-this.setstate.md
new file mode 100644
index 0000000000..79e8af494f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/set-state-with-this.setstate.md
@@ -0,0 +1,143 @@
+---
+id: 5a24c314108439a4d4036173
+title: Встановлення State за допомогою this.setState
+challengeType: 6
+forumTopicId: 301412
+dashedName: set-state-with-this-setstate
+---
+
+# --description--
+
+В попередніх завданнях було розглянуто компонент `state` та як ініціалізувати стан в `constructor`. Також існує спосіб змінити стан компонента `state`. React надає метод для оновлення компоненту `state` під назвою `setState`. Ви викликаєте метод `setState` у своєму класі компонентів наступним чином: `this.setState()`, передаючи об'єкт з парами ключ-значення. Ключі - це властивості стану, а значення - оновлені дані стану. Наприклад, якби ми зберігали `username` в стані та хотіли б його оновити, то це мало б наступний вигляд:
+
+```jsx
+this.setState({
+  username: 'Lewis'
+});
+```
+
+React очікує, що ви ніколи не будете змінювати `state` безпосередньо, натомість завжди будете використовувати `this.setState()`, коли відбуваються зміни стану. Також зверніть увагу на те, що React може пакетно оновлювати кілька станів, щоб покращити продуктивність. Це означає, що оновлення стану за допомогою методу `setState` можуть бути асинхронними. Існує альтернативний синтаксис для методу `setState`, який дозволяє обійти цю проблему. Він використовується рідко, але добре мати його на увазі! Для отримання додаткової інформації зверніться до [React документації](https://reactjs.org/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous).
+
+# --instructions--
+
+В редакторі коду є елемент `button`, який має обробник `onClick()`. Цей обробник спрацьовує, коли `button` отримує подію кліку в браузері та запускає метод `handleClick`, визначений в `MyComponent`. В межах методу `handleClick` оновіть компонент `state`, використовуючи `this.setState()`. Встановіть властивість `name` у `state`, щоб вона дорівнювала рядку `React Rocks!`.
+
+Натисніть на кнопку та перегляньте оновлення візуалізованого стану. Не хвилюйтесь, якщо на цьому етапі ви не до кінця розумієте, як працює код обробника кліку. Це буде розглянуто в наступних завданнях.
+
+# --hints--
+
+Стан `MyComponent` має ініціалізуватися за допомогою пари ключ-значення `{ name: Initial State }`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MyComponent)).state('name') ===
+    'Initial State'
+);
+```
+
+`MyComponent` має виводити елемент заголовку `h1`.
+
+```js
+assert(Enzyme.mount(React.createElement(MyComponent)).find('h1').length === 1);
+```
+
+У заголовку `h1` має бути текст, переданий у стані компонента.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ name: 'TestName' });
+    return waitForIt(() => mockedComponent.html());
+  };
+  const firstValue = await first();
+  assert(/<h1>TestName<\/h1>/.test(firstValue));
+};
+```
+
+Виклик методу `handleClick` в `MyComponent` має встановити властивість назви в стані, що дорівнює `React Rocks!`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ name: 'Before' });
+    return waitForIt(() => mockedComponent.state('name'));
+  };
+  const second = () => {
+    mockedComponent.instance().handleClick();
+    return waitForIt(() => mockedComponent.state('name'));
+  };
+  const firstValue = await first();
+  const secondValue = await second();
+  assert(firstValue === 'Before' && secondValue === 'React Rocks!');
+};
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+    // Change code below this line
+
+    // Change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick={this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      name: 'Initial State'
+    };
+    this.handleClick = this.handleClick.bind(this);
+  }
+  handleClick() {
+     // Change code below this line
+    this.setState({
+      name: 'React Rocks!'
+    });
+    // Change code above this line
+  }
+  render() {
+    return (
+      <div>
+        <button onClick = {this.handleClick}>Click Me</button>
+        <h1>{this.state.name}</h1>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use--for-a-more-concise-conditional.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use--for-a-more-concise-conditional.md
new file mode 100644
index 0000000000..67057d3ca2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use--for-a-more-concise-conditional.md
@@ -0,0 +1,146 @@
+---
+id: 5a24c314108439a4d4036185
+title: Використання && для більш стислого умовного значення
+challengeType: 6
+forumTopicId: 301413
+dashedName: use--for-a-more-concise-conditional
+---
+
+# --description--
+
+В останньому завданні спрацювали оператори `if/else`, але є більш стислий спосіб досягти того ж самого результату. Уявіть, що ви відстежуєте кілька умов в компоненті та хочете, щоб різні елементи відображались залежно від кожної з цих умов. Якщо ви створюєте багато операторів `else if`, щоб повернути дещо інші інтерфейси користувачів, то в такому випадку ви можете повторювати код, а це залишає можливість помилки. Замість цього, ви можете використовувати логічний оператор `&&` для виконання умовної логіки в більш стислому вигляді. Це можливо, тому що ви хочете перевірити, чи є умова `true`, і якщо так, то повернути деяку розмітку. Ось приклад:
+
+```jsx
+{condition && <p>markup</p>}
+```
+
+Якщо `condition` встановлено `true`, тоді повертається розмітка. Якщо умова встановлена `false`, то операція одразу поверне `false` після оцінки `condition`, і тоді нічого не повертається. Ви можете включати ці оператори безпосередньо в ваш JSX та об'єднувати кілька умов, записуючи `&&` після кожної з них. Це дозволяє обробляти більш складну умовну логіку в вашому методі `render()` без повторення великої кількості коду.
+
+# --instructions--
+
+Розв'яжіть попередній приклад ще раз, так щоб `h1` відображався тільки, якщо `display` встановлено `true`, але використовуйте логічний оператор `&&` замість оператора `if/else`.
+
+# --hints--
+
+`MyComponent` має існувати та відображатись.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('MyComponent').length;
+  })()
+);
+```
+
+Коли `display` встановлено на `true`, то мають виводитись `div`, `button`, та `h1`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const state_1 = () => {
+    mockedComponent.setState({ display: true });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await state_1();
+  assert(
+    updated.find('div').length === 1 &&
+      updated.find('div').children().length === 2 &&
+      updated.find('button').length === 1 &&
+      updated.find('h1').length === 1
+  );
+};
+```
+
+Коли `display` встановлено на `false`, то мають виводитись тільки `div` та `button`.
+
+```js
+async () => {
+  const waitForIt = (fn) =>
+    new Promise((resolve, reject) => setTimeout(() => resolve(fn()), 250));
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const state_1 = () => {
+    mockedComponent.setState({ display: false });
+    return waitForIt(() => mockedComponent);
+  };
+  const updated = await state_1();
+  assert(
+    updated.find('div').length === 1 &&
+      updated.find('div').children().length === 1 &&
+      updated.find('button').length === 1 &&
+      updated.find('h1').length === 0
+  );
+};
+```
+
+Метод візуалізації має використовувати логічний оператор `&&` для перевірки умови `this.state.display`.
+
+```js
+(getUserInput) => assert(getUserInput('index').includes('&&'));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+    this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState(state => ({
+      display: !state.display
+    }));
+  }
+  render() {
+    // Change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         <h1>Displayed!</h1>
+       </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      display: true
+    }
+ this.toggleDisplay = this.toggleDisplay.bind(this);
+  }
+  toggleDisplay() {
+    this.setState(state => ({
+      display: !state.display
+    }));
+  }
+  render() {
+    // Change code below this line
+    return (
+       <div>
+         <button onClick={this.toggleDisplay}>Toggle Display</button>
+         {this.state.display && <h1>Displayed!</h1>}
+       </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md
new file mode 100644
index 0000000000..e4ec5a24e2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-a-ternary-expression-for-conditional-rendering.md
@@ -0,0 +1,280 @@
+---
+id: 5a24c314108439a4d4036187
+title: Використовуйте трикомпонентний вираз для умовної візуалізації
+challengeType: 6
+forumTopicId: 301414
+dashedName: use-a-ternary-expression-for-conditional-rendering
+---
+
+# --description--
+
+Перед переходом до техніки динамічного малювання, існує останній спосіб використання вбудованих умов JavaScript для відображення вашого бажання: <dfn>Зовнішній оператор</dfn>. Зовнішній оператор часто використовується як ярлик для тверджень `if/else` у JavaScript. Вони не такі надійні, як традиційні `if/else`, але вони дуже популярні серед розробників React. Причиною цього є те, що компілювання JSX операційної системи `if/else` операторів не можна вставляти безпосередньо в код JSX. Можливо, ви помітили це раніше — коли потрібен оператор `if/else`, він завжди був *поза* ключовим словом `return`. Трикомпонентні вирази можуть бути чудовою альтернативою, якщо ви хочете реалізувати умовну логіку в межах вашої JSX. Нагадаємо, що трикомпонентний оператор має три частини, але ви можете поєднати декілька трикомпонентних вирази разом. Ось тут основний синтаксис:
+
+```jsx
+condition ? expressionIfTrue : expressionIfFalse;
+```
+
+# --instructions--
+
+Редактор коду має три константи, визначені в межах методу `CheckUserAge` component's `render()`. Вони називаються `buttonOne`, `buttonTwo`, і `buttonThree`. Кожному із них призначено простий вираз JSX, що представляє елемент кнопки. Спочатку ініціалізувати стан `CheckUserAge` з `input` і `userAge`, обидва задані значенням пустого рядка.
+
+Як тільки компонент відображає інформацію на сторінці, користувачі повинні мати спосіб взаємодіяти з нею. У межах `return` компонента, встановіть трикомпонентний вираз, який реалізує наступну логіку: коли сторінка вперше завантажується, відобразити кнопку підтвердження, `buttonOne` на сторінці. Потім, коли користувач введе свій вік та натисне кнопку, відобразіть іншу кнопку з урахуванням віку. Якщо користувач вводить число менше за `18`, відобразіть `buttonThree`. Якщо користувач вводить число більше або рівне `18`, відобразіть `buttonTwo`.
+
+# --hints--
+
+Компонент `CheckUserAge` має візуалізувати один елемент `input` і один елемент `button`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(CheckUserAge)).find('div').find('input')
+    .length === 1 &&
+    Enzyme.mount(React.createElement(CheckUserAge)).find('div').find('button')
+      .length === 1
+);
+```
+
+Стан компонента `CheckUserAge` слід ініціалізувати з властивістю `userAge` і властивістю `input`, котрі обидва встановлюють значення пустого рядка.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(CheckUserAge)).state().input === '' &&
+    Enzyme.mount(React.createElement(CheckUserAge)).state().userAge === ''
+);
+```
+
+Коли компонент `CheckUserAge` першим візуалізовано в DOM, то текст `button` має бути Submit.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(CheckUserAge)).find('button').text() ===
+    'Submit'
+);
+```
+
+Коли вводиться число менше 18 в `input` і натискається `button`, внутрішній текст `button` має бути `You Shall Not Pass`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge));
+  const initialButton = mockedComponent.find('button').text();
+  const enter3AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '3' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const enter17AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '17' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const userAge3 = enter3AndClickButton();
+  const userAge17 = enter17AndClickButton();
+  assert(
+    initialButton === 'Submit' &&
+      userAge3 === 'You Shall Not Pass' &&
+      userAge17 === 'You Shall Not Pass'
+  );
+})();
+```
+
+Коли вводиться число більше або рівне 18-и в `input` і натискається `button`, внутрішній текст `button` має бути `You May Enter`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge));
+  const initialButton = mockedComponent.find('button').text();
+  const enter18AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '18' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const enter35AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '35' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const userAge18 = enter18AndClickButton();
+  const userAge35 = enter35AndClickButton();
+  assert(
+    initialButton === 'Submit' &&
+      userAge18 === 'You May Enter' &&
+      userAge35 === 'You May Enter'
+  );
+})();
+```
+
+Після того, як число було прийнято, і значення `input` знову змінилося, текст `button` повинен повернутися до `Submit`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(CheckUserAge));
+  const enter18AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '18' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const changeInputDontClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '5' } });
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const enter10AndClickButton = () => {
+    mockedComponent
+      .find('input')
+      .simulate('change', { target: { value: '10' } });
+    mockedComponent.find('button').simulate('click');
+    mockedComponent.update();
+    return mockedComponent.find('button').text();
+  };
+  const userAge18 = enter18AndClickButton();
+  const changeInput1 = changeInputDontClickButton();
+  const userAge10 = enter10AndClickButton();
+  const changeInput2 = changeInputDontClickButton();
+  assert(
+    userAge18 === 'You May Enter' &&
+      changeInput1 === 'Submit' &&
+      userAge10 === 'You Shall Not Pass' &&
+      changeInput2 === 'Submit'
+  );
+})();
+```
+
+Ваш код не повинен містити конструкцій `if/else`.
+
+```js
+assert(
+  new RegExp(/(\s|;)if(\s|\()/).test(
+    Enzyme.mount(React.createElement(CheckUserAge)).instance().render.toString()
+  ) === false
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<CheckUserAge />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+};
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    // Change code below this line
+
+    // Change code above this line
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: ''
+    });
+  }
+  submit() {
+    this.setState(state => ({
+      userAge: state.input
+    }));
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type='number'
+          value={this.state.input}
+          onChange={this.handleChange}
+        />
+        <br />
+        {/* Change code below this line */}
+
+        {/* Change code above this line */}
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+};
+
+class CheckUserAge extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userAge: '',
+      input: ''
+    };
+    this.submit = this.submit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleChange(e) {
+    this.setState({
+      input: e.target.value,
+      userAge: ''
+    });
+  }
+  submit() {
+    this.setState(state => ({
+      userAge: state.input
+    }));
+  }
+  render() {
+    const buttonOne = <button onClick={this.submit}>Submit</button>;
+    const buttonTwo = <button>You May Enter</button>;
+    const buttonThree = <button>You Shall Not Pass</button>;
+    return (
+      <div>
+        <h3>Enter Your Age to Continue</h3>
+        <input
+          style={inputStyle}
+          type='number'
+          value={this.state.input}
+          onChange={this.handleChange}
+        />
+        <br />
+        {this.state.userAge === ''
+          ? buttonOne
+          : this.state.userAge >= 18
+          ? buttonTwo
+          : buttonThree}
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-advanced-javascript-in-react-render-method.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-advanced-javascript-in-react-render-method.md
new file mode 100644
index 0000000000..1c2a6cf3eb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-advanced-javascript-in-react-render-method.md
@@ -0,0 +1,334 @@
+---
+id: 5a24c314108439a4d4036183
+title: Використовуйте розширений JavaScript у методі React Render
+challengeType: 6
+forumTopicId: 301415
+dashedName: use-advanced-javascript-in-react-render-method
+---
+
+# --description--
+
+Під час попередніх занять, ви вивчили, як вводити код JavaScript у код JSX, за допомогою фігурних дужок, `{ }`, для таких завдань, як отримання доступу до ресурсів, передачі ресурсів, перегляду поточного стану, додавання коментарів до вашого коду, і зовсім нещодавно – для стилізації ваших компонентів. Усі вони є поширеними варіантами використання JavaScript у JSX, проте це не єдиний спосіб використання коду JavaScript у ваших компонентах React.
+
+Ви також можете прямо вписати ваші методи JavaScript у `render`, перед командою `return`,, *** без ***, вставляючи їх у фігурні дужки. Це тому, що це ще не у межах коду JSX. Якщо ви захочете використати змінну пізніше у коді JSX * всередині команди * the `return`, потрібно помістити назву змінної у фігурні дужки.
+
+# --instructions--
+
+У даному коді, метод `render` складається з бази, що містить 20 аспектів, для представлення відповідей, знайдених у класичній іграшці 1980's Magic Eight Ball. Процес натискання кнопки пов'язаний з методом `ask`, тому при кожному натисканні на кнопку, відбудеться генерування випадкового номеру та його збереження у стані як `randomIndex`. На рядку 52, видаліть рядок `change me!` та перепризначте the `answer` const, аби ваш код випадковим чином організовував інший індекс з масиву `possibleAnswers` кожного разу, коли коли компонент оновлюється. Наостанок, вставте константу `answer` всередину `p` теґів.
+
+# --hints--
+
+Компонент `MagicEightBall` повинен існувати та відображатися на сторінці.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MagicEightBall)).find('MagicEightBall')
+    .length,
+  1
+);
+```
+
+Перший дочірній елемент `MagicEightBall` повинен бути елементом `input`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MagicEightBall))
+    .children()
+    .childAt(0)
+    .name(),
+  'input'
+);
+```
+
+Третій дочірній елемент `MagicEightBall` повинен бути елементом `button`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MagicEightBall))
+    .children()
+    .childAt(2)
+    .name(),
+  'button'
+);
+```
+
+Стан `MagicEightBall` повинен починатися з властивостями `userInput` та `randomIndex`, які обидва відповідають значенню пустого рядка.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MagicEightBall)).state('randomIndex') ===
+    '' &&
+    Enzyme.mount(React.createElement(MagicEightBall)).state('userInput') === ''
+);
+```
+
+Коли `MagicEightBall` вперше піднімається до DOM, він повинен повернутися до пустого елементу `p`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(MagicEightBall)).find('p').length === 1 &&
+    Enzyme.mount(React.createElement(MagicEightBall)).find('p').text() === ''
+);
+```
+
+Коли текст введено у елемент `input` та кнопку натиснуто, компонент `MagicEightBall` має повернутися до елементу a `p`, що містить випадковий елемент із масиву `possibleAnswers`.
+
+```js
+(() => {
+  const comp = Enzyme.mount(React.createElement(MagicEightBall));
+  const simulate = () => {
+    comp.find('input').simulate('change', { target: { value: 'test?' } });
+    comp.find('button').simulate('click');
+  };
+  const result = () => comp.find('p').text();
+  const _1 = () => {
+    simulate();
+    return result();
+  };
+  const _2 = () => {
+    simulate();
+    return result();
+  };
+  const _3 = () => {
+    simulate();
+    return result();
+  };
+  const _4 = () => {
+    simulate();
+    return result();
+  };
+  const _5 = () => {
+    simulate();
+    return result();
+  };
+  const _6 = () => {
+    simulate();
+    return result();
+  };
+  const _7 = () => {
+    simulate();
+    return result();
+  };
+  const _8 = () => {
+    simulate();
+    return result();
+  };
+  const _9 = () => {
+    simulate();
+    return result();
+  };
+  const _10 = () => {
+    simulate();
+    return result();
+  };
+  const _1_val = _1();
+  const _2_val = _2();
+  const _3_val = _3();
+  const _4_val = _4();
+  const _5_val = _5();
+  const _6_val = _6();
+  const _7_val = _7();
+  const _8_val = _8();
+  const _9_val = _9();
+  const _10_val = _10();
+  const actualAnswers = [
+    _1_val,
+    _2_val,
+    _3_val,
+    _4_val,
+    _5_val,
+    _6_val,
+    _7_val,
+    _8_val,
+    _9_val,
+    _10_val
+  ];
+  const hasIndex = actualAnswers.filter(
+    (answer, i) => possibleAnswers.indexOf(answer) !== -1
+  );
+  const notAllEqual = new Set(actualAnswers);
+  assert(notAllEqual.size > 1 && hasIndex.length === 10);
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+var possibleAnswers = [
+  'It is certain',
+  'It is decidedly so',
+  'Without a doubt',
+  'Yes, definitely',
+  'You may rely on it',
+  'As I see it, yes',
+  'Outlook good',
+  'Yes',
+  'Signs point to yes',
+  'Reply hazy try again',
+  'Ask again later',
+  'Better not tell you now',
+  'Cannot predict now',
+  'Concentrate and ask again',
+  "Don't count on it",
+  'My reply is no',
+  'My sources say no',
+  'Outlook not so good',
+  'Very doubtful',
+  'Most likely'
+];
+ReactDOM.render(<MagicEightBall />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+};
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: '',
+      randomIndex: ''
+    };
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: ''
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      "Don't count on it",
+      'My reply is no',
+      'My sources say no',
+      'Most likely',
+      'Outlook not so good',
+      'Very doubtful'
+    ];
+    const answer = 'change me!'; // Change this line
+    return (
+      <div>
+        <input
+          type='text'
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle}
+        />
+        <br />
+        <button onClick={this.ask}>Ask the Magic Eight Ball!</button>
+        <br />
+        <h3>Answer:</h3>
+        <p>
+          {/* Change code below this line */}
+
+          {/* Change code above this line */}
+        </p>
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+const inputStyle = {
+  width: 235,
+  margin: 5
+};
+
+class MagicEightBall extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      userInput: '',
+      randomIndex: ''
+    };
+    this.ask = this.ask.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  ask() {
+    if (this.state.userInput) {
+      this.setState({
+        randomIndex: Math.floor(Math.random() * 20),
+        userInput: ''
+      });
+    }
+  }
+  handleChange(event) {
+    this.setState({
+      userInput: event.target.value
+    });
+  }
+  render() {
+    const possibleAnswers = [
+      'It is certain',
+      'It is decidedly so',
+      'Without a doubt',
+      'Yes, definitely',
+      'You may rely on it',
+      'As I see it, yes',
+      'Outlook good',
+      'Yes',
+      'Signs point to yes',
+      'Reply hazy try again',
+      'Ask again later',
+      'Better not tell you now',
+      'Cannot predict now',
+      'Concentrate and ask again',
+      "Don't count on it",
+      'My reply is no',
+      'My sources say no',
+      'Outlook not so good',
+      'Very doubtful',
+      'Most likely'
+    ];
+    const answer = possibleAnswers[this.state.randomIndex];
+    return (
+      <div>
+        <input
+          type='text'
+          value={this.state.userInput}
+          onChange={this.handleChange}
+          style={inputStyle}
+        />
+        <br />
+        <button onClick={this.ask}>Ask the Magic Eight Ball!</button>
+        <br />
+        <h3>Answer:</h3>
+        <p>{answer}</p>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.filter-to-dynamically-filter-an-array.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.filter-to-dynamically-filter-an-array.md
new file mode 100644
index 0000000000..7b23ccc4ac
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.filter-to-dynamically-filter-an-array.md
@@ -0,0 +1,236 @@
+---
+id: 5a24c314108439a4d403618c
+title: Використання Array.filter() для динамічної фільтрації масиву
+challengeType: 6
+forumTopicId: 301416
+dashedName: use-array-filter-to-dynamically-filter-an-array
+---
+
+# --description--
+
+Метод масиву `map` - це потужний інструмент, який ви будете часто використовувати під час роботи з React. Інший метод, пов'язаний з `map`, - це `filter`, який фільтрує зміст масиву на основі умови, а потім повертає новий масив. Наприклад, якщо у вас є масив користувачів і всі вони мають властивість `online`, яку можна встановити як `true` або `false`, то ви можете відфільтрувати тільки тих користувачів, які знаходяться в мережі, за допомогою запису:
+
+```js
+let onlineUsers = users.filter(user => user.online);
+```
+
+# --instructions--
+
+В редакторі коду, `state` у `MyComponent` ініціалізується масивом користувачів. Деякі з користувачів знаходяться в мережі, а деякі ні. Відфільтруйте масив, щоб побачити лише користувачів, які знаходяться в мережі. Для цього, спочатку скористайтеся `filter`, щоб повернути новий масив, що містить лише тих користувачів, у котрих властивість `online` встановлена `true`. Потім у змінній `renderOnline` застосуйте відфільтрований масив та поверніть елемент `li` для кожного користувача, що містить текст їх `username`. Обов'язково вкажіть унікальний `key`, як і в останніх завданнях.
+
+# --hints--
+
+`MyComponent` має існувати та відображатись.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MyComponent)).find('MyComponent').length,
+  1
+);
+```
+
+стан `MyComponent` має бути ініціалізовано для масиву з шести користувачів.
+
+```js
+assert(
+  Array.isArray(
+    Enzyme.mount(React.createElement(MyComponent)).state('users')
+  ) === true &&
+    Enzyme.mount(React.createElement(MyComponent)).state('users').length === 6
+);
+```
+
+`MyComponent` має повернути `div`, `h1`, а потім невпорядкований список, що містить елементи `li` для кожного користувача, чий онлайн-статус встановлено `true`.
+
+```js
+(() => {
+  const comp = Enzyme.mount(React.createElement(MyComponent));
+  const users = (bool) => ({
+    users: [
+      { username: 'Jeff', online: bool },
+      { username: 'Alan', online: bool },
+      { username: 'Mary', online: bool },
+      { username: 'Jim', online: bool },
+      { username: 'Laura', online: bool }
+    ]
+  });
+  const result = () => comp.find('li').length;
+  const _1 = result();
+  const _2 = () => {
+    comp.setState(users(true));
+    return result();
+  };
+  const _3 = () => {
+    comp.setState(users(false));
+    return result();
+  };
+  const _4 = () => {
+    comp.setState({ users: [] });
+    return result();
+  };
+  const _2_val = _2();
+  const _3_val = _3();
+  const _4_val = _4();
+  assert(
+    comp.find('div').length === 1 &&
+      comp.find('h1').length === 1 &&
+      comp.find('ul').length === 1 &&
+      _1 === 4 &&
+      _2_val === 5 &&
+      _3_val === 0 &&
+      _4_val === 0
+  );
+})();
+```
+
+`MyComponent` має виводити елемент `li`, що містить `username` кожного користувача, який знаходиться в мережі.
+
+```js
+(() => {
+  const comp = Enzyme.mount(React.createElement(MyComponent));
+  const users = (bool) => ({
+    users: [
+      { username: 'Jeff', online: bool },
+      { username: 'Alan', online: bool },
+      { username: 'Mary', online: bool },
+      { username: 'Jim', online: bool },
+      { username: 'Laura', online: bool }
+    ]
+  });
+  const ul = () => {
+    comp.setState(users(true));
+    return comp.find('ul').html();
+  };
+  const html = ul();
+  assert(
+    html ===
+      '<ul><li>Jeff</li><li>Alan</li><li>Mary</li><li>Jim</li><li>Laura</li></ul>'
+  );
+})();
+```
+
+Кожний елемент списку повинен мати унікальний атрибут `key`.
+
+```js
+assert(
+  (() => {
+    const ul = Enzyme.mount(React.createElement(MyComponent)).find('ul');
+    console.log(ul.debug());
+    const keys = new Set([
+      ul.childAt(0).key(),
+      ul.childAt(1).key(),
+      ul.childAt(2).key(),
+      ul.childAt(3).key()
+    ]);
+    return keys.size === 4;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    };
+  }
+  render() {
+    const usersOnline = null; // Change this line
+    const renderOnline = null; // Change this line
+    return (
+      <div>
+        <h1>Current Online Users:</h1>
+        <ul>{renderOnline}</ul>
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      users: [
+        {
+          username: 'Jeff',
+          online: true
+        },
+        {
+          username: 'Alan',
+          online: false
+        },
+        {
+          username: 'Mary',
+          online: true
+        },
+        {
+          username: 'Jim',
+          online: false
+        },
+        {
+          username: 'Sara',
+          online: true
+        },
+        {
+          username: 'Laura',
+          online: true
+        }
+      ]
+    };
+  }
+  render() {
+    const usersOnline = this.state.users.filter(user => {
+      return user.online;
+    });
+    const renderOnline = usersOnline.map(user => {
+      return <li key={user.username}>{user.username}</li>;
+    });
+    return (
+      <div>
+        <h1>Current Online Users:</h1>
+        <ul>{renderOnline}</ul>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.map-to-dynamically-render-elements.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.map-to-dynamically-render-elements.md
new file mode 100644
index 0000000000..9702f01111
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-array.map-to-dynamically-render-elements.md
@@ -0,0 +1,265 @@
+---
+id: 5a24c314108439a4d403618a
+title: Використовуйте Array.map() для динамічної візуалізації елементів
+challengeType: 6
+forumTopicId: 301417
+dashedName: use-array-map-to-dynamically-render-elements
+---
+
+# --description--
+
+Умовне відображення зручне, але компоненти мають відображати невідому кількість елементів. Часто під час реактивного програмування у програміста не має можливості дізнатися стан додатку до запуску, бо дуже багато залежить від взаємодії користувача з програмою. Програміст має написати код, щоб правильно обробити цей невідомий стан до запуску. Використання `Array.map()` в React ілюструє це поняття.
+
+Наприклад, ви створюєте простий додаток "To Do List". Як програміст, ви не можете знати, скільки пунктів має бути у переліку користувача. Треба вам потрібно налаштувати компонент на динамічний показ вірної кількості елементів переліку задовго до того, як користувач вирішить присвятити день пранню.
+
+# --instructions--
+
+У редакторі вже встановлено більшість компонентів `MyToDoList`. Дещо з цього коду може виглядати знайомо, якщо ви виконали завдання з контрольованої форми. Можна помітити `textarea` і `button`, так само як і кільки методів, що відстежують стан, але на сторінці ще нічого немає.
+
+У `constructor` створіть об'єкт `this.state` і виділіть 2 стани: `userInput` має ініціалізуватися як порожній рядок, а `toDoList`- як порожній масив. Далі видаліть коментар з методу `render()` поруч зі змінною `items`. Натомість нанесіть на карту масив `toDoList`, збережений у внутрішньому стані компонента і динамічно виведіть `li` для кожного об'єкта. Спробуйте відобразити рядок `eat, code, sleep, repeat` у `textarea`, а потім натисніть на кнопку і подивіться, що трапиться.
+
+**Note:** Ви, можливо, знаєте, що всі дочірні елементи, створені за допомогою такої операції, мають бути оснащені унікальним атрибутом `key`. Не хвилюйтесь, це тема наступного завдання.
+
+# --hints--
+
+Компонент MyToDoList має існувати і відображатися на сторінці.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    return mockedComponent.find('MyToDoList').length === 1;
+  })()
+);
+```
+
+Перший дочірній елемент `MyToDoList` має бути елементом `textarea`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    return (
+      mockedComponent.find('MyToDoList').children().childAt(0).type() ===
+      'textarea'
+    );
+  })()
+);
+```
+
+Другим дочірнім елементом `MyToDoList` має бути елемент `br`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    return (
+      mockedComponent.find('MyToDoList').children().childAt(1).type() === 'br'
+    );
+  })()
+);
+```
+
+Третім дочірнім елементом `MyToDoList` має стати елемент `button`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    return (
+      mockedComponent.find('MyToDoList').children().childAt(2).type() ===
+      'button'
+    );
+  })()
+);
+```
+
+Стан `MyToDoList` має бути ініціалізовано з `toDoList` як порожній масив.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    const initialState = mockedComponent.state();
+    return (
+      Array.isArray(initialState.toDoList) === true &&
+      initialState.toDoList.length === 0
+    );
+  })()
+);
+```
+
+Стан `MyToDoList` має бути ініціалізовано з `userInput` як порожній масив.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+    const initialState = mockedComponent.state();
+    return (
+      typeof initialState.userInput === 'string' &&
+      initialState.userInput.length === 0
+    );
+  })()
+);
+```
+
+Коли натиснуто кнопку `Create List`, компонент `MyToDoList` має динамічно видати невпорядкований перелік, що містить елемент частини списку для кожної відокремленої комою частини списку, що вводиться в елемент `textarea`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyToDoList));
+  const simulateChange = (el, value) =>
+    el.simulate('change', { target: { value } });
+  const state_1 = () => {
+    return mockedComponent.find('ul').find('li');
+  };
+  const setInput = () => {
+    return simulateChange(
+      mockedComponent.find('textarea'),
+      'testA, testB, testC'
+    );
+  };
+  const click = () => {
+    return mockedComponent.find('button').simulate('click');
+  };
+  const state_2 = () => {
+    const nodes = mockedComponent.find('ul').find('li');
+    return { nodes, text: nodes.reduce((t, n) => t + n.text().trim(), '') };
+  };
+  const setInput_2 = () => {
+    return simulateChange(
+      mockedComponent.find('textarea'),
+      't1, t2, t3, t4, t5, t6'
+    );
+  };
+  const click_1 = () => {
+    return mockedComponent.find('button').simulate('click');
+  };
+  const state_3 = () => {
+    const nodes = mockedComponent.find('ul').find('li');
+    return { nodes, text: nodes.reduce((t, n) => t + n.text().trim(), '') };
+  };
+  const awaited_state_1 = state_1();
+  const awaited_setInput = setInput();
+  const awaited_click = click();
+  const awaited_state_2 = state_2();
+  const awaited_setInput_2 = setInput_2();
+  const awaited_click_1 = click_1();
+  const awaited_state_3 = state_3();
+  assert(
+    awaited_state_1.length === 0 &&
+      awaited_state_2.nodes.length === 3 &&
+      awaited_state_3.nodes.length === 6 &&
+      awaited_state_2.text === 'testAtestBtestC' &&
+      awaited_state_3.text === 't1t2t3t4t5t6'
+  );
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyToDoList />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    // Change code below this line
+
+    // Change code above this line
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = null; // Change this line
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder='Separate Items With Commas'
+        />
+        <br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>{items}</ul>
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+const textAreaStyles = {
+  width: 235,
+  margin: 5
+};
+
+class MyToDoList extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      toDoList: [],
+      userInput: ''
+    };
+    this.handleSubmit = this.handleSubmit.bind(this);
+    this.handleChange = this.handleChange.bind(this);
+  }
+  handleSubmit() {
+    const itemsArray = this.state.userInput.split(',');
+    this.setState({
+      toDoList: itemsArray
+    });
+  }
+  handleChange(e) {
+    this.setState({
+      userInput: e.target.value
+    });
+  }
+  render() {
+    const items = this.state.toDoList.map((item, i) => {
+      return <li key={i}>{item}</li>;
+    });
+    return (
+      <div>
+        <textarea
+          onChange={this.handleChange}
+          value={this.state.userInput}
+          style={textAreaStyles}
+          placeholder='Separate Items With Commas'
+        />
+        <br />
+        <button onClick={this.handleSubmit}>Create List</button>
+        <h1>My "To Do" List:</h1>
+        <ul>{items}</ul>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-default-props.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-default-props.md
new file mode 100644
index 0000000000..44aa212138
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-default-props.md
@@ -0,0 +1,78 @@
+---
+id: 5a24c314108439a4d403616b
+title: Використання реквізитів (props) за замовчуванням
+challengeType: 6
+forumTopicId: 301418
+dashedName: use-default-props
+---
+
+# --description--
+
+React також має опцію, щоб встановити реквізити за замовчуванням. Ви можете присвоїти реквізити за замовчуванням компоненту, як властивості самого компоненту, і React присвоює реквізит за замовчуванням, якщо це необхідно. Це дозволить вам визначити, яке значення реквізитів має бути, якщо ті, що без значення, є чітко визначеними. На приклад, якщо ви задаєте `MyComponent.defaultProps = { location: 'San Francisco' }`, то ви маєте визначене місцерозташування , яке встановлене у рядку `San Francisco`, якщо тільки ви не вкажете по-іншому. React призначає реквізити за замовчуванням, якщо об'єкти є невизначені, але якщо ви використаєте `null` як значення для реквізиту, то `null` залишається незмінним.
+
+# --instructions--
+
+Редактор коду нам показує компонент `ShoppingCart`. Визначте реквізити за замовчуванням для цього компонента, які визначають реквізит `items` разом із значенням `0`.
+
+# --hints--
+
+Компонент `ShoppingCart` має візуалізуватися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    return mockedComponent.find('ShoppingCart').length === 1;
+  })()
+);
+```
+
+Компонент `ShoppingCart` повинен мати реквізит за замовчуванням `{ items: 0 }`.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    mockedComponent.setProps({ items: undefined });
+    return mockedComponent.find('ShoppingCart').props().items === 0;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ShoppingCart />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+const ShoppingCart = (props) => {
+  return (
+    <div>
+      <h1>Shopping Cart Component</h1>
+    </div>
+  )
+};
+
+// Change code below this line
+ShoppingCart.defaultProps = {
+  items: 0
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-proptypes-to-define-the-props-you-expect.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-proptypes-to-define-the-props-you-expect.md
new file mode 100644
index 0000000000..4353c41d38
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-proptypes-to-define-the-props-you-expect.md
@@ -0,0 +1,132 @@
+---
+id: 5a24c314108439a4d403616d
+title: Використання PropTypes для визначення очікуваних параметрів
+challengeType: 6
+forumTopicId: 301419
+dashedName: use-proptypes-to-define-the-props-you-expect
+---
+
+# --description--
+
+React має корисні функції перевірки типу параметра, що отримує компонент. Наприклад, програма робить АРІ виклик, щоб отримати дані з масиву, які потім передаються до компонента як параметр. Можна дати команду `propTypes`, щоб зібрати дані типу `array`. Так ви отримаєте корисне повідомлення, якщо дані будуть іншого типу.
+
+Краще за все встановлювати `propTypes`, коли знаєте заздалегідь, яким буде тип параметрів. Можна встановити властивість `propTypes` для компонента, так само як і `defaultProps`. Таким чином відбудеться перевірка, чи має параметр даного ключа конкретний тип. Ось приклад запиту типу `function` для параметра `handleClick`:
+
+```js
+MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
+```
+
+У даному прикладі, частина `PropTypes.func` перевіряє, чи є `handleClick` функцією. Додавання `isRequired` говорить React, що `handleClick` - це відповідне значення для даного компонента. З'явиться повідомлення, якщо цього параметру не буде. Також зверніть увагу, що `func` означає `function`. Серед семи простих типів JavaScript, лише `function` й `boolean` (написаний як `bool`) пишуться незвично. На додаток до цих простих типів, є й інші. Наприклад, можете перевірити, чи є параметр елементом React. Будь ласка, зверніться до [документації](https://reactjs.org/docs/typechecking-with-proptypes.html#proptypes), щоб дізнатися про інші варіанти.
+
+**Note:** у React v15.5.0 `PropTypes` імпортується незалежно від React, ось так: `import PropTypes from 'prop-types';`
+
+# --instructions--
+
+Визначте `Items` для компонента `propTypes`, що потребує параметра `quantity` та підтвердіть, що його тип є `number`.
+
+# --hints--
+
+Компонент `ShoppingCart` має відображатися.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    return mockedComponent.find('ShoppingCart').length === 1;
+  })()
+);
+```
+
+Компонент `Items` має відображатись.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart));
+    return mockedComponent.find('Items').length === 1;
+  })()
+);
+```
+
+Компонент `Items` має перевіряти `propTypes` значення `quantity` та гарантувати, що це значення є числом.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const noWhiteSpace = __helpers.removeWhiteSpace(getUserInput('index'));
+      return (
+        noWhiteSpace.includes('quantity:PropTypes.number.isRequired') &&
+        noWhiteSpace.includes('Items.propTypes=')
+      );
+    })()
+  );
+```
+
+# --seed--
+
+## --before-user-code--
+
+```jsx
+var PropTypes = {
+  number: { isRequired: true }
+};
+```
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<ShoppingCart />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// Change code below this line
+
+// Change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const Items = (props) => {
+  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
+};
+
+// Change code below this line
+Items.propTypes = {
+  quantity: PropTypes.number.isRequired
+};
+// Change code above this line
+
+Items.defaultProps = {
+  quantity: 0
+};
+
+class ShoppingCart extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return <Items />
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-react-to-render-nested-components.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-react-to-render-nested-components.md
new file mode 100644
index 0000000000..c29d89ea06
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-react-to-render-nested-components.md
@@ -0,0 +1,150 @@
+---
+id: 5a24c314108439a4d4036165
+title: Використання React для рендерингу вкладених компонентів
+challengeType: 6
+forumTopicId: 301420
+dashedName: use-react-to-render-nested-components
+---
+
+# --description--
+
+В останньому завданні представлено простий спосіб складання компонентів, та за допомогою React їх можна складати по-іншому.
+
+Композиція компонентів - одна з потужних функцій React. У роботі з React важливо сприймати інтерфейс користувача у вигляді її компонентів, таких як App з останнього завдання. Розбийте ІК на основні структурні блоки, ці частини і будуть компонентами. Це допоможе відокремити код, що відповідає за ІК, від коду, що відповідає за обчислення логіки програми. Так можна значно спростити розробку і обслуговування складних проєктів.
+
+# --instructions--
+
+У редакторі коду є два функціональні компоненти - `TypesOfFruit` та `Fruits`. Візьміть компонент `TypesOfFruit` та вкладіть або *nest* його у компонент `Fruits`. Потім візьміть компонент `Fruits` та вкладіть його у компонент `TypesOfFood`. У результаті має вийти дочірній компонент, вкладений у батьківський компонент, що вкладений у власний батьківській компонент!
+
+# --hints--
+
+Компонент `TypesOfFood` повинен відображати одинарний елемент `div`.
+
+```js
+assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === 'div');
+```
+
+Компонент `TypesOfFood` повинен відображати компонент `Fruits`.
+
+```js
+assert(
+  Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type
+    .name === 'Fruits'
+);
+```
+
+Компонент `Fruits` повинен відображати компонент `TypesOfFruit`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(TypesOfFood)).find('h2').html() ===
+    '<h2>Fruits:</h2>'
+);
+```
+
+Компонент `TypesOfFruit` повинен відображати елементи `h2` та `ul`.
+
+```js
+assert(
+  Enzyme.mount(React.createElement(TypesOfFood)).find('ul').text() ===
+    'ApplesBlueberriesStrawberriesBananas'
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<TypesOfFood />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* Change code below this line */ }
+
+      { /* Change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* Change code below this line */ }
+
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+const TypesOfFruit = () => {
+  return (
+    <div>
+      <h2>Fruits:</h2>
+      <ul>
+        <li>Apples</li>
+        <li>Blueberries</li>
+        <li>Strawberries</li>
+        <li>Bananas</li>
+      </ul>
+    </div>
+  );
+};
+
+const Fruits = () => {
+  return (
+    <div>
+      { /* Change code below this line */ }
+        <TypesOfFruit />
+      { /* Change code above this line */ }
+    </div>
+  );
+};
+
+class TypesOfFood extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>Types of Food:</h1>
+        { /* Change code below this line */ }
+        <Fruits />
+        { /* Change code above this line */ }
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md
new file mode 100644
index 0000000000..60a9ebaf9e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-state-to-toggle-an-element.md
@@ -0,0 +1,189 @@
+---
+id: 5a24c314108439a4d4036176
+title: Використання стану для перемикання елемента
+challengeType: 6
+forumTopicId: 301421
+dashedName: use-state-to-toggle-an-element
+---
+
+# --description--
+
+Іноді, під час оновлення стану, вам необхідно знати попередній стан. Однак, оновлення станів можуть бути асихронними. Це означає, що React може згрупувати кілька викликів `setState()` в єдине оновлення. Це означає, що не можна покладатися на попереднє значення `this.state` або `this.props` при розрахунку наступного. Тож, такий код використовувати не варто:
+
+```jsx
+this.setState({
+  counter: this.state.counter + this.props.increment
+});
+```
+
+Натомість, передайте `setState` функцію, що дає можливість отримати доступ до стану й пропсів. Використання функції за допомогою `setState` гарантує, що ви працюєте з найбільш актуальними значеннями стану й пропсами. Це означає, що вищенаведений код варто переписати так:
+
+```jsx
+this.setState((state, props) => ({
+  counter: state.counter + props.increment
+}));
+```
+
+Також, можна використати форму без `props`, якщо вам потрібен лише `state`:
+
+```jsx
+this.setState(state => ({
+  counter: state.counter + 1
+}));
+```
+
+Зверніть увагу, що ви маєте буквально огорнути об'єкт дужками, бо інакше JavaScript вважатиме його блоком коду.
+
+# --instructions--
+
+`MyComponent` має властивість `visibility`, яка ініціалізується до `false`. Метод візуалізації має одне зображення, якщо значення `visibility` - правильне, та інше, якщо воно хибне.
+
+Наразі немає способу оновлення властивостей `visibility` у `state`. Значення слід перемикати назад і вперед між правильним та хибним. Під час натискання на кнопку з'являється обробник натискань, який викликає класовий метод під назвою `toggleVisibility()`. Передайте функцію до `setState`, щоб встановити цей метод, і таким чином, коли метод застосується, `state` `visibility` перемикнеться на протилежне значення. Якщо `visibility` це `false`, цей метод змінить їх на `true` і навпаки.
+
+Нарешті, натисніть на кнопку, щоб побачити умовне зображення компоненту, що базується на його `state`.
+
+**Hint:** Не забудьте прив'язати `this` ключове слово до методу в `constructor`!
+
+# --hints--
+
+`MyComponent` має повернути `div` елемент, що містить `button`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MyComponent)).find('div').find('button')
+    .length,
+  1
+);
+```
+
+Стан `MyComponent` має ініціалізуватись з властивістю `visibility` встановленою на `false`.
+
+```js
+assert.strictEqual(
+  Enzyme.mount(React.createElement(MyComponent)).state('visibility'),
+  false
+);
+```
+
+При натисканні на цю кнопку елемент має встановити властивість `visibility` в стан між `true` і `false`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ visibility: false });
+    return mockedComponent.state('visibility');
+  };
+  const second = () => {
+    mockedComponent.find('button').simulate('click');
+    return mockedComponent.state('visibility');
+  };
+  const third = () => {
+    mockedComponent.find('button').simulate('click');
+    return mockedComponent.state('visibility');
+  };
+  const firstValue = first();
+  const secondValue = second();
+  const thirdValue = third();
+  assert(!firstValue && secondValue && !thirdValue);
+})();
+```
+
+Анонімна функція має бути передана до `setState`.
+
+```js
+const paramRegex = '[a-zA-Z$_]\\w*(,[a-zA-Z$_]\\w*)?';
+assert(
+  new RegExp(
+    'this\\.setState\\((function\\(' +
+      paramRegex +
+      '\\){|([a-zA-Z$_]\\w*|\\(' +
+      paramRegex +
+      '\\))=>)'
+  ).test(__helpers.removeWhiteSpace(code))
+);
+```
+
+`this` не можна використовувати всередині `setState`
+
+```js
+assert(!/this\.setState\([^}]*this/.test(code));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    // Change code below this line
+
+    // Change code above this line
+  }
+  // Change code below this line
+
+  // Change code above this line
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      visibility: false
+    };
+    this.toggleVisibility = this.toggleVisibility.bind(this);
+  }
+  toggleVisibility() {
+    this.setState(state => ({
+      visibility: !state.visibility
+    }));
+  }
+  render() {
+    if (this.state.visibility) {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+          <h1>Now you see me!</h1>
+        </div>
+      );
+    } else {
+      return (
+        <div>
+          <button onClick={this.toggleVisibility}>Click Me</button>
+        </div>
+      );
+    }
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentdidmount.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentdidmount.md
new file mode 100644
index 0000000000..bf94598323
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentdidmount.md
@@ -0,0 +1,127 @@
+---
+id: 5a24c314108439a4d403617d
+title: Використання методу componentDidMount
+challengeType: 6
+forumTopicId: 301422
+dashedName: use-the-lifecycle-method-componentdidmount
+---
+
+# --description--
+
+Більшість веб-розробників в якийсь момент мають викликати кінцеву точку API, щоб отримати дані. Якщо ви працюєте у React, потрібно розуміти як виконати цю дію.
+
+Найкращим рішенням буде розмістити виклик API, або будь-які інші виклики направлені до сервера у методі життєвого циклу `componentDidMount()`. Цей метод викликають після того, як компонент встановлено в DOM. Будь-які виклики `setState()` активують ререндер вашого компонента. Коли ви викликаєте API у цьому методі й встановлюєте стан відповідно до вихідних API даних, цей метод автоматично запустить оновлення.
+
+# --instructions--
+
+В `componentDidMount()` є імітація виклику API. Через 2.5 секунди він симулює виклик до сервера для отримання даних. У цьому прикладі йде запит на кількість поточних активних користувачів сайту. У рендер методі покажіть значення `activeUsers` у `h1` після тексту `Active Users:`. Подивіться, що відбувається при попередньому перегляді та спробуйте змінити таймаут, щоб побачити різні ефекти.
+
+# --hints--
+
+`MyComponent` має рендерити елемент `div`, що охоплює `h1` тег.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return (
+      mockedComponent.find('div').length === 1 &&
+      mockedComponent.find('h1').length === 1
+    );
+  })()
+);
+```
+
+Стан компонентів має оновлюватися функцією таймаут у `componentDidMount`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return new RegExp('setTimeout(.|\n)+setState(.|\n)+activeUsers').test(
+      String(mockedComponent.instance().componentDidMount)
+    );
+  })()
+);
+```
+
+Тег `h1` має рендерити значення `activeUsers` зі стану `MyComponent`.
+
+```js
+(() => {
+  const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+  const first = () => {
+    mockedComponent.setState({ activeUsers: 1237 });
+    return mockedComponent.find('h1').text();
+  };
+  const second = () => {
+    mockedComponent.setState({ activeUsers: 1000 });
+    return mockedComponent.find('h1').text();
+  };
+  assert(new RegExp('1237').test(first()) && new RegExp('1000').test(second()));
+})();
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'));
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout(() => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        {/* Change code below this line */}
+        <h1>Active Users: </h1>
+        {/* Change code above this line */}
+      </div>
+    );
+  }
+}
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      activeUsers: null
+    };
+  }
+  componentDidMount() {
+    setTimeout(() => {
+      this.setState({
+        activeUsers: 1273
+      });
+    }, 2500);
+  }
+  render() {
+    return (
+      <div>
+        <h1>Active Users: {this.state.activeUsers}</h1>
+      </div>
+    );
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentwillmount.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentwillmount.md
new file mode 100644
index 0000000000..f79e34f7da
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/use-the-lifecycle-method-componentwillmount.md
@@ -0,0 +1,87 @@
+---
+id: 5a24c314108439a4d403617c
+title: Використання методу життєвого циклу componentWillMount
+challengeType: 6
+forumTopicId: 301423
+dashedName: use-the-lifecycle-method-componentwillmount
+---
+
+# --description--
+
+Компоненти у React мають декілька спеціальних методів, що забезпечують можливість виконувати дії у визначений час у їхньому життєвому циклі. Вони називаються методами життєвого циклу, чи перехоплювачами життєвого циклу і дозволяють виловити компонент у визначений час. Це може бути до того, як вони будуть показані, перш ніж вони оновляться, перш ніж вони отримають реквізити, перш ніж від'єднати і так далі. Ось список декількох методів життєвого циклу: `componentWillMount()` `componentDidMount()` `shouldComponentUpdate()` `componentDidUpdate()` `componentWillUnmount()`. Протягом наступних уроків розглянемо деякі основні випадки використання даних методів.
+
+**Примітка:** метод життєвого циклу `componentWillMount` буде виключено з майбутньої версії 16.X і видалено з версії 17. [(Джерело)](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html)
+
+# --instructions--
+
+Метод `componentWillMount()` викликається перед методом `render()`, коли компонент підключений до DOM. Запишіть щось в консоль в межах `componentWillMount()`; щоб побачити результат - відкрийте консоль вашого браузера.
+
+# --hints--
+
+`MyComponent` має відобразити `div` елемент.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('div').length === 1;
+  })()
+);
+```
+
+`console.log` слід викликати у `componentWillMount`.
+
+```js
+assert(
+  (function () {
+    const lifecycle = React.createElement(MyComponent)
+      .type.prototype.componentWillMount.toString()
+      .replace(/ /g, '');
+    return lifecycle.includes('console.log(');
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<MyComponent />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // Change code below this line
+
+    // Change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  componentWillMount() {
+    // Change code below this line
+    console.log('Component is mounting...');
+    // Change code above this line
+  }
+  render() {
+    return <div />
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-react-component-from-scratch.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-react-component-from-scratch.md
new file mode 100644
index 0000000000..f177f70505
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-react-component-from-scratch.md
@@ -0,0 +1,84 @@
+---
+id: 5a24c314108439a4d4036168
+title: Написання компонента React з нуля
+challengeType: 6
+forumTopicId: 301424
+dashedName: write-a-react-component-from-scratch
+---
+
+# --description--
+
+Тепер, коли ви вивчили основи компонентів JSX і React, прийшов час написати компонент самостійно. Компоненти React є основними складовими елементами додатків React, тому важливо добре ознайомитися з їх написанням. Пам'ятайте, типовий компонент React – це ES6 `class`, який розширює `React.Component`. Він має метод візуалізації, що повертає HTML (від JSX) або `null`. Це основна форма компонента React. Як тільки ви це добре засвоїте, ви будете готові почати розробку більш складних проектів React.
+
+# --instructions--
+
+Визначте клас `MyComponent`, який розширює `React.Component`. Його метод візуалізації повинен повертатися як `div`, який містить теґ `h1` з текстом у ньому: `My First React Component!`. Використовуйте саме цей текст, регістр та пунктуація мають значення. Не забудьте також викликати конструктор для вашого компонента.
+
+Надайте цей документ до DOM, використавши `ReactDOM.render()`. Можна скористатися `div` з `id='challenge-node'`.
+
+# --hints--
+
+Можна побачити компонент React під назвою `MyComponent`.
+
+```js
+(getUserInput) =>
+  assert(
+    __helpers
+      .removeWhiteSpace(getUserInput('index'))
+      .includes('classMyComponentextendsReact.Component{')
+  );
+```
+
+`MyComponent` має містити теґ `h1` з текстом `My First React Component!`. Регістр та пунктуація мають значення.
+
+```js
+assert(
+  (function () {
+    const mockedComponent = Enzyme.mount(React.createElement(MyComponent));
+    return mockedComponent.find('h1').text() === 'My First React Component!';
+  })()
+);
+```
+
+`MyComponent` має бути переданим до DOM.
+
+```js
+assert(document.getElementById('challenge-node').childNodes.length === 1);
+```
+
+`MyComponent` має мати конструктор під назвою `super` з `props`.
+
+```js
+assert(
+  MyComponent.toString().includes('MyComponent(props)') &&
+    MyComponent.toString().includes('_super.call(this, props)')
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```jsx
+// Change code below this line
+```
+
+# --solutions--
+
+```jsx
+// Change code below this line
+class MyComponent extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        <h1>My First React Component!</h1>
+      </div>
+    );
+  }
+};
+
+ReactDOM.render(<MyComponent />, document.getElementById('challenge-node'));
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-simple-counter.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-simple-counter.md
new file mode 100644
index 0000000000..f1258c990c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/write-a-simple-counter.md
@@ -0,0 +1,146 @@
+---
+id: 5a24c314108439a4d4036177
+title: Введення простого лічильника
+challengeType: 6
+forumTopicId: 301425
+dashedName: write-a-simple-counter
+---
+
+# --description--
+
+Ви можете створити більш складний компонент, що зберігає стан, комбінуючи поняття, розглянуті раніше. Вони включають ініціалізацію `state`, методи запису, які встановлюють `state`, та призначення обробників кліків для запуску цих методів.
+
+# --instructions--
+
+Компонент `Counter` відстежує значення `count` в `state`. Існує дві кнопки для виклику методів `increment()` та `decrement()`. Напишіть ці методи так, щоб значення лічильника було збільшено або зменшено на 1 при натисканні відповідної кнопки. Крім того, створіть метод `reset()` так, щоб при натисканні кнопки рахунок дорівнював 0.
+
+**Примітка:** Переконайтеся, що ви не змінили `className` кнопок. Також не забудьте додати необхідні прив'язки для новостворених методів в конструктор.
+
+# --hints--
+
+`Counter` повинен повертатися як елемент `div`, який містить три кнопки з текстовим вмістом у такому порядку: `Increment!`, `Decrement!`, `Reset`.
+
+```js
+assert(
+  (() => {
+    const mockedComponent = Enzyme.mount(React.createElement(Counter));
+    return (
+      mockedComponent.find('.inc').text() === 'Increment!' &&
+      mockedComponent.find('.dec').text() === 'Decrement!' &&
+      mockedComponent.find('.reset').text() === 'Reset'
+    );
+  })()
+);
+```
+
+Стан `Counter` має ініціалізуватись за допомогою властивості `count` з заданим значенням `0`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(Counter));
+assert(mockedComponent.find('h1').text() === 'Current Count: 0');
+```
+
+Після натискання кнопки збільшення, рахунок має збільшитись на `1`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(Counter));
+mockedComponent.find('.inc').simulate('click');
+assert(mockedComponent.find('h1').text() === 'Current Count: 1');
+```
+
+Після натискання кнопки зменшення, рахунок має зменшитись на `1`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(Counter));
+mockedComponent.find('.dec').simulate('click');
+assert(mockedComponent.find('h1').text() === 'Current Count: -1');
+```
+
+Після натискання кнопки перезапуску рахунок дорівнюватиме `0`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(Counter));
+mockedComponent.setState({ count: 5 });
+const currentCountElement = mockedComponent.find('h1');
+assert(currentCountElement.text() === 'Current Count: 5');
+mockedComponent.find('.reset').simulate('click');
+assert(currentCountElement.text() === 'Current Count: 0');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```jsx
+ReactDOM.render(<Counter />, document.getElementById('root'))
+```
+
+## --seed-contents--
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+    // Change code below this line
+
+    // Change code above this line
+  }
+  // Change code below this line
+
+  // Change code above this line
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+```
+
+# --solutions--
+
+```jsx
+class Counter extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      count: 0
+    };
+  this.increment = this.increment.bind(this);
+ this.decrement = this.decrement.bind(this);
+ this.reset = this.reset.bind(this);
+ }
+  reset() {
+    this.setState({
+      count: 0
+    });
+  }
+  increment() {
+    this.setState(state => ({
+      count: state.count + 1
+    }));
+  }
+  decrement() {
+    this.setState(state => ({
+      count: state.count - 1
+    }));
+  }
+  render() {
+    return (
+      <div>
+        <button className='inc' onClick={this.increment}>Increment!</button>
+        <button className='dec' onClick={this.decrement}>Decrement!</button>
+        <button className='reset' onClick={this.reset}>Reset</button>
+        <h1>Current Count: {this.state.count}</h1>
+      </div>
+    );
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/combine-multiple-reducers.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/combine-multiple-reducers.md
new file mode 100644
index 0000000000..6567c2eadb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/combine-multiple-reducers.md
@@ -0,0 +1,175 @@
+---
+id: 5a24c314108439a4d4036154
+title: Об'єднати множинні зменшувачі
+challengeType: 6
+forumTopicId: 301436
+dashedName: combine-multiple-reducers
+---
+
+# --description--
+
+Коли стан вашого додатку стає більш складним, спокусливіше було б розділити стан на кілька частин. Замість цього запам'ятайте перший принцип Redux: весь стан програми відбувається в одному об'єкті стану, в сховищі. Тому, Redux забезпечує зменшення поєднання як рішення складного стану моделі. Ви визначаєте декілька знижень, щоб працювати з різними частинами вашого стану програм, і потім складаєте ці зменшувачі разом в одному кореневому варіанті. Кореневий варіант передається в Rudex за допомогою `createStore()`  методу.
+
+Для того, щоб дозволити нам комбінувати декілька скорочень разом, Redux надає `combineReducers()` метод. Цей метод приймає об'єкт як аргумент, в якому ви зазначаєте властивості, які пов'язують ключі з конкретними зменшувальними функціями. Назва, яку ви даєте ключам, буде використовуватися Redux як назва для відповідного фрагменту стану.
+
+Як правило, для кожної частини програми корисно створити скорочення якщо вони різні або унікальні. Наприклад, у сповіщенні за допомогою автентифікації користувачів, один лічильник може обробляти автентифікацію, поки інший обробляє текст і замітки, які користувач надсилає. Для такої програми ми могли б написати метод `combineReducers()` на зразок цього:
+
+```js
+const rootReducer = Redux.combineReducers({
+  auth: authenticationReducer,
+  notes: notesReducer
+});
+```
+
+Тепер для доступу `notes`  буде встановлено весь режим, пов'язаний з нашими нотатками та оброблено нашими `notesReducer`. Ось так можна скласти кілька скорочень для керування більш складним станом програми. У цьому прикладі, стан, утриманий у сховищі Redux, буде єдиним об'єктом, що містить `auth` і `notes` властивостей.
+
+# --instructions--
+
+Існує `counterReducer()` і `authReducer()` функції, які надані в текстовому редакторі, а також Redux сховищі. Завершіть запис функції `rootReducer()` за допомогою методу `Redux.combineReducers()`. Призначте `counterReducer` під назвою `count` і `authReducer` до ключа під назвою `auth`.
+
+# --hints--
+
+Код `counterReducer` повинен збільшити а `state` зменшити.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState().count;
+    store.dispatch({ type: INCREMENT });
+    store.dispatch({ type: INCREMENT });
+    const firstState = store.getState().count;
+    store.dispatch({ type: DECREMENT });
+    const secondState = store.getState().count;
+    return firstState === initialState + 2 && secondState === firstState - 1;
+  })()
+);
+```
+
+Код `authReducer` повинен переключити `state` `authenticated` між `true` і `false`.
+
+```js
+assert(
+  (function () {
+    store.dispatch({ type: LOGIN });
+    const loggedIn = store.getState().auth.authenticated;
+    store.dispatch({ type: LOGOUT });
+    const loggedOut = store.getState().auth.authenticated;
+    return loggedIn === true && loggedOut === false;
+  })()
+);
+```
+
+У сховищі `state` має бути два ключі: `count` який містить номер і `auth`, який містить об'єкт. `auth` повинен мати властивість `authenticated`, який містить логічне значення.
+
+```js
+assert(
+  (function () {
+    const state = store.getState();
+    return (
+      typeof state.auth === 'object' &&
+      typeof state.auth.authenticated === 'boolean' &&
+      typeof state.count === 'number'
+    );
+  })()
+);
+```
+
+`rootReducer` повинен бути функцією, що поєднує `counterReducer` і `authReducer`.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const noWhiteSpace = __helpers.removeWhiteSpace(getUserInput('index'));
+      return (
+        typeof rootReducer === 'function' &&
+        noWhiteSpace.includes('Redux.combineReducers')
+      );
+    })()
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = // Define the root reducer here
+
+const store = Redux.createStore(rootReducer);
+```
+
+# --solutions--
+
+```js
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const authReducer = (state = {authenticated: false}, action) => {
+  switch(action.type) {
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+    default:
+      return state;
+  }
+};
+
+const rootReducer = Redux.combineReducers({
+  count: counterReducer,
+  auth: authReducer
+});
+
+const store = Redux.createStore(rootReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/copy-an-object-with-object.assign.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/copy-an-object-with-object.assign.md
new file mode 100644
index 0000000000..72d009fcee
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/copy-an-object-with-object.assign.md
@@ -0,0 +1,133 @@
+---
+id: 5a24c314108439a4d403615b
+title: Копіювання об'єкта за допомогою функції Object.assign
+challengeType: 6
+forumTopicId: 301437
+dashedName: copy-an-object-with-object-assign
+---
+
+# --description--
+
+Останні кілька завдань стосувалися роботи з масивами, проте є способи допомогти забезпечити незмінність стану, коли стан є також `object`. Корисним інструментом для роботи з об'єктами є функція `Object.assign()`. Функція `Object.assign()` бере цільовий об'єкт та вихідні об'єкти та призначає властивості вихідних об'єктів цільовим. Будь-які властивості, що збігаються, перезаписуються властивостями у вихідних об’єктах. Це поводження об'єкта зазвичай використовується задля створення поверхневих копій об'єктів, що здійснюється за допомогою передачі порожніх об'єктів у ролі першого аргумента, за яким слідує об'єкт(-и), які ви хочете зкопіювати. Наприклад:
+
+```js
+const newObject = Object.assign({}, obj1, obj2);
+```
+
+Це створює `newObject` як новий `object`, що містить властивості, які вже існують у `obj1` та `obj2`.
+
+# --instructions--
+
+Стан та дії Redux були змінені для обробки `object` для `state`. Відредагуйте код для повернення нового `state` об'єкта для дій з типом `ONLINE`, який встановлює властивість `status` рядку `online`. Спробуйте використати `Object.assign()` для завершення завдання.
+
+# --hints--
+
+Сховище Redux має існувати та запускатися зі станом, еквівалентним об'єкту `defaultState`, заявленому у рядку 1.
+
+```js
+assert(
+  (function () {
+    const expectedState = {
+      user: 'CamperBot',
+      status: 'offline',
+      friends: '732,982',
+      community: 'freeCodeCamp'
+    };
+    const initialState = store.getState();
+    return DeepEqual(expectedState, initialState);
+  })()
+);
+```
+
+`wakeUp` та `immutableReducer` - обидві мають бути функціями.
+
+```js
+assert(typeof wakeUp === 'function' && typeof immutableReducer === 'function');
+```
+
+Розміщення дії типу `ONLINE` має оновлювати властивості `status` у стані до `online`, проте НЕ може змінювати стан.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    const isFrozen = DeepFreeze(initialState);
+    store.dispatch({ type: 'ONLINE' });
+    const finalState = store.getState();
+    const expectedState = {
+      user: 'CamperBot',
+      status: 'online',
+      friends: '732,982',
+      community: 'freeCodeCamp'
+    };
+    return isFrozen && DeepEqual(finalState, expectedState);
+  })()
+);
+```
+
+`Object.assign` слід використовувати для повернення нового стану.
+
+```js
+(getUserInput) => assert(getUserInput('index').includes('Object.assign'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      // Don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+```
+
+# --solutions--
+
+```js
+const defaultState = {
+  user: 'CamperBot',
+  status: 'offline',
+  friends: '732,982',
+  community: 'freeCodeCamp'
+};
+
+const immutableReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case 'ONLINE':
+      return Object.assign({}, state, {
+        status: 'online'
+      });
+    default:
+      return state;
+  }
+};
+
+const wakeUp = () => {
+  return {
+    type: 'ONLINE'
+  }
+};
+
+const store = Redux.createStore(immutableReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/create-a-redux-store.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/create-a-redux-store.md
new file mode 100644
index 0000000000..0bb0a5c52b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/create-a-redux-store.md
@@ -0,0 +1,61 @@
+---
+id: 5a24c314108439a4d403614b
+title: Створення сховища Redux
+challengeType: 6
+forumTopicId: 301439
+dashedName: create-a-redux-store
+---
+
+# --description--
+
+Redux - це фреймворк керування станами, який може використовуватися з низкою різних веб-технологій, включно із React.
+
+У Redux є єдиний об'єкт стану, який відповідає за стан усього вашого застосунку. Це означає, що якщо б у вас був застосунок на React з десятьма компонентами, і кожен компонент мав би власний внутрішній стан, то увесь стан вашого застосунку визначався б по єдиному об'єкту стану, розміщеному на Redux `store` (сховищі). Це і є перший важливий принцип, який слід зрозуміти під час вивчення Redux: сховище Redux - це єдине джерело достовірних даних, коли йдеться про стан застосунку.
+
+Це також означає, що, якщо у будь-який час, будь-яка частина вашого застосунку забажає оновити стан, то вона **має** зробити це через сховище Redux. Односпрямований потік даних дозволяє значно легше відстежувати управління станом у вашому застосунку.
+
+# --instructions--
+
+Redux `store` (сховище) - це об'єкт, який містить та скеровує `state` (стан) застосунку. Цей метод має назву `createStore()` на об'єкті Redux, який ви використовуєте, щоб створити `store` (сховище) Redux. Цей метод використовує функцію `reducer` як необхідний аргумент. Функція `reducer` розкривається в наступних завданнях та вже визначена для вас в редакторі коду. Вона просто бере `state` як аргумент та повертає `state`.
+
+Вкажіть `store` змінною та призначте її методу `createStore()`, передавши у `reducer` як аргумент.
+
+**Примітка:** код в редакторі за замовчуванням використовує синтаксис аргументів ES6 для ініціалізаціїї цього стану для утримання значення `5`. Якщо ви не знайомі з аргументами за замовчуванням, ви можете дізнатися більше у [секції ES6 в Навчальному плані ](https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions), що охоплює цю тему.
+
+# --hints--
+
+Повинно існувати сховище Redux.
+
+```js
+assert(typeof store.getState === 'function');
+```
+
+Сховище Redux повинно мати значення 5 для стану.
+
+```js
+assert(store.getState() === 5);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const reducer = (state = 5) => {
+  return state;
+}
+
+// Redux methods are available from a Redux object
+// For example: Redux.createStore()
+// Define the store here:
+```
+
+# --solutions--
+
+```js
+const reducer = (state = 5) => {
+  return state;
+}
+
+const store = Redux.createStore(reducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-a-redux-action.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-a-redux-action.md
new file mode 100644
index 0000000000..49072dbd05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-a-redux-action.md
@@ -0,0 +1,55 @@
+---
+id: 5a24c314108439a4d403614d
+title: Визначення дії Redux
+challengeType: 6
+forumTopicId: 301440
+dashedName: define-a-redux-action
+---
+
+# --description--
+
+Оскільки Redux це фреймворк керування станами, оновлення стану є одним з його основних завдань. В Redux, всі оновлення стану запускаються при відправленні дій. Дія це просто JavaScript об'єкт, який містить інформацію про дію, що відбулася. Redux сховище отримує ці об'єкти дій, а потім оновлює стан відповідно. Інколи дія Redux також містить певні дані. Наприклад, дія може містити ім'я користувача після його входу. У той час як дані необов'язкові, дії можуть містити властивість `type`, яка визначає 'тип' дії, що відбулася.
+
+Вважайте дії Redux як месенджери, які доставляють інформацію про події, що відбуваються у вашому додатку до сховища Redux. Після чого сховище здійснює оновлення стану на основі дії, що відбулася.
+
+# --instructions--
+
+Написання дії Redux є таким же простим, як і декларація об'єкта за допомогою типової властивості. Вкажіть об'єкт `action` і надайте йому властивість `type` встановіть рядок `'LOGIN'`.
+
+# --hints--
+
+Об'єкт `action` повинен існувати.
+
+```js
+assert(
+  (function () {
+    return typeof action === 'object';
+  })()
+);
+```
+
+Об'єкт `action` повинен мати властивість ключа `type` зі значенням `LOGIN`.
+
+```js
+assert(
+  (function () {
+    return action.type === 'LOGIN';
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+// Define an action here:
+```
+
+# --solutions--
+
+```js
+const action = {
+  type: 'LOGIN'
+}
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-an-action-creator.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-an-action-creator.md
new file mode 100644
index 0000000000..086ec967b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/define-an-action-creator.md
@@ -0,0 +1,57 @@
+---
+id: 5a24c314108439a4d403614e
+title: Визначення виконавця дії
+challengeType: 6
+forumTopicId: 301441
+dashedName: define-an-action-creator
+---
+
+# --description--
+
+Після створення дії, наступний крок це відправлення дії до Redux сховища, так щоб він зміг оновити свій стан. В Redux, ви визначаєте виконавців дій. Виконавець дії - це просто функція JavaScript, яка повертає дію. Іншими словами, виконавці дій створюють об'єкти які відображають події дій.
+
+# --instructions--
+
+Визначте функцію з назвою `actionCreator()`, яка повертає об'єкт `action` під час її виклику.
+
+# --hints--
+
+Функція `actionCreator` повинна існувати.
+
+```js
+assert(typeof actionCreator === 'function');
+```
+
+Запуск функції `actionCreator` повинен повернути об'єкт `action`.
+
+```js
+assert(typeof action === 'object');
+```
+
+Повернений об'єкт `action` повинен мати властивість ключа `type` зі значенням `LOGIN`.
+
+```js
+assert(action.type === 'LOGIN');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const action = {
+  type: 'LOGIN'
+}
+// Define an action creator here:
+```
+
+# --solutions--
+
+```js
+const action = {
+  type: 'LOGIN'
+}
+const actionCreator = () => {
+  return action;
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/dispatch-an-action-event.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/dispatch-an-action-event.md
new file mode 100644
index 0000000000..fb299ae45b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/dispatch-an-action-event.md
@@ -0,0 +1,85 @@
+---
+id: 5a24c314108439a4d403614f
+title: Відправлення події дії
+challengeType: 6
+forumTopicId: 301442
+dashedName: dispatch-an-action-event
+---
+
+# --description--
+
+Метод `dispatch` це те, що ви використовуєте для відправлення дій до сховища Redux. Виклик `store.dispatch()` і передача значення, повернутого від виконавця дії, відправляє дію назад у сховище.
+
+Згадайте що виконавці дій повертають об'єкт з властивістю типу, яка вказує дію, що відбулася. Тоді метод відправляє об'єкт дії до сховища Redux. На підставі прикладу з попереднього завдання, наступні рядки є еквівалентними, і обидва відправляють дію типу `LOGIN`:
+
+```js
+store.dispatch(actionCreator());
+store.dispatch({ type: 'LOGIN' });
+```
+
+# --instructions--
+
+Сховище Redux у редакторі коду має ініціалізований стан, де об'єкт містить властивість `login`, яка в даний момент встановлена на `false`. Існує також виконавець дії з назвою `loginAction()`, що повертає дію типу `LOGIN`. Відправте дію `LOGIN` до сховища Redux шляхом виклику методу `dispatch`, і передайте в дію створену `loginAction()`.
+
+# --hints--
+
+Виклик функції `loginAction` повинен повернути об'єкт з набором параметрів `type` до рядку `LOGIN`.
+
+```js
+assert(loginAction().type === 'LOGIN');
+```
+
+Сховище має бути ініціалізованим з об'єктом, що має параметр `login` встановлений на `false`.
+
+```js
+assert(store.getState().login === false);
+```
+
+Метод `store.dispatch()` використовується для відправлення дії типу `LOGIN`.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      let noWhiteSpace = getUserInput('index').replace(/\s/g, '');
+      return (
+        noWhiteSpace.includes('store.dispatch(loginAction())') ||
+        noWhiteSpace.includes("store.dispatch({type: 'LOGIN'})") === true
+      );
+    })()
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+// Dispatch the action here:
+```
+
+# --solutions--
+
+```js
+const store = Redux.createStore(
+  (state = {login: false}) => state
+);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+store.dispatch(loginAction());
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/get-state-from-the-redux-store.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/get-state-from-the-redux-store.md
new file mode 100644
index 0000000000..af3a3cf003
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/get-state-from-the-redux-store.md
@@ -0,0 +1,55 @@
+---
+id: 5a24c314108439a4d403614c
+title: Отримання стану з сховища Redux
+challengeType: 6
+forumTopicId: 301443
+dashedName: get-state-from-the-redux-store
+---
+
+# --description--
+
+Об'єкт сховища Redux надає кілька методів які дозволяють вам взаємодіяти з ним. Наприклад, ви можете отримати поточне значення `state` в об'єкті сховища Redux за допомогою методу `getState()`.
+
+# --instructions--
+
+Код з попереднього завдання переписаний більш лаконічно у редакторі коду. Використайте `store.getState()` щоб отримати `state` з `store`, і призначте до нової змінної `currentState`.
+
+# --hints--
+
+Сховище Redux повинно мати значення 5 для початкового стану.
+
+```js
+assert(store.getState() === 5);
+```
+
+Змінна `currentState` повинна існувати і повинна встановлювати поточний стан сховища Redux.
+
+```js
+(getUserInput) =>
+  assert(
+    currentState === 5 && getUserInput('index').includes('store.getState()')
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// Change code below this line
+```
+
+# --solutions--
+
+```js
+const store = Redux.createStore(
+  (state = 5) => state
+);
+
+// Change code below this line
+const currentState = store.getState();
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/handle-an-action-in-the-store.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/handle-an-action-in-the-store.md
new file mode 100644
index 0000000000..2b8cbceff0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/handle-an-action-in-the-store.md
@@ -0,0 +1,108 @@
+---
+id: 5a24c314108439a4d4036150
+title: Обробка дії в сховищі
+challengeType: 6
+forumTopicId: 301444
+dashedName: handle-an-action-in-the-store
+---
+
+# --description--
+
+Після того, як дія була створена та відправлена, сховище Redux мусить знати, як відповідати на цю дію. Це — завдання для функції `reducer`. Зменшувачі в Redux відповідають за стан змін, які відбуваються у відповідь на дії. `reducer` використовує `state` та `action` як аргументи, і це завжди повертає новий `state`. Важливим є те, що це — **єдина** роль зменшувача. У нього немає побічних дій — він не викличе кінцеву точку API й не має підводних каменів. Зменшувач — це просто чиста функція, яка використовує стан і дію та повертає новий стан.
+
+Іншим ключовим принципом Redux є те, що `state` — тільки для читання. Іншими словами, функція `reducer` мусить **завжди** повертати нову копію `state` і ніколи не змінювати безпосередньо стан. Redux не забезпечує незмінність стану, щоправда, ви відповідаєте за його забезпечення у вашому коді та функціях зменшувача. Ви зможете попрактикуватись у цьому в наступних завданнях.
+
+# --instructions--
+
+Редактор коду має попередній приклад, точно так само, як і початок функції `reducer` для вас. Заповніть основну частину функції `reducer` так, щоб, якщо вона отримає дію типу `'LOGIN'`, то поверне об'єкт з набором `login` для `true`. В іншому випадку, вона поверне поточний `state`. Зверніть увагу, що поточний `state` та відправлена `action` підходять для зменшувача, то ж ви зможете отримати доступ безпосередньо до типу дії з `action.type`.
+
+# --hints--
+
+Виклик функції `loginAction` повинен повертатися як об'єкт з типом набору параметрів для рядка `LOGIN`.
+
+```js
+assert(loginAction().type === 'LOGIN');
+```
+
+Сховище мусить бути ініціалізованим з об'єктом, що має параметр `login`, встановлений на `false`.
+
+```js
+assert(store.getState().login === false);
+```
+
+Відправлення `loginAction` мусить оновити параметр `login` у сховищі, до стану `true`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(loginAction());
+    const afterState = store.getState();
+    return initialState.login === false && afterState.login === true;
+  })()
+);
+```
+
+Якщо дія не є типом `LOGIN`, то сховище мусить повернути поточний стан.
+
+```js
+assert(
+  (function () {
+    store.dispatch({ type: '__TEST__ACTION__' });
+    let afterTest = store.getState();
+    return typeof afterTest === 'object' && afterTest.hasOwnProperty('login');
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+  // Change code below this line
+
+  // Change code above this line
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+```
+
+# --solutions--
+
+```js
+const defaultState = {
+  login: false
+};
+
+const reducer = (state = defaultState, action) => {
+
+  if (action.type === 'LOGIN') {
+    return {login: true}
+  }
+
+  else {
+    return state
+  }
+
+};
+
+const store = Redux.createStore(reducer);
+
+const loginAction = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md
new file mode 100644
index 0000000000..51ae72765a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md
@@ -0,0 +1,133 @@
+---
+id: 5a24c314108439a4d4036158
+title: Незмінний стан
+challengeType: 6
+forumTopicId: 301445
+dashedName: never-mutate-state
+---
+
+# --description--
+
+Ці останні завдання описують кілька методів забезпечення ключового принципу незмінності стану в Redux. Незмінний стан означає, що ви ніколи безпосередньо не змінюєте стан, натомість ви повертаєте нову копію стану.
+
+Якби ви сфотографували стан додатку Redux через деякий час, ви б побачите щось на зразок `state 1`, `state 2`, `state 3`, `state 4`, `...` і так далі, де кожен стан може бути подібним до останнього, але кожен - це окрема частина даних. Ця незмінність, насправді, є тим, що створює такі функції як налагодження подорожі у часі, про яку ви, можливо, чули.
+
+Redux не активно застосовує незмінність стану у своєму сховищі чи редукторах, ця відповідальність лягає на програміста. На щастя, JavaScript (особливо ES6) надає кілька корисних інструментів, які ви можете використати для забезпечення незмінності вашого стану, чи це `string`, `number`, `array`, чи `object`. Зверніть увагу, що рядки і цифри є простими значеннями і є незмінними за своїми властивостями. Іншими словами, 3 завжди є 3. Ми не можемо змінити значення числа 3. Однак `array` або `object`, є незмінними. На практиці, ваш стан, ймовірно, складатиметься з `array` або `object`, оскільки це корисні структури даних для представлення багатьох типів інформації.
+
+# --instructions--
+
+В редакторі коду є `store` і `reducer` для керування елементами списку справ. Завершіть написання випадку `ADD_TO_DO` в редукторі, щоб додати новий список справ у стан. Існує кілька способів досягти цього з стандартним JavaScript або ES6. Подивіться, чи ви зможете знайти спосіб повернути новий масив з елементом `action.todo`, доданим до кінця.
+
+# --hints--
+
+Сховище Redux повинне існувати й ініціалізуватися зі станом, який дорівнює масиву `todos` в редакторі коду.
+
+```js
+assert(
+  (function () {
+    const todos = [
+      'Go to the store',
+      'Clean the house',
+      'Cook dinner',
+      'Learn to code'
+    ];
+    const initialState = store.getState();
+    return (
+      Array.isArray(initialState) && initialState.join(',') === todos.join(',')
+    );
+  })()
+);
+```
+
+Обидві `addToDo` і `immutableReducer` мають бути функціями.
+
+```js
+assert(typeof addToDo === 'function' && typeof immutableReducer === 'function');
+```
+
+Коли у Redux сховище відправляєте дію типу `ADD_TO_DO`, ви повинні додати `todo` і не можете змінювати стан.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    const isFrozen = DeepFreeze(initialState);
+    store.dispatch(addToDo('__TEST__TO__DO__'));
+    const finalState = store.getState();
+    const expectedState = [
+      'Go to the store',
+      'Clean the house',
+      'Cook dinner',
+      'Learn to code',
+      '__TEST__TO__DO__'
+    ];
+    return isFrozen && DeepEqual(finalState, expectedState);
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const ADD_TO_DO = 'ADD_TO_DO';
+
+// A list of strings representing tasks to do:
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      // Don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
+
+# --solutions--
+
+```js
+const ADD_TO_DO = 'ADD_TO_DO';
+
+const todos = [
+  'Go to the store',
+  'Clean the house',
+  'Cook dinner',
+  'Learn to code',
+];
+
+const immutableReducer = (state = todos, action) => {
+  switch(action.type) {
+    case ADD_TO_DO:
+      return state.concat(action.todo);
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: ADD_TO_DO,
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md
new file mode 100644
index 0000000000..e9aed0206d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md
@@ -0,0 +1,118 @@
+---
+id: 5a24c314108439a4d4036153
+title: Реєстрація слухача Сховища
+challengeType: 6
+forumTopicId: 301446
+dashedName: register-a-store-listener
+---
+
+# --description--
+
+Інший метод, до якого ви маєте доступ на сховищі Redux `store` це `store.subscribe()`. Він дозволяє прив'язати функції слухача до сховища, які викликаються коли дія відбувається у сховищі. Одне просте використання цього методу це прив'язка функції до сховища, що просто записує повідомлення кожен раз, коли дія отримується і сховище оновлюється.
+
+# --instructions--
+
+Напишіть функцію зворотного зв'язку, яка збільшує глобальну змінну `count` кожен раз коли сховище отримує дію, і передайте цю функцію в методі `store.subscribe()`. Ви побачите, що `store.dispatch()` викликається три рази підряд, кожен раз безпосереднього проходячи в об'єкт дії. Спостерігайте вихідні дані консолі під час відправлення дії, щоб побачити оновлення які відбуваються.
+
+# --hints--
+
+Відправлення дії `ADD` до сховище має збільшити стан на `1`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch({ type: 'ADD' });
+    const newState = store.getState();
+    return newState === initialState + 1;
+  })()
+);
+```
+
+Використовуючи `store.subscribe` має бути функція слухача прив'язна до сховища.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/store\s*\.\s*subscribe\(/gm));
+```
+
+Дія `store.subscribe` має отримувати функцію.
+
+```js
+(getUserInput) => assert(getUserInput('index').match(/(\s*function\s*)|(\s*\(\s*\)\s*=>)/gm)) 
+```
+
+Зворотний виклик до `store.subscribe` повинен також збільшити глобальну змінну `count`, оскільки сховище оновлюється.
+
+```js
+assert(store.getState() === count);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+count = 0;
+```
+
+## --seed-contents--
+
+```js
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+
+// Global count variable:
+let count = 0;
+
+// Change code below this line
+
+// Change code above this line
+
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+store.dispatch({type: ADD});
+console.log(count);
+```
+
+# --solutions--
+
+```js
+const ADD = 'ADD';
+
+const reducer = (state = 0, action) => {
+  switch(action.type) {
+    case ADD:
+      return state + 1;
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(reducer);
+ let count = 0;
+// Change code below this line
+
+store.subscribe( () =>
+ {
+ count++;
+ }
+);
+
+// Change code above this line
+
+store.dispatch({type: ADD});
+store.dispatch({type: ADD});
+store.dispatch({type: ADD});
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/remove-an-item-from-an-array.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/remove-an-item-from-an-array.md
new file mode 100644
index 0000000000..36e33c1ae4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/remove-an-item-from-an-array.md
@@ -0,0 +1,114 @@
+---
+id: 5a24c314108439a4d403615a
+title: Вилучення елементу з масиву
+challengeType: 6
+forumTopicId: 301447
+dashedName: remove-an-item-from-an-array
+---
+
+# --description--
+
+Час потренуватися вилучати елементи з масиву. Поширені оператори також можуть тут використовуватись. Інші корисні методи JavaScript включають `slice()` та `concat()`.
+
+# --instructions--
+
+Зменшувач та виконавець дії були змінені на те, щоб вилучати елемент з масиву, ґрунтуючись на індексі елемента. Завершіть написання зменшувача, щоб новий стан масиву повернувся з елементом за конкретним видаленим індексом.
+
+# --hints--
+
+Сховище Redux має існувати та ініціалізуватися зі станом, що дорівнює `[0,1,2,3,4,5]`
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    return (
+      Array.isArray(initialState) === true &&
+      DeepEqual(initialState, [0, 1, 2, 3, 4, 5])
+    );
+  })()
+);
+```
+
+Обидва `removeItem` та `immutableReducer` мають бути функціями.
+
+```js
+assert(
+  typeof removeItem === 'function' && typeof immutableReducer === 'function'
+);
+```
+
+Виконання дії `removeItem` має видаляти елементи зі стану та НЕ змінювати його.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    const isFrozen = DeepFreeze(initialState);
+    store.dispatch(removeItem(3));
+    const state_1 = store.getState();
+    store.dispatch(removeItem(2));
+    const state_2 = store.getState();
+    store.dispatch(removeItem(0));
+    store.dispatch(removeItem(0));
+    store.dispatch(removeItem(0));
+    const state_3 = store.getState();
+    return (
+      isFrozen &&
+      DeepEqual(state_1, [0, 1, 2, 4, 5]) &&
+      DeepEqual(state_2, [0, 1, 4, 5]) &&
+      DeepEqual(state_3, [5])
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      // Don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
+
+# --solutions--
+
+```js
+const immutableReducer = (state = [0,1,2,3,4,5], action) => {
+  switch(action.type) {
+    case 'REMOVE_ITEM':
+      return [
+        ...state.slice(0, action.index),
+        ...state.slice(action.index + 1)
+      ];
+    default:
+      return state;
+  }
+};
+
+const removeItem = (index) => {
+  return {
+    type: 'REMOVE_ITEM',
+    index
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/send-action-data-to-the-store.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/send-action-data-to-the-store.md
new file mode 100644
index 0000000000..fb37a45d64
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/send-action-data-to-the-store.md
@@ -0,0 +1,107 @@
+---
+id: 5a24c314108439a4d4036155
+title: Надсилання даних про дії до сховища
+challengeType: 6
+forumTopicId: 301448
+dashedName: send-action-data-to-the-store
+---
+
+# --description--
+
+Ви вже дізнались як виконувати дії зі сховищем Redux, але досі ці дії не містили ніякої інформації, крім `type`. Ви також можете надсилати певні дані разом з вашими діями. Насправді це дуже поширене явище, тому що дії зазвичай виникають з певних взаємодій, і вони, як правило, мають у собі деякі дані. Сховище Redux зазвичай має знати про ці дані.
+
+# --instructions--
+
+Є основний виконавець дій `notesReducer()` та `addNoteText()`, визначені в редакторі коду. Завершіть основну частину функції `addNoteText()`, щоб вона повернула об'єкт `action`. Об'єкт має включати властивість `type` зі значенням `ADD_NOTE`, а також набір властивостей `text` для даних `note`, які призначені для виконавця дій. При виклику виконавця дій, ви передаєте особливу інформацію, що маєте доступ до об'єкта.
+
+Далі, завершіть написання команди `switch` у `notesReducer()`. Ви маєте додати випадок, який опрацьовує дії `addNoteText()`. Цей випадок має спрацьовувати щоразу, коли є дія типу `ADD_NOTE` і вона повинен повертатися як властивість `text` у вхідній `action` як новий `state`.
+
+Ця дія виконується у нижній частині коду. Щойно закінчите, запустіть код і зверніть увагу на консоль. Це все, що потрібно, щоб надіслати особливі дані про дії у сховище та використовувати під час оновлення сховища `state`.
+
+# --hints--
+
+Виконавець дій `addNoteText` повинен повертатися як об'єкт з ключами `type` та `text`.
+
+```js
+assert(
+  (function () {
+    const addNoteFn = addNoteText('__TEST__NOTE');
+    return addNoteFn.type === ADD_NOTE && addNoteFn.text === '__TEST__NOTE';
+  })()
+);
+```
+
+Запуск дії типу `ADD_NOTE` з виконавцем дії `addNoteText` має оновлювати `state` до рядка, переданого виконавцю дій.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(addNoteText('__TEST__NOTE'));
+    const newState = store.getState();
+    return initialState !== newState && newState === '__TEST__NOTE';
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // Change code below this line
+
+    // Change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // Change code below this line
+
+  // Change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello!'));
+console.log(store.getState());
+```
+
+# --solutions--
+
+```js
+const ADD_NOTE = 'ADD_NOTE';
+
+const notesReducer = (state = 'Initial State', action) => {
+  switch(action.type) {
+    // Change code below this line
+    case ADD_NOTE:
+      return action.text;
+    // Change code above this line
+    default:
+      return state;
+  }
+};
+
+const addNoteText = (note) => {
+  // Change code below this line
+  return {
+    type: ADD_NOTE,
+    text: note
+  }
+  // Change code above this line
+};
+
+const store = Redux.createStore(notesReducer);
+
+console.log(store.getState());
+store.dispatch(addNoteText('Hello Redux!'));
+console.log(store.getState());
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md
new file mode 100644
index 0000000000..43bc7f95f5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-a-switch-statement-to-handle-multiple-actions.md
@@ -0,0 +1,152 @@
+---
+id: 5a24c314108439a4d4036151
+title: Використовуйте команду Switch для виконання декількох дій
+challengeType: 6
+forumTopicId: 301449
+dashedName: use-a-switch-statement-to-handle-multiple-actions
+---
+
+# --description--
+
+Ви можете вказати в сховищі Redux, як обробляти кілька типів дій. Припустимо, ви керуєте автентифікацією користувача у вашому сховищі Redux. Ви хочете мати чітке уявлення, коли користувачі входять у систему та коли вони виходять. Ви передаєте це єдиним чітким об’єктом із властивістю `authenticated`. Вам також потрібні творці дій, які створюють дії, що відповідають призначеним для входу користувача та виходу користувача, разом з самими об'єктами.
+
+# --instructions--
+
+У редакторі коду є сховище, дії та виконавці створені для вас. Заповніть функцію `reducer` для обробки кількох дій автентифікації. Використовуйте команду JavaScript `switch` у `reducer`, щоб відповідати на різні події дій. Це стандартний шаблон для написання Redux reducers. Команда switch повинна перемикати `action.type` і повертати відповідний стан автентифікації.
+
+**Note:**Наразі не турбуйтеся про незмінність стану, оскільки в цьому прикладі він невеликий і простий. Для кожної дії, можна повернути новий об'єкт - наприклад, `{authenticated: true}`. Також не забудьте написати `default` випадок у вашій команді switch, яка повертає поточний`state`. Це важливо, оскільки, коли у вашому додатку є кілька reducers, усі вони запускаються щоразу, коли надсилається дія, навіть якщо ця дія не пов’язана з цим reducer. У такому випадку варто переконатися, що ви повертаєте поточний `state`.
+
+# --hints--
+
+Виклик функції `loginUser` має повернути об’єкт із властивістю типу рядок `LOGIN`.
+
+```js
+assert(loginUser().type === 'LOGIN');
+```
+
+Виклик функції `logoutUser` має повернути об’єкт із властивістю типу рядок `LOGOUT`.
+
+```js
+assert(logoutUser().type === 'LOGOUT');
+```
+
+Зберігання має бути ініціалізовано об'єктом із властивістю `authenticated`, встановленою на `false`.
+
+```js
+assert(store.getState().authenticated === false);
+```
+
+Відправлення `loginUser` має оновити властивість `authenticated` у стані сховища до `true`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(loginUser());
+    const afterLogin = store.getState();
+    return (
+      initialState.authenticated === false && afterLogin.authenticated === true
+    );
+  })()
+);
+```
+
+Відправлення `logoutUser` має оновити властивість `authenticated` у стані сховища до `false`.
+
+```js
+assert(
+  (function () {
+    store.dispatch(loginUser());
+    const loggedIn = store.getState();
+    store.dispatch(logoutUser());
+    const afterLogout = store.getState();
+    return (
+      loggedIn.authenticated === true && afterLogout.authenticated === false
+    );
+  })()
+);
+```
+
+Функція `authReducer` повинна обробляти кілька типів дій за допомогою команди `switch`.
+
+```js
+(getUserInput) =>
+  assert(
+    getUserInput('index').toString().includes('switch') &&
+      getUserInput('index').toString().includes('case') &&
+      getUserInput('index').toString().includes('default')
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+  // Change code below this line
+
+  // Change code above this line
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+```
+
+# --solutions--
+
+```js
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case 'LOGIN':
+      return {
+        authenticated: true
+      }
+
+    case 'LOGOUT':
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md
new file mode 100644
index 0000000000..d09e49eb1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md
@@ -0,0 +1,205 @@
+---
+id: 5a24c314108439a4d4036152
+title: Використання const для типів дій
+challengeType: 6
+forumTopicId: 301450
+dashedName: use-const-for-action-types
+---
+
+# --description--
+
+Поширена практика при роботі з Redux – призначати типи дій як константи тільки для читання, а потім посилатися на ці константи в місцях, де вони використовуються. Ви можете повернути код, з яким ви працюєте, щоб записати типи дій як `const` декларації.
+
+# --instructions--
+
+Оголосіть `LOGIN` і `LOGOUT` як значення `const` і призначте їх рядкам `'LOGIN'` і `'LOGOUT'` відповідно. Потім відредагуйте `authReducer()` та генераторів дії на посилання на ці константи замість значень у рядку.
+
+**Примітка:** Зазвичай константи пишуться великими літерами, це стандартна практика у Redux.
+
+# --hints--
+
+Виклик функції `loginUser` повинен повернути об'єкт з набором параметрів `type` до рядку `LOGIN`.
+
+```js
+assert(loginUser().type === 'LOGIN');
+```
+
+Виклик функції `loginUser` повинен повернути об'єкт з набором параметрів `type` до рядку `LOGOUT`.
+
+```js
+assert(logoutUser().type === 'LOGOUT');
+```
+
+Сховище має бути ініціалізованим з об'єктом, що має параметр `login`, встановлений на `false`.
+
+```js
+assert(store.getState().authenticated === false);
+```
+
+Викликання `loginUser` мусить оновити параметр `login` у сховищі на `true`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(loginUser());
+    const afterLogin = store.getState();
+    return (
+      initialState.authenticated === false && afterLogin.authenticated === true
+    );
+  })()
+);
+```
+
+Викликання `logoutUser` мусить оновити параметр `login` у сховищі на `false`.
+
+```js
+assert(
+  (function () {
+    store.dispatch(loginUser());
+    const loggedIn = store.getState();
+    store.dispatch(logoutUser());
+    const afterLogout = store.getState();
+    return (
+      loggedIn.authenticated === true && afterLogout.authenticated === false
+    );
+  })()
+);
+```
+
+Функція `authReducer` повинна обробляти кілька типів дій за допомогою switch конструкції.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      return (
+        typeof authReducer === 'function' &&
+        getUserInput('index').toString().includes('switch') &&
+        getUserInput('index').toString().includes('case') &&
+        getUserInput('index').toString().includes('default')
+      );
+    })()
+  );
+```
+
+`LOGIN` та `LOGOUT` повинні бути оголошені як `const` значення і повинні бути призначені рядки `LOGIN` та `LOGOUT`.
+
+```js
+const noWhiteSpace = __helpers.removeWhiteSpace(code);
+assert(
+  (/constLOGIN=(['"`])LOGIN\1/.test(noWhiteSpace) &&
+    /constLOGOUT=(['"`])LOGOUT\1/.test(noWhiteSpace)) ||
+      /const(LOGIN|LOGOUT)=(['"`])\1\2,(?!\1)(LOGIN|LOGOUT)=(['"`])\3\4/.test(noWhiteSpace)
+);
+```
+
+Генератори дій та редюсер мають посилатися на `LOGIN` та `LOGOUT` константи.
+
+```js
+(getUserInput) =>
+  assert(
+    (function () {
+      const noWhiteSpace = __helpers.removeWhiteSpace(
+        getUserInput('index').toString()
+      );
+      return (
+        noWhiteSpace.includes('caseLOGIN:') &&
+        noWhiteSpace.includes('caseLOGOUT:') &&
+        noWhiteSpace.includes('type:LOGIN') &&
+        noWhiteSpace.includes('type:LOGOUT')
+      );
+    })()
+  );
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+    case 'LOGIN': 
+      return {
+        authenticated: true
+      }
+    case 'LOGOUT': 
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: 'LOGIN'
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: 'LOGOUT'
+  }
+};
+```
+
+# --solutions--
+
+```js
+const LOGIN = 'LOGIN';
+const LOGOUT = 'LOGOUT';
+
+const defaultState = {
+  authenticated: false
+};
+
+const authReducer = (state = defaultState, action) => {
+
+  switch (action.type) {
+
+    case LOGIN:
+      return {
+        authenticated: true
+      }
+
+    case LOGOUT:
+      return {
+        authenticated: false
+      }
+
+    default:
+      return state;
+
+  }
+
+};
+
+const store = Redux.createStore(authReducer);
+
+const loginUser = () => {
+  return {
+    type: LOGIN
+  }
+};
+
+const logoutUser = () => {
+  return {
+    type: LOGOUT
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-middleware-to-handle-asynchronous-actions.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-middleware-to-handle-asynchronous-actions.md
new file mode 100644
index 0000000000..39fc861b47
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-middleware-to-handle-asynchronous-actions.md
@@ -0,0 +1,170 @@
+---
+id: 5a24c314108439a4d4036156
+title: Використання Middleware для опрацювання асинхронних дій
+challengeType: 6
+forumTopicId: 301451
+dashedName: use-middleware-to-handle-asynchronous-actions
+---
+
+# --description--
+
+До цього моменту в завданнях ми уникали обговорення асинхронних дій, хоча вони є обов'язковою частиною веб-розробки. У певний момент вам прийдеться викликати асинхронні кінцеві точки у вашому додатку Redux. Отже, як опрацьовувати ці всі типи запитів? Задля цього Redux було спеціально розроблено проміжне програмне забезпечення Redux Thunk. Нижче наведено як використовувати цей додаток з Redux.
+
+Для використання проміжного програмного забезпечення Redux Thunk, передайте його як аргумент до `Redux.applyMiddleware()`. Ця команда передається далі, як другий вибірковий параметр для функції `createStore()`. Щоб побачити це, подивіться на код, розміщений внизу редактора. Таким чином для створення асинхронної дії ви повертаєте функцію в генераторі дії, яка отримує `dispatch`, як аргумент. У межах цієї функції ви можете відправляти дії та виконувати асинхронні запити.
+
+У цьому прикладі асинхронний запит моделюється за допомогою команди `setTimeout()`. Загальноприйнято надсилати дію перед початком будь-якої асинхронної поведінки, щоб стан вашої програми знав про те, що запитуються деякі дані (наприклад, у цьому стані може показуватися значок завантаження). Як тільки ви отримуєте дані, ви відправляєте іншу дію, яка переносить дані, як інформаційне наповнення разом з інформацією про завершену дію.
+
+Пам'ятайте, що ви передаєте `dispatch`, як параметр для цього спеціального генератора дії. Це те, що ви будете використовувати для відправлення ваших дій. Ви просто передасте дію безпосередньо для відправлення, а проміжне програмне забезпечення потурбується про все інше.
+
+# --instructions--
+
+Пропишіть обидві команди відправлення у створювачі дії `handleAsync()`. Відправте `requestingData()` перед `setTimeout()`(модельований АРІ запит). Після того, як ви отримаєте (pretend) дані, відправте дію `receivedData()`, у якій передасте ці дані. Тепер ви знаєте, як опрацьовувати асинхронні дії у Redux. Все інше продовжує поводитися як і раніше.
+
+# --hints--
+
+Генератор дії `requestingData` має повернути об'єкт типу, що дорівнює значенню `REQUESTING_DATA`.
+
+```js
+assert(requestingData().type === REQUESTING_DATA);
+```
+
+Генератор дії `receivedData` має повернути об'єкт типу, що дорівнює значенню `RECEIVED_DATA`.
+
+```js
+assert(receivedData('data').type === RECEIVED_DATA);
+```
+
+`asyncDataReducer` має бути функцією.
+
+```js
+assert(typeof asyncDataReducer === 'function');
+```
+
+Відправлення генератора дії `requestingData` має оновити зберігання властивості `state` для отримання `true`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(requestingData());
+    const reqState = store.getState();
+    return initialState.fetching === false && reqState.fetching === true;
+  })()
+);
+```
+
+Посилання `handleAsync` має спочатку відправити дію про запит даних, а потім, після затримки, відправити отримані дані.
+
+```js
+assert(
+  (function () {
+    const noWhiteSpace = __helpers.removeWhiteSpace(handleAsync.toString());
+    return (
+      noWhiteSpace.includes('dispatch(requestingData())') === true &&
+      noWhiteSpace.includes('dispatch(receivedData(data))') === true
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    // Dispatch request action here
+
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      // Dispatch received data action here
+
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+```
+
+# --solutions--
+
+```js
+const REQUESTING_DATA = 'REQUESTING_DATA'
+const RECEIVED_DATA = 'RECEIVED_DATA'
+
+const requestingData = () => { return {type: REQUESTING_DATA} }
+const receivedData = (data) => { return {type: RECEIVED_DATA, users: data.users} }
+
+const handleAsync = () => {
+  return function(dispatch) {
+    dispatch(requestingData());
+    setTimeout(function() {
+      let data = {
+        users: ['Jeff', 'William', 'Alice']
+      }
+      dispatch(receivedData(data));
+    }, 2500);
+  }
+};
+
+const defaultState = {
+  fetching: false,
+  users: []
+};
+
+const asyncDataReducer = (state = defaultState, action) => {
+  switch(action.type) {
+    case REQUESTING_DATA:
+      return {
+        fetching: true,
+        users: []
+      }
+    case RECEIVED_DATA:
+      return {
+        fetching: false,
+        users: action.users
+      }
+    default:
+      return state;
+  }
+};
+
+const store = Redux.createStore(
+  asyncDataReducer,
+  Redux.applyMiddleware(ReduxThunk.default)
+);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md
new file mode 100644
index 0000000000..6b9bedef3a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md
@@ -0,0 +1,114 @@
+---
+id: 5a24c314108439a4d4036159
+title: Використання оператора розширення в масивах
+challengeType: 6
+forumTopicId: 301452
+dashedName: use-the-spread-operator-on-arrays
+---
+
+# --description--
+
+Одним із рішень від ES6, щоб забезпечити стан незмінності в Redux, є оператор розширення: `...`. Оператор розширення має велику кількість додатків, один з яких добре підходить для попереднього завдання, яке полягає в тому, щоб створити новий масив із масиву, який вже існує. Цей синтаксис є відносно новий, але його часто використовують. На приклад, якщо ви маєте масив `myArray` і записано:
+
+```js
+let newArray = [...myArray];
+```
+
+`newArray` - це тепер копія для `myArray`. Обидва масиви залишаються окремо існувати в пам'яті. Якщо ви виконуєте зміну, наприклад, `newArray.push(5)`, то `myArray` не зміниться. `...` ефективно *spreads* значення `myArray` в новому масиві. Щоб скопіювати масив, але і ще додати додаткове значення в цей новий масив, ви маєте написати `[...myArray, 'new value']`. Це буде повертати новий масив, який складений із значень в `myArray` і рядок `new value` як останнє значення. Синтаксис розширення може використовуватися декілька разів в складі такого масиву, але важливо звернути увагу на те, що він робить лише неглибоку копію масиву. Інакше кажучи, він лише забезпечує незмінні операції з масивом для одновимірного масиву.
+
+# --instructions--
+
+Оператор розширення використовується для того, щоб повернути нову копію тоді, коли додається запис.
+
+# --hints--
+
+Сховище Redux повинне існувати і ініціалізуватися із станом, який дорівнює `["Do not mutate state!"]`.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    return (
+      Array.isArray(initialState) === true &&
+      initialState[0] === 'Do not mutate state!'
+    );
+  })()
+);
+```
+
+Обидві `addToDo` і `immutableReducer` мають бути функціями.
+
+```js
+assert(typeof addToDo === 'function' && typeof immutableReducer === 'function');
+```
+
+Коли у Redux сховище відправляєте дію типу `ADD_TO_DO`, ви повинні додати `todo` і не можете змінювати стан.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    const isFrozen = DeepFreeze(initialState);
+    store.dispatch(addToDo('__TEST__TO__DO__'));
+    const finalState = store.getState();
+    const expectedState = ['Do not mutate state!', '__TEST__TO__DO__'];
+    return isFrozen && DeepEqual(finalState, expectedState);
+  })()
+);
+```
+
+Оператор розповсюдження має використовуватися для повернення нового стану.
+
+```js
+(getUserInput) => assert(getUserInput('index').includes('...state'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      // Don't mutate state here or the tests will fail
+      return
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
+
+# --solutions--
+
+```js
+const immutableReducer = (state = ['Do not mutate state!'], action) => {
+  switch(action.type) {
+    case 'ADD_TO_DO':
+      return [
+        ...state,
+        action.todo
+      ];
+    default:
+      return state;
+  }
+};
+
+const addToDo = (todo) => {
+  return {
+    type: 'ADD_TO_DO',
+    todo
+  }
+}
+
+const store = Redux.createStore(immutableReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/write-a-counter-with-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/write-a-counter-with-redux.md
new file mode 100644
index 0000000000..277287f25c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/write-a-counter-with-redux.md
@@ -0,0 +1,116 @@
+---
+id: 5a24c314108439a4d4036157
+title: Створіть лічильник із Redux
+challengeType: 6
+forumTopicId: 301453
+dashedName: write-a-counter-with-redux
+---
+
+# --description--
+
+Тепер ви освоїли всі основні принципи Redux! Ви побачили як створювати дії та генератори дії, сховище Redux, як відправляти дії у сховище та як розробляти оновлення станів за допомогою чистих перетворювачів. Ви навіть побачили, як керувати складним станом за допомогою елементів перетворювача та обробляти асинхронні дії. Ці приклади є прості, але ці концепти є ключовими принципами Redux. Якщо ви їх добре розумієте, тоді ви вже готові розпочати створення власного додатка Redux. Наступні завдання охоплюють деякі деталі щодо незмінності `state`, але для початку ось огляд усього, що ви вивчили до цього часу.
+
+# --instructions--
+
+У цьому уроці ви створите простий лічильник із допомогою Redux з нуля. Основна частина надана в редакторі коду, але вам доведеться заповнити деталі! Використовуйте назви, що надаються, і визначте генератори дії `incAction` та `decAction`, типи дії `counterReducer()`, `INCREMENT` та `DECREMENT`, і зрештою `store` Redux. Після завершення ви зможете надіслати дії `INCREMENT` чи `DECREMENT` для того, щоб збільшити чи зменшити стан, який зберігається у `store`. Удачі вам у створенні першого додатку Redux!
+
+# --hints--
+
+Генератор дії `incAction` має повернути об'єкт дії з `type`, рівним значенню `INCREMENT`
+
+```js
+assert(incAction().type === INCREMENT);
+```
+
+Генератор дії `decAction` має повернути об'єкт дії з `type`, рівним значенню `DECREMENT`
+
+```js
+assert(decAction().type === DECREMENT);
+```
+
+Сховище Redux повинне ініціалізуватися із `state`, що дорівнює 0.
+
+```js
+assert(store.getState() === 0);
+```
+
+Відправлення `incAction` у сховище Redux має збільшити `state` на 1.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(incAction());
+    const incState = store.getState();
+    return initialState + 1 === incState;
+  })()
+);
+```
+
+Відправлення `decAction` у сховище Redux має зменшити `state` на 1.
+
+```js
+assert(
+  (function () {
+    const initialState = store.getState();
+    store.dispatch(decAction());
+    const decState = store.getState();
+    return initialState - 1 === decState;
+  })()
+);
+```
+
+`counterReducer` має бути функцією
+
+```js
+assert(typeof counterReducer === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+const INCREMENT = null; // Define a constant for increment action types
+const DECREMENT = null; // Define a constant for decrement action types
+
+const counterReducer = null; // Define the counter reducer which will increment or decrement the state based on the action it receives
+
+const incAction = null; // Define an action creator for incrementing
+
+const decAction = null; // Define an action creator for decrementing
+
+const store = null; // Define the Redux store here, passing in your reducers
+```
+
+# --solutions--
+
+```js
+const INCREMENT = 'INCREMENT';
+const DECREMENT = 'DECREMENT';
+
+const counterReducer = (state = 0, action) => {
+  switch(action.type) {
+    case INCREMENT:
+      return state + 1;
+    case DECREMENT:
+      return state - 1;
+    default:
+      return state;
+  }
+};
+
+const incAction = () => {
+  return {
+    type: INCREMENT
+  }
+};
+
+const decAction = () => {
+  return {
+    type: DECREMENT
+  }
+};
+
+const store = Redux.createStore(counterReducer);
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.md
new file mode 100644
index 0000000000..2974665ffc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/apply-a-style-until-a-condition-is-met-with-while.md
@@ -0,0 +1,117 @@
+---
+id: 587d7dbf367417b2b2512bbb
+title: Застосування стилю до виконання умови з @while
+challengeType: 0
+forumTopicId: 301454
+dashedName: apply-a-style-until-a-condition-is-met-with-while
+---
+
+# --description--
+
+Директива `@while` - це опція з схожою функціональністю як в циклу `while` в Javascript. Це створює правила СSS до моменту виконання умови.
+
+Завдання `@for` продемонструвало як створити просту сіткову систему. Це також може працювати з `@while`.
+
+```scss
+$x: 1;
+@while $x < 13 {
+  .col-#{$x} { width: 100%/12 * $x;}
+  $x: $x + 1;
+}
+```
+
+Спершу визначте змінну `$x` та встановіть значення 1. Далі, використовуйте директиву `@while` для створення сіткової системи *за умови *`$x` - менше 13. Після встановлення правила CSS для `width`, `$x` збільшується на 1, щоб уникнути нескінченного циклу.
+
+# --instructions--
+
+Використовуйте `@while` для створення серії класів з різними `font-sizes`.
+
+Тут повинні бути 5 різних класів від `text-1` до `text-5`. Далі встановіть `font-size` для `15px`, помножений на поточний номер індексу. Переконайтеся, що ви уникаєте безкінечного циклу!
+
+# --hints--
+
+Ваш код повинен використовувати `@while` директиву.
+
+```js
+assert(code.match(/@while /g));
+```
+
+Ваш код повинен використовувати індексну змінну, яка починається з індексу 1.
+
+```js
+assert(code.match(/\$.*:\s*?1;/gi));
+```
+
+Ваш код повинен збільшити змінну лічильника.
+
+```js
+assert(code.match(/\$(.*)\s*?:\s*\$\1\s*\+\s*1\s*;/gi));
+```
+
+Ваш клас `.text-1` повинен мати `font-size`-`15px`.
+
+```js
+assert($('.text-1').css('font-size') == '15px');
+```
+
+Ваш клас `.text-2` повинен мати `font-size`-`30px`.
+
+```js
+assert($('.text-2').css('font-size') == '30px');
+```
+
+Ваш клас `.text-3` повинен мати `font-size`-`45px`.
+
+```js
+assert($('.text-3').css('font-size') == '45px');
+```
+
+Ваш клас `.text-4` повинен мати `font-size`-`60px`.
+
+```js
+assert($('.text-4').css('font-size') == '60px');
+```
+
+Ваш клас `.text-5` повинен мати `font-size`-`75px`.
+
+```js
+assert($('.text-5').css('font-size') == '75px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  $x: 1;
+  @while $x < 6 {
+    .text-#{$x}{
+      font-size: 15px * $x;
+    }
+    $x: $x + 1;
+  }
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
new file mode 100644
index 0000000000..96005a49bd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/create-reusable-css-with-mixins.md
@@ -0,0 +1,132 @@
+---
+id: 587d7dbd367417b2b2512bb6
+title: Створюйте багаторазові СSS з Mixins
+challengeType: 0
+forumTopicId: 301455
+dashedName: create-reusable-css-with-mixins
+---
+
+# --description--
+
+В розширенні Sass <dfn>Міксини (Mixins)</dfn> - це група CSS декларацій яка може бути повторно використана в межах всієї таблиці стилів.
+
+Новіші налаштування CSS потребують трохи часу, перш ніж вони будуть повністю прийняті та готові до використання у всіх браузерах. Оскільки функції додаються до браузерів, правила CSS, що їх використовують, можуть потребувати вендорних (vendor) префіксів. Розглянемо `box-shadow`:
+
+```scss
+div {
+  -webkit-box-shadow: 0px 0px 4px #fff;
+  -moz-box-shadow: 0px 0px 4px #fff;
+  -ms-box-shadow: 0px 0px 4px #fff;
+  box-shadow: 0px 0px 4px #fff;
+}
+```
+
+Потрібно вписати чимало тексту, щоб перезаписати це правило для всіх елементів, які мають в собі `box-shadow`, чи щоб змінити кожне значення для перевірки різних ефектів. Міксини - це як функції для CSS. Ось приклад як написати один з них:
+
+```scss
+@mixin box-shadow($x, $y, $blur, $c){ 
+  -webkit-box-shadow: $x $y $blur $c;
+  -moz-box-shadow: $x $y $blur $c;
+  -ms-box-shadow: $x $y $blur $c;
+  box-shadow: $x $y $blur $c;
+}
+```
+
+Визначення починається з `@mixin`, за яким слідує ім'я користувача. Параметри (`$x`,`$y`,`$blur`, та `$c` в прикладі наведеному вище) не є обов'язковими. Тепер, коли нам необхідне правило `box-shadow`, то лише один рядок, що викликає mixin, замінює необхідність введення всіх вендорних префіксів. Міксин викликається директивою `@include`:
+
+```scss
+div {
+  @include box-shadow(0px, 0px, 4px, #fff);
+}
+```
+
+# --instructions--
+
+Напишіть міксин для `border-radius` і надайте йому параметр `$radius`. В ньому повинні бути використані всі вендорні префікси з прикладу. Після цього використайте міксин `border-radius` для того щоб надати елементу `#awesome` заокруглений радіус зі значенням `15px`.
+
+# --hints--
+
+Ваш код повинен вказати на міксин `border-radius` з параметром `$radius`.
+
+```js
+assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi));
+```
+
+Ваш код повинен включати в себе вендорний префікс `-webkit-border-radius`, який використовує параметр `$radius`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/-webkit-border-radius:\$radius;/gi)
+);
+```
+
+Ваш код повинен включати в себе вендорний префікс `-moz-border-radius`, який використовує параметр `$radius`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/-moz-border-radius:\$radius;/gi)
+);
+```
+
+Ваш код повинен включати в себе вендорний префікс `-ms-border-radius`, який використовує параметр `$radius`.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/-ms-border-radius:\$radius;/gi));
+```
+
+Ваш код повинен включати в себе загальне правило `border-radius`, яке використовує параметр `$radius`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(/border-radius:\$radius;/gi).length ==
+    4
+);
+```
+
+Ваш код повинен викликати `border-radius mixin` використовуючи директиву `@include`, задаючи значення `15px`.
+
+```js
+assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\)\s*;/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+
+  }
+</style>
+
+<div id="awesome"></div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  @mixin border-radius($radius) {
+    -webkit-border-radius: $radius;
+    -moz-border-radius: $radius;
+    -ms-border-radius: $radius;
+    border-radius: $radius;
+  }
+
+  #awesome {
+    width: 150px;
+    height: 150px;
+    background-color: green;
+    @include border-radius(15px);
+  }
+</style>
+
+<div id="awesome"></div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/extend-one-set-of-css-styles-to-another-element.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/extend-one-set-of-css-styles-to-another-element.md
new file mode 100644
index 0000000000..055a23dc81
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/extend-one-set-of-css-styles-to-another-element.md
@@ -0,0 +1,116 @@
+---
+id: 587d7fa5367417b2b2512bbd
+title: Розширюйте набір СSS стилів в інший елемент
+challengeType: 0
+forumTopicId: 301456
+dashedName: extend-one-set-of-css-styles-to-another-element
+---
+
+# --description--
+
+Sass має елемент з назвою `extend` (розширити), який дозволяє запозичити СSS правила у одного елемента та опиратися на них в іншому.
+
+Наприклад, наведений нижче блок СSS правил стилізує клас `.panel`. Він включає `background-color` (колір фону),`height` (висота) та `border` (рамки).
+
+```scss
+.panel{
+  background-color: red;
+  height: 70px;
+  border: 2px solid green;
+}
+```
+
+Тепер вам потрібна ще інша панель з назвою`.big-panel`. Вона має ті ж основні властивості, що і `.panel`, але також потребує `width` (ширина) і `font-size` (розмір шрифту). Можливо скопіювати та вставити початкові правила CSS з `.panel`, але код повторюється, якщо додаєте більше видів панелей. Директива `extend` спрощує повторне використання правил, написаних для одного елемента, і додавання нових для іншого:
+
+```scss
+.big-panel{
+  @extend .panel;
+  width: 150px;
+  font-size: 2em;
+}
+```
+
+Поруч з новими стилями, клас `.big-panel` матиме ті ж властивості, що й клас `.panel`.
+
+# --instructions--
+
+Створіть клас `.info-important`, що розширює `.info`, і оберіть колір фуксії (маджента) для фону `background-color`.
+
+# --hints--
+
+Оберіть `magenta` як колір фону `background-color` для вашого класу `info-important`.
+
+```js
+assert(
+  code.match(
+    /\.info-important\s*?{[\s\S]*background-color\s*?:\s*?magenta\s*?;[\s\S]*}/gi
+  )
+);
+```
+
+Ваш клас `info-important` повинен мати директиву `@extend`, щоб перейняти дизайн класу `info`.
+
+```js
+assert(
+  code.match(/\.info-important\s*?{[\s\S]*@extend\s*?.info\s*?;[\s\S]*/gi)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  h3{
+    text-align: center;
+  }
+  .info{
+    width: 200px;
+    border: 1px solid black;
+    margin: 0 auto;
+  }
+  .info-important{
+    @extend .info;
+    background-color: magenta;
+  }
+
+
+
+</style>
+<h3>Posts</h3>
+<div class="info-important">
+  <p>This is an important post. It should extend the class ".info" and have its own CSS styles.</p>
+</div>
+
+<div class="info">
+  <p>This is a simple post. It has basic styling and can be extended for other uses.</p>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/nest-css-with-sass.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/nest-css-with-sass.md
new file mode 100644
index 0000000000..0a1f38a483
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/nest-css-with-sass.md
@@ -0,0 +1,105 @@
+---
+id: 587d7dbd367417b2b2512bb5
+title: Вкладення CSS до Sass
+challengeType: 0
+forumTopicId: 301457
+dashedName: nest-css-with-sass
+---
+
+# --description--
+
+Sass дає змогу вкласти правила CSS, що корисно для організації таблиці стилів.
+
+Зазвичай кожний елемент націлений на стилізацію окремої лінії, наприклад:
+
+```scss
+nav {
+  background-color: red;
+}
+
+nav ul {
+  list-style: none;
+}
+
+nav ul li {
+  display: inline-block;
+}
+```
+
+У великому проєкті файл CSS матиме багато рядків та правил. Ось де вкладання надасть змогу організувати код, помістивши дочірні правила стилю до відповідних батьківських елементів:
+
+```scss
+nav {
+  background-color: red;
+
+  ul {
+    list-style: none;
+
+    li {
+      display: inline-block;
+    }
+  }
+}
+
+```
+
+# --instructions--
+
+Скористайтеся методом вкладання, який вказано вище, щоб реорганізувати правила CSS для обох дочірніх елементів `.blog-post`. Для тесту елемент `h1` має бути розташований попереду елемента `p`.
+
+# --hints--
+
+Ваш код має реорганізувати правила CSS, щоб умістити `h1` і `p` у батьківському елементі `.blog-post`.
+
+```js
+assert(
+  code.match(
+    /\.blog-post\s*?{\s*?h1\s*?{\s*?text-align:\s*?center;\s*?color:\s*?blue;\s*?}\s*?p\s*?{\s*?font-size:\s*?20px;\s*?}\s*?}/gi
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+  .blog-post {
+
+  }
+  h1 {
+    text-align: center;
+    color: blue;
+  }
+  p {
+    font-size: 20px;
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  .blog-post {
+    h1 {
+      text-align: center;
+      color: blue;
+    }
+    p {
+      font-size: 20px;
+    }
+  }
+</style>
+
+<div class="blog-post">
+  <h1>Blog Title</h1>
+  <p>This is a paragraph</p>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.md
new file mode 100644
index 0000000000..e72aa2e90b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.md
@@ -0,0 +1,47 @@
+---
+id: 587d7dbf367417b2b2512bbc
+title: Розділіть свої стилі на менші частини - партіали (Partials)
+challengeType: 0
+forumTopicId: 301459
+dashedName: split-your-styles-into-smaller-chunks-with-partials
+---
+
+# --description--
+
+<dfn>Партіали</dfn> у Sass є окремими файлами, які містять сегменти коду CSS. Їх імпортують і використовують в інших файлах Sass. Це відмінний спосіб групування ідентичних кодів у впорядкований модуль.
+
+Назви партіалів починаються з підкреслених символів (`_`), що повідомляють Sass про те, що вони є невеликим сегментом коду CSS, який непотрібно конвертувати у файл CSS. Окрім того, файли Sass закінчуються розширенням `.scss`. Щоб перевести код у партіалі в інший файл Sass, використовуйте директиву `@import`.
+
+Наприклад, якщо всі міксини збережено в партіалі під назвою "\_mixins.scss", і вони також потрібні у файлі "main.scss", то їх використовують в основному файлі таким чином:
+
+```scss
+@import 'mixins'
+```
+
+Зверніть увагу, що підкреслення та розширення файлу не потрібні в операторі `import` - Sass ідентифікує, що це партіал. Як тільки партіал імпортовано у файл, усі змінні, міксини та інші коди стають доступними для використання.
+
+# --instructions--
+
+Напишіть оператор `@import` щоб імпортувати партіал із назвою `_variables.scss` до файлу.scss.
+
+# --hints--
+
+Ваш код повинен використовувати директиву `@import` і не містити підкреслення в назві файлу.
+
+```js
+assert(code.match(/@import\s+?('|")variables\1/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!-- The main.scss file -->
+```
+
+# --solutions--
+
+```html
+@import 'variables'
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/store-data-with-sass-variables.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/store-data-with-sass-variables.md
new file mode 100644
index 0000000000..2565a936cf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/store-data-with-sass-variables.md
@@ -0,0 +1,121 @@
+---
+id: 587d7dbd367417b2b2512bb4
+title: Зберігання даних за допомогою змінних Sass
+challengeType: 0
+forumTopicId: 301460
+dashedName: store-data-with-sass-variables
+---
+
+# --description--
+
+Одна особливість Sass, відмінна від CSS, – це використання змінних. Вони оголошуються і встановлюються для зберігання даних, як в JavaScript.
+
+У JavaScript змінні визначаються за допомогою ключових слів `let` і `const`. У Sass змінні починаються з `$`, за яким слідує ім'я змінної.
+
+Ось кілька прикладів:
+
+```scss
+$main-fonts: Arial, sans-serif;
+$headings-color: green;
+```
+
+Для використання змінних:
+
+```scss
+h1 {
+  font-family: $main-fonts;
+  color: $headings-color;
+}
+```
+
+Один із прикладів використання змінних – це коли кілька елементів повинні бути одного кольору. Якщо цей колір змінений, єдине місце для редагування коду – це значення змінної.
+
+# --instructions--
+
+Створіть змінну `$text-color` і встановіть для неї значення `red`. Потім змініть значення властивості `color` для `.blog-post` і `h2` для змінної `$text-color`.
+
+# --hints--
+
+У вашому коді повинна бути оголошена змінна Sass для `$text-color` із значенням `red`.
+
+```js
+assert(code.match(/\$text-color\s*:\s*?red\s*;/g));
+```
+
+Ваш код повинен використовувати змінну `$text-color` для зміни `color` для елементів `.blog-post` і `h2`.
+
+```js
+assert(code.match(/color\s*:\s*\$text-color\s*;?/g));
+```
+
+Елемент `.blog-post` повинен мати червоний колір `color`.
+
+```js
+assert($('.blog-post').css('color') == 'rgb(255, 0, 0)');
+```
+
+Елементи `h2` повинні мати червоний колір `color`.
+
+```js
+assert($('h2').css('color') == 'rgb(255, 0, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: red;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  $text-color: red;
+
+  .header{
+    text-align: center;
+  }
+  .blog-post, h2 {
+    color: $text-color;
+  }
+</style>
+
+<h1 class="header">Learn Sass</h1>
+<div class="blog-post">
+  <h2>Some random title</h2>
+  <p>This is a paragraph with some random text in it</p>
+</div>
+<div class="blog-post">
+  <h2>Header #2</h2>
+  <p>Here is some more random text.</p>
+</div>
+<div class="blog-post">
+  <h2>Here is another header</h2>
+  <p>Even more random text within a paragraph</p>
+</div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list.md
new file mode 100644
index 0000000000..be5b998665
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list.md
@@ -0,0 +1,135 @@
+---
+id: 587d7dbf367417b2b2512bba
+title: Використовуйте @each для зіставлення елементів в списку
+challengeType: 0
+forumTopicId: 301461
+dashedName: use-each-to-map-over-items-in-a-list
+---
+
+# --description--
+
+Останнє завдання продемонструвало, як директива `@for` використовує початкове і кінцеве значення для повторення циклу певну кількість разів. Sass також пропонує директиву `@each`, яка перебирає кожен елемент в списку або на карті. На кожній ітерації змінній присвоюється поточне значення зі списку або карти.
+
+```scss
+@each $color in blue, red, green {
+  .#{$color}-text {color: $color;}
+}
+```
+
+У карти трохи інший синтаксис. Ось приклад:
+
+```scss
+$colors: (color1: blue, color2: red, color3: green);
+
+@each $key, $color in $colors {
+  .#{$color}-text {color: $color;}
+}
+```
+
+Зверніть увагу, що змінна `$key` необхідна для посилання на ключі карти. В іншому випадку скомпільований CSS містив би `color1`,`color2`. Обидва наведені вище приклади коду перетворені в наступний CSS:
+
+```scss
+.blue-text {
+  color: blue;
+}
+
+.red-text {
+  color: red;
+}
+
+.green-text {
+  color: green;
+}
+```
+
+# --instructions--
+
+Напишіть директиву `@each`, яка проходить список: `blue, black, red` і призначає кожній змінній клас `.color-bg`, де частина `color` змінюється для кожного елемента. Кожен клас повинен встановити для `background-color` відповідний колір.
+
+# --hints--
+
+Ваш код повинен містити директиву `@each`.
+
+```js
+assert(code.match(/@each /g));
+```
+
+Клас `.blue-bg` повинен мати синій `background-color`.
+
+```js
+assert($('.blue-bg').css('background-color') == 'rgb(0, 0, 255)');
+```
+
+Клас `.black-bg` повинен мати чорний `background-color`.
+
+```js
+assert($('.black-bg').css('background-color') == 'rgb(0, 0, 0)');
+```
+
+Клас `.red-bg` повинен мати червоний `background-color`.
+
+```js
+assert($('.red-bg').css('background-color') == 'rgb(255, 0, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+
+  @each $color in blue, black, red {
+    .#{$color}-bg {background-color: $color;}
+  }
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+```
+
+---
+
+```html
+<style type='text/scss'>
+
+  $colors: (color1: blue, color2: black, color3: red);
+
+  @each $key, $color in $colors {
+    .#{$color}-bg {background-color: $color;}
+  }
+
+  div {
+    height: 200px;
+    width: 200px;
+  }
+</style>
+
+<div class="blue-bg"></div>
+<div class="black-bg"></div>
+<div class="red-bg"></div>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-for-to-create-a-sass-loop.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-for-to-create-a-sass-loop.md
new file mode 100644
index 0000000000..139eae0fd7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-for-to-create-a-sass-loop.md
@@ -0,0 +1,139 @@
+---
+id: 587d7dbe367417b2b2512bb9
+title: Використовуйте @for, щоб створити цикл Sass
+challengeType: 0
+forumTopicId: 301462
+dashedName: use-for-to-create-a-sass-loop
+---
+
+# --description--
+
+Директива `@for` додає стилі в цикл подібно циклу `for` у JavaScript.
+
+`@for` використовується двома способами: «від початку до кінця» або «від початку до самого кінця». Основна відмінність полягає в тому, що «від початку **to** до кінця» *виключає* кінцеве число з підрахунку, а «від початку **до самого** кінця» *включає* кінцеве число в підрахунок.
+
+Ось початок **до** кінцевого прикладу:
+
+```scss
+@for $i from 1 through 12 {
+  .col-#{$i} { width: 100%/12 * $i; }
+}
+```
+
+Частина `#{$i}` – це синтаксис, який поєднує змінну (`i`) з текстом для створення рядка. Коли файл Sass конвертовано в CSS, це виглядає приблизно так:
+
+```scss
+.col-1 {
+  width: 8.33333%;
+}
+
+.col-2 {
+  width: 16.66667%;
+}
+
+...
+
+.col-12 {
+  width: 100%;
+}
+```
+
+Це ефективний спосіб створення макету сітки. Тепер у вас є дванадцять варіантів ширини стовпців, доступних як класи CSS.
+
+# --instructions--
+
+Напишіть директиву `@for`, яка приймає змінну `$j` від 1 **до** 6.
+
+Ця функція повинна створити 5 класів з іменами від `.text-1` до `.text-5`, де для кожного `font-size` встановлено значення 15 пікселів, помножене на індекс.
+
+# --hints--
+
+Ваш код має застосовувати директиву `@for`.
+
+```js
+assert(code.match(/@for /g));
+```
+
+Ваш клас `.text-1` повинен мати `font-size` 15 пікселів.
+
+```js
+assert($('.text-1').css('font-size') == '15px');
+```
+
+Ваш клас `.text-2` повинен мати `font-size` 30 пікселів.
+
+```js
+assert($('.text-2').css('font-size') == '30px');
+```
+
+Ваш клас `.text-3` повинен мати `font-size` 45 пікселів.
+
+```js
+assert($('.text-3').css('font-size') == '45px');
+```
+
+Ваш клас `.text-4` повинен мати `font-size` 60 пікселів.
+
+```js
+assert($('.text-4').css('font-size') == '60px');
+```
+
+Ваш клас `.text-5` повинен мати `font-size` 75 пікселів.
+
+```js
+assert($('.text-5').css('font-size') == '75px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+
+@for $i from 1 through 5 {
+  .text-#{$i} { font-size: 15px * $i; }
+}
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+```
+
+---
+
+```html
+<style type='text/scss'>
+
+@for $i from 1 to 6 {
+  .text-#{$i} { font-size: 15px * $i; }
+}
+
+</style>
+
+<p class="text-1">Hello</p>
+<p class="text-2">Hello</p>
+<p class="text-3">Hello</p>
+<p class="text-4">Hello</p>
+<p class="text-5">Hello</p>
+```
diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.md
new file mode 100644
index 0000000000..02a63c2902
--- /dev/null
+++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/sass/use-if-and-else-to-add-logic-to-your-styles.md
@@ -0,0 +1,145 @@
+---
+id: 587d7dbe367417b2b2512bb8
+title: Використовуйте @if і @else, щоб додати логіку у свої стилі
+challengeType: 0
+forumTopicId: 301463
+dashedName: use-if-and-else-to-add-logic-to-your-styles
+---
+
+# --description--
+
+Директива `@if` у Sass корисна для тестування конкретного випадку. Вона працює, так само як оператор `if` у JavaScript.
+
+```scss
+@mixin make-bold($bool) {
+  @if $bool == true {
+    font-weight: bold;
+  }
+}
+```
+
+Як і в JavaScript, `@else if` і `@else` перевіряють наявність додаткових умов:
+
+```scss
+@mixin text-effect($val) {
+  @if $val == danger {
+    color: red;
+  }
+  @else if $val == alert {
+    color: yellow;
+  }
+  @else if $val == success {
+    color: green;
+  }
+  @else {
+    color: black;
+  }
+}
+```
+
+# --instructions--
+
+Створіть міксин з ім'ям `border-stroke`, який приймає параметр `$val`. Міксин повинен перевіряти наступні умови за допомогою `@if`, `@else if` і `@else`:
+
+```scss
+light - 1px solid black
+medium - 3px solid black
+heavy - 6px solid black
+```
+
+Якщо `$val` не є `light`, `medium` або `heavy`, для елемента border повинно бути встановлено значення `none`.
+
+# --hints--
+
+Ваш код повинен задати міксин `border-stroke` з параметром `$val`.
+
+```js
+assert(code.match(/@mixin\s+?border-stroke\s*?\(\s*?\$val\s*?\)\s*?{/gi));
+```
+
+Ваш міксин повинен містити команду з `@if`, щоб перевірити `$val` на значення `light` і встановити для `border` значення `1px solid black`.
+
+```js
+assert(
+  code.match(
+    /@if\s+?\$val\s*?===?\s*?light\s*?{\s*?border\s*?:\s*?1px\s+?solid\s+?black\s*?;\s*?}/gi
+  )
+);
+```
+
+Ваш міксин повинен містити команду з `@else if`, щоб перевірити `$val` на значення `medium` і встановити для `border` значення `3px solid black`.
+
+```js
+assert(
+  code.match(
+    /@else\s+?if\s+?\$val\s*?===?\s*?medium\s*?{\s*?border\s*?:\s*?3px\s+?solid\s+?black\s*?;\s*?}/gi
+  )
+);
+```
+
+Ваш міксин повинен містити команду з `@else if`, щоб перевірити `$val` на значення `heavy` і встановити для `border` значення `6px solid black`.
+
+```js
+assert(
+  code.match(
+    /@else\s+?if\s+?\$val\s*?===?\s*?heavy\s*?{\s*?border\s*?:\s*?6px\s+?solid\s+?black\s*?;\s*?}/gi
+  )
+);
+```
+
+Ваш міксин повинен містити оператор `@else`, щоб встановити для `border` значення `none`.
+
+```js
+assert(code.match(/@else\s*?{\s*?border\s*?:\s*?none\s*?;\s*?}/gi));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style type='text/scss'>
+
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+```
+
+# --solutions--
+
+```html
+<style type='text/scss'>
+  @mixin border-stroke($val) {
+    @if $val == light {
+      border: 1px solid black;
+    }
+    @else if $val == medium {
+      border: 3px solid black;
+    }
+    @else if $val == heavy {
+      border: 6px solid black;
+    }
+    @else {
+      border: none;
+    }
+  }
+
+
+  #box {
+    width: 150px;
+    height: 150px;
+    background-color: red;
+    @include border-stroke(medium);
+  }
+</style>
+
+<div id="box"></div>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
new file mode 100644
index 0000000000..d2d6b52147
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-bar-chart.md
@@ -0,0 +1,53 @@
+---
+id: bd7168d8c242eddfaeb5bd13
+title: Візуалізуйте дані за допомогою стовпчикової діаграми
+challengeType: 3
+forumTopicId: 301464
+dashedName: visualize-data-with-a-bar-chart
+---
+
+# --description--
+
+**Objective:** створити [CodePen.io](https://codepen.io) застосунок, функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/GrZVaM>.
+
+Нижче заповніть [user stories](https://en.wikipedia.org/wiki/User_story) та проведіть усі тести. Зробіть це своїм власним способом.
+
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+
+**User Story #1:** Моя діаграма повинна мати назву з відповідним `id="title"`.
+
+**User Story #2:** Моя діаграма повинна мати елемент осі X `g` з відповідним `id="x-axis"`.
+
+**User Story #3:** Моя діаграма повинна мати елемент осі Y `g` з відповідним `id="y-axis"`.
+
+**User Story #4:** Обидві осі повинні містити по кілька позначок, кожна з відповідним `class="tick"`.
+
+**User Story #5:** Моя діаграма повинна мати елемент `rect` для кожної точки даних з відповідним `class="bar"`, що відображає дані.
+
+**User Story #6:** Кожна діаграма повинна мати властивості `data-date` та `data-gdp`, які містять значення `date` та `GDP`.
+
+**User Story #7:** Властивості `data-date` елементів діаграми повинні відповідати послідовності наданих даних.
+
+**User Story #8:** Властивості `data-gdp` елементів діаграми повинні відповідати послідовності наданих даних.
+
+**User Story #9:** Висота кожного елемента діаграми повинна точно відображати відповідні дані `GDP`.
+
+**User Story #10:** Атрибут `data-date` та його відповідний елемент діаграми повинні бути на рівні з відповідним значенням на осі Х.
+
+**User Story #11:** Атрибут `data-gdp` та його відповідний елемент діаграми повинні бути на рівні з відповідним значенням на осі Y.
+
+**User Story #12:** Я можу навести курсор на область і побачити спливаючу підказку з відповідним `id="tooltip"`, що відображає більше інформації про область.
+
+**User Story #13:** Моя спливаюча підказка повинна мати показник `data-date`, що відповідає `data-date` активної області.
+
+Тут ви знайдете набір даних, необхідний для виконання цього проєкту: `https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json`
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ж ви можете використати це CDN-посилання, щоб провести тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`.
+
+Щойно впораєтеся, прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
new file mode 100644
index 0000000000..82029c562d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-choropleth-map.md
@@ -0,0 +1,52 @@
+---
+id: 587d7fa6367417b2b2512bbf
+title: Візуалізуйте дані за допомогою фонової картограми
+challengeType: 3
+forumTopicId: 301465
+dashedName: visualize-data-with-a-choropleth-map
+---
+
+# --description--
+
+**Objective:** Створіть додаток [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/EZKqza>.
+
+Нижче заповніть [user stories](https://en.wikipedia.org/wiki/User_story) та проведіть усі тести. Зробіть це у свій особистий спосіб.
+
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+
+**User Story #1:** Моя фонова картограма повинна мати назву з відповідним `id="title"`.
+
+**User Story #2:** Моя фонова картограма повинна мати елемент опису з відповідним `id="description"`.
+
+**User Story #3:** Моя фонова картограма повинна мати округи з відповідним `class="county"`, що відображають дані.
+
+**User Story #4:** Потрібно використати щонайменше 4 різних кольори заливки для округів.
+
+**User Story #5:** Кожен округ повинен мати властивості `data-fips` та `data-education`, що містять їх відповідні значення `fips` та `education`.
+
+**User Story #6:** Моя фонова картограма повинна мати округ для кожної наданої точки даних.
+
+**User Story #7:** Округи повинні мати значення `data-fips` та `data-education`, що відповідають вибірковим даним.
+
+**User Story #8:** Моя фонова картограма повинна мати легенду з відповідним `id="legend"`.
+
+**User Story #9:** Потрібно використати щонайменше 4 різних кольори заливки для легенди.
+
+**User Story #10:** Я можу навести курсор на область і побачити спливаючу підказку з відповідним `id="tooltip"`, що відображає більше інформації про область.
+
+**User Story #11:** Моя спливаюча підказка повинна мати показник `data-education`, що відповідає `data-education` активної області.
+
+Тут ви знайдете набори даних, необхідні для виконання цього проєкту:
+
+-   **US Education Data:**`https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json`
+-   **US County Data:**`https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json`
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ж ви можете використати це CDN-посилання, щоб провести тести на будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Щойно впораєтеся, прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
new file mode 100644
index 0000000000..092c6ccbca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-heat-map.md
@@ -0,0 +1,61 @@
+---
+id: bd7188d8c242eddfaeb5bd13
+title: Візуалізуйте дані за допомогою теплокарти
+challengeType: 3
+forumTopicId: 301466
+dashedName: visualize-data-with-a-heat-map
+---
+
+# --description--
+
+**Objective:** створити додаток [CodePen.io](https://codepen.io), що функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/JEXgeY>.
+
+Нижче заповніть [user stories](https://en.wikipedia.org/wiki/User_story) та проведіть усі тести. Зробіть це у свій власний спосіб.
+
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+
+**User Story #1:** Моя теплова карта повинна мати назву з відповідним `id="title"`.
+
+**User Story #2:** Моя теплова карта повинна мати опис з відповідним `id="description"`.
+
+**User Story #3:** Моя теплова карта повинна мати вісь X з відповідним `id="x-axis"`.
+
+**User Story #4:** Моя теплова карта повинна мати вісь Y з відповідним `id="y-axis"`.
+
+**User Story #5:** Моя теплова карта повинна мати елементи `rect` з `class="cell"`, що відображає дані.
+
+**User Story #6:** Потрібно використати щонайменше 4 різних кольори заливки для клітинок.
+
+**User Story #7:** Кожна клітинка повинна мати властивості `data-month`, `data-year`, `data-temp`, що міститимуть їх відповідні значення `month`, `year` та `temperature`.
+
+**User Story #8:** `data-month`, `data-year` кожної клітинки мають знаходитися в межах діапазону даних.
+
+**User Story #9:** Моя теплова карта повинна мати клітинки, розташовані на одному рівні з відповідним місяцем на осі Y.
+
+**User Story #10:** Моя теплова карта повинна мати клітинки, розташовані на одному рівні з відповідним роком на осі X.
+
+**User Story #11:** Моя теплова карта повинна мати декілька позначок з повною назвою місяця на осі Y.
+
+**User Story #12:** Моя теплова карта повинна мати декілька позначок з роками між 1754 та 2015 на осі X.
+
+**User Story #13:** Моя теплова карта повинна мати легенду з відповідним `id="legend"`.
+
+**User Story #14:** Моя легенда повинна містити елементи `rect`.
+
+**User Story #15:** Елементи `rect` у легенді повинні використовувати принаймні 4 різних кольори заливки.
+
+**User Story #16:** Я може навести курсор на область і побачити спливаючу підказку з відповідним `id="tooltip"`, що відображає більше інформації про область.
+
+**User Story #17:** Моя спливаюча підказка повинна мати показник `data-year`, що відповідає `data-year` активної області.
+
+Тут ви знайдете набір даних, необхідний для виконання цього проєкту: `https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json`
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ж ви можете використати це CDN-посилання, щоб провести тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Щойно впораєтеся, прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
new file mode 100644
index 0000000000..65016ca058
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-scatterplot-graph.md
@@ -0,0 +1,57 @@
+---
+id: bd7178d8c242eddfaeb5bd13
+title: Візуалізуйте дані за допомогою діаграми розсіювання
+challengeType: 3
+forumTopicId: 301467
+dashedName: visualize-data-with-a-scatterplot-graph
+---
+
+# --description--
+
+**Objective:** Створіть застосунок [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/bgpXyK>.
+
+Нижче заповніть [user stories](https://en.wikipedia.org/wiki/User_story) та проведіть усі тести. Зробіть це у свій власний спосіб.
+
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+
+**User Story #1:** Я бачу елемент заголовка, що має відповідний `id="title"`.
+
+**User Story #2:** Я бачу вісь X, що має відповідну `id="x-axis"`.
+
+**User Story #3:** Я бачу вісь Y, що має відповідну `id="y-axis"`.
+
+**User Story #4:** Я бачу точки, кожна з яких має клас `dot`, що відображає вказані дані.
+
+**User Story #5:** Кожна точка повинна мати властивості `data-xvalue` та `data-yvalue`, що містять їх відповідні значення `x` та `y`.
+
+**User Story #6:** Значення `data-xvalue` та `data-yvalue` кожної точки повинні знаходитися в межах фактичних даних і у правильному форматі даних. Для `data-xvalue` цілі числа (повні роки) чи об'єкти `Date` є прийнятними для оцінки тестування. Для `data-yvalue` (хвилин), використовуйте об'єкти `Date`.
+
+**User Story #7:** `data-xvalue` та його відповідна точка повинні розташовуватися на одному рівні з відповідною позначкою/значенням на осі X.
+
+**User Story #8:** `data-yvalue` та його відповідна точка повинні розташовуватися на одному рівні з відповідною позначкою/значенням на осі Y.
+
+**User Story #9:** Я бачу кілька позначок на осі Y з форматом часу `%M:%S`.
+
+**User Story #10:** Я бачу кілька позначок, що показують рік, на осі X.
+
+**User Story #11:** Я бачу, що діапазон позначок осі X знаходиться в межах фактичних даних осі X.
+
+**User Story #12:** Я бачу, що діапазон позначок осі Y знаходиться в межах фактичних даних осі Y.
+
+**User Story #13:** Я бачу легенду, що містить описовий текст, який має `id="legend"`.
+
+**User Story #14:** Я можу навести курсор на область і побачити спливаючу підказку з відповідною `id="tooltip"`, що відображає більше інформації про область.
+
+**User Story #15:** Моя спливаюча підказка повинна мати показник `data-year`, що відповідає `data-xvalue` активної області.
+
+Тут ви знайдете набір даних, необхідний для виконання цього проєкту: `https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json`
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ж ви можете скористатися цим CDN-посиланням, щоб провести тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Щойно впораєтеся, прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
new file mode 100644
index 0000000000..ed2a0a4a1e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-projects/visualize-data-with-a-treemap-diagram.md
@@ -0,0 +1,53 @@
+---
+id: 587d7fa6367417b2b2512bc0
+title: Візуалізуйте дані за допомогою діаграми Treemap
+challengeType: 3
+forumTopicId: 301468
+dashedName: visualize-data-with-a-treemap-diagram
+---
+
+# --description--
+
+**Objective:** Створити додаток [CodePen.io](https://codepen.io), функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/KaNGNR>.
+
+Нижче заповніть [історії користувача](https://en.wikipedia.org/wiki/User_story) та отримайте всі тести для проходження. Зробіть це у свій власний спосіб.
+
+Ви можете скористатися HTML, JavaScript, CSS та бібліотекою візуалізації, що базується на D3 svg. Для тестів потрібно згенерувати осі, використовуючи властивість осі D3, що автоматично створює відмітки вздовж осі. Ці відмітки потрібні для проходження D3 тестів, тому що їх положення використовуються для визначення вирівнювання зображених елементів. Ви можете знайти інформацію про генерування осей тут <https://github.com/d3/d3/blob/master/API.md#axes-d3-axis>. Необхідні (невіртуальні) DOM-елементи запитуються під час кожного тесту. Якщи ви використовуєте фронтенд-фреймворк (як-от, наприклад, Vue), результати тестів можуть бути неточними для динамічного контенту. Ми сподіваємося скоро їх налагодити, однак наразі ці фреймворки не підтримуються для проєктів D3.
+
+**User Story #1:** Моя діаграма Treemap повинна мати назву з відповідним `id="title"`.
+
+**User Story #2:** Моя діаграма Treemap повинна мати опис з відповідним `id="description"`.
+
+**User Story #3:** Моя діаграма Treemap повинна мати елементи `rect` з відповідним `class="tile"`, що відображає дані.
+
+**User Story #4:** Потрібно використати щонайменше 2 різних кольори заливки для комірок.
+
+**User Story #5:** Кожна комірка повинна мати властивості `data-name`, `data-category` та `data-value`, що міститимуть їх відповідні `name`, `category` та `value`.
+
+**User Story #6:** Область кожної комірки повинна відповідати обсягу `data-value`: комірки з більшою `data-value` повинні мати більшу площу.
+
+**User Story #7:** Моя діаграма Treemap повинна мати легенду з відповідним `id="legend"`.
+
+**User Story #8:** Моя легенда повинна мати елементи `rect` з відповідним `class="legend-item"`.
+
+**User Story #9:** Для елементів `rect` у легенді треба використати принаймні 2 різних кольори заливки.
+
+**User Story #10:** Я можу навести курсор на область і побачити спливаючу підказку з відповідним `id="tooltip"`, що відображає більше інформації про область.
+
+**User Story #11:** Моя спливаюча підказка повинна мати показник `data-value`, що відповідає `data-value` активної області.
+
+Для цього проєкту ви можете скористатися будь-яким із цих наборів даних:
+
+-   **Kickstarter Pledges:** `https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json`
+-   **Movie Sales:** `https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json`
+-   **Video Game Sales:** `https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json`
+
+Ви можете створити свій проєкт <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>using this CodePen template</a> і натиснувши `Save`, аби створити власний фрагмент. Або ж ви можете скористатися цим CDN-посиланням, щоб провести тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+
+Щойно впораєтеся, прикріпіть URL-адресу із пройденими тестами до проєкту, над яким працюєте.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.md
new file mode 100644
index 0000000000..2a3241371e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element.md
@@ -0,0 +1,118 @@
+---
+id: 587d7faa367417b2b2512bd4
+title: Додавання до елементу D3 ефекту при наведенні курсором
+challengeType: 6
+forumTopicId: 301469
+dashedName: add-a-hover-effect-to-a-d3-element
+---
+
+# --description--
+
+Однією з можливостей є додавання до елемента ефектів, які його виділятимуть, коли користувач наводить на нього курсор. Поки що стилізація прямокутників застосовується з вбудованими D3 та SVG методами, але ви можете також використовувати і CSS.
+
+Спочатку ви встановлюєте CSS клас на елементах SVG за допомогою методу `attr()`. Потім псевдоклас `:hover` для вашого нового класу зберігає правила стилю для будь-яких ефектів, які виникаються при наведенні курсором.
+
+# --instructions--
+
+Використайте метод `attr()`, щоб додати клас `bar` до всіх елементів `rect`. Це змінює колір елементу `fill` на коричневий, коли ви наводите на нього курсор.
+
+# --hints--
+
+Ваші елементи `rect` повинні мати клас `bar`.
+
+```js
+assert($('rect').attr('class').trim().split(/\s+/g).includes('bar'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy")
+       // Add your code below this line
+       .attr('class', 'bar')
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.md
new file mode 100644
index 0000000000..9981433979
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element.md
@@ -0,0 +1,175 @@
+---
+id: 587d7faa367417b2b2512bd6
+title: Додавання до елементу D3 спливаючої підказки
+challengeType: 6
+forumTopicId: 301470
+dashedName: add-a-tooltip-to-a-d3-element
+---
+
+# --description--
+
+Спливаюча підказка відображає розширену інформацію про елемент на сторінці при наведенні на неї курсору миші. Є декілька способів додати спливаючу підказку до візуалізації, для цього завдання використовується елемент SVG `title`.
+
+`title` працює у парі з методом `text()`, щоб динамічно додавати дані до стовпців.
+
+# --instructions--
+
+Додайте елемент `title` під кожен вузол `rect`. Потім застосуйте метод `text()` з функцією зворотнього зв'язку, щоб текст відображав значення даних.
+
+# --hints--
+
+У Вашому коді має бути 9 елементів `title`.
+
+```js
+assert($('title').length == 9);
+```
+
+Перший елемент `title` має містити текст підказки `12`.
+
+```js
+assert($('title').eq(0).text() == '12');
+```
+
+Другий елемент `title` має містити текст підказки `31`.
+
+```js
+assert($('title').eq(1).text() == '31');
+```
+
+Третій елемент `title` має містити текст підказки `22`.
+
+```js
+assert($('title').eq(2).text() == '22');
+```
+
+Четвертий елемент `title` має містити текст підказки `17`.
+
+```js
+assert($('title').eq(3).text() == '17');
+```
+
+П'ятий елемент `title` має містити текст підказки `25`.
+
+```js
+assert($('title').eq(4).text() == '25');
+```
+
+Шостий елемент `title` має містити текст підказки `18`.
+
+```js
+assert($('title').eq(5).text() == '18');
+```
+
+Сьомий елемент `title` має містити текст підказки `29`.
+
+```js
+assert($('title').eq(6).text() == '29');
+```
+
+Восьмий елемент `title` має містити текст підказки `14`.
+
+```js
+assert($('title').eq(7).text() == '14');
+```
+
+Дев'ятий елемент `title` має містити текст підказки `9`.
+
+```js
+assert($('title').eq(8).text() == '9');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  .bar:hover {
+    fill: brown;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy")
+       .attr("class", "bar")
+       .append("title")
+       .text((d) => d)
+
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (d * 3 + 3))
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.md
new file mode 100644
index 0000000000..0a314aa015
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements.md
@@ -0,0 +1,211 @@
+---
+id: 587d7fab367417b2b2512bd8
+title: Додавання атрибутів до елементів "коло"
+challengeType: 6
+forumTopicId: 301471
+dashedName: add-attributes-to-the-circle-elements
+---
+
+# --description--
+
+Останнім завданням було створити елементи кола `circle` для кожного пункту в об'єкті `dataset` і додати їх до полотна SVG. Але D3 потребує додаткової інформації про положення та розмір кожного елемента `circle`, щоб відобразити їх правильно.
+
+Елемент `circle` в SVG має три основні атрибути. Атрибути `cx` та `cy` — це координати. Вони вказують D3, де розташувати *центр* фігури на полотні SVG. Радіус (атрибут `r`) вказує розмір елемента `circle`.
+
+Як і координата `rect` `y`, атрибут `cy` для елемента `circle` вимірюється від верху SVG полотна, не від низу.
+
+Всі три атрибути можуть використовувати функцію зворотного зв'язку, щоб динамічно встановити свої значення. Пам'ятайте, що всі методи, згруповані після `data(dataset)` запускаються один раз на елемент у `dataset`. Параметр `d` у функції зворотного виклику посилається на поточний елемент в `dataset`, який є масивом для кожної точки. Використайте дужкову нотацію, наприклад, `d[0]`, щоб отримати доступ до значень в цьому масиві.
+
+# --instructions--
+
+Додайте атрибути `cx`, `cy`, а також `r` до елемента `circle`. Значення `cx` має бути першим числом у масиві для кожного елемента в `dataset`. Значення `cy` має базуватися на другому номері у масиві, але не забудьте показати графік правильно, а не інвертовано. Значення атрибуту `r` має дорівнювати `5` для всіх кіл.
+
+# --hints--
+
+Ваш код повинен містити 10 елементів `circle`.
+
+```js
+assert($('circle').length == 10);
+```
+
+У першого елемента `circle` атрибут `cx` повинен мати значення `34`, атрибут `cy` — значення `422` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(0).attr('cx') == '34' &&
+    $('circle').eq(0).attr('cy') == '422' &&
+    $('circle').eq(0).attr('r') == '5'
+);
+```
+
+У другого елемента `circle` атрибут `cx` повинен мати значення `109`, атрибут `cy` — значення `220` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(1).attr('cx') == '109' &&
+    $('circle').eq(1).attr('cy') == '220' &&
+    $('circle').eq(1).attr('r') == '5'
+);
+```
+
+У третього елемента `circle` атрибут `cx` повинен мати значення `310`, атрибут `cy` — значення `380` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(2).attr('cx') == '310' &&
+    $('circle').eq(2).attr('cy') == '380' &&
+    $('circle').eq(2).attr('r') == '5'
+);
+```
+
+У четвертого елемента `circle` атрибут `cx` повинен мати значення `79`, атрибут `cy` — значення `89` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(3).attr('cx') == '79' &&
+    $('circle').eq(3).attr('cy') == '89' &&
+    $('circle').eq(3).attr('r') == '5'
+);
+```
+
+У п'ятого елемента `circle` атрибут `cx` повинен мати значення `420`, атрибут `cy` — значення `280` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(4).attr('cx') == '420' &&
+    $('circle').eq(4).attr('cy') == '280' &&
+    $('circle').eq(4).attr('r') == '5'
+);
+```
+
+У шостого елемента `circle` атрибут `cx` повинен мати значення `233`, атрибут `cy` — значення `355` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(5).attr('cx') == '233' &&
+    $('circle').eq(5).attr('cy') == '355' &&
+    $('circle').eq(5).attr('r') == '5'
+);
+```
+
+У сьомого елемента `circle` атрибут `cx` повинен мати значення `333`, атрибут `cy` — значення `404` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(6).attr('cx') == '333' &&
+    $('circle').eq(6).attr('cy') == '404' &&
+    $('circle').eq(6).attr('r') == '5'
+);
+```
+
+У восьмого елемента `circle` атрибут `cx` повинен мати значення `222`, атрибут `cy` — значення `167` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(7).attr('cx') == '222' &&
+    $('circle').eq(7).attr('cy') == '167' &&
+    $('circle').eq(7).attr('r') == '5'
+);
+```
+
+У дев'ятого елемента `circle` атрибут `cx` повинен мати значення `78`, атрибут `cy` — значення `180` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(8).attr('cx') == '78' &&
+    $('circle').eq(8).attr('cy') == '180' &&
+    $('circle').eq(8).attr('r') == '5'
+);
+```
+
+У десятого елемента `circle` атрибут `cx` повинен мати значення `21`, атрибут `cy` — значення `377` і атрибут `r` — значення `5`.
+
+```js
+assert(
+  $('circle').eq(9).attr('cx') == '21' &&
+    $('circle').eq(9).attr('cy') == '377' &&
+    $('circle').eq(9).attr('r') == '5'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => d[0])
+       .attr("cy", (d) => h - d[1])
+       .attr("r", 5)
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.md
new file mode 100644
index 0000000000..4af44e23d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-axes-to-a-visualization.md
@@ -0,0 +1,198 @@
+---
+id: 587d7fad367417b2b2512bdf
+title: Додай вісь до візуалізації
+challengeType: 6
+forumTopicId: 301472
+dashedName: add-axes-to-a-visualization
+---
+
+# --description--
+
+Інший спосіб покращити точкову діаграму - додати x- значення та у- значення.
+
+D3 має два методи, `axisLeft()` та `axisBottom()`, щоб зобразити вісь y та вісь x відповідно. Ось приклад для створення осі Х на основі `xScale` у попередніх завданнях:
+
+```js
+const xAxis = d3.axisBottom(xScale);
+```
+
+Наступний крок - візуалізувати вісь на полотні SVG. Для цього можна використати загальний компонент SVG, елемент `g`. Стрічка `g` відповідає за групу. На відміну від  `rect`, `circle`, and `text` , вісь - це просто пряма лінія при відображенні. Оскільки це проста фігура, використовуючи `g` працює. Останній крок - застосувати атрибут `transform` для розміщення осі на полотні SVG в потрібному місці. В іншому випадку здійсниться лінія вздовж межі полотна SVG яка не буде видима. SVG підтримує різні типи `transforms`, але позиціювання осей потрібно `translate`. Коли елемент застосований до елемента `g` , він пересуне всю групу на задані кількості. Ось приклад:
+
+```js
+const xAxis = d3.axisBottom(xScale);
+
+svg.append("g")
+   .attr("transform", "translate(0, " + (h - padding) + ")")
+   .call(xAxis);
+```
+
+Наведений вище код встановлює вісь х на нижній частині SVG полотна. Тоді він переданий в якості аргументу `call()`. Вісь Y працює так само, за винятком `translate` аргументу у вигляді `(x, 0)`. Тому що `translate` є рядком в методі `attr()` вище, ви можете використовувати конкатенацію для включення змінних значень для їх аргументів.
+
+# --instructions--
+
+У точковому графіку тепер є вісь Х. Створіть вісь У в змінній `yAxis` використовуючи `axisLeft()` метод. Потім зобразіть вісь, використовуючи елемент `g`. Переконайтеся, що за допомогою `transform` атрибут для перекладу осі на кількість одиниць виконано вправо, та `0` одиниць вниз. Не забудьте встановити `call()` вісь.
+
+# --hints--
+
+Ваш код повинен використовувати метод `axisLeft()` з `yScale` в якості аргументу.
+
+```js
+assert(code.match(/\.axisLeft\(yScale\)/g));
+```
+
+Елемент осі Y `g` повинен мати атрибут `transform` для перекладу осі на `(60, 0)`.
+
+```js
+assert(
+  $('g')
+    .eq(10)
+    .attr('transform')
+    .match(/translate\(60\s*?,\s*?0\)/g)
+);
+```
+
+Ваш код повинен містити один теґ `audio`.
+
+```js
+assert(code.match(/\.call\(\s*yAxis\s*\)/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+    // Add your code below this line
+    const yAxis = undefined;
+    // Add your code above this line
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy",(d) => yScale(d[1]))
+       .attr("r", (d) => 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + "," + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+
+    const xAxis = d3.axisBottom(xScale);
+
+    const yAxis = d3.axisLeft(yScale);
+
+
+    svg.append("g")
+       .attr("transform", "translate(0," + (h - padding) + ")")
+       .call(xAxis);
+
+    svg.append("g")
+       .attr("transform", "translate(" + padding + ",0)")
+       .call(yAxis)
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.md
new file mode 100644
index 0000000000..b50147c12a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fa7367417b2b2512bc8
+title: Додавання класів з D3
+challengeType: 6
+forumTopicId: 301473
+dashedName: add-classes-with-d3
+---
+
+# --description--
+
+Багатьма вбудованими стилями в елементах HTML важко управляти, навіть у менших застосунках. Простіше додати клас до елементів та стилізувати його, використовуючи правила CSS. D3 має метод `attr()`, що дає змогу додавати будь-який атрибут HTML до елемента, включно ім'я класу.
+
+Метод `attr()` працює так само, як і `style()`. Він застосовує значення, розділені комою, і може використовувати функцію зворотного виклику (callback function). Ось приклад того, як додати клас `container` до вибраного:
+
+```js
+selection.attr("class", "container");
+```
+
+Зауважте, що параметр `class` залишиться таким же, коли потрібно додати клас, і лише параметр `container` зміниться.
+
+# --instructions--
+
+Додайте метод `attr()` до коду в редакторі і застосуйте клас `bar` до елементів `div`.
+
+# --hints--
+
+Елементи `div` повинні мати клас `bar`.
+
+```js
+assert($('div').attr('class').trim().split(/\s+/g).includes('bar'));
+```
+
+Ваш код має застосовувати метод `attr()`.
+
+```js
+assert(code.match(/\.attr/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      // Add your code below this line
+      .attr("class","bar");
+      // Add your code above this line
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.md
new file mode 100644
index 0000000000..c4bead9266
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fa6367417b2b2512bc2
+title: Додавайте елементи документа за допомогою D3
+challengeType: 6
+forumTopicId: 301474
+dashedName: add-document-elements-with-d3
+---
+
+# --description--
+
+У D3 є кілька способів, щоб додавати і змінювати елементи у вашому документі.
+
+Метод `select()` дозволяє вибрати один елемент документа. Задається аргумент імені елемента, який вам потрібен і повертається HTML-вузол першого елемента в документі, який відповідає назві. Наприклад:
+
+```js
+const anchor = d3.select("a");
+```
+
+У наведеному вище прикладі знайдено перший тег прив'язки на сторінці та збережено для нього HTML-вузол у змінній `anchor`. Вибирати елементи можна і за допомогою інших методів. Частина `d3` в прикладі - це посилання на об’єкт D3, через яке ми отримуємо доступ до методів D3.
+
+Ще два корисні методи: `append()` та `text()`.
+
+Метод `append()` приймає аргумент для елементу, який ви хочете додати до документа. До вибраного елемента додається HTML-вузол і ви отримуєте дескриптор до цього вузла.
+
+Метод `text()` задає текст вибраного вузла або даний текст. Щоб задати значення, потрібно передати рядок у вигляді аргументу в дужках методу.
+
+Ось приклад встановлення невпорядкованого списку, додавання пункту списку і тексту:
+
+```js
+d3.select("ul")
+  .append("li")
+  .text("Very important item");
+```
+
+D3 дозволяє використовувати методи в комбінаціях, щоб виконувати кілька дій одна за одною.
+
+# --instructions--
+
+Використовуйте метод `select`, щоб обрати тег `body` в документі. Тоді за допомогою `append` додайте тег `h1`, а тоді текст `Learning D3` в елемент `h1`.
+
+# --hints--
+
+Тег `body` повинен мати один елемент `h1`.
+
+```js
+assert($('body').children('h1').length == 1);
+```
+
+Елемент `h1` повинен містити текст `Learning D3`.
+
+```js
+assert($('h1').text() == 'Learning D3');
+```
+
+Ваш код повинен мати доступ до об’єкта `d3`.
+
+```js
+assert(code.match(/d3/g));
+```
+
+Ваш код має застосовувати метод`select`.
+
+```js
+assert(code.match(/\.select/g));
+```
+
+Ваш код має застосовувати метод `append`.
+
+```js
+assert(code.match(/\.append/g));
+```
+
+Ваш код має застосовувати метод `text`.
+
+```js
+assert(code.match(/\.text/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    d3.select("body")
+      .append("h1")
+      .text("Learning D3")
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.md
new file mode 100644
index 0000000000..5de1628103
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fa7367417b2b2512bc6
+title: Додавання вбудованих стилів (Inline Styling) до елементів
+challengeType: 6
+forumTopicId: 301475
+dashedName: add-inline-styling-to-elements
+---
+
+# --description--
+
+D3 дозволяє додати вбудовані стилі CSS для динамічних елементів методом `style()`.
+
+Метод `style()` приймає пару ключ-значення, розділену комами, як аргумент. Ось приклад, як змінити колір тексту вибірки на блакитний:
+
+```js
+selection.style("color","blue");
+```
+
+# --instructions--
+
+Додайте метод `style()` до коду в редакторі, щоб з сімейства шрифтів `font-family` всі відображені тексти були у стилі `verdana`.
+
+# --hints--
+
+З набору шрифтів `font-family` оберіть `verdana` для елементів `h2`.
+
+```js
+assert($('h2').css('font-family') == 'verdana');
+```
+
+Ваш код повинен використовувати метод `style()`.
+
+```js
+assert(code.match(/\.style/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      .style("font-family", "verdana")
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.md
new file mode 100644
index 0000000000..299447ee3b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-d3-elements.md
@@ -0,0 +1,153 @@
+---
+id: 587d7faa367417b2b2512bd2
+title: Додайте позначки D3 елементів
+challengeType: 6
+forumTopicId: 301476
+dashedName: add-labels-to-d3-elements
+---
+
+# --description--
+
+D3 дозволяє позначати елемент графіку, наприклад, діаграму, за допомогою елемента SVG `text` element.
+
+Як і елемент `rect`, елемент `text` повинен мати атрибути `x` та `y`, щоб розмістити їх на SVG полотні. Крім того, необхідно отримати доступ до даних для відображення цих значень.
+
+D3 дає вам високий рівень контролю над тим, як ви позначаєте свої діаграми.
+
+# --instructions--
+
+Код у редакторі вже пов’язує дані з кожним новим елементом `text`. Спочатку додайте вузли `text` до `svg`. Далі додайте атрибути для координат `x` та `y`. Їх слід обчислювати так само, як і значення `rect`, за винятком того, що значення `y` для `text` повинно зробити позначку на 3 одиниці вище, ніж діаграма. Нарешті, використовуйте метод D3 `text()`, щоб встановити позначку рівною значенню точки даних.
+
+**Note:** Щоб позначка розташовувалася вище за смугу, вирішіть, чи має значення `y` для `text` бути на 3 позиції більше або на 3 менше від значення `y`на діаграмі.
+
+# --hints--
+
+Перший елемент `text` повинен мати позначку `12` та `y` значення `61`.
+
+```js
+assert($('text').eq(0).text() == '12' && $('text').eq(0).attr('y') == '61');
+```
+
+Другий елемент `text` повинен мати позначку `31` та `y` значення`4`.
+
+```js
+assert($('text').eq(1).text() == '31' && $('text').eq(1).attr('y') == '4');
+```
+
+Третій елемент `text` повинен мати позначку `22` та `y` значення `31`.
+
+```js
+assert($('text').eq(2).text() == '22' && $('text').eq(2).attr('y') == '31');
+```
+
+Четвертий елемент `text` повинен мати позначку`17` та `y` значення `46`.
+
+```js
+assert($('text').eq(3).text() == '17' && $('text').eq(3).attr('y') == '46');
+```
+
+П'ятий елемент `text` повинен мати позначку `25` та `y` значення`22`.
+
+```js
+assert($('text').eq(4).text() == '25' && $('text').eq(4).attr('y') == '22');
+```
+
+Шостий елемент `text` повинен мати позначку `18` та `y` значення `43`.
+
+```js
+assert($('text').eq(5).text() == '18' && $('text').eq(5).attr('y') == '43');
+```
+
+Сьомий елемент `text` повинен мати позначку `29` та `y`значення `10`.
+
+```js
+assert($('text').eq(6).text() == '29' && $('text').eq(6).attr('y') == '10');
+```
+
+Восьмий елемент `text` повинен мати позначку `14` та `y` значення`55`.
+
+```js
+assert($('text').eq(7).text() == '14' && $('text').eq(7).attr('y') == '55');
+```
+
+Дев’ятий елемент `text` повинен мати позначку `9` та `y`значення `70`.
+
+```js
+assert($('text').eq(8).text() == '9' && $('text').eq(8).attr('y') == '70');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       // Add your code below this line
+
+
+
+
+       // Add your code above this line
+  </script>
+<body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       .text((d) => d)
+  </script>
+<body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.md
new file mode 100644
index 0000000000..0782c529fa
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles.md
@@ -0,0 +1,224 @@
+---
+id: 587d7fab367417b2b2512bd9
+title: Додавання міток до кіл точкової діаграми (діаграма розсіювання)
+challengeType: 6
+forumTopicId: 301477
+dashedName: add-labels-to-scatter-plot-circles
+---
+
+# --description--
+
+Ви можете додати текст, щоб створити мітки для точок у точковій діаграмі.
+
+Для цього слід відобразити значення, розділені комами, для першого (`x`) та другого (`y`) векторних полів кожного елементу в `dataset`.
+
+Вузлам `text` потрібні атрибути `x` and `y`, щоб розташувати його на полотні SVG. Щоб вирішити це завдання, значення `y` value (визначає висоту) може мати те ж значення, яке елемент `circle` використовує для свого атрибута `cy`. Значення `x` може бути дещо більшим, ніж значення `cx` елемента `circle`, тому мітку видно. Це дозволить перемістити мітку правіше від нанесеної точки.
+
+# --instructions--
+
+Позначайте кожну точку на діаграмі розсіювання (точковій діаграмі), використовуючи елементи `text`. Два значення у тексті мітки повинні відокремлюватись комою і пробілом. Наприклад, мітка для першої точки становить `34, 78`. Задайте атрибут `x` так, щоб його значення становило на `5` одиниць більше, ніж значення, яке використовували для атрибуту `cx` елементу `circle`. Задайте атрибут `y` таким же способом, як для значення `cy` елементу `circle`.
+
+# --hints--
+
+Ваш код повинен мати 10 елементів `text`.
+
+```js
+assert($('text').length == 10);
+```
+
+Перша мітка повинна мати текст `34, 78`, вектор `x` - зі значенням `39` і вектор `y` - зі значенням `422`.
+
+```js
+assert(
+  $('text').eq(0).text() == '34, 78' &&
+    $('text').eq(0).attr('x') == '39' &&
+    $('text').eq(0).attr('y') == '422'
+);
+```
+
+Друга мітка повинна містити текст `109, 280`, вектор `x` - зі значенням `114` і вектор `y` - зі значенням `220`.
+
+```js
+assert(
+  $('text').eq(1).text() == '109, 280' &&
+    $('text').eq(1).attr('x') == '114' &&
+    $('text').eq(1).attr('y') == '220'
+);
+```
+
+У третій мітці - текст `310, 120`, вектор `x` має значення `315`, а вектор `y` - значення `380`.
+
+```js
+assert(
+  $('text').eq(2).text() == '310, 120' &&
+    $('text').eq(2).attr('x') == '315' &&
+    $('text').eq(2).attr('y') == '380'
+);
+```
+
+У четвертій мітці - текст `79, 411`, вектор `x` має значення `84` вектор `y` - значення `89`.
+
+```js
+assert(
+  $('text').eq(3).text() == '79, 411' &&
+    $('text').eq(3).attr('x') == '84' &&
+    $('text').eq(3).attr('y') == '89'
+);
+```
+
+П'ята мітка міститиме текст `420, 220`, вектор `x` має значення `425`, вектор `y` - значення `280`.
+
+```js
+assert(
+  $('text').eq(4).text() == '420, 220' &&
+    $('text').eq(4).attr('x') == '425' &&
+    $('text').eq(4).attr('y') == '280'
+);
+```
+
+Текст шостої мітки - `233, 145` зі значенням `238` вектора `x` і значенням `355` вектора `y`.
+
+```js
+assert(
+  $('text').eq(5).text() == '233, 145' &&
+    $('text').eq(5).attr('x') == '238' &&
+    $('text').eq(5).attr('y') == '355'
+);
+```
+
+Текст сьомої мітки містить `333, 96` зі значенням `338` вектора `x` і значенням `404` вектора `y`.
+
+```js
+assert(
+  $('text').eq(6).text() == '333, 96' &&
+    $('text').eq(6).attr('x') == '338' &&
+    $('text').eq(6).attr('y') == '404'
+);
+```
+
+Восьма мітка - з текстом `222, 333`, вектор `x` має значення `227`, а вектор `y` - значення `167`.
+
+```js
+assert(
+  $('text').eq(7).text() == '222, 333' &&
+    $('text').eq(7).attr('x') == '227' &&
+    $('text').eq(7).attr('y') == '167'
+);
+```
+
+Дев'ята мітка вміщує текст `78, 320`, векторне поле `x` має значення `83`, а поле `y` - значення `180`.
+
+```js
+assert(
+  $('text').eq(8).text() == '78, 320' &&
+    $('text').eq(8).attr('x') == '83' &&
+    $('text').eq(8).attr('y') == '180'
+);
+```
+
+Текст десятої мітки - `21, 123`, векторне поле `x` має значення `26`, а векторне поле `y` - значення `377`.
+
+```js
+assert(
+  $('text').eq(9).text() == '21, 123' &&
+    $('text').eq(9).attr('x') == '26' &&
+    $('text').eq(9).attr('y') == '377'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d, i) => d[0])
+       .attr("cy", (d, i) => h - d[1])
+       .attr("r", 5);
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .attr("x", (d) => d[0] + 5)
+       .attr("y", (d) => h - d[1])
+       .text((d) => (d[0] + ", " + d[1]))
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.md
new file mode 100644
index 0000000000..b5eec2bf98
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-styles-based-on-data.md
@@ -0,0 +1,123 @@
+---
+id: 587d7fa7367417b2b2512bc7
+title: Зміна стилів на основі даних
+challengeType: 6
+forumTopicId: 301479
+dashedName: change-styles-based-on-data
+---
+
+# --description--
+
+Про візуалізацію та подання даних можна дізнатися за допомогою D3. Ймовірно, що на основі даних ви захочете змінити стиль елементів. Для того, щоб змінити стиль для різних елементів, ви можете використати функцію зворотного зв'язку в методі `style()`.
+
+Наприклад, ви можливо маєте бажання зафарбувати точку даних у синій колір, якщо її значення менше ніж 20, в іншому випадку - у червоний. Ви можете використати функцію зворотного зв'язку в методі `style()` і включити умовну логіку. Для відображення точки даних, функція зворотного зв'язку використовує параметр `d`:
+
+```js
+selection.style("color", (d) => {
+
+});
+```
+
+При використанні методу `style()` він не обмежується лише встановленням `color`, адже він може добре використовуватися і з іншими властивостями CSS.
+
+# --instructions--
+
+Щоб встановити `color` елементів `h2` умовно, потрібно додати метод `style()` до коду в редакторі. Запишіть функцію зворотного зв'язку, щоб вона повертала червоний колір, якщо значення менше 20, в іншому випадку - зелений.
+
+**Note:** Ви можете використовувати if-else логіку або тернарний оператор.
+
+# --hints--
+
+Перший `h2` повинен мати червоний `color`.
+
+```js
+assert($('h2').eq(0).css('color') == 'rgb(255, 0, 0)');
+```
+
+Другий `h2` повинен мати зелений `color`.
+
+```js
+assert($('h2').eq(1).css('color') == 'rgb(0, 128, 0)');
+```
+
+Третій `h2` повинен мати зелений `color`.
+
+```js
+assert($('h2').eq(2).css('color') == 'rgb(0, 128, 0)');
+```
+
+Четвертий `h2` повинен мати червоний `color`.
+
+```js
+assert($('h2').eq(3).css('color') == 'rgb(255, 0, 0)');
+```
+
+П'ятий `h2` повинен мати зелений `color`.
+
+```js
+assert($('h2').eq(4).css('color') == 'rgb(0, 128, 0)');
+```
+
+Шостий `h2` повинен мати червоний `color`.
+
+```js
+assert($('h2').eq(5).css('color') == 'rgb(255, 0, 0)');
+```
+
+Сьомий `h2` повинен мати зелений `color`.
+
+```js
+assert($('h2').eq(6).css('color') == 'rgb(0, 128, 0)');
+```
+
+Восьмий `h2` повинен мати червоний `color`.
+
+```js
+assert($('h2').eq(7).css('color') == 'rgb(255, 0, 0)');
+```
+
+Дев'ятий `h2` повинен мати червоний `color`.
+
+```js
+assert($('h2').eq(8).css('color') == 'rgb(255, 0, 0)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => (d + " USD"))
+      .style("color", (d) => d < 20 ? "red" : "green")
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.md
new file mode 100644
index 0000000000..9009b28ef9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element.md
@@ -0,0 +1,88 @@
+---
+id: 587d7fa9367417b2b2512bd1
+title: Зміна кольору елемента SVG
+challengeType: 6
+forumTopicId: 301480
+dashedName: change-the-color-of-an-svg-element
+---
+
+# --description--
+
+Стовпці знаходяться в правильному положенні, але всі вони однакового чорного кольору. SVG має спосіб, як змінити колір стовпця.
+
+В SVG форма `rect` забарвлена атрибутом `fill`. Він підтримує шістнадцяткові коди, назви кольорів та значення rgb, а також більш складні параметри, такі як градієнти та прозорість.
+
+# --instructions--
+
+Додайте метод `attr()` щоб встановити `fill` усім стовпцям темно-синій колір.
+
+# --hints--
+
+Стовпці мають всі `fill` в темно-синій колір.
+
+```js
+assert($('rect').css('fill') == 'rgb(0, 0, 128)');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d)
+       .attr("fill", "navy");
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.md
new file mode 100644
index 0000000000..f0b4343866
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart.md
@@ -0,0 +1,161 @@
+---
+id: 587d7fa8367417b2b2512bca
+title: Змінити вигляд стовпчикової діаграми
+challengeType: 6
+forumTopicId: 301481
+dashedName: change-the-presentation-of-a-bar-chart
+---
+
+# --description--
+
+Останнім завданням було створити стовпчикову діаграму, але існує кілька змін форматування, що можуть покращити її:
+
+1) Додайти пробіл між кожним стовпчиком, щоб візуально розділити їх, і це можна зробити за допомогою додавання відступу до CSS для класу `bar`
+
+2) Збільшіть висоту стовпчиків, щоб краще показати різницю між значеннями, що можна зробити за допомогою множення значень на число, для масштабування висоти
+
+# --instructions--
+
+Спочатку додайте `margin` `2px` до класу `bar` у теґу `style`. Далі, змініть функцію у методі `style()`, щоб повернути значення `10` разів у вихідне значення даних (плюс `px`).
+
+**Примітка:** Множення кожної точки даних на *ту саму* константу лише змінить шкалу. Це як збільшення, але воно не змінює значення основних даних.
+
+# --hints--
+
+Перший `div` повинен мати `height` `120` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(0).css('height') == '120px' &&
+    $('div').eq(0).css('margin-right') == '2px'
+);
+```
+
+Другий `div` повинен мати `height``310` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(1).css('height') == '310px' &&
+    $('div').eq(1).css('margin-right') == '2px'
+);
+```
+
+Третій `div` повинен мати `height` `220` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(2).css('height') == '220px' &&
+    $('div').eq(2).css('margin-right') == '2px'
+);
+```
+
+Четвертий `div` повинен мати `height` `170` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(3).css('height') == '170px' &&
+    $('div').eq(3).css('margin-right') == '2px'
+);
+```
+
+П'ятий `div` повинен мати `height` `250` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(4).css('height') == '250px' &&
+    $('div').eq(4).css('margin-right') == '2px'
+);
+```
+
+Шостий `div` повинен мати `height` `180` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(5).css('height') == '180px' &&
+    $('div').eq(5).css('margin-right') == '2px'
+);
+```
+
+Сьомий `div` повинен мати `height``290` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(6).css('height') == '290px' &&
+    $('div').eq(6).css('margin-right') == '2px'
+);
+```
+
+Восьмий `div` повинен мати `height` `140` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(7).css('height') == '140px' &&
+    $('div').eq(7).css('margin-right') == '2px'
+);
+```
+
+Дев'ятий `div` повинен мати `height` `90` пікселів та `margin` з `2` пікселів.
+
+```js
+assert(
+  $('div').eq(8).css('height') == '90px' &&
+    $('div').eq(8).css('margin-right') == '2px'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    /* Add your code below this line */
+
+
+    /* Add your code above this line */
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      .style("height", (d) => (d + "px")) // Change this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    margin: 2px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      .style("height", (d) => (d * 10 + "px"))
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.md
new file mode 100644
index 0000000000..4328d82187
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set.md
@@ -0,0 +1,110 @@
+---
+id: 587d7fa8367417b2b2512bcd
+title: Як створити панель для кожного значення множини
+challengeType: 6
+forumTopicId: 301482
+dashedName: create-a-bar-for-each-data-point-in-the-set
+---
+
+# --description--
+
+В попередньому завданні було додано лише один прямокутник до елементу `svg` для відображення панелі. Тут ви зможете об’єднати те, про що ви дізналися про `data()`, `enter()` та фігури масштабованої векторної графіки, щоб створити та додати прямокутник для кожного значення множини `dataset`.
+
+У попередньому завданні було пояснено як створити та додати код `div` для кожного елемента в `dataset`:
+
+```js
+d3.select("body").selectAll("div")
+  .data(dataset)
+  .enter()
+  .append("div")
+```
+
+Існує декілька різниць, які взаємодіють з елементами `rect` замість елементів `div`. Елементи `rect` повинні додаватись до елементу `svg`, а не безпосередньо до `body`. Також вам потрібно вказати D3, де розташувати кожний `rect` в межах `svg`. Інформацію про те, як розташувати панель, ви знайдете у наступному завданні.
+
+# --instructions--
+
+Використовуйте методи `data()`, `enter()` та `append()` для того, шоб створити та додати `rect` для кожного елемента в `dataset`. Панелі повинні відображатися одна над одною; це буде виправлено у наступному завданні.
+
+# --hints--
+
+Ваш документ має містити 9 елементів `rect`.
+
+```js
+assert($('rect').length == 9);
+```
+
+Ваш код повинен використовувати метод `data()`.
+
+```js
+assert(code.match(/\.data/g));
+```
+
+Ваш код має використовувати метод `enter()`.
+
+```js
+assert(code.match(/\.enter/g));
+```
+
+Ваш код має використовувати метод`append()`.
+
+```js
+assert(code.match(/\.append/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", 0)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.md
new file mode 100644
index 0000000000..2c43c397a4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.md
@@ -0,0 +1,88 @@
+---
+id: 587d7fab367417b2b2512bda
+title: Створення лінійної шкали за допомогою D3
+challengeType: 6
+forumTopicId: 301483
+dashedName: create-a-linear-scale-with-d3
+---
+
+# --description--
+
+Стовпчикові та розсіяні діаграми наносять дані безпосередньо на полотно SVG. Однак, якщо висота стовпчика або однієї з точок даних була б більшою за значення висоти або ширини SVG, то вона виходила б за межі області SVG.
+
+У D3 існують шкали, за допомогою яких можна відобразити дані. `scales` - це функції, що вказують програмі, як саме потрібно зіставити пікселі полотна SVG із набором необроблених точок даних.
+
+Наприклад, скажімо, у вас є полотно SVG розміром 100x500, і ви хочете накреслити Валовий внутрішній продукт (ВВП) для ряду країн. Набір цифр буде в діапазоні мільярдів або трильйонів доларів. Ви надаєте D3 тип шкали, щоб розповісти їй, як потрібно розмістити великі значення ВВП на цій площі розміром 100x500.
+
+Навряд чи ви б створювали необроблені дані так. Перше ніж створювати його, ви встановлюєте шкалу для всього свого набору даних, щоб значення `x` та `y`відповідали ширині та висоті полотна.
+
+D3 має кілька типів шкал. Існує метод D3 `scaleLinear()` для лінійної шкали, який зазвичай використовується з кількісними даними:
+
+```js
+const scale = d3.scaleLinear()
+```
+
+За замовчуванням шкала використовує зв'язок ідентичності. Значення вхідних даних таке ж, як і значення вихідних даних. В окремому завданні розповідається про те, як це змінити.
+
+# --instructions--
+
+Щоб створити лінійну шкалу потрібно змінити змінну `scale`. Потім встановіть змінну `output` у шкалі, яка викликається з вхідним аргументом `50`.
+
+# --hints--
+
+У `h2` текст повинен бути `50`.
+
+```js
+assert($('h2').text() == '50');
+```
+
+Ваш код повинен використовувати метод `scaleLinear()`.
+
+```js
+assert(code.match(/\.scaleLinear/g));
+```
+
+Змінна `output` повинна викликати `scale` з аргументом `50`.
+
+```js
+assert(output == 50 && code.match(/scale\(\s*?50\s*?\)/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+
+    const scale = undefined; // Create the scale here
+    const output = scale(); // Call scale with an argument here
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+
+    const scale = d3.scaleLinear();
+    const output = scale(50); 
+
+    d3.select("body")
+      .append("h2")
+      .text(output);
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.md
new file mode 100644
index 0000000000..d245178a9b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fab367417b2b2512bd7
+title: Створити точкову діаграму з колами SVG
+challengeType: 6
+forumTopicId: 301484
+dashedName: create-a-scatterplot-with-svg-circles
+---
+
+# --description--
+
+Точковий графік — це інший вид візуалізації. Він зазвичай використовує кола, щоб нанести точки даних, які мають по два значення. Ці значення прив'язують до осей `x` та `y`, і використовуються, щоб розмістити коло у візуалізації.
+
+SVG має теґ `circle` для створення форми кола. Він працює так само, як елементи `rect`, які ви використовували для стовпчикової діаграми.
+
+# --instructions--
+
+Використовуйте методи `data()`, `enter()` та `append()`, щоб прив'язати `dataset` до нового елемента `circle`, що є доданими до полотен SVG.
+
+**Примітка:** Кола будуть невидимими, так як ви ще не маєте набору їх атрибутів. Ми зробимо це у наступному завданні.
+
+# --hints--
+
+Ваш код повинен мати 10 елементів `circle`.
+
+```js
+assert($('circle').length == 10);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+
+    const w = 500;
+    const h = 500;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.md
new file mode 100644
index 0000000000..807af68272
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/display-shapes-with-svg.md
@@ -0,0 +1,103 @@
+---
+id: 587d7fa8367417b2b2512bcc
+title: Відображення форм за допомогою SVG
+challengeType: 6
+forumTopicId: 301485
+dashedName: display-shapes-with-svg
+---
+
+# --description--
+
+На останньому завданні ми створили елемент `svg` із заданою шириною та висотою, який був помітний, оскільки до нього застосовано `background-color` в тезі `style`. Для заданої ширини та висоти код створює місце.
+
+Наступним кроком є створення форм для розміщення в області `svg`. У SVG існує ряд підтримуваних форм, таких як прямокутники та кола. Їх використовують для відображення даних. Наприклад, форма SVG прямокутника (`<rect>`) може створити елемент у стовпчиковій діаграмі.
+
+Коли ви розміщуєте форму в області `svg`, ви можете вказати, куди вона рухається, з координатами `x` та `y`. Початок координат (0, 0) знаходиться у верхньому лівому куті. Додатні значення для `x` переміщують форму праворуч, а додатні значення для `y` переміщують форму вниз від початку координат.
+
+Щоб розмістити форму посередині 500 (ширина) x 100 (висота) `svg` з останнього завдання, координата `x` буде 250, а `y` координата буде 50.
+
+SVG `rect` має чотири атрибути. Існують координати `x` та `y`, де вони розміщені в області `svg`. Він також має `height` та `width` для визначення розміру.
+
+# --instructions--
+
+Додайте форму `rect` до `svg` використовуючи `append()`, і надайте атрибуту `width` `25` і `height` `100`. Також надайте `rect` атрибутам `x` і `y`, для кожного встановлено значення `0`.
+
+# --hints--
+
+Ваш документ має мати 1 елемент `rect`.
+
+```js
+assert($('rect').length == 1);
+```
+
+Елемент `rect` має мати встановлений атрибут `width` `25`.
+
+```js
+assert($('rect').attr('width') == '25');
+```
+
+Елемент `rect` має мати встановлений атрибут `height` `100`.
+
+```js
+assert($('rect').attr('height') == '100');
+```
+
+Елемент `rect` має мати встановлений атрибут `x` `0`.
+
+```js
+assert($('rect').attr('x') == '0');
+```
+
+Елемент `rect` має мати встановлений атрибут `y` `0`.
+
+```js
+assert($('rect').attr('y') == '0');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+                  .append("rect")
+                  .attr("width", 25)
+                  .attr("height", 100)
+                  .attr("x", 0)
+                  .attr("y", 0);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.md
new file mode 100644
index 0000000000..9daacba3a3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar.md
@@ -0,0 +1,145 @@
+---
+id: 587d7fa9367417b2b2512bcf
+title: Динамічна зміна висоти кожного стовпчика
+challengeType: 6
+forumTopicId: 301486
+dashedName: dynamically-change-the-height-of-each-bar
+---
+
+# --description--
+
+Висота кожного стовпчика може бути заданою відповідно до величини значення точки у масиві, подібно до динамічного значення `x`.
+
+```js
+selection.attr("property", (d, i) => {
+
+})
+```
+
+Тут `d` буде значенням точки даних, а `i` буде індексом точки даних у масиві.
+
+# --instructions--
+
+Змініть функцію зворотного виклику для атрибуту `height` щоб повернути значення даних помножене на 3.
+
+**Note:** Пам'ятайте, що множення усіх значень даних на однакову сталу збільшує масштаб даних (ніби наближення). Це допомагає побачити різницю між значеннями стовпців в даному прикладі.
+
+# --hints--
+
+Перший `rect` повинен мати `height` `36`.
+
+```js
+assert($('rect').eq(0).attr('height') == '36');
+```
+
+Другий `rect` повинен мати `height` `93`.
+
+```js
+assert($('rect').eq(1).attr('height') == '93');
+```
+
+Третій `rect` повинен мати `height` `66`.
+
+```js
+assert($('rect').eq(2).attr('height') == '66');
+```
+
+Четвертий `rect` повинен мати `height` `51`.
+
+```js
+assert($('rect').eq(3).attr('height') == '51');
+```
+
+П'ятий `rect` повинен мати`height` `75`.
+
+```js
+assert($('rect').eq(4).attr('height') == '75');
+```
+
+Шостий `rect` повинен мати `height` `54`.
+
+```js
+assert($('rect').eq(5).attr('height') == '54');
+```
+
+Сьомий `rect` повинен мати `height` `87`.
+
+```js
+assert($('rect').eq(6).attr('height') == '87');
+```
+
+Восьмий `rect` повинен мати `height` `42`.
+
+```js
+assert($('rect').eq(7).attr('height') == '42');
+```
+
+Дев'ятий `rect` повинен мати `height` `27`.
+
+```js
+assert($('rect').eq(8).attr('height') == '27');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       });
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", (d, i) => {
+         return d * 3
+       });
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.md
new file mode 100644
index 0000000000..9fb72bc4bc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar.md
@@ -0,0 +1,151 @@
+---
+id: 587d7fa9367417b2b2512bce
+title: Динамічне налаштування координат для кожної панелі
+challengeType: 6
+forumTopicId: 301487
+dashedName: dynamically-set-the-coordinates-for-each-bar
+---
+
+# --description--
+
+Останнє завдання створило та додало прямокутник до елементу `svg` для кожної точки в`dataset`, щоб зобразити панель. На жаль, усі вони склались у стовпець один на одного.
+
+Атрибути `x` та `y` керують розміщенням прямокутника. Вони повідомляють D3, де починати малювати фігуру в зоні `svg`. Останнє завдання розміщує їх усіх до 0 таким чином, щоб кожен стовпчик розташовувався у верхньому лівому кутку.
+
+У стовпчиковій діаграмі всі стовпці повинні розташовуватись на однаковому вертикальному рівні, тобто значення `y` лишається незмінним (на 0) для усіх стовпців. Однак, при додаванні нових стовпців значення `x` потрібно змінювати. Пам'ятайте, що більші значення `x` зміщують елементи праворуч. Значення`x` повинно зростати при перегляді масиву елементів у `dataset`.
+
+Метод `attr()` у D3 приймає функцію зворотнього зв'язку до цього динамічно встановленого атрибуту. Функція зворотнього зв'язку приймає два аргументи: один для самої точки даних (зазвичай `d`) та один для індексу точки даних у масиві. Другий аргумент для індексу - необов'язковий. Ось такий формат:
+
+```js
+selection.attr("property", (d, i) => {
+
+})
+```
+
+Варто зауважити, що НЕ потрібно писати цикл `for` або використовувати `forEach()` для повторення елементів у наборі даних. Нагадаємо, що метод `data()` аналізує набір даних, і що будь-який інший метод, вказаний після `data()`, запускається одноразово для кожного елемента в наборі даних.
+
+# --instructions--
+
+Змініть атрибут `x` функції зворотнього зв'язку таким чином, щоб він повернув індекс на 30.
+
+**Примітка:** Ширина кожного елементу 25, тому збільшіть значення кожного `x` на 30, додавши пробіли між елементами. Будь-яке значення, більше 25, спрацювало б за таким же принципом.
+
+# --hints--
+
+Перший `rect` повинен мати `0` значенням `x`.
+
+```js
+assert($('rect').eq(0).attr('x') == '0');
+```
+
+Другий `rect` повинен мати `x` значенням `30`.
+
+```js
+assert($('rect').eq(1).attr('x') == '30');
+```
+
+Третій `rect` повинен мати `x` значенням `60`.
+
+```js
+assert($('rect').eq(2).attr('x') == '60');
+```
+
+Четвертий `rect` повинен мати `x` значенням `90`.
+
+```js
+assert($('rect').eq(3).attr('x') == '90');
+```
+
+П'ятий `rect` повинен мати `x` значенням `120`.
+
+```js
+assert($('rect').eq(4).attr('x') == '120');
+```
+
+Шостий `rect` повинен мати `x` значенням `150`.
+
+```js
+assert($('rect').eq(5).attr('x') == '150');
+```
+
+Сьомий `rect` повинен мати `x` повинен мати `180`.
+
+```js
+assert($('rect').eq(6).attr('x') == '180');
+```
+
+Восьмий `rect` повинен мати `x` значенням `210`.
+
+```js
+assert($('rect').eq(7).attr('x') == '210');
+```
+
+Дев'ятий `rect` повинен мати `x` значенням `240`.
+
+```js
+assert($('rect').eq(8).attr('x') == '240');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => {
+         return i * 30
+       })
+       .attr("y", 0)
+       .attr("width", 25)
+       .attr("height", 100);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.md
new file mode 100644
index 0000000000..6f088e073e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/invert-svg-elements.md
@@ -0,0 +1,143 @@
+---
+id: 587d7fa9367417b2b2512bd0
+title: Інвертування SVG елементів
+challengeType: 6
+forumTopicId: 301488
+dashedName: invert-svg-elements
+---
+
+# --description--
+
+Можливо, Ви помітили, що стовпчикова діаграма виглядає ніби перевернута або інвертована. Це пов'язано зі способом використання (x, y) координат у SVG.
+
+Початком координат у SVG виступає точка, розташована у верхньому лівому куті. Вісь 0 `x` розміщує фігуру у лівій частині площини SVG. Вісь 0 `y` розміщує фігуру у верхній частині площини SVG. Чим вище значення осі `x`, тим більше прямокутник зсувається вправо. Чим вище значення осі `y`, тим більше прямокутник опускається вниз.
+
+Щоб розмістити стовпчик праворуч зверху, необхідно змінити обчислення `y` координати. Треба враховувати як висоту стовпчика, так і загальну висоту SVG площини.
+
+Висота площини SVG дорівнює 100. Припустимо, що у Вас задана точка 0, а Ви хотіли б, щоб стовпчик починався у нижній частині площини SVG (не зверху). Для цього, значення `y` координати має бути 100. Якби значення точки було 1, тоді, щоб задати стовпчик знизу, ми б брали за початкове значення `y` координати 100. Враховуємо висоту стовпчика 1, в такому випадку значення осі `y` становитиме 99.
+
+Застосовуючи цю формулу `y = heightOfSVG - heightOfBar` для обчислення значення `y` координати, розміщуємо стовпчики у правій верхній частині площини.
+
+# --instructions--
+
+Змініть функцію зворотного відліку для атрибуту `y`, щоб встановити стовпчики праворуч зверху. Пам'ятайте, що `height` стовпчика у 3 рази перевищує значення `d`.
+
+**Примітка:** Співвідношення має такий вигляд: `y = h - m * d`, де `m` константа, яка масштабує значення точок.
+
+# --hints--
+
+Перший `rect` повинен мати значення `y` `64`.
+
+```js
+assert($('rect').eq(0).attr('y') == h - dataset[0] * 3);
+```
+
+Другий `rect` повинен мати значення `y` `7`.
+
+```js
+assert($('rect').eq(1).attr('y') == h - dataset[1] * 3);
+```
+
+Третій `rect` повинен мати значення `y` `34`.
+
+```js
+assert($('rect').eq(2).attr('y') == h - dataset[2] * 3);
+```
+
+Четвертий `rect` повинен мати значення `y` `49`.
+
+```js
+assert($('rect').eq(3).attr('y') == h - dataset[3] * 3);
+```
+
+П'ятий `rect` повинен мати значення `y` `25`.
+
+```js
+assert($('rect').eq(4).attr('y') == h - dataset[4] * 3);
+```
+
+Шостий `rect` повинен мати значення `y` `46`.
+
+```js
+assert($('rect').eq(5).attr('y') == h - dataset[5] * 3);
+```
+
+Сьомий `rect` повинен мати значення `y` `13`.
+
+```js
+assert($('rect').eq(6).attr('y') == h - dataset[6] * 3);
+```
+
+Восьмий `rect` повинен мати значення `y` `58`.
+
+```js
+assert($('rect').eq(7).attr('y') == h - dataset[7] * 3);
+```
+
+Дев'ятий `rect` повинен мати значення `y` `73`.
+
+```js
+assert($('rect').eq(8).attr('y') == h - dataset[8] * 3);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => {
+         // Add your code below this line
+
+
+
+         // Add your code above this line
+       })
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => 3 * d);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.md
new file mode 100644
index 0000000000..19b19fc3f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/learn-about-svg-in-d3.md
@@ -0,0 +1,93 @@
+---
+id: 587d7fa8367417b2b2512bcb
+title: Вивчайте про SVG за допомогою D3
+challengeType: 6
+forumTopicId: 301489
+dashedName: learn-about-svg-in-d3
+---
+
+# --description--
+
+<dfn>SVG</dfn> розшифровується: <dfn>Scalable Vector Graphics</dfn>.
+
+Тут "scalable" означає, що якщо ви збільшите або зменшите об'єкт, то він не буде виглядати піксельним. Він масштабується за допомогою системи відображення, будь то на маленькому мобільному екрані або на великому телевізійному моніторі.
+
+SVG використовують для того, щоб створити загальні геометричні форми. Оскільки D3 відображає дані у візуальному представленні, то він використовує SVG для того, щоб створити форми для візуалізації. Форми SVG для веб-сторінки повинні міститися в тезі HTML `svg`.
+
+CSS може бути масштабованим в тому випадку, коли стилі використовують відносні одиниці (такі як `vh`, `vw` або відсотки), але використання SVG є більш гнучким для створення візуалізації даних.
+
+# --instructions--
+
+Додайте вузол `svg` до `body`, використовуючи `append()`. Дайте йому атрибут `width`, встановлений для даної константи `w`, і атрибут `height`, встановлений для даної константи `h`, використовуючи для кожного методи `attr()` or `style()`. Ви побачите його у результатах, оскільки до нього в тезі `style` застосовано `background-color` рожевого кольору.
+
+**Note:** При використанні `attr()` атрибути ширини та висоти не мають одиниць. Це будівельний блок масштабування - елемент завжди матиме співвідношення ширини до висоти 5: 1, незалежно від рівня масштабування.
+
+# --hints--
+
+Ваш документ повинен містити елемент 1 `svg`.
+
+```js
+assert($('svg').length == 1);
+```
+
+Елемент `svg` повинен мати встановлений атрибут `width` `500`, або стилізований, щоб мати ширину `500px`.
+
+```js
+assert($('svg').attr('width') == '500' || $('svg').css('width') == '500px');
+```
+
+Елемент `svg` повинен мати встановлений атрибут `height` `100` або стилізований, щоб мати висоту `100px`.
+
+```js
+assert($('svg').attr('height') == '100' || $('svg').css('height') == '100px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  // Add your code below this line
+
+
+
+                  // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  svg {
+    background-color: pink;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h)
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md
new file mode 100644
index 0000000000..ac590d631d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md
@@ -0,0 +1,82 @@
+---
+id: 587d7fa6367417b2b2512bc3
+title: Вибір групи елементів за допомогою D3
+challengeType: 6
+forumTopicId: 301490
+dashedName: select-a-group-of-elements-with-d3
+---
+
+# --description--
+
+D3 також має метод `selectAll()` для вибору групи елементів. Він повертає масив HTML - вузлів для всіх елементів документа, які відповідають введеному рядку. Ось приклад вибору всіх прив’язних тегів у документі:
+
+```js
+const anchors = d3.selectAll("a");
+```
+
+Як і метод `select()`, `selectAll()` підтримує ланцюжок методів, і ви можете використовувати його з іншими методами.
+
+# --instructions--
+
+Виберіть усі теги `li` у документі та змініть їх текст на рядок `list item`, послідовно скориставшись методом `.text()`.
+
+# --hints--
+
+На сторінці повинно бути 3 елемента `li`, а текст у кожному з них має вказувати `list item`. Великі літери та пробіли повинні точно збігатися.
+
+```js
+assert(
+  $('li')
+    .text()
+    .match(/list item/g).length == 3
+);
+```
+
+Ваш код має мати доступ до об'єкту `d3`.
+
+```js
+assert(code.match(/d3/g));
+```
+
+Ваш код повинен використовувати метод `selectAll`.
+
+```js
+assert(code.match(/\.selectAll/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <ul>
+    <li>Example</li>
+    <li>Example</li>
+    <li>Example</li>
+  </ul>
+  <script>
+    d3.selectAll("li")
+      .text("list item")
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.md
new file mode 100644
index 0000000000..6bbe47e7f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale.md
@@ -0,0 +1,106 @@
+---
+id: 587d7fac367417b2b2512bdb
+title: Налаштування домену й діапазону на шкалі
+challengeType: 6
+forumTopicId: 301491
+dashedName: set-a-domain-and-a-range-on-a-scale
+---
+
+# --description--
+
+За замовчуванням, масштаби використовують зв'язки ідентичності. Це означає, що вхідне значення відповідає вихідному значенню. Проте масштаби можуть бути набагато гнучкішими та цікавими.
+
+Скажімо, набір даних має значення від 50 до 480. Це вхідна інформація для масштабування, також відома як <dfn>domain</dfn>.
+
+Відобразіть ці точки вздовж осі `x` на полотні SVG у діапазоні від 10 одиниць до 500. Цю вихідну інформацію також називають <dfn>range</dfn>.
+
+Методи `domain()` та `range()` встановлюють ці значення для шкали. Обидва методи сприймають масив щонайменше двох елементів як аргумент. Наприклад:
+
+```js
+scale.domain([50, 480]);
+scale.range([10, 500]);
+scale(50)
+scale(480)
+scale(325)
+scale(750)
+d3.scaleLinear()
+```
+
+Порядок відображення цих значень у консолі буде таким: `10`, `500`, `323.37` і `807.67`.
+
+Зверніть увагу, що шкала використовує лінійний зв'язок між доменом і значеннями діапазону, щоб визначити виведення для заданого числа. Мінімальне значення в домені (50) відповідає мінімальному значенню у діапазоні (10).
+
+# --instructions--
+
+Створіть шкалу і задайте значення домену `[250, 500]`, а діапазону - `[10, 150]`.
+
+**Примітка:** Ви можете прив'язати домен `domain()` та методи `range()` до змінної `scale`.
+
+# --hints--
+
+Використовуйте метод `domain()` для вашого коду.
+
+```js
+assert(code.match(/\.domain/g));
+```
+
+Домен `domain()` в діапазоні `scale` повинен мати значення `[250, 500]`.
+
+```js
+assert(JSON.stringify(scale.domain()) == JSON.stringify([250, 500]));
+```
+
+Використовуйте метод `range()` для вашого коду.
+
+```js
+assert(code.match(/\.range/g));
+```
+
+Значення `range()` діапазону `scale` повинно бути встановлено як `[10, 150]`.
+
+```js
+assert(JSON.stringify(scale.range()) == JSON.stringify([10, 150]));
+```
+
+Текст заголовку `h2` повинен мати розмір `-102`.
+
+```js
+assert($('h2').text() == '-102');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    // Add your code below this line
+    const scale = d3.scaleLinear();
+
+
+
+    // Add your code above this line
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const scale = d3.scaleLinear();
+    scale.domain([250, 500])
+    scale.range([10, 150])
+    const output = scale(50);
+    d3.select("body")
+      .append("h2")
+      .text(output);
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/style-d3-labels.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/style-d3-labels.md
new file mode 100644
index 0000000000..d0f375a6c6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/style-d3-labels.md
@@ -0,0 +1,110 @@
+---
+id: 587d7faa367417b2b2512bd3
+title: Стиль міток D3
+challengeType: 6
+forumTopicId: 301492
+dashedName: style-d3-labels
+---
+
+# --description--
+
+Методи D3 можуть додавати стилі до панелі міток. Атрибут `fill` встановлює колір тексту для вузла `text`. Метод `style()` встановлює CSS правила для інших стилів, таких як `font-family` або `font-size`.
+
+# --instructions--
+
+Встановіть `font-size` `25px` для елементів `text` і колір тексту - червоний.
+
+# --hints--
+
+Мітки повинні мати `fill` червоний колір.
+
+```js
+assert($('text').css('fill') == 'rgb(255, 0, 0)');
+```
+
+Всі мітки повинні мати `font-size` `25` пікселів.
+
+```js
+assert($('text').css('font-size') == '25px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    const w = 500;
+    const h = 100;
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("rect")
+       .data(dataset)
+       .enter()
+       .append("rect")
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - 3 * d)
+       .attr("width", 25)
+       .attr("height", (d, i) => d * 3)
+       .attr("fill", "navy");
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) => d)
+       .attr("x", (d, i) => i * 30)
+       .attr("y", (d, i) => h - (3 * d) - 3)
+       .style("font-size", 25)
+       .attr("fill", "red")
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.md
new file mode 100644
index 0000000000..50eb3aa02d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.md
@@ -0,0 +1,137 @@
+---
+id: 587d7fa8367417b2b2512bc9
+title: Як динамічно оновити висоту елементу
+challengeType: 6
+forumTopicId: 301493
+dashedName: update-the-height-of-an-element-dynamically
+---
+
+# --description--
+
+У попередньому завданні ми розповіли, як відобразити дані з масиву та додати класи CSS. Ви можете поєднати ці уроки, щоб створити просту стовпчикову діаграму. Для цього ви можете використати один із кроків:
+
+1) Створити `div` для кожного значення масиву
+
+2) Призначити кожному значенню `div` динамічну висоту, за допомогою функції зворотнього зв'язку методом `style()`, який встановлює висоту, яка дорівнює значенню даних
+
+Ви можете відновити формат, щоб встановити стиль за допомогою функції зворотнього зв'язку:
+
+```js
+selection.style("cssProperty", (d) => d)
+```
+
+# --instructions--
+
+Додайте метод `style()`до коду в редакторі для встановлення властивостей `height` для кожного елементу. Використовуйте функцію зворотнього зв'язку для відновлення значення даних за допомогою послідовності `px`.
+
+# --hints--
+
+Перша величина `div` повинна мати значення `height` з `12` пікселів.
+
+```js
+assert($('div').eq(0)[0].style.height === '12px');
+```
+
+Друга `div` повинна мати значення `height` з `31` пікселів.
+
+```js
+assert($('div').eq(1)[0].style.height === '31px');
+```
+
+Третя `div` повинна мати значення `height` з `22` пікселів.
+
+```js
+assert($('div').eq(2)[0].style.height === '22px');
+```
+
+Четверта `div` повинна мати значення `height` з `17` пікселів.
+
+```js
+assert($('div').eq(3)[0].style.height === '17px');
+```
+
+П'ята `div` повинна мати значення `height` з `25` пікселів.
+
+```js
+assert($('div').eq(4)[0].style.height === '25px');
+```
+
+Шоста `div` повинна мати значення `height` з `18` пікселів.
+
+```js
+assert($('div').eq(5)[0].style.height === '18px');
+```
+
+Сьома `div` повинна мати значення `height` з `29` пікселів.
+
+```js
+assert($('div').eq(6)[0].style.height === '29px');
+```
+
+Восьма `div` повинна мати значення `height` з `14` пікселів.
+
+```js
+assert($('div').eq(7)[0].style.height === '14px');
+```
+
+Дев'ята `div` повинна мати значення `height` з `9` пікселів.
+
+```js
+assert($('div').eq(8)[0].style.height === '9px');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      // Add your code below this line
+
+
+
+      // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<style>
+  .bar {
+    width: 25px;
+    height: 100px;
+    display: inline-block;
+    background-color: blue;
+  }
+</style>
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("div")
+      .data(dataset)
+      .enter()
+      .append("div")
+      .attr("class", "bar")
+      .style('height', d => `${d}px`)
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.md
new file mode 100644
index 0000000000..4d05fcc137
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements.md
@@ -0,0 +1,347 @@
+---
+id: 587d7fac367417b2b2512bde
+title: Використовуйте попередньо визначену шкалу(масштаб) для розміщення елементів
+challengeType: 6
+forumTopicId: 301494
+dashedName: use-a-pre-defined-scale-to-place-elements
+---
+
+# --description--
+
+Маючи встановлені масштаби, прийшов час знову нанести на карту ділянку. Масштаб схожий на функцію обробки, яка повертає `x` і `y` необроблені дані у значення, які правильно розміщуються та відображаються на полотні SVG. Вони зберігають дані в межах області відображення екрана.
+
+Ви встановлюєте значення атрибутів координат для форми SVG з функцією масштабування. Це включає `x` і `y` атрибути `rect` або `text` елементи, чи `cx` та `cy` за `circles`. Ось приклад:
+
+```js
+shape
+  .attr("x", (d) => xScale(d[0]))
+```
+
+Масштабування встановлює атрибути координат форми, щоб розмістити точки даних на полотно SVG. Вам не потрібно застосовувати масштаби при відображенні фактичного значення даних, наприклад, в `text()` метод для підказки або мітки.
+
+# --instructions--
+
+`xScale` і `yScale`, використовуйте щоб розташувати як `circle` і `text` фігури на полотно SVG. Для `circles`, застосуйте масштаби для встановлення `cx` та `cy`. Надайте їм також радіус `5` одиниць.
+
+Для `text`елементів, застосуйте масштаби щоб встановити `x` та `y`. Мітки повинні бути зсунуті вправо від точок. Щоб зробити це, додайте `10` одиниць на `x` значення даних, перш ніж передавати їх у `xScale`.
+
+# --hints--
+
+Ваш код повинен містити 10 `circle` елементів.
+
+```js
+assert($('circle').length == 10);
+```
+
+Перший `circle` повинен мати `cx` значення якого приблизно `91` та значення `cy` приблизно `368` після застосування масштабу. Також повинен мати `r`значення `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(0).attr('cx')) == '91' &&
+    Math.round($('circle').eq(0).attr('cy')) == '368' &&
+    $('circle').eq(0).attr('r') == '5'
+);
+```
+
+Другий `circle` елемент повинен мати `cx` значення приблизно `159` і значення `cy` значення приблизно `181` після застосування масштабу. Також повинен мати `r`значення `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(1).attr('cx')) == '159' &&
+    Math.round($('circle').eq(1).attr('cy')) == '181' &&
+    $('circle').eq(1).attr('r') == '5'
+);
+```
+
+Третій `circle` повинен мати `cx` значення приблизно `340` і `cy` значення від приблизно `329` після нанесення масштабу. Також повинен мати `r`значення `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(2).attr('cx')) == '340' &&
+    Math.round($('circle').eq(2).attr('cy')) == '329' &&
+    $('circle').eq(2).attr('r') == '5'
+);
+```
+
+Четвертий `circle` повинен мати `cx` значення приблизно якого `131` і значення `cy`приблизне значення дорівнює `60` після застосування масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(3).attr('cx')) == '131' &&
+    Math.round($('circle').eq(3).attr('cy')) == '60' &&
+    $('circle').eq(3).attr('r') == '5'
+);
+```
+
+П'ятий `circle` елемент повинен мати на `cx` значення приблизно `440` і значення `cy` приблизно від `237` після нанесення масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(4).attr('cx')) == '440' &&
+    Math.round($('circle').eq(4).attr('cy')) == '237' &&
+    $('circle').eq(4).attr('r') == '5'
+);
+```
+
+Шостий `circle` повинен мати на `cx` значення приблизно яке дорівнює`271` і значення `cy` приблизно від `306` після нанесення масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(5).attr('cx')) == '271' &&
+    Math.round($('circle').eq(5).attr('cy')) == '306' &&
+    $('circle').eq(5).attr('r') == '5'
+);
+```
+
+Сьомий елемент `circle` повинен мати `cx` значення приблизно якого `361` і значення `cy` дорівнює значенню `351` після застосування масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(6).attr('cx')) == '361' &&
+    Math.round($('circle').eq(6).attr('cy')) == '351' &&
+    $('circle').eq(6).attr('r') == '5'
+);
+```
+
+Елемент восьмий `circle` повинен мати на `cx` значення приблизно якого дорівнює `261` і значення `cy` приблизно від `132` після нанесення масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(7).attr('cx')) == '261' &&
+    Math.round($('circle').eq(7).attr('cy')) == '132' &&
+    $('circle').eq(7).attr('r') == '5'
+);
+```
+
+Дев'ятий `circle` повинен мати `cx` значення якого приблизно `131` і значення `cy` приблизно від `144` після застосування масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(8).attr('cx')) == '131' &&
+    Math.round($('circle').eq(8).attr('cy')) == '144' &&
+    $('circle').eq(8).attr('r') == '5'
+);
+```
+
+Десятий `circle`елемент повинен мати `cx` значення якого приблизно дорівнює `79` і значення `cy` приблизно від `326` після нанесення масштабу. Також повинен мати `r`значення якого дорівнює `5`.
+
+```js
+assert(
+  Math.round($('circle').eq(9).attr('cx')) == '79' &&
+    Math.round($('circle').eq(9).attr('cy')) == '326' &&
+    $('circle').eq(9).attr('r') == '5'
+);
+```
+
+Ваш код повинен налічувати 10 `text` елементів.
+
+```js
+assert($('text').length == 10);
+```
+
+Перша мітка повинна мати `x` значення якого приблизно дорівнює `100` та значення `y` приблизно `368` після застосування масштабу.
+
+```js
+assert(
+  Math.round($('text').eq(0).attr('x')) == '100' &&
+    Math.round($('text').eq(0).attr('y')) == '368'
+);
+```
+
+Друга мітка повинна мати `x` значення якого приблизно дорівнює `168` та значення `y` приблизно дорівнює `181` після застосування масштабу.
+
+```js
+assert(
+  Math.round($('text').eq(1).attr('x')) == '168' &&
+    Math.round($('text').eq(1).attr('y')) == '181'
+);
+```
+
+Третя мітка повинна мати `x` значення якого приблизно дорівнює `350` та значення якого `y` приблизно дорівнює`329` після нанесення масштабу.
+
+```js
+assert(
+  Math.round($('text').eq(2).attr('x')) == '350' &&
+    Math.round($('text').eq(2).attr('y')) == '329'
+);
+```
+
+Четверта мітка повинна мати `x` значення якого приблизно дорівнює `141` та значення `y` приблизно якого дорівнює `60` після застосування масштабу.
+
+```js
+assert(
+  Math.round($('text').eq(3).attr('x')) == '141' &&
+    Math.round($('text').eq(3).attr('y')) == '60'
+);
+```
+
+П'ята мітка повинна мати значення `x` яке приблизно дорівнює `449` і `y` значення приблизно якого дорівнює `237` після нанесення масштабів.
+
+```js
+assert(
+  Math.round($('text').eq(4).attr('x')) == '449' &&
+    Math.round($('text').eq(4).attr('y')) == '237'
+);
+```
+
+Шоста мітка повинна мати значення `x` яке приблизно дорівнює `280` і `y` значення приблизно якого дорівнює `306` після застосування масштабів.
+
+```js
+assert(
+  Math.round($('text').eq(5).attr('x')) == '280' &&
+    Math.round($('text').eq(5).attr('y')) == '306'
+);
+```
+
+Сьома мітка повинна мати `x` значення якого приблизно дорівнює `370` та значення якого `y` приблизно дорівнює `351` після нанесення масштабу.
+
+```js
+assert(
+  Math.round($('text').eq(6).attr('x')) == '370' &&
+    Math.round($('text').eq(6).attr('y')) == '351'
+);
+```
+
+Восьма мітка повинна мати значення `x` яке приблизно дорівнює `270` і `y` значення приблизно якого дорівнює `132` після застосування масштабів.
+
+```js
+assert(
+  Math.round($('text').eq(7).attr('x')) == '270' &&
+    Math.round($('text').eq(7).attr('y')) == '132'
+);
+```
+
+Дев'ята мітка повинна мати значення `x` яке приблизно дорівнює `140` і `y` значення приблизно якого дорівнює `144` після застосування масштабів.
+
+```js
+assert(
+  Math.round($('text').eq(8).attr('x')) == '140' &&
+    Math.round($('text').eq(8).attr('y')) == '144'
+);
+```
+
+Десята мітка повинна мати значення `x` яке приблизно дорівнює `88` і `y` значення приблизно якого дорівнює `326` після нанесення масштабів.
+
+```js
+assert(
+  Math.round($('text').eq(9).attr('x')) == '88' &&
+    Math.round($('text').eq(9).attr('y')) == '326'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       // Add your code below this line
+
+
+
+       // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,     78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,   411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,    333 ],
+                  [ 78,    320 ],
+                  [ 21,   123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+    const padding = 60;
+
+    const xScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[0])])
+                     .range([padding, w - padding]);
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+    const svg = d3.select("body")
+                  .append("svg")
+                  .attr("width", w)
+                  .attr("height", h);
+
+    svg.selectAll("circle")
+       .data(dataset)
+       .enter()
+       .append("circle")
+       .attr("cx", (d) => xScale(d[0]))
+       .attr("cy", (d) => yScale(d[1]))
+       .attr("r", 5)
+
+    svg.selectAll("text")
+       .data(dataset)
+       .enter()
+       .append("text")
+       .text((d) =>  (d[0] + ", "
+ + d[1]))
+       .attr("x", (d) => xScale(d[0] + 10))
+       .attr("y", (d) => yScale(d[1]))
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.md
new file mode 100644
index 0000000000..52d62b7fff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-dynamic-scales.md
@@ -0,0 +1,156 @@
+---
+id: 587d7fac367417b2b2512bdd
+title: Використання динамічних масштабів
+challengeType: 6
+forumTopicId: 301495
+dashedName: use-dynamic-scales
+---
+
+# --description--
+
+D3 `min()` і `max()` методи допомагають встановити масштаб.
+
+Враховуючи складний набір даних, одним із пріоритетів є встановлення масштабу так, щоб візуалізація відповідала ширині та висоті контейнера SVG. Ви хочете, щоб усі дані були розміщені всередині полотна SVG, щоб вони були видимими на веб-сторінці.
+
+У наведеному нижче прикладі встановлюється шкала осі х для відомостей діаграм розсіювання. Метод `domain()` передає до шкали інформацію про значення вихідних даних для діаграми. Метод `range()` надає йому інформацію про актуальний простір на веб-сторінці для візуалізації.
+
+На приклад, домен переходить від нуля до максимального значення в множині. Він використовує метод `max()` з функцією зворотного виклику на основі значень x у масивах. Діапазон використовує ширину полотна SVG (`w`), але він також містить деякі відступи. Це дає простір між набором точок у діаграмі та краєм полотна SVG.
+
+```js
+const dataset = [
+  [ 34,    78 ],
+  [ 109,   280 ],
+  [ 310,   120 ],
+  [ 79,    411 ],
+  [ 420,   220 ],
+  [ 233,   145 ],
+  [ 333,   96 ],
+  [ 222,   333 ],
+  [ 78,    320 ],
+  [ 21,    123 ]
+];
+const w = 500;
+const h = 500;
+
+const padding = 30;
+const xScale = d3.scaleLinear()
+  .domain([0, d3.max(dataset, (d) => d[0])])
+  .range([padding, w - padding]);
+```
+
+Спершу відступ може спантеличити. Зобразіть вісь x як горизонтальну лінію від 0 до 500 (значення ширини для полотна SVG). Включаючи відступи, метод `range()` змушує графік починатися з 30 уздовж цієї лінії (замість 0) і закінчуватися на 470 (замість 500).
+
+# --instructions--
+
+Використовуйте змінну `yScale`, щоб створити лінійну шкалу осі y. Домен повинен починатися з нуля і досягати максимального значення множини `y`. Діапазон повинен використовувати висоту SVG (`h`) і містити відступи.
+
+**Примітка:** Пам'ятайте розміщувати точки графіка з правильної сторони. Коли ви встановлюєте діапазон для координат у, то вище значення (висота мінус відступ) є першим аргументом, а нижче значення – другим.
+
+# --hints--
+
+Текст у заголовку `h2` повинен дорівнювати `30`.
+
+```js
+assert(output == 30 && $('h2').text() == '30');
+```
+
+`domain()` в yScale має бути еквівалентним `[0, 411]`.
+
+```js
+assert(JSON.stringify(yScale.domain()) == JSON.stringify([0, 411]));
+```
+
+`range()` в yScale має бути еквівалентним `[470, 30]`.
+
+```js
+assert(JSON.stringify(yScale.range()) == JSON.stringify([470, 30]));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+    // Padding between the SVG canvas boundary and the plot
+    const padding = 30;
+
+    // Create an x and y scale
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+    // Add your code below this line
+
+    const yScale = undefined;
+
+
+    // Add your code above this line
+
+    const output = yScale(411); // Returns 30
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [
+                  [ 34,    78 ],
+                  [ 109,   280 ],
+                  [ 310,   120 ],
+                  [ 79,    411 ],
+                  [ 420,   220 ],
+                  [ 233,   145 ],
+                  [ 333,   96 ],
+                  [ 222,   333 ],
+                  [ 78,    320 ],
+                  [ 21,    123 ]
+                ];
+
+    const w = 500;
+    const h = 500;
+
+
+    const padding = 30;
+
+    const xScale = d3.scaleLinear()
+                    .domain([0, d3.max(dataset, (d) => d[0])])
+                    .range([padding, w - padding]);
+
+
+    const yScale = d3.scaleLinear()
+                     .domain([0, d3.max(dataset, (d) => d[1])])
+                     .range([h - padding, padding]);
+
+
+    const output = yScale(411);
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.md
new file mode 100644
index 0000000000..35eb402c15
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset.md
@@ -0,0 +1,90 @@
+---
+id: 587d7fac367417b2b2512bdc
+title: >-
+  Використання функцій d3.max та d3.min для пошуку мінімального та максимального значення у наборі даних
+challengeType: 6
+forumTopicId: 301496
+dashedName: >-
+  use-the-d3-max-and-d3-min-functions-to-find-minimum-and-maximum-values-in-a-dataset
+---
+
+# --description--
+
+D3 методи `domain()` і `range()` встановлюють цю інформацію для вашої шкали на основі даних. Є кілька методів, що полегшать завдання.
+
+При встановленні домені, часто виникає бажання використати мінімальне та максимальне значення у наборі даних. Однак пошук значень вручну може призвести до появи помилок, особливо коли маєш справу з великими наборами даних.
+
+Для отримання цієї інформації у D3 існує два методи: `min()` та `max()`. Наприклад:
+
+```js
+const exampleData = [34, 234, 73, 90, 6, 52];
+d3.min(exampleData)
+d3.max(exampleData)
+```
+
+Набір даних може містити вкладені масиви, такі як `[x, y]` координати, показані в прикладі діаграми розсіювання. У цьому випадку потрібно вказати D3, як обчислювати максимальне та мінімальне значення. Добре, що обидва методи `min()` та `max()` мають функцію зворотного виклику. У даному прикладі, аргумент функції зворотного виклику `d` призначений для поточного внутрішнього масиву. Зворотній виклик має повернути елемент із внутрішнього масиву (значення `x` або `y`), у якому Ви обчислюватимете максимальне чи мінімальне значення. Приклад, як знайти min та max значення з набором масивів:
+
+```js
+const locationData = [[1, 7],[6, 3],[8, 3]];
+const minX = d3.min(locationData, (d) => d[0]);
+```
+
+`minX` набуватиме значення `1`.
+
+# --instructions--
+
+Масив `positionData` містить підмасиви x, y та z координат. Використайте D3 метод для пошуку максимального значення z координати (третє значення) з масивів та збережіть його в `output` змінній.
+
+# --hints--
+
+Текст в середині елементу `h2` повинен бути `8`.
+
+```js
+assert(output == 8 && $('h2').text() == '8');
+```
+
+Ваш код має використовувати метод `max()`.
+
+```js
+assert(
+  code.match(/\.max/g),
+  'Your code should use the <code>max()</code> method.'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 9, 3]]
+    // Add your code below this line
+
+    const output = undefined; // Change this line
+
+    // Add your code above this line
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const positionData = [[1, 7, -4],[6, 3, 8],[2, 9, 3]]
+
+    const output = d3.max(positionData, (d) => d[2])
+
+    d3.select("body")
+      .append("h2")
+      .text(output)
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.md
new file mode 100644
index 0000000000..91304730d8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-data-in-d3.md
@@ -0,0 +1,105 @@
+---
+id: 587d7fa7367417b2b2512bc4
+title: Робота з даними в D3
+challengeType: 6
+forumTopicId: 301497
+dashedName: work-with-data-in-d3
+---
+
+# --description--
+
+Бібліотека D3 фокусується на підході керування даними. Коли у вас є набір даних, ви можете застосувати методи D3, щоб відобразити його на сторінці. Дані надходять у багатьох форматах, але це завдання використовує простий масив чисел.
+
+Перший крок - це повідомити дані D3. Метод `data()` використовується для виділення елементів DOM, щоб приєднати дані до цих елементів. Набір даних передається як аргумент методу.
+
+Поширений шаблон робочого процесу - це створити новий елемент у документі для кожної частини даних у наборі. D3 має метод `enter()` для цієї мети.
+
+Коли метод `enter()` об'єднується з методом `data()`, то він розглядає вибрані елементи з сторінки та порівнює їх із кількістю елементів даних у наборі. Якщо є менше елементів, ніж елементів даних, то створюються відсутні елементи.
+
+Ось приклад, який вибирає елемент `ul` та створює новий елемент списку, що базується на кількості записів у масиві:
+
+```html
+<body>
+  <ul></ul>
+  <script>
+    const dataset = ["a", "b", "c"];
+    d3.select("ul").selectAll("li")
+      .data(dataset)
+      .enter()
+      .append("li")
+      .text("New item");
+  </script>
+</body>
+```
+
+Вибір елементів, які ще не існують, може здатися вам складним. Цей код розповідає D3, щоб спочатку на сторінці вибрати `ul`. Далі виберіть усі елементи списку, які повертають порожню вибірку. Метод `data()` оглядає набір даних і тричі запускає наступний код, один раз для кожного елемента в масиві. Метод `enter()` не бачить елементи `li` на сторінці, але йому потрібно 3 (один для кожного шматка даних у `dataset`). Нові елементи `li` додаються до `ul` і мають текст `New item`.
+
+# --instructions--
+
+Оберіть вузол `body`, а потім оберіть всі елементи `h2`. Маючи D3 створюєте і додаєте тег `h2` для кожного елемента в масиві `dataset`. Текст у `h2` повинен бути `New Title`. Ваш код повинен використовувати методи `data()` і `enter()`.
+
+# --hints--
+
+Ваш документ має мати 9 елементів `h2`.
+
+```js
+assert($('h2').length == 9);
+```
+
+Текст у елементах `h2` повинен бути `New Title`. Великі літери та інтервали мають збігатися точно.
+
+```js
+assert(
+  $('h2')
+    .text()
+    .match(/New Title/g).length == 9
+);
+```
+
+Ваш код має використовувати метод `data()`.
+
+```js
+assert(code.match(/\.data/g));
+```
+
+Ваш код має використовувати метод `enter()`.
+
+```js
+assert(code.match(/\.enter/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    // Add your code below this line
+
+
+
+    // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body")
+      .selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text("New Title")
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.md b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.md
new file mode 100644
index 0000000000..0437bca489
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.md
@@ -0,0 +1,122 @@
+---
+id: 587d7fa7367417b2b2512bc5
+title: Робота з динамічними даними в D3
+challengeType: 6
+forumTopicId: 301498
+dashedName: work-with-dynamic-data-in-d3
+---
+
+# --description--
+
+Останні два завдання охоплюють основи відображення даних динамічно з D3 за допомогою методів `data()` і `enter()`. Ці методи приймають набір даних і разом із методом `append()` створюють новий елемент DOM для кожного запису в наборі даних.
+
+У попередньому завданні ви створили новий елемент `h2` для кожного елемента масиву `dataset`, але всі вони містили один і той самий текст — `New Title`. Це тому, що ви не використали дані, пов’язані з кожним із елементів `h2`.
+
+Метод D3 `text()` може приймати рядок або зворотний виклик як аргумент:
+
+```js
+selection.text((d) => d)
+```
+
+У прикладі вище параметр `d` посилається на один запис у наборі даних, до якого прив'язується вибране значення.
+
+Використаємо поточний приклад як контекст, перший елемент `h2` прив’язаний до 12, другий елемент `h2` прив’язаний до 31, третій елемент `h2` прив'язаний до 22 і так далі.
+
+# --instructions--
+
+Змініть метод `text()`, щоб кожен елемент `h2` виводив відповідне значення з масиву `dataset` з одним пробілом та рядком `USD`. Наприклад, перший заголовок має бути `12 USD`.
+
+# --hints--
+
+Перший елемент `h2` повинен містити текст `12 USD`.
+
+```js
+assert($('h2').eq(0).text() == '12 USD');
+```
+
+Другий елемент `h2` повинен містити текст `31 USD`.
+
+```js
+assert($('h2').eq(1).text() == '31 USD');
+```
+
+Третій елемент `h2` повинен містити текст `22 USD`.
+
+```js
+assert($('h2').eq(2).text() == '22 USD');
+```
+
+Четвертий елемент `h2` повинен містити текст `17 USD`.
+
+```js
+assert($('h2').eq(3).text() == '17 USD');
+```
+
+П'ятий елемент `h2` повинен містити текст `25 USD`.
+
+```js
+assert($('h2').eq(4).text() == '25 USD');
+```
+
+Шостий елемент `h2` повинен містити текст `18 USD`.
+
+```js
+assert($('h2').eq(5).text() == '18 USD');
+```
+
+Сьомий елемент `h2` повинен містити текст `29 USD`.
+
+```js
+assert($('h2').eq(6).text() == '29 USD');
+```
+
+Восьмий елемент `h2` повинен містити текст `14 USD`.
+
+```js
+assert($('h2').eq(7).text() == '14 USD');
+```
+
+Дев'ятий елемент `h2` повинен містити текст `9 USD`.
+
+```js
+assert($('h2').eq(8).text() == '9 USD');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      // Add your code below this line
+
+      .text("New Title");
+
+      // Add your code above this line
+  </script>
+</body>
+```
+
+# --solutions--
+
+```html
+<body>
+  <script>
+    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
+
+    d3.select("body").selectAll("h2")
+      .data(dataset)
+      .enter()
+      .append("h2")
+      .text((d) => `${d} USD`);
+
+  </script>
+</body>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.md
new file mode 100644
index 0000000000..08d01c3d11
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/access-the-json-data-from-an-api.md
@@ -0,0 +1,167 @@
+---
+id: 587d7fae367417b2b2512be4
+title: Доступ до даних JSON із API
+challengeType: 6
+forumTopicId: 301499
+dashedName: access-the-json-data-from-an-api
+---
+
+# --description--
+
+У попередньому завданні ви дізнались як отримати дані JSON з freeCodeCamp Cat Photo API.
+
+Тепер зверніть увагу на отримані дані, щоб краще зрозуміти формат JSON. Згадайте деякі позначення в JavaScript:
+
+<blockquote>[ ] -> Квадрантні дужки позначають масив<br>{ } -> Фігурні дужки позначають об'єкт<br>" " -> Подвійні лапки позначають рядок. Їх також використовують для назв ключів у форматі JSON</blockquote>
+
+Розуміти структуру даних з API важливо, адже це впливає на спосіб отримання бажаних значень.
+
+Справа натисніть кнопку `Get Message`, щоб перетворити формат freeCodeCamp Cat Photo API JSON у HTML.
+
+Першим та останнім символом у даних формату JSON ставляться квадратні дужки `[ ]`. Це означає, що отримані дані - масив. Фігурна дужка `{` у даних JSON стоїть другою та починає опис об'єкта. Зверніть увагу, що тут три окремі об'єкти. Дані JSON - це масив з трьох об'єктів, кожен із яких містить інформацію про фото котів.
+
+Ви вже вивчили, що об'єкти мають пари "ключ-значення", розділені комами. Наприклад, перший об'єкт Cat Photo`"id":0` має ключ `id` та відповідне значення `0`. Аналогічні ключі використовують для `imageLink`, `altText` та `codeNames`. Кожне фото - об'єкт з однаковими ключами, але з різними значеннями.
+
+Інша цікава пара '"ключ-значення" в першому об'єкті - це `"codeNames":["Juggernaut","Mrs. Wallace","ButterCup"]`. `codeNames` - це ключ, значення якого - масив із трьох рядків. Можна мати не лише масив об'єктів, а й ключ з масивом як значення.
+
+Пам'ятайте як отримувати доступ до даних у масивах та об'єктах. Для доступу до певного індексу елемента масиви використовують дужкову нотацію. Об'єкти використовують дужку або крапкову нотацію, щоб отримати доступ до змінних властивостей. Ось приклад, що показує властивість `altText` першого фото кота. Зверніть увагу, що аналізовані дані JSON в редакторі зберігаються змінною з назвою `json`:
+
+```js
+console.log(json[0].altText);
+```
+
+Консоль буде відображати рядок `A біла кішка в зеленому шоломі у формі дині на голові. `.
+
+# --instructions--
+
+Вивести на консоль друге значення в масиві `codeNames` для кішки з `id` 2. Щоб отримати доступ до масиву, використайте дужкову та крапкову нотацію об'єкта (що зберігається у змінній `json`).
+
+# --hints--
+
+У коді має бути використана дужкова та крапкова нотація для правильного імені та виведення `Loki` на консоль.
+
+```js
+assert(
+  code.match(
+    /console\s*\.\s*log\s*\(\s*json\s*\[2\]\s*(\.\s*codeNames|\[\s*('|`|")codeNames\2\s*\])\s*\[\s*1\s*\]\s*\)/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json', true);
+      req.send();
+      req.onload=function(){
+        const json = JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML = JSON.stringify(json);
+        // Add your code below this line
+
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json', true);
+      req.send();
+      req.onload=function(){
+        const json = JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML = JSON.stringify(json);
+        // Add your code below this line
+        console.log(json[2].codeNames[1]);
+        // Add your code above this line
+      };
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.md
new file mode 100644
index 0000000000..2411586392
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/change-text-with-click-events.md
@@ -0,0 +1,140 @@
+---
+id: 587d7fad367417b2b2512be2
+title: Зміна тексту кліком "Events"
+challengeType: 6
+forumTopicId: 301500
+dashedName: change-text-with-click-events
+---
+
+# --description--
+
+Кліком ви можете оновити елемент HTML за допомогою JavaScript.
+
+Наприклад, коли користувач натискає кнопку `Get Message`, текст елемента класу `message` змінюється на `Here is the message`.
+
+Так кліком можна змінити код:
+
+```js
+document.getElementsByClassName('message')[0].textContent="Here is the message";
+```
+
+# --instructions--
+
+Додайте код `onclick` обробника подій, щоб змінити текст в елементі `message` на `Here is the message`.
+
+# --hints--
+
+Використайте у коді метод `document.getElementsByClassName`, щоб вибрати елемент класу `message` та додати `textContent` у заданий рядок.
+
+```js
+assert(
+  code.match(
+    /document\s*\.getElementsByClassName\(\s*?('|")message\1\s*?\)\[0\]\s*\.textContent\s*?=\s*?('|")Here is the message\2/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    }
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick = function(){
+      // Add your code below this line
+      document.getElementsByClassName('message')[0].textContent = "Here is the message";
+      // Add your code above this line
+    }
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.md
new file mode 100644
index 0000000000..27acfea8d0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/convert-json-data-to-html.md
@@ -0,0 +1,199 @@
+---
+id: 587d7fae367417b2b2512be5
+title: Перетворення даних JSON у HTML
+challengeType: 6
+forumTopicId: 16807
+dashedName: convert-json-data-to-html
+---
+
+# --description--
+
+Дані, отримані з JSON API, ви можете відобразити у форматі HTML.
+
+Використайте метод `forEach` для повторного перегляду даних, оскільки фото котів зберігаються в масиві. Ви можете змінити елементи HTML кожного об'єкта.
+
+Спершу, створіть змінну html `let html = "";`.
+
+Потім додайте HTML до змінної, яку повинні обрамляти ключові назви у `strong` теґах, а далі має йти значення. Так буде задано цикл даним JSON. Після завершення циклу - відтворіть його.
+
+Ось приклад такого коду:
+
+```js
+let html = "";
+json.forEach(function(val) {
+  const keys = Object.keys(val);
+  html += "<div class = 'cat'>";
+  keys.forEach(function(key) {
+    html += "<strong>" + key + "</strong>: " + val[key] + "<br>";
+  });
+  html += "</div><br>";
+});
+```
+
+**Примітка:** Для цього завдання вам потрібно додати на сторінку новий елемент HTML, але не використовуйте `textContent`. Натомість використайте `innerHTML`. Проте сайт може стати вразливим до атак міжсайтового скриптингу.
+
+# --instructions--
+
+Методом `forEach` додайте цикл даних JSON та створіть елементи HTML для їх відображення.
+
+Ось декілька прикладів JSON:
+
+```json
+[
+  {
+    "id":0,
+      "imageLink":"https://s3.amazonaws.com/freecodecamp/funny-cat.jpg",
+      "altText":"A white cat wearing a green helmet shaped melon on its head. ",
+      "codeNames":[ "Juggernaut", "Mrs. Wallace", "Buttercup"
+    ]
+  }
+]
+```
+
+# --hints--
+
+Ваш код повинен зберігати дані змінної `html`
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/html(\+=|=html\+)/g))
+```
+
+У коді потрібно використати метод `forEach` для додавання циклу даних JSON з API.
+
+```js
+assert(code.match(/json\.forEach/g));
+```
+
+У вашому коді назви ключів мають бути обрамлені у `strong` теґи.
+
+```js
+assert(code.match(/<strong>.+<\/strong>/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload = function(){
+        const json = JSON.parse(req.responseText);
+        let html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML = html;
+      };
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload = function(){
+        const json = JSON.parse(req.responseText);
+        let html = "";
+        // Add your code below this line
+        json.forEach(function(val) {
+          var keys = Object.keys(val);
+          html += "<div class = 'cat'>";
+          keys.forEach(function(key) {
+          html += "<strong>" + key + "</strong>: " + val[key] + "<br>";
+        });
+        html += "</div><br>";
+        });
+        // Add your code above this line
+        document.getElementsByClassName('message')[0].innerHTML = html;
+      };
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.md
new file mode 100644
index 0000000000..4e347c7ce7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-geolocation-data-to-find-a-users-gps-coordinates.md
@@ -0,0 +1,98 @@
+---
+id: 587d7faf367417b2b2512be8
+title: Отримання даних геолокації для знаходження GPS-координат користувача
+challengeType: 6
+forumTopicId: 18188
+dashedName: get-geolocation-data-to-find-a-users-gps-coordinates
+---
+
+# --description--
+
+Інша зручна річ - доступ до поточної локації користувача. У кожен браузер вбудовано навігацію, яка надасть цю інформацію.
+
+Навігація надає доступ до актуальної широти та довготи користувача.
+
+Вам надійде запит на дозвіл або блокування доступу сайту до вашої локації. Завдання можна завершити будь-яким способом, якщо код буде правильним.
+
+Якщо ви надасте доступ, побачите текст на телефоні виводу для зміни широти та довготи.
+
+Ось такий код:
+
+```js
+if (navigator.geolocation){
+  navigator.geolocation.getCurrentPosition(function(position) {
+    document.getElementById('data').innerHTML="latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude;
+  });
+}
+```
+
+Спочатку перевіряється чи існує об'єкт `navigator.geolocation`. Якщо так, то для об'єкта методом `getCurrentPosition` буде асинхронно надіслано запит на локацію користувача. Якщо запит успішний, функція зворотного виклику під час роботи методу спрацює. Ця функція передає значення `position` об'єкта для широти і довготи за допомогою крапкової нотації і оновлює HTML.
+
+# --instructions--
+
+Додайте приклад коду у теґи `script`, щоб дізнатись поточне розташування користувача і вставити його у HTML.
+
+# --hints--
+
+Щоб дізнатись поточне місце розташування користувача, використайте `navigator.geolocation`.
+
+```js
+assert(code.match(/navigator\.geolocation\.getCurrentPosition/g));
+```
+
+Щоб відобразити координату широти місця знаходження користувача, використайте `position.coords.latitude`.
+
+```js
+assert(code.match(/position\.coords\.latitude/g));
+```
+
+Щоб відобразити координату довготи місця знаходження користувача, використайте `position.coords.longitude`.
+
+```js
+assert(code.match(/position\.coords\.longitude/g));
+```
+
+Положення користувача покажіть елементом `id="data"` всередині `div`.
+
+```js
+assert(
+  code.match(/document\.getElementById\(\s*?('|")data\1\s*?\)\.innerHTML/g)
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  // Add your code below this line
+
+
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+```
+
+# --solutions--
+
+```html
+<script>
+  // Add your code below this line
+  if (navigator.geolocation) {
+    navigator.geolocation.getCurrentPosition(function(position) {
+      document.getElementById('data').innerHTML = "latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude;
+    });
+  }
+  // Add your code above this line
+</script>
+<h4>You are here:</h4>
+<div id="data">
+
+</div>
+
+</section>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
new file mode 100644
index 0000000000..4ff00e1621
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
@@ -0,0 +1,174 @@
+---
+id: 5ccfad82bb2dc6c965a848e5
+title: Отримання JSON fetch-методом JavaScript
+challengeType: 6
+forumTopicId: 301501
+dashedName: get-json-with-the-javascript-fetch-method
+---
+
+# --description--
+
+Щоб зробити запит зовнішніх даних використовуйте метод `fetch()`. Він еквівалентний методу `XMLHttpRequest`, проте синтаксис вважається простішим.
+
+Ось код для створення запиту GET для `/json/cats.json`
+
+```js
+
+fetch('/json/cats.json')
+    .then(response => response.json())
+    .then(data => {
+        document.getElementById('message').innerHTML = JSON.stringify(data);
+    })
+
+```
+
+Зверніть увагу на кожен фрагмент коду.
+
+Запит надсилає саме перший рядок. Так `fetch(URL)` робить запит `GET` на конкретну URL-адресу. Так створюється Promise.
+
+Після створення Promise та успішного запиту, методом `then` код адаптується та перетворюється у формат JSON.
+
+Метод `then` також створює Promise, що так само проходить обробку наступним `then` методом. Аргумент у другому `then` і є об'єктом JSON, який вам потрібен!
+
+Тепер цим методом обирається елемент, який отримає дані за допомогою `document.getElementById()`. Далі код HTML елемента змінюється через додавання рядка з об'єктом JSON, поверненим за запитом.
+
+# --instructions--
+
+Щоб створити та надіслати запит `GET` до freeCodeCamp Cat Photo API, оновіть код. Використайте цього разу метод `fetch` замість `XMLHttpRequest`.
+
+# --hints--
+
+Щоб надіслати запит `GET`, використовуйте метод `fetch`.
+
+```js
+assert(code.match(/fetch\s*\(\s*('|")\/json\/cats\.json\1\s*\)/g));
+```
+
+Щоб конвертувати вхідні дані в JSON, використовуйте метод `then`.
+
+```js
+assert(
+  code.match(
+    /\.then\s*\(\s*\(?(?<var>\w+)\)?\s*=>\s*\k<var>\s*\.json\s*\(\s*\)\s*\)/g
+  )
+);
+```
+
+Щоб обробити конвертовані дані JSON методом `then`, використайте `then` у коді двічі.
+
+```js
+assert(__helpers.removeWhiteSpace(code).match(/\.then\(\(?\w+\)?=>{[^}]*}\)/g));
+```
+
+Щоб змінити внутрішній HTML на рядок з даними JSON, використовуйте у коді елемент з id `message`.
+
+```js
+assert(
+  __helpers.removeWhiteSpace(code).match(
+    /document\.getElementById\(('|")message\1\)\.innerHTML=JSON\.stringify\(?\w+\)/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick= () => {
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p id="message" class="box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick= () => {
+      fetch('/json/cats.json')
+        .then(response => response.json())
+        .then(data => {
+          document.getElementById('message').innerHTML=JSON.stringify(data);
+        })
+    };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p id="message" class="box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.md
new file mode 100644
index 0000000000..97202aa548
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-xmlhttprequest-method.md
@@ -0,0 +1,196 @@
+---
+id: 587d7fae367417b2b2512be3
+title: Отримання JSON методом JavaScript XMLHttpRequest
+challengeType: 6
+forumTopicId: 301502
+dashedName: get-json-with-the-javascript-xmlhttprequest-method
+---
+
+# --description--
+
+Ви можете надсилати запит на дані із зовнішніх джерел. Саме тут використовуються API.
+
+Пам'ятайте, що API (або ППІ - прикладний програмний інтерфейс) - це інструменти, що дозволяють комп'ютерам обмінюватись інформацією один з одним. Ви дізнаєтесь, як оновити HTML та дані з API за допомогою технології AJAX.
+
+Більшість веб-API передають дані у форматі JSON. JSON - це JavaScript Object Notation.
+
+Синтаксис JSON схожий на літеральну нотацію об'єкта в JavaScript. У JSON властивості об'єкта та їх поточні значення обрамлені `{` та `}`.
+
+Ці властивості разом зі значеннями часто називаються парами "ключ-значення".
+
+Ваша програма отримає дані JSON через API як `string`, хоча вони надіслані у форматі `bytes`. За замовчуванням дані надсилаються не у форматі JavaScript, проте їх можна конвертувати. Методом `JSON.parse` аналізується рядок та створюється потрібний об'єкт JavaScript.
+
+Запросіть JSON через freeCodeCamp's Cat Photo API. Додайте цей код до кліку для виконання запиту:
+
+```js
+const req = new XMLHttpRequest();
+req.open("GET",'/json/cats.json',true);
+req.send();
+req.onload = function(){
+  const json = JSON.parse(req.responseText);
+  document.getElementsByClassName('message')[0].innerHTML = JSON.stringify(json);
+};
+```
+
+Зверніть увагу на кожний елемент коду. Об'єкт JavaScript `XMLHttpRequest` має певні властивості та методи для передачі даних. Спочатку створюють об'єкт `XMLHttpRequest` та зберігають у змінній `req`. Потім методом `open` надсилають запит `GET`, адже йде отримання даних з API. URL-адреса API, з якого ви зробили запит даних, є другим аргументом для `open`. Третій аргумент - логічне значення, яке надсилає асинхронний запит за допомогою `true`. Сам запит надсилають методом `send`. Врешті-решт, обробник події `onload` аналізує отримані дані та перетворює об'єкт JavaScript методом `JSON.stringify` у рядок. Далі цей рядок буде вставлено як текст повідомлення.
+
+# --instructions--
+
+Щоб створити та надіслати запит `GET` до freeCodeCamp Cat Photo API, оновіть код. Далі натисніть кнопку `Get Message`. Тест `The message will go here` буде замінено даними з API формату raw JSON за допомогою функції AJAX.
+
+# --hints--
+
+Створіть новий `XMLHttpRequest` у коді.
+
+```js
+assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g));
+```
+
+Щоб створити запит `GET` для freeCodeCamp Cat Photo API, використайте метод `open`.
+
+```js
+assert(
+  code.match(
+    /\.open\(\s*?('|")GET\1\s*?,\s*?('|")\/json\/cats\.json\2\s*?,\s*?true\s*?\)/g
+  )
+);
+```
+
+Щоб відправити запит, використайте метод `send`.
+
+```js
+assert(code.match(/\.send\(\s*\)/g));
+```
+
+Для того, щоб код працював, вам потрібен сет обробника подій `onload`.
+
+```js
+assert(
+  code.match(/\.onload\s*=\s*(function|\(\s*?\))\s*?(\(\s*?\)|\=\>)\s*?{/g)
+);
+```
+
+Щоб зробити аналіз `responseText`, використайте метод `JSON.parse`.
+
+```js
+assert(code.match(/JSON\s*\.parse\(\s*.*\.responseText\s*\)/g));
+```
+
+Щоб змінити внутрішній HTML на рядок з даними JSON, використайте у коді елемент класу `message`.
+
+```js
+assert(
+  code.match(
+    /document\s*\.getElementsByClassName\(\s*?('|")message\1\s*?\)\[0\]\s*\.innerHTML\s*?=\s*?JSON\.stringify\(.+?\)/g
+  )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded',function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open('GET', '/json/cats.json', true);
+      req.send();
+      req.onload = () => {
+        const json = JSON.parse(req.responseText);
+        document.getElementsByClassName('message')[0].innerHTML = JSON.stringify(json);
+      };
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.md
new file mode 100644
index 0000000000..348ac9b5c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/handle-click-events-with-javascript-using-the-onclick-property.md
@@ -0,0 +1,140 @@
+---
+id: 587d7fad367417b2b2512be1
+title: Обробка кліків за допомогою JavaScript функцією onclick
+challengeType: 6
+forumTopicId: 301503
+dashedName: handle-click-events-with-javascript-using-the-onclick-property
+---
+
+# --description--
+
+Вам потрібно, щоб код виконувався лише після завантаження сторінки. Для цього прикріпіть event JavaScript до `DOMContentLoaded` документу. Ось приклад такого коду:
+
+```js
+document.addEventListener('DOMContentLoaded', function() {
+
+});
+```
+
+Ви можете вставити обробники подій у функцію `DOMContentLoaded`. За допомогою такого коду використайте обробник подій `onclick`, що запускається під час кліку користувача на елемент з id `getMessage`:
+
+```js
+document.getElementById('getMessage').onclick = function(){};
+```
+
+# --instructions--
+
+Додайте обробник подій кліку до функції `DOMContentLoaded` для елементу з id `getMessage`.
+
+# --hints--
+
+Щоб обрати елемент `getMessage`, використайте у коді метод `document.getElementById`.
+
+```js
+assert(code.match(/document\s*\.getElementById\(\s*?('|")getMessage\1\s*?\)/g));
+```
+
+Додайте до коду обробник подій `onclick`.
+
+```js
+assert(typeof document.getElementById('getMessage').onclick === 'function');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    // Add your code below this line
+
+
+    // Add your code above this line
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    // Add your code below this line
+    document.getElementById('getMessage').onclick = function(){ };
+    // Add your code above this line
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1> 
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.md
new file mode 100644
index 0000000000..77aad1db35
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/post-data-with-the-javascript-xmlhttprequest-method.md
@@ -0,0 +1,206 @@
+---
+id: 587d7faf367417b2b2512be9
+title: Надсилання даних методом JavaScript XMLHttpRequest
+challengeType: 6
+forumTopicId: 301504
+dashedName: post-data-with-the-javascript-xmlhttprequest-method
+---
+
+# --description--
+
+У попередніх прикладах, ви отримували дані із зовнішнього ресурсу. Проте ви також можете надсилати дані на зовнішній ресурс, допоки він підтримує запити AJAX та вам відома URL-адреса.
+
+Метод JavaScript's `XMLHttpRequest` використовують для надсилання даних на сервер. Наприклад:
+
+```js
+const xhr = new XMLHttpRequest();
+xhr.open('POST', url, true);
+xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+xhr.onreadystatechange = function () {
+  if (xhr.readyState === 4 && xhr.status === 201){
+    const serverResponse = JSON.parse(xhr.response);
+    document.getElementsByClassName('message')[0].textContent = serverResponse.userName + serverResponse.suffix;
+  }
+};
+const body = JSON.stringify({ userName: userName, suffix: ' loves cats!' });
+xhr.send(body);
+```
+
+Вам вже зустрічались ці методи. Ось метод `open`, який надсилає запит `POST` на URL-адресу зовнішнього ресурсу та робить його асинхронним за допомогою булевого `true`. Метод `setRequestHeader` встановлює значення заголовка запиту HTTP, в якому присутня інформація про відправника та сам запит. Використовуйте цей метод після `open`, але перед `send`. Два параметри - це назва заголовка і значення, що задається як тіло цього заголовка. Далі, за допомогою слухача подій `onreadystatechange`, змінюється стан запиту. `readyState` з `4` означає завершення операції, а `status` з `201` - успішно виконаний запит. HTML документа можна оновити. І нарешті, метод `send` надсилає запит для значення `body`. Ключ `userName` надає користувач у полі `input`.
+
+# --instructions--
+
+Оновіть код, щоб надіслати запит `POST` до кінцевої точки API. Потім напишіть своє ім'я у полі вводу та натисніть кнопку `Send Message`. Функція AJAX замінить `Reply from Server will be here.` даними із сервера. Додайте до вашого імені у полі вводу текст `loves cats`.
+
+# --hints--
+
+Створіть новий `XMLHttpRequest` у коді.
+
+```js
+assert(code.match(/new\s+?XMLHttpRequest\(\s*?\)/g));
+```
+
+Щоб створити запит `POST` на сервер, використайте метод `open`.
+
+```js
+assert(code.match(/\.open\(\s*?('|")POST\1\s*?,\s*?url\s*?,\s*?true\s*?\)/g));
+```
+
+Використовуйте метод `setRequestHeader` у коді.
+
+```js
+assert(
+  code.match(
+    /\.setRequestHeader\(\s*?('|")Content-Type\1\s*?,\s*?('|")application\/json;\s*charset=UTF-8\2\s*?\)/g
+  )
+);
+```
+
+Для того, щоб код працював, вам потрібен сет обробника подій `onreadystatechange`.
+
+```js
+assert(code.match(/\.onreadystatechange\s*?=/g));
+```
+
+У коді має бути елемент `message`, текст якого зміниться з `textContent` на `userName loves cats`
+
+```js
+assert(
+  code.match(
+    /document\.getElementsByClassName\(\s*?('|")message\1\s*?\)\[0\]\.textContent\s*?=\s*?.+?\.userName\s*?\+\s*?.+?\.suffix/g
+  )
+);
+```
+
+Використовуйте метод `send` у вашому коді.
+
+```js
+assert(code.match(/\.send\(\s*?body\s*?\)/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('sendMessage').onclick = function(){
+
+      const userName = document.getElementById('name').value;
+      const url = 'https://jsonplaceholder.typicode.com/posts';
+      // Add your code below this line
+
+
+      // Add your code above this line
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Friends</h1>
+<p class="message box">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('sendMessage').onclick = function(){
+
+      const userName = document.getElementById('name').value;
+      const url = 'https://jsonplaceholder.typicode.com/posts';
+      // Add your code below this line
+      const xhr = new XMLHttpRequest();
+      xhr.open('POST', url, true);
+      xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4 && xhr.status === 201){
+          const serverResponse = JSON.parse(xhr.response);
+          document.getElementsByClassName('message')[0].textContent = serverResponse.userName + serverResponse.suffix;
+       }
+     };
+     const body = JSON.stringify({ userName: userName, suffix: ' loves cats!' });
+     xhr.send(body);
+      // Add your code above this line
+    };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Friends</h1>
+<p class="message">
+  Reply from Server will be here
+</p>
+<p>
+  <label for="name">Your name:
+    <input type="text" id="name"/>
+  </label>
+  <button id="sendMessage">
+    Send Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.md
new file mode 100644
index 0000000000..b72e9da745
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/pre-filter-json-to-get-the-data-you-need.md
@@ -0,0 +1,171 @@
+---
+id: 587d7fae367417b2b2512be7
+title: Попередній фільтр JSON для отримання потрібних даних
+challengeType: 6
+forumTopicId: 18257
+dashedName: pre-filter-json-to-get-the-data-you-need
+---
+
+# --description--
+
+Щоб не відображати кожне фото кота з freeCodeCamp Cat Photo API, використайте попередній фільтр перед створенням циклу.
+
+Так як дані JSON зберігаються в масиві, використайте метод `filter`, щоб знайти фото кота зі значенням ключа `id` - `1`.
+
+Ось приклад такого коду:
+
+```js
+json = json.filter(function(val) {
+  return (val.id !== 1);
+});
+```
+
+# --instructions--
+
+Видаліть фото кота зі значенням `id` `1`, за допомогою метода `filter` у даних JSON.
+
+# --hints--
+
+Використовуйте метод `filter` у коді.
+
+```js
+assert(code.match(/json\.filter/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json', true);
+      req.send();
+      req.onload=function(){
+        let json = JSON.parse(req.responseText);
+        let html = "";
+        // Add your code below this line
+
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML = html;
+       };
+     };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json', true);
+      req.send();
+      req.onload = function(){
+        let json = JSON.parse(req.responseText);
+        let html = "";
+        // Add your code below this line
+        json = json.filter(function(val) {
+          return (val.id !== 1);
+        });
+
+        // Add your code above this line
+         json.forEach(function(val) {
+           html += "<div class = 'cat'>"
+
+           html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>"
+
+           html += "</div>"
+         });
+         document.getElementsByClassName('message')[0].innerHTML = html;
+       };
+     };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+
+<h1>Cat Photo Finder</h1>
+<p class="message">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.md b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.md
new file mode 100644
index 0000000000..bce633be3f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/04-data-visualization/json-apis-and-ajax/render-images-from-data-sources.md
@@ -0,0 +1,163 @@
+---
+id: 587d7fae367417b2b2512be6
+title: Відображення зображень із джерел даних
+challengeType: 6
+forumTopicId: 18265
+dashedName: render-images-from-data-sources
+---
+
+# --description--
+
+Під час виконання останніх завдань, ви дізнались, що кожен об'єкт масиву JSON має ключ `imageLink` зі значенням URL-адреси зображення кота.
+
+Під час запуску циклу для цих об'єктів, скористайтесь властивістю `imageLink` для відображення фото в елементі `img`.
+
+Ось приклад такого коду:
+
+```js
+html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>";
+```
+
+# --instructions--
+
+Додайте код у теґ `img`, щоб використати властивості `imageLink` та `altText`.
+
+# --hints--
+
+Щоб відобразити зображення, використайте властивість `imageLink`.
+
+```js
+assert(code.match(/val\.imageLink/g));
+```
+
+Використайте у коді `altText` для значень атрибута зображення `alt`.
+
+```js
+assert(code.match(/val\.altText/g));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req=new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload = function(){
+        const json = JSON.parse(req.responseText);
+        let html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+
+
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML=html;
+      };
+     };
+  });
+</script>
+
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message box">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
+
+# --solutions--
+
+```html
+<script>
+  document.addEventListener('DOMContentLoaded', function(){
+    document.getElementById('getMessage').onclick = function(){
+      const req = new XMLHttpRequest();
+      req.open("GET",'/json/cats.json',true);
+      req.send();
+      req.onload = function(){
+        const json = JSON.parse(req.responseText);
+        let html = "";
+        json.forEach(function(val) {
+          html += "<div class = 'cat'>";
+          // Add your code below this line
+          html += "<img src = '" + val.imageLink + "' " + "alt='" + val.altText + "'>";
+          // Add your code above this line
+          html += "</div><br>";
+        });
+        document.getElementsByClassName('message')[0].innerHTML = html;
+      };
+     };
+  });
+</script>
+<style>
+  body {
+    text-align: center;
+    font-family: "Helvetica", sans-serif;
+  }
+  h1 {
+    font-size: 2em;
+    font-weight: bold;
+  }
+  .box {
+    border-radius: 5px;
+    background-color: #eee;
+    padding: 20px 5px;
+  }
+  button {
+    color: white;
+    background-color: #4791d0;
+    border-radius: 5px;
+    border: 1px solid #4791d0;
+    padding: 5px 10px 8px 10px;
+  }
+  button:hover {
+    background-color: #0F5897;
+    border: 1px solid #0F5897;
+  }
+</style>
+<h1>Cat Photo Finder</h1>
+<p class="message">
+  The message will go here
+</p>
+<p>
+  <button id="getMessage">
+    Get Message
+  </button>
+</p>
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
new file mode 100644
index 0000000000..dee98d62ea
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
@@ -0,0 +1,611 @@
+---
+id: 5a8b073d06fa14fcfde687aa
+title: Трекер вправ
+challengeType: 4
+forumTopicId: 301505
+dashedName: exercise-tracker
+---
+
+# --description--
+
+Створіть full stack додаток на JavaScript, який функціонально схожий до цього: <https://exercise-tracker.freecodecamp.rocks/>. Робота над цим проектом залучатиме тебе писати свій код використовуючи один з наступних методів:
+
+-   Клонувати [цей репозиторій з GitHub](https://github.com/freeCodeCamp/boilerplate-project-exercisetracker/) та локально завершити свій проект.
+-   Використати [наш проект для початківців на Replit](https://replit.com/github/freeCodeCamp/boilerplate-project-exercisetracker) для завершення свого проекту.
+-   Використати конструктор сайтів на свій вибір для завершення проекту. Впевніться, що ви зберегли всі файли із нашого GitHub репозиторію.
+
+По завершенню переконайтеся, що працююча демоверсія вашого проекту розміщена у відкритому доступі. Потім введіть його URL-адресу в поле `Solution Link`. За бажанням також можете ввести посилання на вихідний код вашого проекту в полі `GitHub Link`.
+
+# --instructions--
+
+Ваші відповіді повинні мати наступні структури.
+
+Вправа:
+
+```js
+{
+  username: "fcc_test"
+  description: "test",
+  duration: 60,
+  date: "Mon Jan 01 1990",
+  _id: "5fb5853f734231456ccb3b05"
+}
+```
+
+Користувач:
+
+```js
+{
+  username: "fcc_test",
+  _id: "5fb5853f734231456ccb3b05"
+}
+```
+
+Лог:
+
+```js
+{
+  username: "fcc_test",
+  count: 1,
+  _id: "5fb5853f734231456ccb3b05",
+  log: [{
+    description: "test",
+    duration: 60,
+    date: "Mon Jan 01 1990",
+  }]
+}
+```
+
+**Підказка:** для отримування очікуваного результату властивості `date` може використовуватися метод `toDateString` з `Date` API.
+
+# --hints--
+
+Вам необхідно вказати свій власний проект, а не приклад URL-адреси.
+
+```js
+(getUserInput) => {
+  const url = getUserInput('url');
+  assert(
+    !/.*\/exercise-tracker\.freecodecamp\.rocks/.test(getUserInput('url'))
+  );
+};
+```
+
+Ви можете виконати `POST` запит до `/api/users` з даними форми `username` для створення нового користувача.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  assert.isTrue(res.ok);
+  if(!res.ok) {
+    throw new Error(`${res.status} ${res.statusText}`)
+  };
+};
+```
+
+Отримана відповідь від `POST /api/users` з даними форми `username` буде об'єктом з властивостями `username` та `_id`.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    assert.exists(_id);
+    assert.exists(username);
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+Ви можете зробити запит `GET` на `/api/users`, щоб отримати список всіх користувачів.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users');
+  assert.isTrue(res.ok);
+  if(!res.ok) {
+    throw new Error(`${res.status} ${res.statusText}`)
+  };
+};
+```
+
+Запит `GET` на `/api/users` повертає масив.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users');
+  if(res.ok){
+    const users = await res.json();
+    assert.isArray(users);
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  };
+};
+```
+
+Кожен елемент у масиві, який повернувся з `GET /api/users`, є літералом об'єкта з `username` та `_id` користувача.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users');
+  if(res.ok){
+    const users = await res.json();
+    const user = users[0];
+    assert.exists(user);
+    assert.exists(user.username);
+    assert.exists(user._id);
+    assert.isString(user.username);
+    assert.isString(user._id);
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  };
+};
+```
+
+Ви можете виконати `POST` запит до `/api/users/:_id/exercises` з даними форм `description`, `duration` та за бажанням `date`. Якщо дата не вказана, буде використовуватись поточна дата.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: 'Mon Jan 01 1990'
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}&date=1990-01-01`
+    });
+  assert.isTrue(addRes.ok);
+  if(!addRes.ok) {
+    throw new Error(`${addRes.status} ${addRes.statusText}`)
+  };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+Відповідь, що повернулася від `POST /api/users/:_id/exercises`, буде об'єктом користувача з доданими полями з вправи.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: 'Mon Jan 01 1990'
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}&date=1990-01-01`
+    });
+    if (addRes.ok) {
+      const actual = await addRes.json();
+      assert.deepEqual(actual, expected);
+      assert.isString(actual.description);
+      assert.isNumber(actual.duration);
+      assert.isString(actual.date);
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    }
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+Ви можете зробити запит `GET` на `/api/users/:_id/logs`, щоб отримати повний журнал вправ будь-якого користувача.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if (addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+    assert.isTrue(logRes.ok);
+    if(!logRes.ok) {
+      throw new Error(`${logRes.status} ${logRes.statusText}`)
+    };
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    }
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+Запит до журналу користувача `GET /api/users/:_id/logs` повертає об'єкт користувача разом з властивістю `count` яка представляє кількість вправ, що належать цьому користувачеві.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if (addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if (logRes.ok) {
+        const { count } = await logRes.json();
+        assert(count);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    }
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+Запит `GET` на `/api/users/:id/logs` поверне об'єкт користувача з `log`, - масивом всіх доданих вправ.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  })
+  if(res.ok){
+    const {_id, username} = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if(addRes.ok){
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if(logRes.ok) {
+        const {log} = await logRes.json();
+        assert.isArray(log);
+        assert.equal(1, log.length);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`)
+  };
+};
+```
+
+Кожен елемент у масиві `log`, який повернувся з `GET /api/users/:id/logs` це об'єкт, який повинен мати `description` `duration` і `date` властивості.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + `/api/users`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if(res.ok) {
+    const {_id, username} = await res.json();
+     const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if(addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if(logRes.ok) {
+        const {log} = await logRes.json();
+        const exercise = log[0];
+        assert.exists(exercise);
+        assert.exists(exercise.description);
+        assert.exists(exercise.duration);
+        assert.exists(exercise.date);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      };
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`)
+  };
+};
+```
+
+Властивість `description` будь-якого об'єкту в масиві `log`, що повернувся з `GET /api/users/:id/logs` повинен бути рядкового типу.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded',
+    },
+    body: `username=fcc_test_${Date.now()}`.substr(0,29)
+  });
+  if(res.ok) {
+    const {_id, username} = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if(addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if(logRes.ok){
+        const {log} = await logRes.json();
+        const exercise = log[0];
+        assert.isString(exercise.description);
+        assert.equal(exercise.description, expected.description);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  };
+};
+```
+
+Властивість `duration` будь-якого об'єкту в масиві `log`, що повернувся з `GET /api/users/:id/logs`, повинна бути числового типу.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded',
+    },
+    body: `username=fcc_test_${Date.now()}`.substr(0,29)
+  });
+  if(res.ok) {
+    const {_id, username} = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if(addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if(logRes.ok){
+        const {log} = await logRes.json();
+        const exercise = log[0];
+        assert.isNumber(exercise.duration);
+        assert.equal(exercise.duration, expected.duration);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  };
+};
+```
+
+Властивість `date` будь-якого об'єкту в масиві `log`, що повернувся з `GET /api/users/:id/logs`, повинна бути рядкового типу.. Використовуйте `dateString` формат з `Date` API.
+
+```js
+async(getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users/', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded',
+    },
+    body: `username=fcc_test_${Date.now()}`.substr(0,29)
+  });
+  if(res.ok) {
+    const {_id, username} = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: `description=${expected.description}&duration=${expected.duration}`
+    });
+    if(addRes.ok) {
+      const logRes = await fetch(url + `/api/users/${_id}/logs`);
+      if(logRes.ok){
+        const {log} = await logRes.json();
+        const exercise = log[0];
+        assert.isString(exercise.date);
+        assert.equal(exercise.date, expected.date);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${addRes.status} ${addRes.statusText}`);
+    };
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  };
+};
+```
+
+Ви можете додати параметри `from`, `to` та `limit` у запит `GET /api/users/:_id/logs` для отримання частини журналу будь-якого користувача. `from` та `to` - дати у форматі `yyyy-mm-dd`. `limit` - це ціле число того, скільки журналів потрібно надіслати назад.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const res = await fetch(url + '/api/users', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    body: `username=fcc_test_${Date.now()}`.substr(0, 29)
+  });
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const expected = {
+      username,
+      description: 'test',
+      duration: 60,
+      _id,
+      date: new Date().toDateString()
+    };
+    const addExerciseRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}&date=1990-01-01`
+    });
+    const addExerciseTwoRes = await fetch(url + `/api/users/${_id}/exercises`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      body: `description=${expected.description}&duration=${expected.duration}&date=1990-01-02`
+    });
+    if (addExerciseRes.ok && addExerciseTwoRes.ok) {
+      const logRes = await fetch(
+        url + `/api/users/${_id}/logs?from=1989-12-31&to=1990-01-03`
+      );
+      if (logRes.ok) {
+        const { log } = await logRes.json();
+        assert.isArray(log);
+        assert.equal(2, log.length);
+      } else {
+        throw new Error(`${logRes.status} ${logRes.statusText}`);
+      }
+      const limitRes = await fetch(
+        url + `/api/users/${_id}/logs?limit=1`
+      );
+      if (limitRes.ok) {
+        const { log } = await limitRes.json();
+        assert.isArray(log);
+        assert.equal(1, log.length);
+      } else {
+        throw new Error(`${limitRes.status} ${limitRes.statusText}`);
+      }
+    } else {
+      throw new Error(`${res.status} ${res.statusText}`);
+    }
+  } else {
+    throw new Error(`${res.status} ${res.statusText}`);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md
new file mode 100644
index 0000000000..012ae7eaf0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/back-end-development-and-apis-projects/request-header-parser-microservice.md
@@ -0,0 +1,77 @@
+---
+id: bd7158d8c443edefaeb5bdff
+title: Мікросервіс парсингу заголовків запиту
+challengeType: 4
+forumTopicId: 301507
+dashedName: request-header-parser-microservice
+---
+
+# --description--
+
+Створіть full stack додаток на JavaScript, який функціонально схожий до цього:<https://request-header-parser-microservice.freecodecamp.rocks/>. Робота над цим проектом залучатиме тебе писати свій код використовуючи один з наступних методів:
+
+-   Клонувати [цей репозиторій з GitHub](https://github.com/freeCodeCamp/boilerplate-project-headerparser/) та локально завершити свій проект.
+-   Використати [наш проект для початківців на Replit](https://replit.com/github/freeCodeCamp/boilerplate-project-headerparser) для завершення свого проекту.
+-   Використати конструктор сайтів на свій вибір для завершення проекту. Впевніться, що ви зберегли всі файли із нашого GitHub репозиторію.
+
+По завершенню переконайтеся, що працююча демоверсія вашого проекту розміщена у відкритому доступі. Потім введіть його URL-адресу в поле `Solution Link`. За бажанням також можете ввести посилання на вихідний код вашого проекту в полі `GitHub Link`.
+
+# --hints--
+
+Вам необхідно вказати свій власний проект, а не приклад URL-адреси.
+
+```js
+(getUserInput) => {
+  assert(
+    !/.*\/request-header-parser-microservice\.freecodecamp\.rocks/.test(
+      getUserInput('url')
+    )
+  );
+};
+```
+
+Запит на `/api/whoami` повинен повернути об'єкт JSON з вашою IP-адресою у ключі `ipaddress`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/api/whoami').then(
+    (data) => assert(data.ipaddress && data.ipaddress.length > 0),
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Запит на `/api/whoami` повинен повернути об’єкт JSON з вашою бажаною мовою у ключі `language`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/api/whoami').then(
+    (data) => assert(data.language && data.language.length > 0),
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Запит на `/api/whoami` повинен повернути об'єкт JSON з вашим програмним забезпеченням у ключі `software`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/api/whoami').then(
+    (data) => assert(data.software && data.software.length > 0),
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md
new file mode 100644
index 0000000000..58c83aa263
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md
@@ -0,0 +1,79 @@
+---
+id: 587d7fb1367417b2b2512bf4
+title: Ланцюгове підпрограмне забезпечення для створення сервера часу
+challengeType: 2
+forumTopicId: 301510
+dashedName: chain-middleware-to-create-a-time-server
+---
+
+# --description--
+
+Програмне забезпечення можна підключити за певним маршрутом за допомогою `app.METHOD(path, middlewareFunction)`. Підрограмне забезпечення також може бути поєднане всередині визначення маршруту.
+
+Розглянемо наступний приклад:
+
+```js
+app.get('/user', function(req, res, next) {
+  req.user = getTheUserSync();  // Hypothetical synchronous operation
+  next();
+}, function(req, res) {
+  res.send(req.user);
+});
+```
+
+Цей підхід корисний для поділу серверних операцій на менші одиниці. Це призводить до кращої структури додатків, та можливості повторного використання коду в різних місцях. Цей підхід також може бути використаний для проведення деякої перевірки даних. У кожній точці стеку підпрограмного забезпечення ви можете заблокувати виконання поточного ланцюга та передати управління функціями, спеціально розробленими для обробки помилок. Або ви можете передати контроль до наступних відповідних маршрутів, щоб впоратися з особливими випадками. Ми побачимо як у розділі розширений Експрес.
+
+# --instructions--
+
+У маршруті `app.get('/now', ...)` об'єднайте підппрограмне забезпечення та остаточний обробник. У функції підпрограмне забезпечення ви повинні додати поточний час до об’єкта запиту в `req.time` ключі. Ви можете використати `new Date().toString()`. В обробнику, відповідайте на об'єкт JSON, використовуючи структуру `{time: req.time}`.
+
+**Примітка:** Тест не пройде, якщо ви не об'єднаєте підпрограмне забезпечення. Якщо ви встановите функцію десь в іншому місці, тест зазнає невдачі, навіть якщо результат виводу правильний.
+
+# --hints--
+
+Кінцева точка /now повинна бути підключена до проміжного програмного забезпечення
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/chain-middleware-time').then(
+    (data) => {
+      assert.equal(
+        data.stackLength,
+        2,
+        '"/now" route has no mounted middleware'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+/now кінцева точка повинна повернути час, який відтепер складає +/-20 сек
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/chain-middleware-time').then(
+    (data) => {
+      var now = new Date();
+      assert.isAtMost(
+        Math.abs(new Date(data.time) - now),
+        20000,
+        'the returned time is not between +- 20 secs from now'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-data-from-post-requests.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-data-from-post-requests.md
new file mode 100644
index 0000000000..947f9c387d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-data-from-post-requests.md
@@ -0,0 +1,78 @@
+---
+id: 587d7fb2367417b2b2512bf8
+title: Отримання даних з POST запитів
+challengeType: 2
+forumTopicId: 301511
+dashedName: get-data-from-post-requests
+---
+
+# --description--
+
+Встановіть POST обробник за шляхом `/name`. Це той самий шлях, що і раніше. Ми підготували форму на головній сторінці html. Вона надсилатиме такі ж дані, як і у вправі 10 (рядок запиту). Якщо body-parser налаштований правильно, ви повинні знайти параметри в об’єкті `req.body`. Подивіться на простий приклад з бібліотеки:
+
+<blockquote>маршрут: POST '/library'<br>urlencoded_body: userId=546&#x26;bookId=6754 <br>req.body: {userId: '546', bookId: '6754'}</blockquote>
+
+Дайте відповідь тим же об’єктом JSON, як і раніше: `{name: 'firstname lastname'}`. Перевірте, чи ваша кінцева точка працює з використанням Html-форми, яку ми надали на головній сторінці додатку.
+
+Порада: є кілька інших способів, крім GET та POST. І за загальноприйнятим правилом існує відповідність між дієсловом http та операцією, яку ви будете виконувати на сервері. Стандартна відповідність наступна:
+
+POST (іноді PUT) - Створити новий ресурс, використовуючи інформацію, що надсилається з запитом,
+
+GET - Прочитати існуючий ресурс не змінюючи його,
+
+PUT або PATCH (іноді POST) - Оновити ресурс за допомогою відправлених даних,
+
+DELETE => Видалити ресурс.
+
+Є також кілька інших методів, які використовуються для узгодження зв'язку з сервером. За винятком GET, всі інші перераховані вище методи, можуть мати корисне навантаження (тобто дані на вміст запиту). Проміжне програмне забезпечення Body-parser також працює з цими методами.
+
+# --hints--
+
+Тест 1: Ваша кінцева точка API повинна співпадати з правильним іменем
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/name', { first: 'Mick', last: 'Jagger' }).then(
+    (data) => {
+      assert.equal(
+        data.name,
+        'Mick Jagger',
+        'Test 1: "POST /name" route does not behave as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Тест 2: Ваша кінцева точка API повинна співпадати з правильним іменем
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/name', {
+    first: 'Keith',
+    last: 'Richards'
+  }).then(
+    (data) => {
+      assert.equal(
+        data.name,
+        'Keith Richards',
+        'Test 2: "POST /name" route does not behave as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-query-parameter-input-from-the-client.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-query-parameter-input-from-the-client.md
new file mode 100644
index 0000000000..7bfb88370b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-query-parameter-input-from-the-client.md
@@ -0,0 +1,67 @@
+---
+id: 587d7fb2367417b2b2512bf6
+title: Отримання вхідних даних параметра запиту від клієнта
+challengeType: 2
+forumTopicId: 301512
+dashedName: get-query-parameter-input-from-the-client
+---
+
+# --description--
+
+Інший поширений шлях отримати вхідні дані від клієнта - це кодування даних шляхом маршруту, використовуючи рядок запиту. Рядок запиту обмежений знаком питання (?), і включає в себе поле=пари значення. Кожна пара розділена амперсандами (&). Експрес може проаналізувати дані з рядка запиту і заповнити об’єкт `req.query`. Деякі символи, як-от відсотки (%), не можуть бути в URL-адресі і повинні бути закодовані в іншому форматі перед їх відправкою. Якщо ви використовуєте API з JavaScript, ви можете використовувати певні методи для кодування/декодування цих символів.
+
+<blockquote>маршрут: '/library'<br>actual_request_URL: '/library?userId=546&#x26;bookId=6754' <br>req.query: {userId: '546', bookId: '6754'}</blockquote>
+
+# --instructions--
+
+Створіть кінцеву точку API, монтовану в `GET /name`. Відреагуйте JSON документом, використовуючи структуру `{ name: 'firstname lastname'}`. Перший і останній параметри імені повинні бути закодовані в рядку запиту, наприклад `?first=firstname&last=lastname`.
+
+**Примітка:** У цьому завданні ви будете отримувати дані з POST-запиту, з того ж `/name` маршруту. За бажанням, можете використовувати `app.route(path).get(handler).post(handler)`. Цей синтаксис дозволяє об'єднувати різні обробники дієслів на тому ж шляху. Вам не знадобиться багато друкувати і ви матимете чистіший код.
+
+# --hints--
+
+Тест 1: Ваша кінцева точка API повинна співпадати з правильним іменем
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/name?first=Mick&last=Jagger').then(
+    (data) => {
+      assert.equal(
+        data.name,
+        'Mick Jagger',
+        'Test 1: "GET /name" route does not behave as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Тест 2: Ваша кінцева точка API повинна співпадати з правильним іменем
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/name?last=Richards&first=Keith').then(
+    (data) => {
+      assert.equal(
+        data.name,
+        'Keith Richards',
+        'Test 2: "GET /name" route does not behave as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md
new file mode 100644
index 0000000000..527b01fceb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md
@@ -0,0 +1,65 @@
+---
+id: 587d7fb2367417b2b2512bf5
+title: Отримати ввід параметру маршруту від Клієнта
+challengeType: 2
+forumTopicId: 301513
+dashedName: get-route-parameter-input-from-the-client
+---
+
+# --description--
+
+Створюючи API, ми повинні дозволити користувачам спілкуватися з нами, на тему того, що вони хочуть отримати від наших послуг. Наприклад, якщо клієнт запитує інформацію про користувача, збереженого в базі даних, їм потрібно мати шлях повідомити нам, який саме користувач їх цікавить. Одним із можливих способів досягнення цього результату є використання параметрів маршруту. Параметри маршруту мають назву сегментів URL, розділені косою рискою (/). Кожен сегмент фіксує значення частини URL, який відповідає його позиції. Збережені значення можна знайти в об’єкті `req.params`.
+
+<blockquote>маршрут: '/user/:userId/book/:bookId'<br>actual_request_URL: '/user/546/book/6754' <br>req.params: {userId: '546', bookId: '6754'}</blockquote>
+
+# --instructions--
+
+Побудуйте ехо-сервер, вмонтований у маршрут `GET /:word/echo`. Відреагуйте JSON об'єктом, використовуючи структуру `{echo: word}`. Ви можете знайти слово, яке потрібно повторити у `req.params.word`. Ви можете перевірити свій маршрут з адресної стрічки вашого браузера, відвідавши деякі відповідні маршрути, наприклад `your-app-rootpath/freecodecamp/echo`.
+
+# --hints--
+
+Тест 1: Ваш ехо сервер повинен коректно повторити слова
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/eChOtEsT/echo').then(
+    (data) => {
+      assert.equal(
+        data.echo,
+        'eChOtEsT',
+        'Test 1: the echo server is not working as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Тест 2: Ваш ехо сервер повинен коректно повторити слова
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/ech0-t3st/echo').then(
+    (data) => {
+      assert.equal(
+        data.echo,
+        'ech0-t3st',
+        'Test 2: the echo server is not working as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md
new file mode 100644
index 0000000000..ac36779f30
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md
@@ -0,0 +1,57 @@
+---
+id: 587d7fb1367417b2b2512bf3
+title: Реалізація підпрограмного забезпечення з журналу запитів кореневого рівня
+challengeType: 2
+forumTopicId: 301514
+dashedName: implement-a-root-level-request-logger-middleware
+---
+
+# --description--
+
+Раніше ви ознайомились з функцією підпрограмного забезпечення `express.static()`. А зараз саме час більш детально розглянути, що таке підпрограмне забезпечення. Функції підпрограмного забезпечення – це функції, які мають 3 аргументи: об'єкт запиту, об'єкт відповіді й наступна функція циклу запиту-відповіді додатку. Ці функції виконують певний код, який може мати побічний ефект на додаток і зазвичай додає інформацію до об'єктів запиту й відповіді. Ще вони можуть закінчити цикл, надіславши відповідь, коли стикаються з певними умовами. Якщо після завершення вони не надсилають відповідь, вони починають виконувати наступну функцію в стеку. Це запускає третій аргумент – `next()`.
+
+Розглянемо наступний приклад:
+
+```js
+function(req, res, next) {
+  console.log("I'm a middleware...");
+  next();
+}
+```
+
+Припустімо, ви підключили цю функцію до маршруту. Коли запит збігається з маршрутом, відображається рядок “I’m a middleware…“, потім виконується наступна функція в стеку. У цій вправі ви створите підпрограмне забезпечення кореневого рівня. Як ви бачили в завданні 4, щоб встановити функцію підпрограмного забезпечення на кореневий рівень, ви можете скористатись методом `app.use(<mware-function>)`. У такому випадку ця функція виконається для всіх запитів, але ви також можете встановити конкретніші умови. Наприклад, якщо ви хочете виконати функцію лише для запитів POST, можна скористатись `app.post(<mware-function>)`. Аналогічні методи існують для всіх дієслів HTTP (GET, DELETE, PUT, …).
+
+# --instructions--
+
+Створіть простий журнал. Для кожного запиту в консолі має записуватись рядок в наступному форматі: `method path - ip`. Приклад виглядатиме так: `GET /json - ::ffff:127.0.0.1`. Зверніть увагу, що між `method` і `path` є пробіл, і що дефіс, який розділяє `path` і `ip`, виділено пробілами з обох сторін. Ви можете дізнатись метод запиту (дієслово http), відносний шлях маршруту й ip абонента з об'єкта запиту, скориставшись `req.method`, `req.path` і `req.ip`. Коли закінчите, не забудьте запустити `next()`, бо інакше ваш сервер заблокується назавжди. Обов'язково відкрийте “Журнал“ і подивіться, що відбувається, коли надходять певні запити.
+
+**Note:** Вираз оцінює функції в тому ж порядку, в якому вони з'являються в коді. Це стосується й підпрограмного забезпечення. Якщо ви хочете, щоб це працювало для всіх маршрутів, встановіть його перед ними.
+
+# --hints--
+
+Підпрограмне забезпечення журналу кореневого рівня має бути активним
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/root-middleware-logger').then(
+    (data) => {
+      assert.isTrue(
+        data.passed,
+        'root-level logger is not working as expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md
new file mode 100644
index 0000000000..42cc55f4a2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md
@@ -0,0 +1,53 @@
+---
+id: 587d7fb0367417b2b2512bed
+title: Знайомство з консоллю Node
+challengeType: 2
+forumTopicId: 301515
+dashedName: meet-the-node-console
+---
+
+# --description--
+
+Робота над цими завданнями передбачає написання коду одним із таких методів:
+
+- Клонуйте [ цей репозиторій](https://github.com/freeCodeCamp/boilerplate-express/) та виконайте ці завдання локально.
+- Використовуйте [ наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-express) для виконання цих завдань.
+- Для виконання проєкту скористуйтеся будь-яким конструктором сайтів на ваш розсуд. Впевніться, що ви маєте усі файли з нашого GitHub репозиторію.
+
+Коли ви завершили, переконайтеся, що демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`.
+
+Під час процесу розробки важливо перевіряти, що відбувається у коді.
+
+Node - це всього лише середовище JavaScript. Як у клієнтському JavaScript, ви можете використовувати консоль для відображення корисної інформації для налагодження недоліків. На вашому локальному комп'ютері ви побачите вивід консолі в терміналі. На Replit термінал відкритий на правій панелі за замовчуванням.
+
+Ми рекомендуємо тримати термінал відкритим під час роботи над цими завданнями. Читаючи вивід в терміналі, ви можете побачити будь-які помилки, що можуть виникнути.
+
+# --instructions--
+
+Модифікуйте `myApp.js` для виводу "Hello World" на консоль.
+
+# --hints--
+
+`"Hello World"` має бути в консолі
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/hello-console').then(
+    (data) => {
+      assert.isTrue(data.passed, '"Hello World" is not in the server console');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md
new file mode 100644
index 0000000000..fd866c1e89
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md
@@ -0,0 +1,51 @@
+---
+id: 587d7fb0367417b2b2512bef
+title: Робота з файлами у форматі HTML
+challengeType: 2
+forumTopicId: 301516
+dashedName: serve-an-html-file
+---
+
+# --description--
+
+Ви можете відповідати на запити файлом, використовуючи метод `res.sendFile(path)`. Ви можете додати його до обробника маршрутів `app.get('/', ...)`. Насправді цей метод встановлює відповідні заголовки, які вказуватимуть вашому браузеру, як обробляти файл, який потрібно надіслати, відповідно до його типу. Потім він (метод) файл буде прочитаний та надісланий. Для цього методу потрібен абсолютний шлях до файлу. Ми рекомендуємо вам використовувати глобальну змінну Node `__dirname` для обчислення шляху, як вказано нижче:
+
+```js
+absolutePath = __dirname + relativePath/file.ext
+```
+
+# --instructions--
+
+Надішліть файл `/views/index.html` у відповідь на запит GET шляхом `/`. Якщо ви переглядаєте свій додаток у реальному часі, ви можете побачити великий заголовок HTML (і форму, яку ми будемо використовувати пізніше…), без стилю.
+
+**Примітка:** Ви можете редагувати результат попереднього завдання або створити нове. Якщо ви створюєте нове рішення, майте на увазі, що Express оцінює маршрути зверху вниз і запускає обробник для першого збігу. Ви повинні прокоментувати попереднє рішення, інакше сервер буде продовжувати відповідати за допомогою рядку.
+
+# --hints--
+
+Ваш додаток повинен використовувати файл views/index.html
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url')).then(
+    (data) => {
+      assert.match(
+        data,
+        /<h1>.*<\/h1>/,
+        'Your app does not serve the expected HTML'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md
new file mode 100644
index 0000000000..cae5bf8e13
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md
@@ -0,0 +1,47 @@
+---
+id: 587d7fb1367417b2b2512bf1
+title: Передавання JSON за певним маршрутом
+challengeType: 2
+forumTopicId: 301517
+dashedName: serve-json-on-a-specific-route
+---
+
+# --description--
+
+У той час як HTML сервер передає HTML, API передає дані. <dfn>REST</dfn> (REpresentational State Transfer) API дозволяє обмінюватися даними простим способом, без необхідності, щоб клієнти знали будь-які деталі про сервер. Клієнту лише потрібно знати, де знаходиться ресурс (URL-адреса), та дію, яку він хоче на ньому виконати (дієслово). Дієслово GET використовується, коли ви отримуєте деяку інформацію, нічого не змінюючи. У наші часи JSON є найкращим форматом даних для переміщення інформації через інтернет. Простіше кажучи, JSON - це зручний спосіб представити об’єкт JavaScript у вигляді рядка, тому його можна легко передати.
+
+Створімо простий API, створивши маршрут, який відповідає JSON на шляху `/json`. Ви можете це зробити, як зазвичай, за допомогою метода `app.get()`. Усередині обробника маршруту використовуйте метод `res.json()`, передаючи об'єкт як аргумент. Це метод закриває цикл запит-відповідь, повертаючи дані. По суті, він перетворює дійсний об’єкт JavaScript object у рядок, потім встановлює відповідні заголовки, щоб повідомити браузеру, що ви використовуєте JSON, і надсилає дані назад. Допустимий об'єкт має звичайну структуру `{key: data}`. `data` може бути числом, рядком, вкладеним об'єктом або масивом. `data` також може бути змінною або результатом виклику функції, в цьому випадку вони будуть оцінені перед перетворенням у рядок.
+
+# --instructions--
+
+Передайте об'єкт `{"message": "Hello json"}` у форматі JSON як відповідь на GET-запити до маршруту `/json`. Потім вказуючи вашому браузері `your-app-url/json`, ви повинні побачити повідомлення на екрані.
+
+# --hints--
+
+Кінцева точка `/json` має використовувати json-об'єкт `{"message": "Hello json"}`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/json').then(
+    (data) => {
+      assert.equal(
+        data.message,
+        'Hello json',
+        "The '/json' endpoint does not serve the right data"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md
new file mode 100644
index 0000000000..44b8fe0950
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md
@@ -0,0 +1,51 @@
+---
+id: 587d7fb0367417b2b2512bf0
+title: Обслуговування статичного контенту
+challengeType: 2
+forumTopicId: 301518
+dashedName: serve-static-assets
+---
+
+# --description--
+
+Як правило, HTML-сервер має один чи кілька каталогів, доступних для користувача. Туди можна помістити статичний контент, необхідних для Вашого застосунку (таблиці стилів, скрипти, зображення).
+
+В Express цю функцію можна підключити за допомогою проміжного програмного забезпечення `express.static(path)`, де параметр `path` - це абсолютний шлях до файлу з цим контентом.
+
+Якщо Ви ніколи не чули про підпрограмне забезпечення, не хвилюйтеся. Пізніше ми детально його розглянемо. Загалом, підпрограмне забезпечення — це функції, що перехоплюють маршрутизатори, прикріплюючи певну інформацію. Підпрограмне забезпечення підключається за допомогою методу `app.use(path, middlewareFunction)`. Перший аргумент `path` є необов'язковим. Якщо цей аргумент не передається, підпрограмне забезпечення буде виконуватися для всіх запитів.
+
+# --instructions--
+
+Підключіть підпрограмне забезпечення `express.static()` до `/public` шляху з `app.use()`. Абсолютним шляхом до папки assets є `__dirname + /public`.
+
+Тепер Ваш застосунок зможе обслуговувати CSS таблиці стилів. Зверніть увагу, що посилання на файл `/public/style.css` знаходиться у папці `/views/index.html` шаблону проєктування. Тепер Ваша головна сторінка виглядатиме краще!
+
+# --hints--
+
+Ваш застосунок обслуговуватиме файли з каталогу `/public` до шляху `/public`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/style.css').then(
+    (data) => {
+      assert.match(
+        data,
+        /body\s*\{[^\}]*\}/,
+        'Your app does not serve static assets'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md
new file mode 100644
index 0000000000..6d3b101dcc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md
@@ -0,0 +1,57 @@
+---
+id: 587d7fb0367417b2b2512bee
+title: Запуск робочого експрес-серверу
+challengeType: 2
+forumTopicId: 301519
+dashedName: start-a-working-express-server
+---
+
+# --description--
+
+У перших двох рядках файлу `myApp.js`, ви можете побачити, як легко створити об’єкт програми Express. Цей об’єкт має кілька методів, і ви багато із них вивчите за допомогою цих завдань. Одним із фундаментальних методів є `app.listen(port)`. Він повідомляє вашому серверу прослуховувати певний порт, переводячи його в робочий стан. З міркувань тестування нам потрібно, щоб програма працювала у фоновому режимі, тому ми для вас додали цей метод у файл `server.js`.
+
+Давайте обслужимо наш перший рядок! В Express маршрути мають наступну структуру:`app.METHOD(PATH, HANDLER)`. METHOD - це метод http у нижньому регістрі. PATH - це відносний шлях на сервері (це може бути рядок або навіть регулярний вираз). HANDLER - це функція, яка викликає Express при узгодженні маршруту. Обробники приймають форму `function(req, res) {...}`, де req - об'єкт запиту, а res - об'єкт відповіді. Наприклад, обробник
+
+```js
+function(req, res) {
+  res.send('Response String');
+}
+```
+
+буде обслуговувати рядок 'Рядок відповіді'.
+
+# --instructions--
+
+Використовуйте метод `app.get()`, щоб обслужити рядок "Hello Express" для GET запитів, які відповідають шляху `/` (root). Переконайтеся, що ваш код працює, переглянувши журнали, а потім перегляньте результати у попередньому перегляді, якщо ви використовуєте Replit.
+
+**Примітка:** Весь код для цих уроків слід додати між кількома рядками коду, з яких ми починали.
+
+# --hints--
+
+Ваш додаток має обслуговувати рядок "Hello Express"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url')).then(
+    (data) => {
+      assert.equal(
+        data,
+        'Hello Express',
+        'Your app does not serve the text "Hello Express"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md
new file mode 100644
index 0000000000..4bc0721107
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md
@@ -0,0 +1,63 @@
+---
+id: 587d7fb2367417b2b2512bf7
+title: Обробка POST запитів за допомогою body-parser
+challengeType: 2
+forumTopicId: 301520
+dashedName: use-body-parser-to-parse-post-requests
+---
+
+# --description--
+
+Крім GET, є ще одне спільне дієслово HTTP, це POST. POST - це типовий метод для надсилання даних клієнта з HTML формами. У методі REST, POST використовується для відправки даних, щоб створити нові елементи в базі даних (новий користувач або новий допис). Ви не зобов'язані мати базу даних у цьому проєкті, але ви все-таки дізнаєтесь, як опрацьовувати запити POST.
+
+У таких запитах дані не з'являються в URL, він прихований у тілі запиту. Тіло є частиною HTTP-запиту, а також називається корисним навантаженням. Незважаючи на те, що дані не видимі в URL, це не означає, що вони приватні. Щоб зрозуміти чому, подивіться на необроблений вміст HTTP-запиту POST:
+
+```http
+POST /path/subpath HTTP/1.0
+From: john@example.com
+User-Agent: someBrowser/1.0
+Content-Type: application/x-www-form-urlencoded
+Content-Length: 20
+
+name=John+Doe&age=25
+```
+
+Як ви можете побачити, тіло закодоване як рядок запиту. Це типовий формат, який використовується у HTML-формах. За допомогою Ajax, ви також можете використати JSON для обробки даних, що мають більш складну структуру. Існує також інший тип кодування: multipart/form-data. Цей файл використовується для завантаження бінарних файлів. У цій вправі ви будете використовувати тіло, кодоване посиланням. Щоб аналізувати дані, отримані з POST-запитів, необхідно встановити пакет `body-parser`. Цей пакет дозволяє використовувати низку підпрограмного забезпечення, який може декодувати дані в різних форматах.
+
+# --instructions--
+
+Встановіть модуль `body-parser` до вашого `package.json`. Тоді `require` його у верхній частині файлу. Збережіть його у змінній під назвою `bodyParser`. Проміжне програмне забезпечення, що має обробити Url-закодовані дані, повертається за допомогою `bodyParser.urlencoded({extended: false})`. Передайте функцію, повернуту попереднім викликом типу `app.use()`. Зазвичай підпрограмне забезпечення потрібно встановити перед маршрутами, які залежать від нього.
+
+**Note:** `extended` це опція конфігурації, яка вказує `body-parser`, який парсинг необхідно використати. Коли `extended=false` він використовує класичне кодування `querystring` бібліотеки. Коли `extended=true` він використовує `qs` бібліотеку для парсингу.
+
+При використанні `extended=false`, значення можуть бути тільки рядками або масивами. Об'єкт повертається, коли використання `querystring` не успадковується прототипно від `Object` JavaScript за замовчування, і означає, що функції `hasOwnProperty` та `toString` не будуть доступні. Розширена версія дозволяє підвищити гнучкість даних, але вона перевершує JSON.
+
+# --hints--
+
+Проміжне програмне забезпечення 'body-parser' має бути встановлено
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/add-body-parser').then(
+    (data) => {
+      assert.isAbove(
+        data.mountedAt,
+        0,
+        '"body-parser" is not mounted correctly'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md
new file mode 100644
index 0000000000..9c7971ce36
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md
@@ -0,0 +1,54 @@
+---
+id: 587d7fb1367417b2b2512bf2
+title: Використання .env-файлу
+challengeType: 2
+forumTopicId: 301521
+dashedName: use-the--env-file
+---
+
+# --description--
+
+Файл `.env` - це прихований файл, який використовується для передачі змінних оточень у вашому додатку. Цей файл є таємним, ніхто, крім вас, не може отримати до нього доступ, та він може використовуватися для зберігання даних, які ви хочете залишити конфіденційними або прихованими. Наприклад, ви можете зберігати API-ключі з зовнішніх сервісів або URI вашої бази даних. Ви також можете використовувати його для зберігання параметрів конфігурації. Налаштовуючи параметри конфігурації, ви можете змінити поведінку вашої програми без необхідності переписувати код.
+
+Змінні оточення доступні з додатку як `process.env.VAR_NAME`. Об'єкт `process.env` є глобальним об'єктом Node, а змінні передаються у вигляді рядків. Згідно з правилами, ідентифікатори змінних пишуться у верхньому регістрі, а слова поділяються знаком підкресленням. `.env` - це файл оболонки, тому вам не потрібно укладати імена або значення в лапки. Також важливо відзначити, що не має бути пробілу навколо знаку рівності, коли ви привласнюєте значення змінним, наприклад, `VAR_NAME=value`. Зазвичай ви ставите визначення кожної змінної в окремий рядок.
+
+# --instructions--
+
+Додаймо змінну оточення в якості параметра конфігурації.
+
+Створіть файл `.env` в основі каталогу вашого проєкту та збережіть в ньому змінну `MESSAGE_STYLE=uppercase`.
+
+Потім, в обробнику маршруту `/json` GET, який ви створили в останній задачі, перетворіть повідомлення об'єкта-відповіді у верхній регістр, якщо `process.env.MESSAGE_STYLE` дорівнює `uppercase`. Об'єкт відповіді має бути `{"message": "Hello json"}` або `{"message": "HELLO JSON"}`, в залежності від значення `MESSAGE_STYLE`.
+
+**Примітка:** Якщо ви використовуєте Replit, ви не можете створити файл `.env`. Замість цього використовуйте вбудовану вкладку <dfn>SECRETS</dfn> для додавання змінної.
+
+При локальній роботі вам знадобиться пакет `dotenv`. Він завантажує змінні середовища з вашого `.env` файлу в `process.env`. Встановіть його з `npm install dotenv`. Тоді, зверху вашого `myApp.js` файлу, оберіть імпортувати та завантажити змінні з `require('dotenv').config()`.
+
+# --hints--
+
+Відповідь кінцевої точки `/json` має змінюватися відповідно до змінної оточення `MESSAGE_STYLE`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/use-env-vars').then(
+    (data) => {
+      assert.isTrue(
+        data.passed,
+        'The response of "/json" does not change according to MESSAGE_STYLE'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md
new file mode 100644
index 0000000000..dce6db8e09
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md
@@ -0,0 +1,52 @@
+---
+id: 587d7fb3367417b2b2512bfc
+title: Додати опис до вашого package.json
+challengeType: 2
+forumTopicId: 301522
+dashedName: add-a-description-to-your-package-json
+---
+
+# --description--
+
+Наступна частина хорошого файлу package.json - це `description` поля, якому належить короткий, але інформативний опис вашого проєкту.
+
+Якщо ви плануєте колись опублікувати пакет на npm, то він є рядком, що повинен продати вашу ідею користувачам, якщо вони вирішуватимуть чи встановлювати ваш пакет чи ні. Однак, це не єдиний випадок використання для опису, це чудовий спосіб узагальнити те, що робить проект. Це також важливо в будь-якому проєкті Node.js, щоб допомогти іншим розробникам, майбутнім творцям чи навіть самому собі швидко зрозуміти проєкт.
+
+Незалежно від того, що ви плануєте для свого проєкту, опис є безумовно рекомендованим. Ось приклад:
+
+```json
+"description": "A project that does something awesome",
+```
+
+# --instructions--
+
+Додайте `description` до файлу package.json вашого проєкту.
+
+**Примітка:** Пам'ятайте: використовувати подвійні лапки для полів (") і коми (,) для розділення полів.
+
+# --hints--
+
+package.json повинен мати дійсний ключ "опис"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert(packJson.description, '"description" is missing');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md
new file mode 100644
index 0000000000..d5a4582624
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md
@@ -0,0 +1,48 @@
+---
+id: 587d7fb4367417b2b2512bfe
+title: Додайте ліцензію до вашого package.json
+challengeType: 2
+forumTopicId: 301523
+dashedName: add-a-license-to-your-package-json
+---
+
+# --description--
+
+Поле `license` дозволяє інформувати користувачів, які дії вони можуть виконувати з вашим проектом.
+
+Деякі загальні ліцензії для проектів з відкритим кодом містять MIT та BSD. Ліцензійна інформація не являється обов'язковою і закони про авторські права в більшості країн дадуть вам право власності на те, що ви створюєте за замовчуванням. Проте завжди рекомендується чітко вказувати дії, які користувачам дозволено і не дозволено виконувати. Нижче наведено приклад, як виглядає поле ліцензії:
+
+```json
+"license": "MIT",
+```
+
+# --instructions--
+
+Заповніть поле `license` для файлу package.json вашого проєкту, як вважаєте за потрібне.
+
+# --hints--
+
+package.json повинен містити допустимий ключ ліцензії
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert(packJson.license, '"license" is missing');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-version-to-your-package.json.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-version-to-your-package.json.md
new file mode 100644
index 0000000000..08bae25d24
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-a-version-to-your-package.json.md
@@ -0,0 +1,46 @@
+---
+id: 587d7fb4367417b2b2512bff
+title: Додати опис до вашого package.json
+challengeType: 2
+forumTopicId: 301525
+dashedName: add-a-version-to-your-package-json
+---
+
+# --description--
+
+`version` є одним з необхідних полів вашого package.json файлу. Це поле описує поточну версію вашого проекту. Ось приклад:
+
+```json
+"version": "1.2.0",
+```
+
+# --instructions--
+
+Додайте `version` до файлу package.json вашого проєкту.
+
+# --hints--
+
+package.json повинен мати допустимий ключ "версія"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert(packJson.version, '"version" is missing');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-keywords-to-your-package.json.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-keywords-to-your-package.json.md
new file mode 100644
index 0000000000..55be0cf9f0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/add-keywords-to-your-package.json.md
@@ -0,0 +1,84 @@
+---
+id: 587d7fb4367417b2b2512bfd
+title: Додати ключові слова до вашого package.json
+challengeType: 2
+forumTopicId: 301526
+dashedName: add-keywords-to-your-package-json
+---
+
+# --description--
+
+Значення `keywords` - це місце, де ви можете описати ваш проєкт, використовуючи відповідні ключові слова. Ось приклад:
+
+```json
+"keywords": [ "descriptive", "related", "words" ],
+```
+
+Як бачите, це поле структуровано як масив подвійних цитованих рядків.
+
+# --instructions--
+
+Додайте масив відповідних рядків у `keywords` у файлі package.json вашого проєкту.
+
+Одне з ключових слів має бути "freecodecamp".
+
+# --hints--
+
+package.json повинен мати допустимий ключ "ключові слова"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert(packJson.keywords, '"keywords" is missing');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Поле "ключові слова" має бути масивом
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.isArray(packJson.keywords, '"keywords" is not an array');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+"ключові слова" мають включати "freecodecamp"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.include(
+        packJson.keywords,
+        'freecodecamp',
+        '"keywords" does not include "freecodecamp"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md
new file mode 100644
index 0000000000..f4605767ab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md
@@ -0,0 +1,77 @@
+---
+id: 587d7fb4367417b2b2512c00
+title: Розпакуйте ваш проєкт із зовнішніми пакетами через npm
+challengeType: 2
+forumTopicId: 301527
+dashedName: expand-your-project-with-external-packages-from-npm
+---
+
+# --description--
+
+Однією з найважливіших підстав для використання менеджера пакетів є їх потужне управління залежностями. Npm автоматично встановлює всі необхідні елементи під час встановлення проекту на новому комп'ютер і позбавляє вас необхідності встановлювати все кожного разу вручну. Але як npm може отримати інформацію, чого потребує ваш проєкт? Знайдіть розділ `dependencies` у вашому файлі package.json.
+
+У цьому розділі зберігаються пакети, необхідні для вашого проєкту, в наступному форматі:
+
+```json
+"dependencies": {
+  "package-name": "version",
+  "express": "4.14.0"
+}
+
+```
+
+# --instructions--
+
+Додайте версію пакету "2.14.0" у поле `dependencies` вашого файлу package.json.
+
+**Примітка:** Момент - це зручна бібліотека для дій з часом і днями.
+
+# --hints--
+
+"взаємозв'язки" повинні включати "момент"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'moment',
+        '"dependencies" does not include "moment"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+версія "момент" повинна бути "2.14.0"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.match(
+        packJson.dependencies.moment,
+        /^[\^\~]?2\.14\.0/,
+        'Wrong version of "moment" installed. It should be 2.14.0'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md
new file mode 100644
index 0000000000..3292b51862
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md
@@ -0,0 +1,60 @@
+---
+id: 587d7fb3367417b2b2512bfb
+title: 'Як використовувати package.json, ядро будь-якого Node.js проєкту або npm пакету'
+challengeType: 2
+forumTopicId: 301528
+dashedName: how-to-use-package-json-the-core-of-any-node-js-project-or-npm-package
+---
+
+# --description--
+
+Робота над цими завданнями включатиме написання вашого коду  з використанням одного з наступних методів:
+
+- Створіть [цей GitHub репозитарій](https://github.com/freeCodeCamp/boilerplate-npm/) і завершіть локально ці завдання.
+- Використовуйте [ наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-npm) для виконання цих завдань.
+- Для завершення проєкту користуйтеся вибраним вами конструктором сайту. Переконайтеся, що ви зберегли всі файли з нашого репозиторію GitHub.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу в поле `Solution Link`. За бажанням також можете ввести посилання на вихідний код вашого проєкту в полі `GitHub Link`.
+
+Файл `package.json` є центром будь-якого проєкту Node.js або npm пакету. Він зберігає інформацію про ваш проєкт, схожий на те, як &lt;заголовок> секція HTML-документа описує вміст веб-сторінки. Він складається з одного об'єкту JSON, де інформація зберігається у парах ключ-значення. Є лише два обов'язкові поля; "ім'я" та "версія", але дуже добре практикуватися надавати додаткову інформацію про ваш проєкт, який може бути корисний майбутнім користувачам або керівникам.
+
+Якщо подивитесь на дерево файлів вашого проєкту, то знайдете файл package.json на верхньому рівні дерева. Це файл, який ви будете покращуватись у наступних парах завдань.
+
+Одне з найпоширеніших відомостей у цьому файлі є полем `author`. Він вказує на те, хто створив проект, і може складатися з рядка або об'єкта з контактом або іншими деталями. Об’єкт рекомендований для більших проєктів, але простий рядок, як наступний приклад, працюватиме для цього проєкту.
+
+```json
+"author": "Jane Doe",
+```
+
+# --instructions--
+
+Додайте ваше ім'я як `author` проєкту у файл package.json.
+
+**Примітка:** Пам'ятайте, що ви пишете JSON, бо всі назви полів повинні використовувати подвійні лапки (") і бути розділені комою (,).
+
+# --hints--
+
+package.json повинен мати допустимий ключ "автор"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert(packJson.author, '"author" is missing');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md
new file mode 100644
index 0000000000..d2cc635dc4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md
@@ -0,0 +1,73 @@
+---
+id: 587d7fb5367417b2b2512c01
+title: Керування залежностями npm шляхом розуміння семантичної версії
+challengeType: 2
+forumTopicId: 301529
+dashedName: manage-npm-dependencies-by-understanding-semantic-versioning
+---
+
+# --description--
+
+Версії `Versions` пакетів npm у розділі залежностей вашого файлу package.json відповідають тому, що називається семантичним керуванням версій (SemVer), галузевим стандартом керування версій програмного забезпечення, спрямованим на спрощення керування залежностями. Бібліотеки, фреймворки чи інші інструменти, опубліковані на npm, повинні використовувати SemVer, щоб чітко повідомляти, що може змінитись у проєктах, якщо вони оновляться.
+
+Знання SemVer може бути корисним при розробці програмного забезпечення, яке використовує зовнішні залежності (що ви майже завжди і робите). Одного дня ваше розуміння цих цифр захистить вас від випадкового внесення кардинальних змін у ваш проєкт без розуміння, чому речі, які працювали вчора, раптово не працюють сьогодні. Ось як працює керування семантичними версіями, згідно з інформацією на офіційному веб-сайті:
+
+```json
+"package": "MAJOR.MINOR.PATCH"
+```
+
+ОСНОВНА версія має збільшуватися, коли ви вносите несумісні зміни в API. ДРУГОРЯДНА версія має збільшуватися, коли ви додаєте функціональні можливості у зворотно сумісному порядку. Версія PATCH повинна збільшуватись, коли ви робите виправлення помилок зі зворотною сумісністю. Це означає, що ПАТЧІ - це виправлення помилок, а ДРУГОРЯДНІ версії додають нові функції, але жодна з них не порушує те, що функціонувало раніше. Нарешті, ОСНОВНІ версії додають зміни, не сумісні з попередніми версіями.
+
+# --instructions--
+
+У розділі залежностей вашого файлу package.json, змініть версію моменту `version`, щоб вона відповідала ОСНОВНІЙ версії 2, ДРУГОРЯДНІЙ версії 10 та версії ПАТЧА 2
+
+# --hints--
+
+"dependencies" повинні містити "moment"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'moment',
+        '"dependencies" does not include "moment"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+версія "moment" повинна бути "2.10.2"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.equal(
+        packJson.dependencies.moment,
+        '2.10.2',
+        'Wrong version of "moment". It should be 2.10.2'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md
new file mode 100644
index 0000000000..872fe1e579
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md
@@ -0,0 +1,52 @@
+---
+id: 587d7fb5367417b2b2512c04
+title: Видалення пакету із залежностей
+challengeType: 2
+forumTopicId: 301530
+dashedName: remove-a-package-from-your-dependencies
+---
+
+# --description--
+
+Ви вже протестували кілька способів, як можна керувати залежностями Вашого проєкту за допомогою розділу dependencies файлу package.json. Ви також додали зовнішні пакети до Вашого файлу і навіть задали npm бажані версії за допомогою спеціальних символів: тильда та карет.
+
+Але що робити, якщо Ви бажаєте видалити більше не потрібний зовнішній пакет? Певно, Ви вже здогадалися, треба просто видалити відповідну пару "ключ-значення" цього пакету із залежностей.
+
+Видалення інших полів package.json також здійснюється цим методом
+
+# --instructions--
+
+Видаліть пакет moment із залежностей.
+
+**Примітка:** Переконайтесь, що після видалення пакету у Вас вказано правильну кількість ком.
+
+# --hints--
+
+"dependencies" не має містити "moment"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.notProperty(
+        packJson.dependencies,
+        'moment',
+        '"dependencies" still includes "moment"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md
new file mode 100644
index 0000000000..191969f143
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fb5367417b2b2512c03
+title: Використовуйте Caret-Character для використання останньої мінорної версії залежностей
+challengeType: 2
+forumTopicId: 301531
+dashedName: use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency
+---
+
+# --description--
+
+Подібно символу тильда, про який ми дізналися в останньому завданні, npm дозволяє встановити найновіший ПАТЧ для залежності, символ карет (`^`) дозволяє npm також встановлювати майбутні оновлення. Відмінність полягає в тому, що символ карет дозволяє і ДРУГОРЯДНІ оновлення, і ПАТЧІ.
+
+Ваша поточна версія моменту повинна бути "~ 2.10.2", що дозволяє npm встановлювати останню версію 2.10.x. Якби ви використовували символ (^) як префікс версії замість цього, npm було б дозволено оновлюватись до будь-якої версії 2.xx.
+
+```json
+"package": "^1.3.8"
+```
+
+Це б дозволило оновлювати будь-яку версію 1.xx пакета.
+
+# --instructions--
+
+Використовуйте символ (`^`), щоб встановити префікс версії моменту у ваших залежностях і дозволити npm оновити його до будь-якого оновлення ДРУГОРЯДНОЇ версії.
+
+**Примітка:** Номери версій не слід змінювати.
+
+# --hints--
+
+"dependencies" повинні містити "moment"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'moment',
+        '"dependencies" does not include "moment"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+версія "moment" повинна бути "^2.x.x"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.match(
+        packJson.dependencies.moment,
+        /^\^2\./,
+        'Wrong version of "moment". It should be ^2.10.2'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md
new file mode 100644
index 0000000000..2af662dc43
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md
@@ -0,0 +1,75 @@
+---
+id: 587d7fb5367417b2b2512c02
+title: Використовуйте символ тильди (~), щоб завжди мати доступ до останньої версії залежностей Patch
+challengeType: 2
+forumTopicId: 301532
+dashedName: use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency
+---
+
+# --description--
+
+В останньому завданні ви сказали npm включати тільки конкретну версію пакету. Це корисний спосіб призупинити блокування ваших залежностей, якщо вам потрібно переконатися, що різні частини вашого проєкту залишаються сумісними одна з одною. Але в більшості випадків ви не захочете пропустити виправлення помилок, оскільки вони часто містять важливі патчі безпеки і (як можна сподіватися) не порушують при цьому речі.
+
+Щоб npm залежність оновилася до останньої версії PATCH, можна встановити префікс версії залежностей з символом тильди (`~`). Ось приклад оновлення для будь-якої версії 1.3.x.
+
+```json
+"package": "~1.3.8"
+```
+
+# --instructions--
+
+У файлі package.json вашим поточним правилом для моменту оновлення npm є використання конкретної версії (2.10.2). Але тепер ви захочете останню версію 2.10.x.
+
+Використовуйте символ тильди (`~`), щоб встановити префікс версії моменту у ваших залежностях і дозволити npm оновити його до будь-якого оновлення версії PATCH.
+
+**Примітка:** Номери версій не слід змінювати.
+
+# --hints--
+
+"dependencies" повинні містити "moment"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'moment',
+        '"dependencies" does not include "moment"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+версія "moment" повинна бути "~2.10.2"
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.match(
+        packJson.dependencies.moment,
+        /^\~2\.10\.2/,
+        'Wrong version of "moment". It should be ~2.10.2'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/chain-search-query-helpers-to-narrow-search-results.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/chain-search-query-helpers-to-narrow-search-results.md
new file mode 100644
index 0000000000..1ec287b02f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/chain-search-query-helpers-to-narrow-search-results.md
@@ -0,0 +1,76 @@
+---
+id: 587d7fb9367417b2b2512c12
+title: Пошукові ланцюгові помічники запитів для звуження результатів пошуку
+challengeType: 2
+forumTopicId: 301533
+dashedName: chain-search-query-helpers-to-narrow-search-results
+---
+
+# --description--
+
+Якщо ви не передаєте зворотній виклик як останній аргумент до `Model.find()` (або інших пошукових методів), запит не буде виконуватися. Ви можете зберегти запит в змінній для подальшого використання. Цей тип об'єкту дозволяє створювати запит за допомогою ланцюгового синтаксису. Фактичний пошук db виконується, коли ви остаточно з'єднали метод `.exec()`. Ви завжди повинні передати зворотній виклик цьому останньому методу. Існує багато помічників для запитів, тут ми використовуємо найбільш поширені.
+
+# --instructions--
+
+Змініть функцію `queryChain`, щоб знайти людей, що люблять їжу, вказану змінною `foodToSearch`. Посортуйте їх за `name`, знизьте кількість результатів до двох документів та приховайте їхній вік. Об'єднайте `.find()`, `.sort()`, `.limit()`, `.select()`, and then `.exec()`. Передайте зворотній виклик `done(err, data)` до `exec()`.
+
+# --hints--
+
+Використання ланцюгових помічників для запитів має бути успішним
+
+```js
+(getUserInput) =>
+  $.ajax({
+    url: getUserInput('url') + '/_api/query-tools',
+    type: 'POST',
+    contentType: 'application/json',
+    data: JSON.stringify([
+      { name: 'Pablo', age: 26, favoriteFoods: ['burrito', 'hot-dog'] },
+      { name: 'Bob', age: 23, favoriteFoods: ['pizza', 'nachos'] },
+      { name: 'Ashley', age: 32, favoriteFoods: ['steak', 'burrito'] },
+      { name: 'Mario', age: 51, favoriteFoods: ['burrito', 'prosciutto'] }
+    ])
+  }).then(
+    (data) => {
+      assert.isArray(data, 'the response should be an Array');
+      assert.equal(
+        data.length,
+        2,
+        'the data array length is not what expected'
+      );
+      assert.notProperty(
+        data[0],
+        'age',
+        'The returned first item has too many properties'
+      );
+      assert.equal(
+        data[0].name,
+        'Ashley',
+        'The returned first item name is not what expected'
+      );
+      assert.notProperty(
+        data[1],
+        'age',
+        'The returned second item has too many properties'
+      );
+      assert.equal(
+        data[1].name,
+        'Mario',
+        'The returned second item name is not what expected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md
new file mode 100644
index 0000000000..094efc1e7e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-a-model.md
@@ -0,0 +1,88 @@
+---
+id: 587d7fb6367417b2b2512c07
+title: Створити модель
+challengeType: 2
+forumTopicId: 301535
+dashedName: create-a-model
+---
+
+# --description--
+
+**C**RUD Частина І - Створення
+
+Перш за все, вам необхідна схема. Кожна схема пов'язана з колекцією MongoDB. Вона визначає форму документів у цій колекції. Схеми - це блоки, які складають моделі. Вони можуть бути вкладеними для того, щоб створити складні моделі, але в цьому випадку ми не будемо все ускладнювати. Модель дозволяє створювати екземпляри ваших об’єктів, які називаються документами.
+
+Replit - це справжній сервер, і на реальних серверах взаємодії з базою даних відбуваються у функціях обробника. Ці функції виконуються, коли трапляється якась подія (наприклад, хтось попадає на кінцеву точку вашого API). Ми будемо дотримуватись того самого підходу в цих вправах. Функція `done()` - це зворотний виклик, який повідомляє нас про те, що ми можемо продовжувати після завершення асинхронної операції, такої як вставка, оновлення чи видалення. Він відповідає конвенції Node і повинен називатися `done(null, data)` on success, or `done(err)` в разі помилки.
+
+Увага! Помилки можуть виникнути при взаємодії з віддаленими службами!
+
+```js
+/* Example */
+
+const someFunc = function(done) {
+  //... do something (risky) ...
+  if (error) return done(error);
+  done(null, result);
+};
+```
+
+# --instructions--
+
+Створіть особисту схему під назвою `personSchema`, яка має такий прототип:
+
+```markup
+- Person Prototype -
+--------------------
+name : string [required]
+age :  number
+favoriteFoods : array of strings (*)
+```
+
+Використовуйте основні типи схем Mongoose. Якщо ви хочете, то також можете додати більше полів, використовувати прості валідатори, такі як обов’язкові або унікальні, і встановити значення за замовчуванням. Перегляньте [Mongoose docs](http://mongoosejs.com/docs/guide.html).
+
+Тепер створіть модель під назвою `Person` from the `personSchema`.
+
+# --hints--
+
+Створення екземпляру зі схеми Mongoose повинно пройти успішно
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/mongoose-model', {
+    name: 'Mike',
+    age: 28,
+    favoriteFoods: ['pizza', 'cheese']
+  }).then(
+    (data) => {
+      assert.equal(data.name, 'Mike', '"model.name" is not what expected');
+      assert.equal(data.age, '28', '"model.age" is not what expected');
+      assert.isArray(
+        data.favoriteFoods,
+        '"model.favoriteFoods" is not an Array'
+      );
+      assert.include(
+        data.favoriteFoods,
+        'pizza',
+        '"model.favoriteFoods" does not include the expected items'
+      );
+      assert.include(
+        data.favoriteFoods,
+        'cheese',
+        '"model.favoriteFoods" does not include the expected items'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-and-save-a-record-of-a-model.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-and-save-a-record-of-a-model.md
new file mode 100644
index 0000000000..eb780915db
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-and-save-a-record-of-a-model.md
@@ -0,0 +1,56 @@
+---
+id: 587d7fb6367417b2b2512c09
+title: Створіть та збережіть запис моделі
+challengeType: 2
+forumTopicId: 301536
+dashedName: create-and-save-a-record-of-a-model
+---
+
+# --description--
+
+У цьому завданні вам буде потрібно створити та зберегти запис моделі.
+
+# --instructions--
+
+У межах функції `createAndSavePerson`, створіть екземпляр документа, використовуючи модель конструктора `Person`, який ви побудували раніше. Перенесіть до конструктора об'єкт, який має поля `name`, `age`, і `favoriteFoods`. Їх типи повинні збігатися з тими, що у `personSchema`. Опісля викличте метод `document.save()` у зворотньому екземплярі документа. Додайте до нього функцію зворотнього виклику використовуючи метод вузла. Це - загальний шаблон; всі такі CRUD-методи потребують функції зворотнього зв'язку в якості останнього аргументу.
+
+```js
+/* Example */
+
+// ...
+person.save(function(err, data) {
+  //   ...do your stuff here...
+});
+```
+
+# --hints--
+
+Створення та збереження елемента БД має пройти успішно
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/create-and-save-person').then(
+    (data) => {
+      assert.isString(data.name, '"item.name" should be a String');
+      assert.isNumber(data.age, '28', '"item.age" should be a Number');
+      assert.isArray(
+        data.favoriteFoods,
+        '"item.favoriteFoods" should be an Array'
+      );
+      assert.equal(data.__v, 0, 'The db item should be not previously edited');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-many-records-with-model.create.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-many-records-with-model.create.md
new file mode 100644
index 0000000000..c9e7367d58
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/create-many-records-with-model.create.md
@@ -0,0 +1,68 @@
+---
+id: 587d7fb7367417b2b2512c0a
+title: Створюємо багато записів використовуючи model.create()
+challengeType: 2
+forumTopicId: 301537
+dashedName: create-many-records-with-model-create
+---
+
+# --description--
+
+Часом потрібно створити багато екземплярів ваших моделей, наприклад, під час заповнення бази даних початковими даними. `Model.create()` приймає масив об'єктів, таких як `[{name: 'John', ...}, {...}, ...]` в якості першого аргумента, і зберігає їх всіх до Бд.
+
+# --instructions--
+
+Перейменуйте функцію `createManyPeople` щоб створити багато людей, використовуючи `Model.create()` з аргументом `arrayOfPeople`.
+
+**Note** Ви можете повторно використати модель встановлену в попередній вправі.
+
+# --hints--
+
+Створення одразу багатьох елементів БД має пройти успішно
+
+```js
+(getUserInput) =>
+  $.ajax({
+    url: getUserInput('url') + '/_api/create-many-people',
+    type: 'POST',
+    contentType: 'application/json',
+    data: JSON.stringify([
+      { name: 'John', age: 24, favoriteFoods: ['pizza', 'salad'] },
+      { name: 'Mary', age: 21, favoriteFoods: ['onions', 'chicken'] }
+    ])
+  }).then(
+    (data) => {
+      assert.isArray(data, 'the response should be an array');
+      assert.equal(
+        data.length,
+        2,
+        'the response does not contain the expected number of items'
+      );
+      assert.equal(data[0].name, 'John', 'The first item is not correct');
+      assert.equal(
+        data[0].__v,
+        0,
+        'The first item should be not previously edited'
+      );
+      assert.equal(data[1].name, 'Mary', 'The second item is not correct');
+      assert.equal(
+        data[1].__v,
+        0,
+        'The second item should be not previously edited'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-many-documents-with-model.remove.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-many-documents-with-model.remove.md
new file mode 100644
index 0000000000..9ecf3afa19
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-many-documents-with-model.remove.md
@@ -0,0 +1,57 @@
+---
+id: 587d7fb8367417b2b2512c11
+title: Видалення багатьох елементів за допомогою model.remove()
+challengeType: 2
+forumTopicId: 301538
+dashedName: delete-many-documents-with-model-remove
+---
+
+# --description--
+
+`Model.remove()` корисний для видалення всіх документів, що відповідають заданим критеріям.
+
+# --instructions--
+
+Змініть функцію `removeManyPeople`, щоб видалити всіх людей, ім'я яких знаходиться в змінній `nameToRemove`, за допомогою `Model.remove()`. Передайте його до документа запиту з набором полів `name`, і зворотнім викликом.
+
+**Примітка:** `Model.remove()` не повертає видалений документ, а об'єкт JSON, що містить результат операції та кількість елементів, що постраждали. Не забудьте передати його до зворотного виклику `done()`, оскільки він буде використовуватися у тестах.
+
+# --hints--
+
+Видалення одразу декількох елементів має пройти успішно
+
+```js
+(getUserInput) =>
+  $.ajax({
+    url: getUserInput('url') + '/_api/remove-many-people',
+    type: 'POST',
+    contentType: 'application/json',
+    data: JSON.stringify([
+      { name: 'Mary', age: 16, favoriteFoods: ['lollipop'] },
+      { name: 'Mary', age: 21, favoriteFoods: ['steak'] }
+    ])
+  }).then(
+    (data) => {
+      assert.isTrue(!!data.ok, 'The mongo stats are not what expected');
+      assert.equal(
+        data.n,
+        2,
+        'The number of items affected is not what expected'
+      );
+      assert.equal(data.count, 0, 'the db items count is not what expected');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-one-document-using-model.findbyidandremove.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-one-document-using-model.findbyidandremove.md
new file mode 100644
index 0000000000..fc6946fdec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/delete-one-document-using-model.findbyidandremove.md
@@ -0,0 +1,53 @@
+---
+id: 587d7fb8367417b2b2512c10
+title: Видалення одного документа за допомогою model.findByIdAndRemove
+challengeType: 2
+forumTopicId: 301539
+dashedName: delete-one-document-using-model-findbyidandremove
+---
+
+# --description--
+
+`findByIdAndRemove` і `findOneAndRemove` схожі до попередніх методів оновлення. Вони передають вилучений документ до db. Використовуйте аргумент функції `personId` як ключ пошуку.
+
+# --instructions--
+
+Змініть функцію `removeById`, щоб видалити одну особу на основі її `_id`. Потрібно використовувати один із методів `findByIdAndRemove()` or `findOneAndRemove()`.
+
+# --hints--
+
+Видалення елемента має бути успішним
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/remove-one-person', {
+    name: 'Jason Bourne',
+    age: 36,
+    favoriteFoods: ['apples']
+  }).then(
+    (data) => {
+      assert.equal(data.name, 'Jason Bourne', 'item.name is not what expected');
+      assert.equal(data.age, 36, 'item.age is not what expected');
+      assert.deepEqual(
+        data.favoriteFoods,
+        ['apples'],
+        'item.favoriteFoods is not what expected'
+      );
+      assert.equal(data.__v, 0);
+      assert.equal(data.count, 0, 'the db items count is not what expected');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
new file mode 100644
index 0000000000..c6fcc86ff5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
@@ -0,0 +1,85 @@
+---
+id: 587d7fb6367417b2b2512c06
+title: Встановлення і налаштування Mongoose
+challengeType: 2
+forumTopicId: 301540
+dashedName: install-and-set-up-mongoose
+---
+
+# --description--
+
+Робота над цими завданнями включатиме написання вашого коду з використанням одного з наступних методів:
+
+- Створіть [цей GitHub репозитарій](https://github.com/freeCodeCamp/boilerplate-mongomongoose/) і локально завершіть ці завдання.
+- Використовуйте [наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-mongomongoose) для виконання цих завдань.
+- Використовуйте конструктор сайту на власний розсуд, щоб завершити проєкт. Перевірте, що ви зберегли усі файли з нашого репозиторію GitHub.
+
+По завершенню, переконайтеся, що працююча демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL - адресу проєкту в поле `Solution Link` field.
+
+У цьому завданні, створіть базу даних MongoDB Atlas та імпортуйте необхідні пакети для підключення до неї.
+
+Дотримуйтесь <a href='https://www.freecodecamp.org/news/get-started-with-mongodb-atlas/' rel='noopener noreferrer' target='_blank'>цих вказівок</a>, щоб налаштувати розміщену базу даних на MongoDB Atlas.
+
+# --instructions--
+
+Додайте `mongodb@~3.6.0` і `mongoose@~5.4.0` до `package.json` проєкту. Потім, необхідно встановити mongoose як `mongoose` у `myApp.js`. Створіть файл `.env` і додайте до нього змінну `MONGO_URI`. Його значенням має бути ваш URI бази даних MongoDB Atlas. Обов'язково помістіть URI в одинарні чи подвійні лапки, і пам'ятайте, що ви не можете використовувати пробіли навколо `=` у змінних середовища. Наприклад, `MONGO_URI='VALUE'`. Після завершення, під'єднайтесь до бази даних, використовуючи наступний синтаксис:
+
+```js
+mongoose.connect(<Your URI>, { useNewUrlParser: true, useUnifiedTopology: true });
+```
+
+# --hints--
+
+Залежність "mongodb" слід вказати в package.json
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/file/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(packJson.dependencies, 'mongodb');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Залежність "mongoose" слід вказати в package.json
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/file/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(packJson.dependencies, 'mongoose');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+"mongoose" слід підключити до бази даних
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/is-mongoose-ok').then(
+    (data) => {
+      assert.isTrue(data.isMongooseOk, 'mongoose is not connected');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-classic-updates-by-running-find-edit-then-save.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-classic-updates-by-running-find-edit-then-save.md
new file mode 100644
index 0000000000..f94b18e88e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-classic-updates-by-running-find-edit-then-save.md
@@ -0,0 +1,54 @@
+---
+id: 587d7fb8367417b2b2512c0e
+title: 'Виконайте класичні оновлення здійснюючи пошук, редагування і збереження'
+challengeType: 2
+forumTopicId: 301541
+dashedName: perform-classic-updates-by-running-find-edit-then-save
+---
+
+# --description--
+
+У старі добрі часи це було те, що вам потрібно було робити, якщо ви хотіли відредагувати документ і мати можливість якимсь чином ним користуватися (наприклад, надіслати його назад у відповіді сервера). Mongoose має спеціальний метод оновлення: `Model.update()`. Він прив'язаний до драйвера з низьким рівнем монго. Він може редагувати багато документів, що відповідають певним критеріям, але не надсилає оновлений документ, а лише повідомлення про статус. Крім того, це ускладнює перевірку моделі, оскільки просто викликає безпосередньо драйвер mongo.
+
+# --instructions--
+
+Змініть функцію `findEditThenSave`, щоб знайти особу за `_id` (використовуйте будь - який із вищезгаданих методів) з параметром `personId` як ключ пошуку. Додайте `"hamburger"` до списку `favoriteFoods` людини (можна використовувати `Array.push()`). Потім всередині зворотного виклику пошуку - `save()` оновлений`Person`.
+
+**Примітка:** Це може бути складно, якщо у вашій схемі, ви визначили `favoriteFoods` як масив, не вказуючи тип (тобто `[String]`). В такому випадку `favoriteFoods` за замовчуванням приймає змішаний тип, і вам потрібно вручну позначити його як відредагований за допомогою `document.markModified('edited-field')`. Перегляньте [Mongoose documentation](https://mongoosejs.com/docs/schematypes.html#Mixed)
+
+# --hints--
+
+Пошук-редагування-оновлення елемента має бути успішним
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/find-edit-save', {
+    name: 'Poldo',
+    age: 40,
+    favoriteFoods: ['spaghetti']
+  }).then(
+    (data) => {
+      assert.equal(data.name, 'Poldo', 'item.name is not what is expected');
+      assert.equal(data.age, 40, 'item.age is not what expected');
+      assert.deepEqual(
+        data.favoriteFoods,
+        ['spaghetti', 'hamburger'],
+        'item.favoriteFoods is not what expected'
+      );
+      assert.equal(data.__v, 1, 'The item should be previously edited');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-new-updates-on-a-document-using-model.findoneandupdate.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-new-updates-on-a-document-using-model.findoneandupdate.md
new file mode 100644
index 0000000000..1ea2ba8060
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/perform-new-updates-on-a-document-using-model.findoneandupdate.md
@@ -0,0 +1,58 @@
+---
+id: 587d7fb8367417b2b2512c0f
+title: Виконання нових оновлень для документа за допомогою model.findOneAndUpdate()
+challengeType: 2
+forumTopicId: 301542
+dashedName: perform-new-updates-on-a-document-using-model-findoneandupdate
+---
+
+# --description--
+
+Останні версії Mongoose мають методи спрощення оновлення документів. Деякі більш розширені функції (наприклад, хуки до/після, перевірка) поводяться з таким підходом по-різному, тому класичний метод все ще корисний у багатьох ситуаціях. `findByIdAndUpdate()` можна використовувати під час пошуку за id.
+
+# --instructions--
+
+Змініть функцію `findAndUpdate`, щоб знайти особу за `Name` і встановити вік особи за `20`. Використовуйте параметр функції `personName` як ключ пошуку.
+
+**Примітка:** Ви повинні повернути оновлений документ. Для цього необхідно передати опції документа `{ new: true }` як третій аргумент `findOneAndUpdate()`. За замовчуванням ці методи повертають немодифікований об'єкт.
+
+# --hints--
+
+пошук OneAndUpdate елемента має бути успішним
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/find-one-update', {
+    name: 'Dorian Gray',
+    age: 35,
+    favoriteFoods: ['unknown']
+  }).then(
+    (data) => {
+      assert.equal(data.name, 'Dorian Gray', 'item.name is not what expected');
+      assert.equal(data.age, 20, 'item.age is not what expected');
+      assert.deepEqual(
+        data.favoriteFoods,
+        ['unknown'],
+        'item.favoriteFoods is not what expected'
+      );
+      assert.equal(
+        data.__v,
+        0,
+        'findOneAndUpdate does not increment version by design!'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.find-to-search-your-database.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.find-to-search-your-database.md
new file mode 100644
index 0000000000..f779faa14c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.find-to-search-your-database.md
@@ -0,0 +1,53 @@
+---
+id: 587d7fb7367417b2b2512c0b
+title: Використання model.find() для пошуку вашої бази даних
+challengeType: 2
+forumTopicId: 301543
+dashedName: use-model-find-to-search-your-database
+---
+
+# --description--
+
+У найпростішому використанні, `Model.find()` приймає документ - запит ( об'єкт JSON) як перший аргумент, а потім - зворотній виклик. Це повертає масив збігів. Це підтримує надзвичайно широкий спектр варіантів пошуку. Читайте більше в документації.
+
+# --instructions--
+
+Змініть функцію `findPeopleByName`, щоб знайти всіх людей з даним іменем, використовуючи <code>Model.find() -\> [Person]</code>
+
+Використовуйте аргумент функції `personName` як ключ пошуку.
+
+# --hints--
+
+Пошук усіх елементів, що відповідають критеріям, мають бути успішними
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/find-all-by-name', {
+    name: 'r@nd0mN4m3',
+    age: 24,
+    favoriteFoods: ['pizza']
+  }).then(
+    (data) => {
+      assert.isArray(data, 'the response should be an Array');
+      assert.equal(
+        data[0].name,
+        'r@nd0mN4m3',
+        'item.name is not what expected'
+      );
+      assert.equal(data[0].__v, 0, 'The item should be not previously edited');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findbyid-to-search-your-database-by-id.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findbyid-to-search-your-database-by-id.md
new file mode 100644
index 0000000000..d4f4f42264
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findbyid-to-search-your-database-by-id.md
@@ -0,0 +1,48 @@
+---
+id: 587d7fb7367417b2b2512c0d
+title: Використання model.findById() для пошуку вашої бази даних за допомогою _id
+challengeType: 2
+forumTopicId: 301544
+dashedName: use-model-findbyid-to-search-your-database-by-id
+---
+
+# --description--
+
+При збереженні документу, MongoDB автоматично додає поле `_id`, і встановлює для нього унікальний алфавітно-цифровий ключ. Пошук за `_id` є надзвичайно частою операцією, тому Mongoose надає для цього спеціалізований метод.
+
+# --instructions--
+
+Змініть `findPersonById`, щоб знайти лише одну особу, яка має заданий `_id`, використовуючи `Model.findById() -> Person`. Використовуйте аргумент функції `personId` як ключ пошуку.
+
+# --hints--
+
+Пошук елемента за Id має бути успішним
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/find-by-id').then(
+    (data) => {
+      assert.equal(data.name, 'test', 'item.name is not what expected');
+      assert.equal(data.age, 0, 'item.age is not what expected');
+      assert.deepEqual(
+        data.favoriteFoods,
+        ['none'],
+        'item.favoriteFoods is not what expected'
+      );
+      assert.equal(data.__v, 0, 'The item should be not previously edited');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findone-to-return-a-single-matching-document-from-your-database.md b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findone-to-return-a-single-matching-document-from-your-database.md
new file mode 100644
index 0000000000..ff8e7b3087
--- /dev/null
+++ b/curriculum/challenges/ukrainian/05-back-end-development-and-apis/mongodb-and-mongoose/use-model.findone-to-return-a-single-matching-document-from-your-database.md
@@ -0,0 +1,51 @@
+---
+id: 587d7fb7367417b2b2512c0c
+title: Використання model.findOne() для повернення єдиного відповідного документа з вашої бази даних
+challengeType: 2
+forumTopicId: 301545
+dashedName: use-model-findone-to-return-a-single-matching-document-from-your-database
+---
+
+# --description--
+
+`Model.findOne()` функціонує як `Model.find()`, але повертає лише один документ (не масив), навіть якщо є кілька елементів. Це особливо корисно під час пошуку за властивостями, які були оголошені як унікальні.
+
+# --instructions--
+
+Змініть функцію `findOneByFood`, щоб знайти лише одну особу, яка має певну їжу у своїх вподобаннях, використовуючи модель `Model.findOne() -> Person`. Використовуйте аргумент функції `food` як ключ пошуку.
+
+# --hints--
+
+Пошук елемента має бути успішним
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/_api/find-one-by-food', {
+    name: 'Gary',
+    age: 46,
+    favoriteFoods: ['chicken salad']
+  }).then(
+    (data) => {
+      assert.equal(data.name, 'Gary', 'item.name is not what expected');
+      assert.deepEqual(
+        data.favoriteFoods,
+        ['chicken salad'],
+        'item.favoriteFoods is not what expected'
+      );
+      assert.equal(data.__v, 0, 'The item should be not previously edited');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md
new file mode 100644
index 0000000000..4b9e00c903
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/announce-new-users.md
@@ -0,0 +1,90 @@
+---
+id: 589fc832f9fc0f352b528e78
+title: Повідомлення про нових користувачів
+challengeType: 2
+forumTopicId: 301546
+dashedName: announce-new-users
+---
+
+# --description--
+
+Багато чатів мають функцію повідомлення всіх підключених користувачів чату про приєднання чи від'єднання користувача. Оскільки приєднання чи від'єднання це вже виконання дії, то для підтримки такої функції вам потрібно відредагувати цю подію. Найбільш логічний спосіб зробити це — надіслати певні дані з подією: ім’я користувача, який приєднався/від'єднався, поточну кількість користувачів, а також те, чи це ім’я приєднане чи від'єднане.
+
+Змініть назву події на `'user'` і надішліть інформацію, що містить поля 'name', 'currentUsers' і 'connected' (`true` у разі приєднання, або - `false` для відключення користувача). Обов’язково переконайтесь, що ви змінили події 'user count' та встановили `false` при відключенні для поля 'connected' замість `true`, як і при підключенні.
+
+```js
+io.emit('user', {
+  name: socket.request.user.name,
+  currentUsers,
+  connected: true
+});
+```
+
+Тепер ваш клієнт матиме всю необхідну інформацію, щоб правильно показати кількість поточних користувачів і повідомити, коли користувач підключається або відключається! Щоб обробити цю подію зі сторони клієнта, ми повинні отримати `'user'`, а потім оновити кількість поточних користувачів за допомогою jQuery, щоб замінити текст `#num-users` на `'{NUMBER} users online'`, а також додати `<li>` до невпорядкованого маркованого списку з id `messages` з `'{NAME} has {joined/left} the chat.'`.
+
+Ця дія може виглядати таким чином:
+
+```js
+socket.on('user', data => {
+  $('#num-users').text(data.currentUsers + ' users online');
+  let message =
+    data.name +
+    (data.connected ? ' has joined the chat.' : ' has left the chat.');
+  $('#messages').append($('<li>').html('<b>' + message + '</b>'));
+});
+```
+
+Відправте сторінку, якщо все було виконано правильно. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/bf95a0f74b756cf0771cd62c087b8286).
+
+# --hints--
+
+Подія `'user'` повинна містити name, currentUsers та connected.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /io.emit.*('|")user\1.*name.*currentUsers.*connected/gis,
+        'You should have an event emitted named user sending name, currentUsers, and connected'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Клієнт повинен правильно обробляти та показувати нові дані із події `'user'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/client.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.on.*('|")user\1[^]*num-users/gi,
+        'You should change the text of "#num-users" within on your client within the "user" event listener to show the current users connected'
+      );
+      assert.match(
+        data,
+        /socket.on.*('|")user\1[^]*messages.*li/gi,
+        'You should append a list item to "#messages" on your client within the "user" event listener to announce a user came or went'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
new file mode 100644
index 0000000000..1e0aec53fc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-strategies.md
@@ -0,0 +1,96 @@
+---
+id: 5895f70df9fc0f352b528e68
+title: Стратегії автентифікації
+challengeType: 2
+forumTopicId: 301547
+dashedName: authentication-strategies
+---
+
+# --description--
+
+Стратегія - це процес авторизації користувача. Ви можете вибрати стратегію, яка дозволяє користувачам авторизуватись на основі збережених даних (якщо ви їх вказували) або від різних провайдерів таких, як Google або GitHub. До цього проєкту ми встановимо локальну стратегію. Для того, щоб переглянути перелік сотень стратегій, перейдіть на сайт Passport [сюди](http://passportjs.org/).
+
+Вкажіть `passport-local@~1.0.0` як залежний елемент і додайте його на ваш сервер, як показано далі: `const LocalStrategy = require('passport-local');`
+
+Далі ви повинні вказати паспорту (passport) **використати (use)** макет об'єкту LocalStrategy із певними вказаними параметрами. Переконайтесь у тому, що це (як і все з цього моменту) інкапсульовано в з'єднанні з базою даних (database), оскільки воно залежить від цього!
+
+```js
+passport.use(new LocalStrategy(
+  function(username, password, done) {
+    myDataBase.findOne({ username: username }, function (err, user) {
+      console.log('User '+ username +' attempted to log in.');
+      if (err) { return done(err); }
+      if (!user) { return done(null, false); }
+      if (password !== user.password) { return done(null, false); }
+      return done(null, user);
+    });
+  }
+));
+```
+
+Так виглядає процес, коли ми хочемо авторизувати когось локально. Спершу система шукає користувача у нашій базі даних за допомогою введеного ім'я користувача, потім перевіряє його за паролем, і тоді, якщо не виникло жодних помилок під час перевірки, як, наприклад, невірний пароль, об'єкт `user` повертається та вважається авторизованим.
+
+Багато стратегій створюються на основі різних налаштувань, але, як правило, це легко зробити звернувшись до файлу README у репозиторії цієї стратегії. Як хороший приклад можна зазначити стратегію GitHub, де ми можемо не переживати через ім'я користувача або пароль, оскільки користувач автоматично переадресовується на сторінку аутентифікації GitHub для авторизації. Допоки користувач буде залишатись авторизованим і буде згідний з умовами, GitHub надаватиме його профіль для користування.
+
+Далі ми дізнаємося, як за допомогою стратегії авторизації перевірити користувача на основі заповнених даних!
+
+Відправте вашу сторінку, якщо все зрозуміло. Якщо сталась якась помилка, ви маєте змогу перевірити статус проєкту до цього етапу [ тут ](https://gist.github.com/camperbot/53b495c02b92adeee0aa1bd3f3be8a4b).
+
+# --hints--
+
+Passport-local повинен бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'passport-local',
+        'Your project should list "passport-local " as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Запит Passport-local повинен бути вірно надісланий та налаштований.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require.*("|')passport-local("|')/gi,
+        'You should have required passport-local'
+      );
+      assert.match(
+        data,
+        /new LocalStrategy/gi,
+        'You should have told passport to use a new strategy'
+      );
+      assert.match(
+        data,
+        /findOne/gi,
+        'Your new local strategy should use the findOne query to find a username based on the inputs'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
new file mode 100644
index 0000000000..ff3ee21a87
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/authentication-with-socket.io.md
@@ -0,0 +1,154 @@
+---
+id: 589fc831f9fc0f352b528e77
+title: Автентифікація за допомогою Socket.IO
+challengeType: 2
+forumTopicId: 301548
+dashedName: authentication-with-socket-io
+---
+
+# --description--
+
+Наразі ви не можете визначити, хто підключений до вашого веб-сокету. Хоча й `req.user` містить об'єкт "користувач", проте тільки тоді, коли ваш користувач взаємодіє з веб-сервером, тоді ж як до веб-сокетів у вас немає `req` (запиту), а, як наслідок, немає і даних користувача. Одним зі способів розв'язання проблеми відсутності інформації про те, хто підключений до вашого веб-сокету, є застосування синтаксичного аналізу та декодування файлів cookie, які містять сесію паспорту, далі - отриманні дані десеріалізуються задля отримання об'єкту "користувач". На щастя, NPM має спеціальний пакет для цього, який перетворює колись складну задачу на щось просте!
+
+Додайте `passport.socketio@~3.7.0`, `connect-mongo@~3.2.0` та `cookie-parser@~1.4.5` як залежності та встановіть(require) їх як `passportSocketIo`, `MongoStore` та `cookieParser` відповідно. Крім того, нам потрібно ініціалізувати нове сховище пам'яті з `express-session`, яке ми вже потребували (required). Воно повинно мати такий вигляд:
+
+```js
+const MongoStore = require('connect-mongo')(session);
+const URI = process.env.MONGO_URI;
+const store = new MongoStore({ url: URI });
+```
+
+Тепер треба лише вказати Socket.IO використовувати його та встановити налаштування. Переконайтеся, що його додано перед наявним кодом сокета, а не в цьому слухачі підключення. На вашому сервері це повинно мати такий вигляд:
+
+```js
+io.use(
+  passportSocketIo.authorize({
+    cookieParser: cookieParser,
+    key: 'express.sid',
+    secret: process.env.SESSION_SECRET,
+    store: store,
+    success: onAuthorizeSuccess,
+    fail: onAuthorizeFail
+  })
+);
+```
+
+Зауважте, що налаштування автентифікації Passport для Socket.IO є дуже подібним до налаштування проміжного програмного забезпечення `session` для API. Це пояснюється тим, що вони призначені для одного методу автентифікації: отримати id сесії від файлів cookie та перевірити його.
+
+Раніше, при налаштуванні проміжного програмного забезпечення `session`, ми не встановлювали безпосередньо назву файлів cookie для сесії (`key`). Це пояснюється тим, що пакет `session` використовував значення за замовчуванням. Тепер, коли додано інший пакет, який потребує доступу до того самого значення файлів cookies, треба чітко встановити значення `key` в обох об'єктах конфігурації.
+
+Обов'язково виконайте додавання `key` з назвою файлів cookie до проміжного програмного забезпечення `session`, яке збігається з ключем Socket.IO. Також додайте посилання `store` на налаштування, поруч із якими ми пропишемо `saveUninitialized: true`. Необхідно вказати Socket.IO до якої сесії прив'язуватися.
+
+<hr />
+
+Тепер слід визначити функції зворотного зв'язку `success` та `fail`:
+
+```js
+function onAuthorizeSuccess(data, accept) {
+  console.log('successful connection to socket.io');
+
+  accept(null, true);
+}
+
+function onAuthorizeFail(data, message, error, accept) {
+  if (error) throw new Error(message);
+  console.log('failed connection to socket.io:', message);
+  accept(null, false);
+}
+```
+
+Об'єкт "користувач" тепер має доступ у вашому сокет-об'єкті як `socket.request.user`. Тепер, наприклад, ви можете додати таке:
+
+```js
+console.log('user ' + socket.request.user.name + ' connected');
+```
+
+Це дозволить увійти у підключену консоль серверу!
+
+Відправте сторінку, якщо все було виконано правильно. Якщо сталась якась помилка, то можна перевірити проєкт до цього етапу [ тут ](https://gist.github.com/camperbot/1414cc9433044e306dd7fd0caa1c6254).
+
+# --hints--
+
+`passport.socketio` має бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'passport.socketio',
+        'Your project should list "passport.socketio" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+`cookie-parser` має бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'cookie-parser',
+        'Your project should list "cookie-parser" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+passportSocketIo має правильно виконуватися (required).
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require\((['"])passport\.socketio\1\)/gi,
+        'You should correctly require and instantiate "passport.socketio"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+passportSocketIo слід належним чином налаштувати.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /io\.use\(\s*\w+\.authorize\(/,
+        'You should register "passport.socketio" as socket.io middleware and provide it correct options'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
new file mode 100644
index 0000000000..8746795826
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/clean-up-your-project-with-modules.md
@@ -0,0 +1,64 @@
+---
+id: 589690e6f9fc0f352b528e6e
+title: Очистити ваш проект з модулями
+challengeType: 2
+forumTopicId: 301549
+dashedName: clean-up-your-project-with-modules
+---
+
+# --description--
+
+Зараз все, що ви маєте є у файлі `server.js`. Це може привести до складного управління кодом, який не дуже розширюється. Створіть 2 нових файли: `routes.js` і `auth.js`
+
+Обидва повинні починатися з такого коду:
+
+```js
+module.exports = function (app, myDataBase) {
+
+}
+```
+
+Тепер, зверху вашого серверного файлу, подайте ці файли так: `const routes = require('./routes.js');`. Одразу після того, як ви встановите вдалий зв'язок з базою даних, пропишіть кожен з них таким чином: `routes(app, myDataBase)`
+
+Врешті, візьміть усі ваші маршрути на сервері та вставте їх в нові файли, і видаліть їх з вашого серверного файлу. Також візьміть функцію `ensureAuthenticated`, оскільки її створили спеціально для маршрутизації. Тепер ви маєте правильно додати залежності, в яких використовуються функції, такі як `const passport = require('passport');`, з самого верху, над експортним рядком у вашому файлі `routes.js`.
+
+Продовжуйте додавати їх, поки помилки не припинять існувати, а ваш серверний файл більше не матиме маршрутизування (**за винятком шляху в блок catch**)!
+
+Тепер зробіть те саме в вашому файлі auth.js з усім, що пов'язане з автентифікацією, як ось серіалізація і налаштування локальної стратегії, і видаліть їх з вашого серверного файлу. Обов'язково додайте залежності і наберіть `auth(app, myDataBase)` на сервері в цьому ж місці.
+
+Підтвердьте вашу сторінку, якщо все зрозуміло. Якщо ви натрапите на помилки, можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/2d06ac5c7d850d8cf073d2c2c794cc92).
+
+# --hints--
+
+Модулі мають бути присутні.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require\s*\(('|")\.\/routes(\.js)?\1\)/gi,
+        'You should have required your new files'
+      );
+      assert.match(
+        data,
+        /client\s*\.db[^]*routes/gi,
+        'Your new modules should be called after your connection to the database'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
new file mode 100644
index 0000000000..735bc080fc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/communicate-by-emitting.md
@@ -0,0 +1,107 @@
+---
+id: 589fc831f9fc0f352b528e75
+title: Спілкування за допомогою Emitting
+challengeType: 2
+forumTopicId: 301550
+dashedName: communicate-by-emitting
+---
+
+# --description--
+
+<dfn>Emit</dfn> — найпоширеніший спосіб спілкування, яким ви будете користуватись. Коли ви висвічуєте (emit) щось зі сервера до 'io', ви надсилаєте назву події й дані всім під'єднаним сокетам. Хорошим прикладом цієї концепції було б висвітлення (emitting) поточного рахунку під'єднаних користувачів щоразу коли під'єднується новий користувач!
+
+Почніть із додавання змінної, щоб відстежувати користувачів, безпосередньо перед тим місцем, де ви зараз слухаєте зв'язки.
+
+```js
+let currentUsers = 0;
+```
+
+Тепер, коли хтось приєднується, ви повинні збільшити рахунок перш ніж висвітити його. Отже, ви додаєте інкремент в межах слухача підключення.
+
+```js
+++currentUsers;
+```
+
+Врешті, після збільшення рахунку, ви повинні висвітити подію (все ще в слухачі підключення). Ця подія повинна мати назву "user count", а дані — просто `currentUsers`.
+
+```js
+io.emit('user count', currentUsers);
+```
+
+Тепер ви можете застосувати цей спосіб для вашого клієнта, аби він міг прослухати цю подію! Подібно до прослуховування з'єднання на сервері, ви будете використовувати ключове слово `on`.
+
+```js
+socket.on('user count', function(data) {
+  console.log(data);
+});
+```
+
+Тепер спробуйте завантажити ваш додаток, автентифікуватись і ви повинні побачити на консолі клієнта '1', яка показує поточну кількість користувачів! Спробуйте завантажити більше клієнтів і автентифікуйтеся, щоб побачити, як число зростає.
+
+Відправте сторінку, якщо все було виконано правильно. Якщо ви зіткнулись з помилкою, ви можете перевірити зроблений проєкт до цього етапу [here](https://gist.github.com/camperbot/28ef7f1078f56eb48c7b1aeea35ba1f5).
+
+# --hints--
+
+currentUsers мають бути визначеними.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /currentUsers/gi,
+        'You should have variable currentUsers defined'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Сервер має висвічувати поточний рахунок користувачів в кожному новому зв'язку.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /io.emit.*('|")user count('|").*currentUsers/gi,
+        'You should emit "user count" with data currentUsers'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Ваш клієнт повинен прослухати подію 'user count'.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/client.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.on.*('|")user count('|")/gi,
+        'Your client should be connection to server with the connection defined as socket'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
new file mode 100644
index 0000000000..e2de9c78bb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/create-new-middleware.md
@@ -0,0 +1,87 @@
+---
+id: 5895f70df9fc0f352b528e6a
+title: Створення нового підпрограмного забезпечення
+challengeType: 2
+forumTopicId: 301551
+dashedName: create-new-middleware
+---
+
+# --description--
+
+На практиці будь-який користувач може просто перейти до `/profile`, незалежно від того, пройшов він автентифікацію чи ні, ввівши Url-адресу. Ми хочемо запобігти цьому, перевіривши, чи користувач автентифікувався, перш ніж відображати сторінку профілю. Це прекрасний приклад того, коли можна створити підпрограмне забезпечення.
+
+Це завдання завдає функцію підпрограмного забезпечення `ensureAuthenticated(req, res, next)`, яка буде перевіряти чи користувач автентифікувався методом `isAuthenticated` по `request`, який у свою чергу визначає `req.user`. Якщо це так, то слід викликати `next()`, інакше ми можемо просто відповісти на запит перенаправленням на нашу головну сторінку для входу. Впровадження цього підпрограмного забезпечення означає:
+
+```js
+function ensureAuthenticated(req, res, next) {
+  if (req.isAuthenticated()) {
+    return next();
+  }
+  res.redirect('/');
+};
+```
+
+Тепер додайте *ensureAuthenticated* як підпрограмне забезпечення до запиту сторінки профілю перед аргументом, щоб отримати запит, який містить функцію для відображення сторінки.
+
+```js
+app
+ .route('/profile')
+ .get(ensureAuthenticated, (req,res) => {
+    res.render(process.cwd() + '/views/pug/profile');
+ });
+```
+
+Підтвердьте сторінку, якщо все виконано вірно. Якщо стались помилки, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/ae49b8778cab87e93284a91343da0959).
+
+# --hints--
+
+Підпрограмне забезпечення sureAuthenticated має бути реалізованим і на нашому /profile маршруті.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /ensureAuthenticated[^]*req.isAuthenticated/gi,
+        'Your ensureAuthenticated middleware should be defined and utilize the req.isAuthenticated function'
+      );
+      assert.match(
+        data,
+        /profile[^]*get[^]*ensureAuthenticated/gi,
+        'Your ensureAuthenticated middleware should be attached to the /profile route'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Запит на отримання /profile має правильно переспрямовувати до / оскільки ми не автентифіковані.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/profile').then(
+    (data) => {
+      assert.match(
+        data,
+        /Home page/gi,
+        'An attempt to go to the profile at this point should redirect to the homepage since we are not logged in'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
new file mode 100644
index 0000000000..95d76be590
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/handle-a-disconnect.md
@@ -0,0 +1,69 @@
+---
+id: 589fc831f9fc0f352b528e76
+title: Оброблення відключення
+challengeType: 2
+forumTopicId: 301552
+dashedName: handle-a-disconnect
+---
+
+# --description--
+
+Ви можете звернути увагу на те, що до цього часу Ви мали тільки збільшення кількості користувачів. Обробка відключення користувача так само легка, як і робота з початковим підключенням, окрім випадків, коли ви повинні слухати його на кожному сокеті, а не на всьому сервері.
+
+Щоб зробити це, додайте іншого слухача всередині існуючого `'connect'` слухача, який слухає `'disconnect'` на сокеті без обробки даних. Ви можете протестувати ці функції, просто увійшовши до консолі, від якої користувач відключився.
+
+```js
+socket.on('disconnect', () => {
+  /*anything you want to do on disconnect*/
+});
+```
+
+Щоб переконатися, що клієнти постійно мають оновлену кількість користувачів, ви повинні зменшити поточних користувачів (currentUsers) на 1, поки відбувається від'єднання потім викликати 'user count' з оновленою кількістю!
+
+**Примітка:** Як і `'disconnect'`, всі інші події, які сокет може передавати на сервер слід обробити в процесі підключення слухача де ми маємо 'сокет'.
+
+Підтвердіть вашу сторінку, якщо все зрозуміло. Якщо сталась якась помилка, ви маєте змогу перевірити зроблений проєкт до цього етапу [тут](https://gist.github.com/camperbot/ab1007b76069884fb45b215d3c4496fa).
+
+# --hints--
+
+Сервер повинен обробляти подію відключення від сокету.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(data, /socket.on.*('|")disconnect('|")/gi, '');
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Ваш клієнт повинен слідкувати за 'user count' кодом.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/client.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.on.*('|")user count('|")/gi,
+        'Your client should be connection to server with the connection defined as socket'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
new file mode 100644
index 0000000000..e5ad32d9ac
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/hashing-your-passwords.md
@@ -0,0 +1,86 @@
+---
+id: 58a25c98f9fc0f352b528e7f
+title: Хешування ваших паролів
+challengeType: 2
+forumTopicId: 301553
+dashedName: hashing-your-passwords
+---
+
+# --description--
+
+Якщо ви повернетесь до розділу з інформаційної безпеки, пригадаєте, що зберігання звичайних паролів *не* є гарною ідеєю. Тепер час реалізувати BCrypt для вирішення даної проблеми.
+
+Додайте `bcrypt@~5.0.0` як залежність та викличте її у своєму сервері. Вам буде потрібно виконати гешування у двох ключових місцях: де ви виконуєте реєстрацію/збереження нового облікового запису і коли ви переконуєтесь, що пароль правильний при вході в систему.
+
+Наразі під час реєстрації ви вводите пароль користувача у базу даних таким чином: `password: req.body.password`. Легкий спосіб зберегти хеш – це додати перед логікою бази даних: `const hash = bcrypt.hashSync(req.body.password, 12);` та замінити в базі даних `req.body.password`, зберігши лише `password: hash`.
+
+Зрештою, для нашого способу автентифікації перевіримо наступне в нашому коді перед завершенням процесу: `if (password !== user.password) { return done(null, false); }`. Після внесення попередніх змін тепер `user.password` є хешем. Перш ніж вносити зміни до наявного коду, зверніть увагу на те, як команда перевіряє, чи пароль **не** збігається та потім повертає відповідь — не автентифіковано. Майте це на увазі, ваш код може виглядати наступним чином для правильної перевірки пароля, введеного з хешу:
+
+```js
+if (!bcrypt.compareSync(password, user.password)) { 
+  return done(null, false);
+}
+```
+
+Це все, що потрібно, щоб реалізувати одну з найважливіших функцій безпеки, коли вам потрібно зберігати паролі!
+
+Підтвердьте вашу сторінку, якщо все зрозуміло. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/dc16cca09daea4d4151a9c36a1fab564).
+
+# --hints--
+
+BCrypt повинен бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'bcrypt',
+        'Your project should list "bcrypt" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+BCrypt повинен бути правильно заданий та реалізований.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require.*("|')bcrypt\1/gi,
+        'You should have required bcrypt'
+      );
+      assert.match(
+        data,
+        /bcrypt.hashSync/gi,
+        'You should use hash the password in the registration'
+      );
+      assert.match(
+        data,
+        /bcrypt.compareSync/gi,
+        'You should compare the password to the hash in your strategy'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
new file mode 100644
index 0000000000..96b7208f2f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-put-a-profile-together.md
@@ -0,0 +1,57 @@
+---
+id: 5895f70ef9fc0f352b528e6b
+title: Як створити профіль
+challengeType: 2
+forumTopicId: 301554
+dashedName: how-to-put-a-profile-together
+---
+
+# --description--
+
+Після того, як ми запевнили, що користувач, який має доступ до `/profile`, автентифікований, ми зможемо використовувати інформацію з `req.user` на нашій сторінці!
+
+Передайте об'єкт, що має властивість `username` і значення `req.user.username` як другий аргумент для методу відображення профілю. Тепер перейдіть до перегляду свого `profile.pug` і додайте наступний рядок під уже наявним `h1` елементом, дотримуючись тих самих відступів:
+
+```pug
+h2.center#welcome Welcome, #{username}!
+```
+
+Це створить елемент `h2` з класом '`center`' і id '`welcome`', що міститиме текст '`Welcome,`' та ім'я користувача.
+
+Також в `profile.pug` додайте посилання на маршрут `/logout`, який міститиме метод для скасування автентифікації користувача.
+
+```pug
+a(href='/logout') Logout
+```
+
+Відправте сторінку, якщо все було виконано правильно. Якщо ви натрапили на помилки, ви можете перевірити виконання проєкту до цього етапу [here](https://gist.github.com/camperbot/136b3ad611cc80b41cab6f74bb460f6a).
+
+# --hints--
+
+Ви повинні правильно додати змінну Pug до /profile.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /username:( |)req.user.username/gi,
+        'You should be passing the variable username with req.user.username into the render function of the profile page'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
new file mode 100644
index 0000000000..d5e0eab0d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/how-to-use-passport-strategies.md
@@ -0,0 +1,79 @@
+---
+id: 5895f70df9fc0f352b528e69
+title: Як використовувати Passport стратегії
+challengeType: 2
+forumTopicId: 301555
+dashedName: how-to-use-passport-strategies
+---
+
+# --description--
+
+У заданому файлі `index.pug` є форма авторизації. Її раніше було приховано через вбудований JavaScript з формою `if showLogin` та відступом після неї. Перед `showLogin` у вигляді змінної яка ніколи не була визначена, тому вона ніколи не передавала блок коду, що містить форму. Перейдіть вперед і на `res.render` для цієї сторінки додайте нову змінну до об'єкта `showLogin: true`. Коли ви оновите сторінку, ви повинні побачити форму! Ця форма налаштована для надсилання **POST** запиту до `/login`, тому тут ми повинні прийняти POST і авторизувати користувача.
+
+Для цього завдання необхідно додати маршрут `/login`, щоб прийняти запит POST. Для автентифікації на цьому маршруті, вам потрібно додати підпрограмне забезпечення, щоб зробити це перед тим як надсилати відповідь. Це можна зробити простим передаванням іншого аргументу з підпрограмного забезпечення перед `function(req,res)` з вашою відповіддю! Треба використати таке підпрограмне забезпечення: `passport.authenticate('local')`.
+
+`passport.authenticate` може також приймати деякі опції як аргумент: `{ failureRedirect: '/' }`, який є неймовірно корисними, тому будьте впевнені в тому, що також додали і його. Відповідь після використання підпрограмного забезпечення (яка буде викликана якщо автентифікація підпрограмного забезпечення виконана успішно) повинна переадресувати користувача до `/profile` і цей маршрут повинен зобразити вид `profile.pug`.
+
+Якщо автентифікація була успішною, то об'єкт користувач буде збережено в `req.user`.
+
+Зараз, якщо ви введете ім'я користувача і пароль у форму, вас має переадресувати на домашню сторінку `/`, а консоль вашого серверу повинна показувати `'User {USERNAME} attempted to log in.'`, оскільки ми на цей час не можемо увійти в обліковий запис користувача, який не зареєстрований.
+
+Підтвердіть сторінку, якщо все зрозуміло. Якщо сталась якась помилка, ви маєте змогу перевірити статус проєкту до цього етапу [here](https://gist.github.com/camperbot/7ad011ac54612ad53188b500c5e99cb9).
+
+# --hints--
+
+Усі кроки повинні бути правильно реалізовані в server.js.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /showLogin:( |)true/gi,
+        'You should be passing the variable "showLogin" as true to your render function for the homepage'
+      );
+      assert.match(
+        data,
+        /failureRedirect:( |)('|")\/('|")/gi,
+        'Your code should include a failureRedirect to the "/" route'
+      );
+      assert.match(
+        data,
+        /login[^]*post[^]*local/gi,
+        'You should have a route for login which accepts a POST and passport.authenticates local'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Запит POST для /login повинен правильно переадресовувати до /.
+
+```js
+(getUserInput) =>
+  $.post(getUserInput('url') + '/login').then(
+    (data) => {
+      assert.match(
+        data,
+        /Looks like this page is being rendered from Pug into HTML!/gi,
+        'A login attempt at this point should redirect to the homepage since we do not have any registered users'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
new file mode 100644
index 0000000000..4dc2cb9d83
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implement-the-serialization-of-a-passport-user.md
@@ -0,0 +1,91 @@
+---
+id: 5895f70cf9fc0f352b528e67
+title: Впровадження Серіалізації Користувача у Паспорт
+challengeType: 2
+forumTopicId: 301556
+dashedName: implement-the-serialization-of-a-passport-user
+---
+
+# --description--
+
+Зараз ми не завантажуємо поточний об’єкт користувача, оскільки ми ще не налаштували нашу базу даних. Це можна зробити багатьма різними способами, але для нашого проєкту ми під'єднаємось до бази даних один раз при запуску сервера і збережемо постійне з'єднання протягом усього життєвого циклу додатку. Для цього додайте рядок з'єднання вашої бази даних (наприклад: `mongodb+srv://:@cluster0-jvwxi.mongodb.net/?retryWrites=true&w=majority`) до змінної середовища `MONGO_URI`. Це використовується у файлі `connection.js`.
+
+*Ви можете створити безкоштовну базу даних на [MongoDB Atlas](https://www.mongodb.com/cloud/atlas).*
+
+Тепер ми хочемо підключитися до нашої бази даних, а після того почати створювати запити. Це робимо з метою, щоб заборонити запити до того, як наша база даних буде підключена або якщо у неї виникне помилка. Для досягнення цього вам потрібно включити свою серіалізацію та маршрути додатків у такий код:
+
+```js
+myDB(async client => {
+  const myDataBase = await client.db('database').collection('users');
+
+  // Be sure to change the title
+  app.route('/').get((req, res) => {
+    //Change the response to render the Pug template
+    res.render('pug', {
+      title: 'Connected to Database',
+      message: 'Please login'
+    });
+  });
+
+  // Serialization and deserialization here...
+
+  // Be sure to add this...
+}).catch(e => {
+  app.route('/').get((req, res) => {
+    res.render('pug', { title: e, message: 'Unable to login' });
+  });
+});
+// app.listen out here...
+```
+
+Не забудьте розкоментувати код `myDataBase` в `deserializeUser` та відредагувати свій `done(null, null)` для того, щоб включити `doc`.
+
+Відправте сторінку, якщо все було виконано правильно. Якщо ви зіткнулись з помилкою, ви можете перевірити зроблений проєкт до цього етапу [тут](https://gist.github.com/camperbot/175f2f585a2d8034044c7e8857d5add7).
+
+# --hints--
+
+Повинно бути присутнім з'єднання з базою даних.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/').then(
+    (data) => {
+      assert.match(
+        data,
+        /Connected to Database/gi,
+        'You successfully connected to the database!'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Тепер десеріалізація повинна виконуватися правильно у БД, а `done(null, null)` повинна викликатися із `doc`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /null,\s*doc/gi,
+        'The callback in deserializeUser of (null, null) should be altered to (null, doc)'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
new file mode 100644
index 0000000000..c4aa13a21e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-ii.md
@@ -0,0 +1,114 @@
+---
+id: 589a69f5f9fc0f352b528e71
+title: Реалізація соціальної автентифікації ІІ
+challengeType: 2
+forumTopicId: 301557
+dashedName: implementation-of-social-authentication-ii
+---
+
+# --description--
+
+Остання частина налаштування автентифікації GitHub – це створення самої стратегії. Для цього вам потрібно буде додати залежність від `passport-github@~1.1.0` до вашого проєкту та викликати її у своєму `auth.js` як `GithubStrategy`, це: `const GitHubStrategy = require('passport-github').Strategy;`. Не забудьте викликати та налаштовувати `dotenv` для використання змінних середовища.
+
+Щоб налаштувати стратегію GitHub, ви повинні сказати Passport використовувати примірник `GitHubStrategy`, який приймає 2 аргументи: об'єкт (який містить `clientID`, `clientSecret` та `callbackURL`) та функцію, яку слід викликати після успішної автентифікації користувача, яка визначатиме, чи є користувач новим і які поля спочатку зберегти в об’єкті бази даних користувача. Це типово для багатьох стратегій, але деяким може знадобитися більше інформації, як зазначено в цій конкретній стратегії GitHub README. Наприклад, так Google вимагає *scope*, що визначає, яку інформацію просить повернути ваш запит, і просить користувача надати дозвіл на такий доступ. Використання поточної стратегії, яку ми впроваджуємо описане [тут](https://github.com/jaredhanson/passport-github/), але ми все це розглянемо тут, на freeCodeCamp!
+
+Ось як ваша нова стратегія має виглядати на цьому етапі:
+
+```js
+passport.use(new GitHubStrategy({
+  clientID: process.env.GITHUB_CLIENT_ID,
+  clientSecret: process.env.GITHUB_CLIENT_SECRET,
+  callbackURL: /*INSERT CALLBACK URL ENTERED INTO GITHUB HERE*/
+},
+  function(accessToken, refreshToken, profile, cb) {
+    console.log(profile);
+    //Database logic here with callback containing our user object
+  }
+));
+```
+
+Ваша автентифікація ще не є успішною, і насправді видасть помилку без логіки бази даних та зворотного виклику, але вона повинна зареєструвати ваш профіль GitHub на вашій консолі, якщо ви це спробуєте!
+
+Підтвердьте сторінку, якщо все зрозуміло. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/ff3a1166684c1b184709ac0bee30dee6).
+
+# --hints--
+
+Необхідно додати залежність passport-github.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'passport-github',
+        'Your project should list "passport-github" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Слід вказати passport-github.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/auth.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require.*("|')passport-github("|')/gi,
+        'You should have required passport-github'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Стратегію GitHub слід правильно налаштувати.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/auth.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /passport\.use.*new GitHubStrategy/gis,
+        'Passport should use a new GitHubStrategy'
+      );
+      assert.match(
+        data,
+        /callbackURL:\s*("|').*("|')/gi,
+        'You should have a callbackURL'
+      );
+      assert.match(
+        data,
+        /process\.env(\.GITHUB_CLIENT_SECRET|\[(?<q>"|')GITHUB_CLIENT_SECRET\k<q>\])/g,
+        'You should use process.env.GITHUB_CLIENT_SECRET'
+      );
+      assert.match(
+        data,
+        /process\.env(\.GITHUB_CLIENT_ID|\[(?<q>"|')GITHUB_CLIENT_ID\k<q>\])/g,
+        'You should use process.env.GITHUB_CLIENT_ID'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md
new file mode 100644
index 0000000000..c5251b68dc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication-iii.md
@@ -0,0 +1,80 @@
+---
+id: 589a8eb3f9fc0f352b528e72
+title: Реалізація соціальної автентифікації ІІІ
+challengeType: 2
+forumTopicId: 301558
+dashedName: implementation-of-social-authentication-iii
+---
+
+# --description--
+
+Кінцева частина стратегії керує профілем поверненим з GitHub. Якщо існує об'єкт бази даних користувача, необхідно його завантажити. У разі відсутності, потрібно його створити. Потім заповнюємо поля профілю і повертаємо об'єкт користувача. У межах кожного профілю GitHub надає нам унікальний *id*, який можна використовувати для пошуку для того, щоб серіалізувати користувача (уже реалізовано). Нижче наведено приклад реалізації, який ви можете використовувати у вашому проєкті - це відбувається завдяки функції, яка є другим аргументом для нової стратегії, нижче де `console.log(profile);` наразі є:
+
+```js
+myDataBase.findOneAndUpdate(
+  { id: profile.id },
+  {
+    $setOnInsert: {
+      id: profile.id,
+      name: profile.displayName || 'John Doe',
+      photo: profile.photos[0].value || '',
+      email: Array.isArray(profile.emails)
+        ? profile.emails[0].value
+        : 'No public email',
+      created_on: new Date(),
+      provider: profile.provider || ''
+    },
+    $set: {
+      last_login: new Date()
+    },
+    $inc: {
+      login_count: 1
+    }
+  },
+  { upsert: true, new: true },
+  (err, doc) => {
+    return cb(null, doc.value);
+  }
+);
+```
+
+`findOneAndUpdate` дозволяє шукати та оновлювати об'єкт. У разі, якщо об'єкта не існує, його вставлять та зроблять доступним для функції зворотнього зв'язку. У цьому прикладі, ми завжди встановлюємо `last_login`, збільшуємо `login_count` на `1` та після додавання нового об'єкту (користувача) лише заповнюємо більшість полів. Зверніть увагу на використання значень за замовчуванням. Іноді повернений профіль не міститиме усієї інформації або ж користувач зробить її приватною. У такому випадку, ви його обробляєте задля уникнення помилки.
+
+Ви повинні мати змогу увійти в ваш додаток прямо зараз — спробуйте!
+
+Підтвердьте сторінку, якщо все виконано вірно. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/183e968f0e01d81dde015d45ba9d2745).
+
+# --hints--
+
+Ви повинні завершити налаштування стратегії GitHub.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/auth.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /GitHubStrategy[^]*myDataBase/gi,
+        'Strategy should use now use the database to search for the user'
+      );
+      assert.match(
+        data,
+        /GitHubStrategy[^]*return cb/gi,
+        'Strategy should return the callback function "cb"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
new file mode 100644
index 0000000000..178950a287
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/implementation-of-social-authentication.md
@@ -0,0 +1,108 @@
+---
+id: 589a69f5f9fc0f352b528e70
+title: Реалізація соціальної автентифікації
+challengeType: 2
+forumTopicId: 301559
+dashedName: implementation-of-social-authentication
+---
+
+# --description--
+
+Основний шлях автентифікації відстежуватиметься у вашому застосунку:
+
+1.  Користувач натисне кнопку або з'єднається з нашим маршрутом для автентифікації у визначеній стратегії (наприклад, GitHub).
+2.  Ваш маршрут `passport.authenticate('github')` перенаправляє їх на GitHub.
+3.  Сторінка, на яку користувач заходить, на GitHub, дозволяє йому увійти в систему, якщо він ще не зробив це. Система попросить підтвердити доступ до свого профілю з нашого застосунку.
+4.  Потім користувач повертається до нашого застосунку за адресою зворотного виклику url з його профілем, якщо він схвалений.
+5.  Тепер вони аутентифіковані, і ваш застосунок перевірить, чи це постійний профіль, або збереже його у вашій базі даних, якщо це не так.
+
+Стратегії з OAuth потребують, щоб ви мали принаймні *Client ID* та *Client Secret*, так сервіс перевірить, від кого надходить запит автентифікації та чи є він дійсним. Вони отримані з сайту, з яким ви намагаєтеся здійснити автентифікацію, наприклад, з сайту GitHub і вони є унікальними для вашого застосунку **ВОНИ НЕ Є ДЛЯ ЗАГАЛЬНОГО ДОСТУПУ** і ніколи не повинні бути завантажені в публічне сховище або написані безпосередньо у вашому коді. Поширеною практикою є розміщення їх у файлі `.env` і посилання на них таким чином: `process.env.GITHUB_CLIENT_ID`. Для вирішення цього завдання ми будемо використовувати стратегію GitHub.
+
+Отримання вашого *Client ID and Secret* від GitHub можна зробити в налаштуваннях профілю вашого облікового запису в розділі "Налаштування розробника", потім '[OAuth applications](https://github.com/settings/developers)'. Натисніть "Зареєструвати нову програму", назвіть свій додаток, вставте URL-адресу на свою домашню сторінку Replit (**Not the project code's url**), і, зрештою, для URL-адреси зворотного виклику, вставте ту саму URL-адресу як і домашню сторінку, але з додаванням `/auth/github/callback`. Сюди користувачі будуть переадресовані для обробки після автентифікації на GitHub. Збережіть отриману інформацію як `'GITHUB_CLIENT_ID'` та `'GITHUB_CLIENT_SECRET'` у вашому файлі `.env`.
+
+У вашому файлі `routes.js` додайте `showSocialAuth: true` до маршруту головної сторінки після `showRegistration: true`. Тепер створіть 2 маршрути, які прийматимуть запити GET: `/auth/github` та `/auth/github/callback`. Перший повинен лише викликати паспорт для автентифікації `'github'`. Другий повинен викликати паспорт для автентифікації `'github'` з помилкою переадресації на `/`, а потім, якщо вдалося, переадресувати на `/profile` (подібно до нашого останнього проєкту).
+
+Приклад того, що `/auth/github/callback` має виглядати подібним до обробки звичного логіну:
+
+```js
+app.route('/login')
+  .post(passport.authenticate('local', { failureRedirect: '/' }), (req,res) => {
+    res.redirect('/profile');
+  });
+```
+
+Підтвердьте сторінку, якщо все зрозуміло. Якщо сталась якась помилка, ви маєте змогу перевірити статус проєкту до цього етапу [тут](https://gist.github.com/camperbot/1f7f6f76adb178680246989612bea21e).
+
+# --hints--
+
+Шлях `/auth/github` має бути правильним.
+
+```js
+async (getUserInput) => {
+  try {
+    const res = await fetch(getUserInput('url') + '/_api/routes.js');
+    if (res.ok) {
+      const data = await res.text();
+      assert.match(
+          data.replace(/\s/g, ''),
+          /passport.authenticate.*?github/g,
+          'Route auth/github should only call passport.authenticate with github'
+        );
+    } else {
+      throw new Error(res.statusText);
+    }
+    const res2 = await fetch(getUserInput('url') + '/_api/app-stack');
+    if (res2.ok) {
+      const data2 = JSON.parse(await res2.json());
+      const dataLayer = data2.find(layer => layer?.route?.path === '/auth/github');
+      assert.deepInclude(dataLayer?.route, { methods: {get: true}, path: "/auth/github"});
+      assert.deepInclude(dataLayer?.route?.stack?.[0], {method: "get", name: "authenticate"});
+    } else {
+      throw new Error(res2.statusText);
+    }
+  } catch (err) {
+    throw new Error(err);
+  }
+}
+```
+
+Шлях `/auth/github/callback` повинен бути правильним.
+
+```js
+async (getUserInput) => {
+  try {
+    const res = await fetch(getUserInput('url') + '/_api/routes.js');
+    if (res.ok) {
+      const data = await res.text();
+      assert.match(
+        data.replace(/\s/g, ''),
+        /failureRedirect:("|')\/\1/g,
+        'Route auth/github/callback should accept a get request and call passport.authenticate for github with a failure redirect to home'
+      );
+    } else {
+      throw new Error(res.statusText);
+    }
+    const res2 = await fetch(getUserInput('url') + '/_api/app-stack');
+    if (res2.ok) {
+      const data2 = JSON.parse(await res2.json());
+      const dataLayer = data2.find(layer => layer?.route?.path === '/auth/github/callback');
+      assert.deepInclude(dataLayer?.route, { methods: {get: true}, path: "/auth/github/callback"});
+      assert.deepInclude(dataLayer?.route?.stack?.[0], {method: "get", name: "authenticate"});
+    } else {
+      throw new Error(res2.statusText);
+    }
+  } catch (err) {
+    throw new Error(err);
+  }
+}
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
new file mode 100644
index 0000000000..ea44be27c7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/logging-a-user-out.md
@@ -0,0 +1,81 @@
+---
+id: 58965611f9fc0f352b528e6c
+title: Вихід з облікового запису
+challengeType: 2
+forumTopicId: 301560
+dashedName: logging-a-user-out
+---
+
+# --description--
+
+Логіка logout легко створюється. Маршрут має лише скасувати автентифікацію користувача та переадресувати на головну сторінку замість візуалізації будь-якого перегляду.
+
+Скасувати автентифікацію користувача через Passport так само легко, як викликати `req.logout();` до початку переспрямування.
+
+```js
+app.route('/logout')
+  .get((req, res) => {
+    req.logout();
+    res.redirect('/');
+});
+```
+
+Певно, ви помітили, що ми не обробляємо відсутні вебсторінки (404). Поширений спосіб обробки цієї помилки у Node є наступне проміжне програмне забезпечення. Додайте це після всіх інших маршрутів:
+
+```js
+app.use((req, res, next) => {
+  res.status(404)
+    .type('text')
+    .send('Not Found');
+});
+```
+
+Підтвердьте сторінку, якщо все виконано вірно. Якщо виникла помилка, Ви можете перевірити виконаний до цього етапу проєкт [тут](https://gist.github.com/camperbot/c3eeb8a3ebf855e021fd0c044095a23b).
+
+# --hints--
+
+`req.Logout` має викликатися у маршруті `/logout`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /req.logout/gi,
+        'You should be calling req.logout() in your /logout route'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Logout має переадресовувати на головну сторінку.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/logout').then(
+    (data) => {
+      assert.match(
+        data,
+        /Home page/gi,
+        'When a user logs out they should be redirected to the homepage'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
new file mode 100644
index 0000000000..b8cdac3543
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/registration-of-new-users.md
@@ -0,0 +1,205 @@
+---
+id: 58966a17f9fc0f352b528e6d
+title: Реєстрація нових користувачів
+challengeType: 2
+forumTopicId: 301561
+dashedName: registration-of-new-users
+---
+
+# --description--
+
+Тепер потрібно дозволити новому користувачеві створити обліковий запис на нашому сайті. У `res.render` для головної сторінки додайте нову змінну до переданого об'єкта `showRegistration: true`. Після оновлення вашої сторінки, ви побачите реєстраційну форму, яка вже була створена в файлі `index.pug`! Ця форма налаштована для надсилання **POST** запиту до `/register`, тому тут ми повинні прийняти **POST** і створити об'єкт користувача в базі даних.
+
+Логіка реєстраційного маршруту має бути наступною: Реєстрація нового користувача > Автентифікація нового користувача > Переадресація на /profile
+
+Логіка кроку 1, реєстрація нового користувача, повинна бути такою: Зробіть запит до бази даних за допомогою команди findOne > Якщо користувач був повернений, то він існує і переадресовується на головну сторінку *АБО* якщо користувач не визначений і помилки не виникло, тоді 'insertOne' у базу даних з ім'ям користувача та паролем, і поки не з'явиться помилок, викликайте *наступного*, щоб перейти до кроку 2, автентифікації нового користувача, для якого вже написана логіка в маршруті POST */login*.
+
+```js
+app.route('/register')
+  .post((req, res, next) => {
+    myDataBase.findOne({ username: req.body.username }, function(err, user) {
+      if (err) {
+        next(err);
+      } else if (user) {
+        res.redirect('/');
+      } else {
+        myDataBase.insertOne({
+          username: req.body.username,
+          password: req.body.password
+        },
+          (err, doc) => {
+            if (err) {
+              res.redirect('/');
+            } else {
+              // The inserted document is held within
+              // the ops property of the doc
+              next(null, doc.ops[0]);
+            }
+          }
+        )
+      }
+    })
+  },
+    passport.authenticate('local', { failureRedirect: '/' }),
+    (req, res, next) => {
+      res.redirect('/profile');
+    }
+  );
+```
+
+Підтвердьте сторінку, якщо все виконано вірно. Якщо сталась якась помилка, ви маєте змогу перевірити зроблений проєкт до цього етапу [тут](https://gist.github.com/camperbot/b230a5b3bbc89b1fa0ce32a2aa7b083e).
+
+**ПРИМІТКА:** З цього моменту можуть виникнути проблеми з використанням браузеру *picture-in-picture*. Якщо ви використовуєте онлайн IDE, який має попередній перегляд програми в редакторі, рекомендується відкрити цей попередній перегляд у новій вкладці.
+
+# --hints--
+
+Ви повинні зареєструвати маршрут та відобразити його на головній сторінці.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /showRegistration:( |)true/gi,
+        'You should be passing the variable showRegistration as true to your render function for the homepage'
+      );
+      assert.match(
+        data,
+        /register[^]*post[^]*findOne[^]*username:( |)req.body.username/gi,
+        'You should have a route accepted a post request on register that querys the db with findone and the query being username: req.body.username'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Реєстрація повинна працювати.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const user = `freeCodeCampTester${Date.now()}`;
+  const xhttp = new XMLHttpRequest();
+  xhttp.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      test(this);
+    } else {
+      throw new Error(`${this.status} ${this.statusText}`);
+    }
+  };
+  xhttp.open('POST', url + '/register', true);
+  xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+  xhttp.send(`username=${user}&password=${user}`);
+  function test(xhttpRes) {
+    const data = xhttpRes.responseText;
+    assert.match(
+      data,
+      /Profile/gi,
+      'Register should work, and redirect successfully to the profile.'
+    );
+  }
+};
+```
+
+Вхід в обліковий запис повинен працювати.
+
+```js
+async (getUserInput) => {
+  const url = getUserInput('url');
+  const user = `freeCodeCampTester${Date.now()}`;
+  const xhttpReg = new XMLHttpRequest();
+  xhttpReg.onreadystatechange = function () {
+    if (this.readyState == 4 && this.status == 200) {
+      login();
+    } else {
+      throw new Error(`${this.status} ${this.statusText}`);
+    }
+  };
+  xhttpReg.open('POST', url + '/register', true);
+  xhttpReg.setRequestHeader(
+    'Content-type',
+    'application/x-www-form-urlencoded'
+  );
+  xhttpReg.send(`username=${user}&password=${user}`);
+  function login() {
+    const xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function () {
+      if (this.readyState == 4 && this.status == 200) {
+        test(this);
+      } else {
+        throw new Error(`${this.status} ${this.statusText}`);
+      }
+    };
+    xhttp.open('POST', url + '/login', true);
+    xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+    xhttp.send(`username=${user}&password=${user}`);
+  }
+  function test(xhttpRes) {
+    const data = xhttpRes.responseText;
+    assert.match(
+      data,
+      /Profile/gi,
+      'Login should work if previous test was done successfully and redirect successfully to the profile.'
+    );
+    assert.match(
+      data,
+      new RegExp(user, 'g'),
+      'The profile should properly display the welcome to the user logged in'
+    );
+  }
+};
+```
+
+Вихід з облікового запису повинен працювати.
+
+```js
+(getUserInput) =>
+  $.ajax({
+    url: getUserInput('url') + '/logout',
+    type: 'GET',
+    xhrFields: { withCredentials: true }
+  }).then(
+    (data) => {
+      assert.match(data, /Home/gi, 'Logout should redirect to home');
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Профіль більше не повинен працювати після виходу з облікового запису.
+
+```js
+(getUserInput) =>
+  $.ajax({
+    url: getUserInput('url') + '/profile',
+    type: 'GET',
+    crossDomain: true,
+    xhrFields: { withCredentials: true }
+  }).then(
+    (data) => {
+      assert.match(
+        data,
+        /Home/gi,
+        'Profile should redirect to home when we are logged out now again'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
new file mode 100644
index 0000000000..69283a3138
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/send-and-display-chat-messages.md
@@ -0,0 +1,79 @@
+---
+id: 589fc832f9fc0f352b528e79
+title: Відправлення та відображення повідомлень чату
+challengeType: 2
+forumTopicId: 301562
+dashedName: send-and-display-chat-messages
+---
+
+# --description--
+
+Настав час почати надсилати повідомлення чату на сервер всім клієнтам! У файлі `client.js`, ви бачите, що вже існує блок обробки коду, після відправлення форми повідомлення.
+
+```js
+$('form').submit(function() {
+  /*logic*/
+});
+```
+
+У межах коду відправлення форми ви повинні видати (emit) подію після визначення `messageToSend`, але перед тим, як ви очистите текстову панель `#m`. Код повинен називатися `'chat message'` і дані повинні бути `messageToSend`.
+
+```js
+socket.emit('chat message', messageToSend);
+```
+
+Тепер на вашому сервері, ви мусите прослухати сокет для події `'chat message'` з назвою `message`. Після отримання події він повинен буде видати подію `'chat message'` до всіх сокетів `io.emit` з даними об'єкта, що містить `name` та `message`.
+
+В `client.js`, тепер необхідно послухати подію `'chat message'` і після отримання, додати список елементів до `#message` з іменем, двокрапкою та повідомленням!
+
+На даний момент чат повинен бути повністю функціональним і спроможним відправляти повідомлення всім клієнтам!
+
+Підтвердіть вашу сторінку, якщо все зрозуміло. Якщо сталась якась помилка, ви маєте змогу перевірити зроблений проєкт до цього етапу [тут](https://gist.github.com/camperbot/d7af9864375207e254f73262976d2016).
+
+# --hints--
+
+Сервер має слухати `'chat message'` та переміщувати (emit) його належним чином.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.on.*('|")chat message('|")[^]*io.emit.*('|")chat message('|").*name.*message/gis,
+        'Your server should listen to the socket for "chat message" then emit to all users "chat message" with name and message in the data object'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Клієнт повинен правильно обробляти та показувати нові дані із події `'chat message'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/client.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.on.*('|")chat message('|")[^]*messages.*li/gis,
+        'You should append a list item to #messages on your client within the "chat message" event listener to display the new message'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
new file mode 100644
index 0000000000..ae63f63d8c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/serialization-of-a-user-object.md
@@ -0,0 +1,131 @@
+---
+id: 5895f70cf9fc0f352b528e66
+title: Серіалізація об'єкта користувача
+challengeType: 2
+forumTopicId: 301563
+dashedName: serialization-of-a-user-object
+---
+
+# --description--
+
+Серіалізація та десеріалізація є важливими поняттями щодо автентифікації. Серіалізація об’єкта означає перетворення його вмісту в маленький *ключ*, який потім можна десеріалізувати у вихідний об’єкт. Це дозволяє нам знати, хто користувався сервером без надсилання даних автентифікації, таких як ім’я користувача та пароль, при кожному запиті на нову сторінку.
+
+Щоб налаштувати його належним чином, потрібно мати функцію серіалізації та функцію десеріалізації. У Passport, ми створюємо їх за допомогою `passport.serializeUser( OURFUNCTION )` та `passport.deserializeUser( OURFUNCTION )`
+
+`serializeUser` викликається 2 аргументами, повним об'єктом користувача та зворотним викликом, що використовується паспортом. Унікальний ключ для ідентифікації того, що користувача слід повернути у зворотному виклику, найпростіший у використанні `_id` користувача в об'єкті. Він повинен бути унікальним, оскільки він створений MongoDB. Аналогічно, `deserializeUser` викликається за допомогою цього ключа і також функції зворотного виклику паспорта, але цього разу ми повинні взяти цей ключ і повернути повний об'єкт користувача до зворотного виклику. Щоб здійснити пошук за запитом для Mongo `_id`, вам потрібно створити `const ObjectID = require('mongodb').ObjectID;`, а потім, щоб використати його, викличте `new ObjectID(THE_ID)`. Обов’язково додайте `mongodb@~3.6.0` як залежність. Ви можете побачити це в наведених нижче прикладах:
+
+```js
+passport.serializeUser((user, done) => {
+  done(null, user._id);
+});
+
+passport.deserializeUser((id, done) => {
+  myDataBase.findOne({ _id: new ObjectID(id) }, (err, doc) => {
+    done(null, null);
+  });
+});
+```
+
+ПРИМІТКА: `deserializeUser` видасть помилку, поки ми не налаштуємо базу даних (DB) на наступному кроці, тому поки що прокоментуйте весь блок і просто викличте `done(null, null)` у функції `deserializeUser`.
+
+Підтвердіть сторінку, якщо все виконано вірно. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [here](https://gist.github.com/camperbot/7068a0d09e61ec7424572b366751f048).
+
+# --hints--
+
+Вам слід правильно серіалізувати функцію користувача.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /passport.serializeUser/gi,
+        'You should have created your passport.serializeUser function'
+      );
+      assert.match(
+        data,
+        /null,\s*user._id/gi,
+        'There should be a callback in your serializeUser with (null, user._id)'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Вам слід належним чином десеріалізувати функцію користувача.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /passport.deserializeUser/gi,
+        'You should have created your passport.deserializeUser function'
+      );
+      assert.match(
+        data,
+        /null,\s*null/gi,
+        'There should be a callback in your deserializeUser with (null, null) for now'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+MongoDB має бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'mongodb',
+        'Your project should list "mongodb" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Mongodb повинен бути включеним (required) належним чином, включаючи ObjectId.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require.*("|')mongodb\1/gi,
+        'You should have required mongodb'
+      );
+      assert.match(
+        data,
+        /new ObjectID.*id/gi,
+        'Even though the block is commented out, you should use new ObjectID(id) for when we add the database'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
new file mode 100644
index 0000000000..b1c205021a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-a-template-engine.md
@@ -0,0 +1,116 @@
+---
+id: 5895f700f9fc0f352b528e63
+title: Налаштування шаблону двигуна
+challengeType: 2
+forumTopicId: 301564
+dashedName: set-up-a-template-engine
+---
+
+# --description--
+
+Робота над цими завданнями передбачає написання коду одним із таких методів:
+
+- Клонуйте [ цей GitHub репозиторій](https://github.com/freeCodeCamp/boilerplate-advancednode/) і локально виконайте ці завдання.
+- Використовуйте [наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-advancednode) для виконання цих завдань.
+- Використовуйте конструктор сайтів на ваш розсуд для завершення проекту. Впевніться, що ви маєте усі файли з нашого GitHub репозиторію.
+
+По завершенню, переконайтеся, що демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`.
+
+Шаблон двигуна дозволяє використовувати статичні шаблони файлів (такі як написані в *Pug*) у вашому додатку. У той час шаблон двигуна замінює варіації у файлі шаблону фактичними значеннями, які можуть надаватися вашим сервером. Потім він перетворює шаблон в статичний HTML файл, який надсилається клієнту. Цей підхід спрощує дизайн HTML сторінки та дозволяє показувати змінні на сторінці без необхідності виклику API від клієнта.
+
+Додайте `pug@~3.0.0` в якості залежності у файлі `package.json`.
+
+Висловіть свої потреби для розуміння, який шаблон двигуна ви використовуєте. Ми будемо використовувати метод `set` для призначення `pug` як `view engine` значення властивості: `app.set('view engine', 'pug')`
+
+Ваша сторінка не буде завантажуватися, поки ви не зобразите правильно індексний файл у каталозі `views/pug`.
+
+Змініть аргумент `res.render()` оголошення в маршруті `/` як шлях до файлу каталогу `views/pug`. Шлях може бути відносним шляхом (відносно переглядів) або абсолютним шляхом і не потребує розширення файлу.
+
+Якщо все пройшло по плану, ваша домашня сторінка додатку зупинить показ повідомлення "`Pug template is not defined.`" і тепер буде показано повідомлення, яке вказує, що ви успішно зобразили шаблон Pug!
+
+Підтвердіть свою сторінку, коли зрозумієте, що все працює коректно. Якщо виникла помилка, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/3515cd676ea4dfceab4e322f59a37791).
+
+# --hints--
+
+Pug повинен бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'pug',
+        'Your project should list "pug" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Двигун перегляду має бути Pug.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /('|")view engine('|"),( |)('|")pug('|")/gi,
+        'Your project should set Pug as a view engine'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Використайте правильний метод ExpressJS, щоб відобразити сторінку індексу з відповіді.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/').then(
+    (data) => {
+      assert.match(
+        data,
+        /FCC Advanced Node and Express/gi,
+        'You successfully rendered the Pug template!'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Pug має працювати.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/').then(
+    (data) => {
+      assert.match(
+        data,
+        /pug-success-message/gi,
+        'Your projects home page should now be rendered by pug with the projects .pug file unaltered'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md
new file mode 100644
index 0000000000..21404cb817
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-passport.md
@@ -0,0 +1,132 @@
+---
+id: 5895f70cf9fc0f352b528e65
+title: Налаштування Passport
+challengeType: 2
+forumTopicId: 301565
+dashedName: set-up-passport
+---
+
+# --description--
+
+Час встановити *Passport*, щоб нарешті дозволити користувачеві реєструватися або входити в обліковий запис! Разом з Passport, ми будемо використовувати експрес-сесію (Express-session) для обробки сесій. Використання цього проміжного програмного забезпечення зберігає id сесії як файл cookie в клієнті та дозволяє нам отримувати доступ до даних сесії за допомогою цього id на сервері. Таким чином ми зберігаємо особисту інформацію облікового запису поза файлом cookie, який клієнт використовує для перевірки на нашому сервері їх автентичності, і просто зберігаємо *ключ* для доступу до даних, що зберігаються на сервері.
+
+Щоб налаштувати Passport для використання в своєму проекті, вам потрібно буде спочатку додати його як залежність у вашому package.json. `passport@~0.4.1`
+
+Крім того, додайте також експрес-сесію як залежність. Експрес-сесія має дуже великий набір розширених функцій, які ви можете використати, але зараз ми збираємося використовувати лише базові функції! `express-session@~1.17.1`
+
+Зараз вам потрібно буде встановити налаштування сесії та ініціалізувати Passport. Переконайтеся, що створили змінні 'session' та 'passport', це потрібно для 'express-session' та 'passport'.
+
+Щоб налаштувати експрес-застосунок для використання у сесії, ми визначимо лише декілька основних параметрів. Не забудьте додати 'SESSION_SECRET' до вашого .env файлу і надати йому випадкове значення. Це використовується для обчислення хешу, яке використовується для шифрування вашого cookie!
+
+```js
+app.use(session({
+  secret: process.env.SESSION_SECRET,
+  resave: true,
+  saveUninitialized: true,
+  cookie: { secure: false }
+}));
+```
+
+Крім того, ви можете продовжити та повідомити своєму експрес-застосунку **використовувати** 'Passpor.initialize()' та 'Pasort.session()'. (Наприклад, `app.use(passport.initialize());`)
+
+Відправте сторінку, якщо все було виконано правильно. Якщо виникають помилки, ви можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/4068a7662a2f9f5d5011074397d6788c).
+
+# --hints--
+
+Passport і експрес-сесії повинні бути залежностями.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'passport',
+        'Your project should list "passport" as a dependency'
+      );
+      assert.property(
+        packJson.dependencies,
+        'express-session',
+        'Your project should list "express-session" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Пов'язані залежності повинні бути правильно заповнені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /require.*("|')passport("|')/gi,
+        'You should have required passport'
+      );
+      assert.match(
+        data,
+        /require.*("|')express-session("|')/gi,
+        'You should have required express-session'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Експрес застосунок має використовувати нові залежності.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /passport.initialize/gi,
+        'Your express app should use "passport.initialize()"'
+      );
+      assert.match(
+        data,
+        /passport.session/gi,
+        'Your express app should use "passport.session()"'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Сесія і секрет сесії мають бути правильно налаштовані.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /secret *: *process\.env(\.SESSION_SECRET|\[(?<q>"|')SESSION_SECRET\k<q>\])/g,
+        'Your express app should have express-session set up with your secret as process.env.SESSION_SECRET'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
new file mode 100644
index 0000000000..a829f2af02
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/set-up-the-environment.md
@@ -0,0 +1,148 @@
+---
+id: 589fc830f9fc0f352b528e74
+title: Налаштування середовища
+challengeType: 2
+forumTopicId: 301566
+dashedName: set-up-the-environment
+---
+
+# --description--
+
+Наступні завдання використовуватимуть файл `chat.pug`. Отже, у файлі `routes.js` додайте шлях GET, вказавши на `/chat`, що використовує `ensureAuthenticated` і відображає `chat.pug`, передаючи `{ user: req.user }` як аргумент до відповіді. Тепер змініть існуючий шлях `/auth/github/callback`, щоб встановити `req.session.user_id = req.user.id`, і перенаправте до `/chat`.
+
+Додайте `socket.io@~2.3.0` як залежність і запросіть/встановіть її на свій сервер, визначивши наступним чином, із `http` (постачається вбудованою з Nodejs):
+
+```javascript
+const http = require('http').createServer(app);
+const io = require('socket.io')(http);
+```
+
+Тепер, коли сервер *http* встановлений в *експрес застосунку*, чекайте відповіді від сервера *http*. Змініть рядок `app.listen` на `http.listen`.
+
+Спершу необхідно прослухати нове з'єднання від клієнта. Ключове слово <dfn>on</dfn> робить лише це — прослуховує конкретну подію. Йому треба 2 аргумента: рядок, що містить заголовок події, що передається, і функція, якою проходять дані. У випадку нашого слухача зв'язку, скористаємось *socket*, щоб визначити дані в наступному аргументі. Сокет (socket) – це підключений індивідуальний клієнт.
+
+Щоб прослухати підключення до вашого сервера, додайте до вашого підключення бази даних наступне:
+
+```javascript
+io.on('connection', socket => {
+  console.log('A user has connected');
+});
+```
+
+Тепер, щоб клієнт під'єднався, вам треба просто додати до вашого `client.js`, що завантажується сторінкою після автентифікації, наступне:
+
+```js
+/*global io*/
+let socket = io();
+```
+
+Цей коментар замовчує помилку, яку ви б зазвичай бачили, оскільки 'io' не визначено в файлі. Ми вже додали надійну CDN до бібліотеки Socket.IO на сторінці chat.pug.
+
+Тепер спробуйте завантажити свій додаток і автентифікуватись, і ви маєте побачити в консолі серверу напис 'A user has connected'!
+
+**Примітка:**`io()` працює лише тоді коли підключений до сокета, який знаходиться на тому ж url/сервері. Щоб підключитись до зовнішнього сокета, який знаходиться в іншому місці, скористайтесь `io.connect('URL');`.
+
+Підтвердіть свою сторінку, коли зрозумієте, що все працює коректно. Якщо ви натрапите на помилки, можете перевірити виконання проєкту до цього етапу [тут](https://gist.github.com/camperbot/aae41cf59debc1a4755c9a00ee3859d1).
+
+# --hints--
+
+`socket.io` має бути залежністю.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'socket.io',
+        'Your project should list "socket.io" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Ви маєте правильно запросити й встановити `http` як `http`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /http.*=.*require.*('|")http\1/gi,
+        'Your project should list "http" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Ви маєте правильно запросити й встановити `socket.io` як `io`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /io.*=.*require.*('|")socket.io\1.*http/gi,
+        'You should correctly require and instantiate socket.io as io.'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Socket.IO має прослуховувати з'єднання.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /io.on.*('|")connection\1.*socket/gi,
+        'io should listen for "connection" and socket should be the 2nd arguments variable'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Клієнт має бути підключеним до вашого сервера.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/public/client.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /socket.*=.*io/gi,
+        'Your client should be connection to server with the connection defined as socket'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
new file mode 100644
index 0000000000..5538c11ac9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/advanced-node-and-express/use-a-template-engines-powers.md
@@ -0,0 +1,53 @@
+---
+id: 5895f70bf9fc0f352b528e64
+title: Використовуйте можливості шаблонного рушія
+challengeType: 2
+forumTopicId: 301567
+dashedName: use-a-template-engines-powers
+---
+
+# --description--
+
+Одна з головних переваг використання шаблонного рушія – це можливість передавати змінні з сервера в файл шаблону перед його візуалізацією в HTML.
+
+У вашому файлі Pug ви можете використовувати змінну, посилаючись на ім'я змінної як `#{variable_name}` в рядку з іншим текстом в елементі або використовуючи знак рівності в елементі без пробілу, наприклад, `p=variable_name`, що присвоює значення змінної тексту елемента p.
+
+Ми рекомендуємо вивчити синтаксис і структуру Pug [тут](https://github.com/pugjs/pug) у README GitHub. Файл Pug націлений на використання прогалин і вкладок для зображення гніздових елементів і скорочення обсягу коду, необхідного для створення красивого сайту.
+
+Коли йдеться про наш файл pug «index.pug», включений у ваш проєкт, ми використовували змінні *title* і *message*.
+
+Щоб передати їх з нашого сервера, вам потрібно буде додати об'єкт як другий аргумент у ваш *res.render* зі змінними та їх значеннями. Наприклад, передайте цьому об'єкту установку змінних для індексного перегляду: `{title: 'Hello', message: 'Please login'}`
+
+Це має мати наступний вигляд: `res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'});` Тепер оновіть свою сторінку. Під час перегляду ви повинні побачити ці значення у потрібному місці, як зазначено у файлі index.pug!
+
+Якщо вам вдалося, запустіть сторінку. Якщо ви зіткнулися з помилками, можете перевірити завершений до цього етапу проєкт [тут](https://gist.github.com/camperbot/4af125119ed36e6e6a8bb920db0c0871).
+
+# --hints--
+
+Файл Pug повинен правильно відображати змінні.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/').then(
+    (data) => {
+      assert.match(
+        data,
+        /pug-variable("|')>Please login/gi,
+        'Your projects home page should now be rendered by pug with the projects .pug file unaltered'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.md
new file mode 100644
index 0000000000..516ef2d559
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/assert-deep-equality-with-.deepequal-and-.notdeepequal.md
@@ -0,0 +1,79 @@
+---
+id: 587d824c367417b2b2512c4c
+title: Підтвердження глибокої рівності за допомогою .deepEqual та .notDeepEqual
+challengeType: 2
+forumTopicId: 301587
+dashedName: assert-deep-equality-with--deepequal-and--notdeepequal
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`deepEqual()` підтверджує, що два об'єкти дуже однакові.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#7` в наборі `Equality` змініть кожний `assert` на `assert.deepEqual` або `assert.notDeepEqual`, щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Необхідно пройти всі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=6').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `deepEqual` або `notDeepEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=6').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'deepEqual',
+        'The order of the keys does not matter'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `deepEqual` або `notDeepEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=6').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'notDeepEqual',
+        'The position of elements within an array does matter'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.md
new file mode 100644
index 0000000000..40152c28fe
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/compare-the-properties-of-two-elements.md
@@ -0,0 +1,109 @@
+---
+id: 587d824c367417b2b2512c4d
+title: Порівняйте властивості двох елементів
+challengeType: 2
+forumTopicId: 301588
+dashedName: compare-the-properties-of-two-elements
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт будується на основі наступного стартового проєкту на [Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai), або клонується з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `test/1_unit-tests.js` під тестом з міткою `#8` у наборі `Comparisons` змініть кожне `assert` на `assert.isAbove` або `assert.isAtMost`, щоб тест міг бути успішно пройдений (слід оцінити як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=7').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для першого твердження - `isAbove` або `isAtMost`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=7').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'isAtMost',
+        '5 is at most (<=) 5'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для другого твердження - `isAbove` або `isAtMost`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=7').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'isAbove', '1 is greater than 0');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні обрати правильний метод третього твердження - `isAbove` або `isAtMost`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=7').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'isAbove',
+        'Math.PI = 3.14159265 is greater than 3'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для четвертого твердження - `isAbove` або `isAtMost`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=7').then(
+    (data) => {
+      assert.equal(
+        data.assertions[3].method,
+        'isAtMost',
+        '1 - Math.random() is > 0 and <= 1. It is atMost 1 !'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.md
new file mode 100644
index 0000000000..57dd62bc9e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/learn-how-javascript-assertions-work.md
@@ -0,0 +1,75 @@
+---
+id: 587d824a367417b2b2512c46
+title: Дізнайтесь як працює твердження JavaScript
+challengeType: 2
+forumTopicId: 301589
+dashedName: learn-how-javascript-assertions-work
+---
+
+# --description--
+
+Робота над цими завданнями передбачає написання коду одним із таких методів:
+
+- Створіть копію [цього репозиторію](https://github.com/freeCodeCamp/boilerplate-mochachai/) та виконайте ці завдання локально.
+- Використовуйте [наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) для виконання цих завдань.
+- Для виконання проєкту скористуйтеся будь-яким конструктором сайтів на ваш розсуд. Впевніться, що ви зберегли усі файли з нашого GitHub репозиторію.
+
+Завершивши роботу, переконайтеся, що робоча демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#1` в наборі `Basic Assertions` змініть кожне `assert`, або `assert.isNull`, або `assert.isNotNull` щоб пройти тест, який має оцінити `true`. Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Необхідно пройти усі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=0').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `isNull` або`isNotNull`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=0').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'isNull', 'Null is null');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `isNull` або `isNotNull`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=0').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'isNotNull', '1 is not null');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.md
new file mode 100644
index 0000000000..e97b2232f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iii---put-method.md
@@ -0,0 +1,148 @@
+---
+id: 587d824f367417b2b2512c5a
+title: Запустіть функціональне тестування на відповідь API за допомогою Chai-HTTP III - PUT методу
+challengeType: 2
+forumTopicId: 301590
+dashedName: run-functional-tests-on-an-api-response-using-chai-http-iii---put-method
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі стартового проєкту на [ Replit ](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або клонується з [GitHub ](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+Коли ви протестуєте `PUT` запит, ви часто будете посилати дані разом з ним. Дані, які ви включаєте до вашого `PUT` запиту, називаються тілом запиту.
+
+Щоб відправити `PUT` запит і об'єкт JSON до `'/travellers'`, ви можете використовувати плагіни `chai-http`, `put` і `send` методи:
+
+```js
+chai
+  .request(server)
+  .put('/travellers')
+  .send({
+    "surname": [last name of a traveller of the past]
+  })
+  ...
+```
+
+І маршрут відповідає:
+
+```json
+{
+  "name": [first name],
+  "surname": [last name],
+  "dates": [birth - death years]
+}
+```
+
+Перегляньте код сервера для різних відповідей на кінцевій точці `'/travellers'`.
+
+# --instructions--
+
+У межах  `tests/2_functional-tests.js` змініть `'Send {surname: "Colombo"}'`, перевірте (`// #3`) та використайте методи `put` та `send`, щоб перевірити кінцеву точку `'/travellers'`.
+
+Надішліть наступний об'єкт JSON з вашим PUT-запитом:
+
+```json
+{
+  "surname": "Colombo"
+}
+```
+
+Перевірте наступне у межах виклику `request.end`:
+
+1.  `status` має бути `200`
+2.  `type` має бути `application/json`
+3.  `body.name` має бути `Cristoforo`
+4.  `body.surname` має бути `Colombo`
+
+Дотримуйтесь порядку тверджень вище - ми покладаємося на нього. Також обов'язково видаліть `assert.fail()` після завершення.
+
+# --hints--
+
+Необхідно пройти усі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=2').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні перевірити, чи значення `res.status` становить 200.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'equal');
+      assert.equal(data.assertions[0].args[0], 'res.status');
+      assert.equal(data.assertions[0].args[1], '200');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.type` на `'application/json'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'equal');
+      assert.equal(data.assertions[1].args[0], 'res.type');
+      assert.match(data.assertions[1].args[1], /('|")application\/json\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.body.name` на `'Cristoforo'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'equal');
+      assert.equal(data.assertions[2].args[0], 'res.body.name');
+      assert.match(data.assertions[2].args[1], /('|")Cristoforo\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.body.surname` на `'Colombo'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[3].method, 'equal');
+      assert.equal(data.assertions[3].args[0], 'res.body.surname');
+      assert.match(data.assertions[3].args[1], /('|")Colombo\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.md
new file mode 100644
index 0000000000..bef2afd1de
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method.md
@@ -0,0 +1,126 @@
+---
+id: 587d824f367417b2b2512c5b
+title: Запуск функціональних тестів на відповідь API за допомогою методу Chai-HTTP IV - PUT
+challengeType: 2
+forumTopicId: 301591
+dashedName: run-functional-tests-on-an-api-response-using-chai-http-iv---put-method
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+Ця вправа схожа на попередню.
+
+Тепер, коли ви знаєте, як перевірити запит `PUT`, ваша черга зробити це з нуля.
+
+# --instructions--
+
+У межах  `tests/2_functional-tests.js` змініть `'Send {surname: "da Verrazzano"}'`, перевірте (`// #4`) та використайте методи `put` та `send`, щоб перевірити кінцеву точку `'/travellers'`.
+
+Надішліть наступний об'єкт JSON з вашим PUT-запитом:
+
+```json
+{
+  "surname": "da Verrazzano"
+}
+```
+
+Перевірте наступне у межах виклику `request.end`:
+
+1.  `status` має бути `200`
+2.  `type` має бути `application/json`
+3.  `body.name` має бути `Giovanni`
+4.  `body.surname` має бути `da Verrazzano`
+
+Дотримуйтесь порядку тверджень вище – ми покладаємося на нього. Також обов'язково видаліть `assert.fail()` після завершення.
+
+# --hints--
+
+Необхідно пройти всі тести
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=3').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.status` на 200
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=3').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'equal');
+      assert.equal(data.assertions[0].args[0], 'res.status');
+      assert.equal(data.assertions[0].args[1], '200');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.type` на `'application/json'`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=3').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'equal');
+      assert.equal(data.assertions[1].args[0], 'res.type');
+      assert.match(data.assertions[1].args[1], /('|")application\/json\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.body.name` на `'Giovanni'`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=3').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'equal');
+      assert.equal(data.assertions[2].args[0], 'res.body.name');
+      assert.match(data.assertions[2].args[1], /('|")Giovanni\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.body.surname` на `'da Verrazzano'`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=3').then(
+    (data) => {
+      assert.equal(data.assertions[3].method, 'equal');
+      assert.equal(data.assertions[3].args[0], 'res.body.surname');
+      assert.match(data.assertions[3].args[1], /('|")da Verrazzano\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.md
new file mode 100644
index 0000000000..8673e6d8ba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http-ii.md
@@ -0,0 +1,75 @@
+---
+id: 587d824f367417b2b2512c59
+title: Запуск функціональних тестів на кінцевих точках API за допомогою Chai-HTTP II
+challengeType: 2
+forumTopicId: 301592
+dashedName: run-functional-tests-on-api-endpoints-using-chai-http-ii
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `tests/2_functional-tests.js`, змініть тест `'Test GET /hello with your name'` (`// #2`) для перевірки відповідей `status` та `text` для проходження тесту.
+
+Надішліть своє ім'я як запит URL, додавши до маршруту `?name=<your_name>`. Кінцева точка відповідає `'hello <your_name>'`.
+
+# --hints--
+
+Необхідно пройти всі тести
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=1').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.status` == 200
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=1').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'equal');
+      assert.equal(data.assertions[0].args[0], 'res.status');
+      assert.equal(data.assertions[0].args[1], '200');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.text` == `'hello <your_name>'`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=1').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'equal');
+      assert.equal(data.assertions[1].args[0], 'res.text');
+      assert.match(data.assertions[1].args[1], /hello [\w\d_-]/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.md
new file mode 100644
index 0000000000..8437f91b95
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-api-endpoints-using-chai-http.md
@@ -0,0 +1,100 @@
+---
+id: 587d824e367417b2b2512c58
+title: Запуск функціональних тестів на кінцевих точках API за допомогою Chai-HTTP
+challengeType: 2
+forumTopicId: 301593
+dashedName: run-functional-tests-on-api-endpoints-using-chai-http
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+Mocha дозволяє вам тестувати асинхронні операції, такі як виклики в кінцевих точках API з плагіном `chai-http`.
+
+Приклад тесту за допомогою `chai-http` для набору `'GET /hello?name=[name] => "hello [name]"'`:
+
+```js
+suite('GET /hello?name=[name] => "hello [name]"', function () {
+  test('?name=John', function (done) {
+    chai
+      .request(server)
+      .get('/hello?name=John')
+      .end(function (err, res) {
+        assert.equal(res.status, 200, 'Response status should be 200');
+        assert.equal(res.text, 'hello John', 'Response should be "hello John"');
+        done();
+      });
+  });
+});
+```
+
+Тест відправляє запит `GET` до сервера з ім’ям як рядок запиту URL (`?name=John`). У функії зворотного виклику методу `end` відповідь об'єкта (`res`) отримується і містить властивість `status`.
+
+Перший `assert.equal` перевіряє, чи стан дорівнює `200`. Другий `assert.equal` перевіряє, що рядок відповіді (`res.text`) містить `"hello John"`.
+
+Також зверніть увагу на параметр `done` у функції тесту зворотного виклику. Виклик без аргументу в кінці тесту є необхідним, щоб асинхронна операція була завершена.
+
+# --instructions--
+
+У межах `tests/2_functional-tests.js`, змініть тест `'Test GET /hello with no name'` (`// #1`) для перевірки відповідей `status` та `text` для проходження тесту. Не змінюйте аргументи, передані до тверджень.
+
+Не має бути запитів URL. Без імені запиту URL кінцева точка відповідає `hello Guest`.
+
+# --hints--
+
+Необхідно пройти всі тести
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.status` == 200
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'equal');
+      assert.equal(data.assertions[0].args[0], 'res.status');
+      assert.equal(data.assertions[0].args[1], '200');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Перевірте значення `res.text` == `'hello Guest'`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=0').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'equal');
+      assert.equal(data.assertions[1].args[0], 'res.text');
+      assert.match(data.assertions[1].args[1], /('|")hello Guest\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.md
new file mode 100644
index 0000000000..ebae4f73a0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser-ii.md
@@ -0,0 +1,115 @@
+---
+id: 5f8884f4c46685731aabfc41
+title: Запуск функціональних тестів за допомогою Headless Browser II
+challengeType: 2
+forumTopicId: 301594
+dashedName: run-functional-tests-using-a-headless-browser-ii
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `tests/2_functional-tests.js` у тесті `'Submit the surname "Vespucci" in the HTML form'` (`// #5`) потрібно автоматизувати такі умови:
+
+1.  Впишіть у форму прізвище `Vespucci`
+2.  Натисніть кнопку підтвердження
+
+У межах кнопки зворотного виклику `pressButton`:
+
+1.  Підтвердьте, що статус – OK `200`
+2.  Підтвердьте, що текст всередині елемента `span#name` – це `'Amerigo'`
+3.  Підтвердьте, що текст всередині елемента `span#surname` – це `'Vespucci'`
+4.  Підтвердьте, що елемент(и) `span#dates` існують і їхній підрахунок дорівнює `1`
+
+Не забудьте видалити виклик `assert.fail()`.
+
+# --hints--
+
+Необхідно пройти всі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=6').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Вам слід підтвердити, що запит безголового браузера був успішним.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=6').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'browser.success');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що текст всередині елемента `span#name`> – це `'Amerigo'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=6').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'browser.text');
+      assert.match(data.assertions[1].args[0], /('|")span#name\1/);
+      assert.match(data.assertions[1].args[1], /('|")Amerigo\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що текст всередині елемента `span#surname` – це `'Vespucci'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=6').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'browser.text');
+      assert.match(data.assertions[2].args[0], /('|")span#surname\1/);
+      assert.match(data.assertions[2].args[1], /('|")Vespucci\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що елемент `span#dates` існує, а його підрахунок - 1.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=6').then(
+    (data) => {
+      assert.equal(data.assertions[3].method, 'browser.elements');
+      assert.match(data.assertions[3].args[0], /('|")span#dates\1/);
+      assert.equal(data.assertions[3].args[1], 1);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.md
new file mode 100644
index 0000000000..37167e5159
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-using-a-headless-browser.md
@@ -0,0 +1,148 @@
+---
+id: 587d8250367417b2b2512c5d
+title: Запуск функціональних тестів за допомогою Headless Browser
+challengeType: 2
+forumTopicId: 301595
+dashedName: run-functional-tests-using-a-headless-browser
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+На сторінці знаходиться вхідна форма. Дані надсилаються до кінцевої точки `PUT /travellers` як запит AJAX.
+
+Коли запит успішно виконано, код клієнта додає `<div>`, що містить інформацію у відповідь на DOM.
+
+Ось приклад використання Zombie.js для взаємодії з формою:
+
+```js
+test('Submit the surname "Polo" in the HTML form', function (done) {
+  browser.fill('surname', 'Polo').then(() => {
+    browser.pressButton('submit', () => {
+      browser.assert.success();
+      browser.assert.text('span#name', 'Marco');
+      browser.assert.text('span#surname', 'Polo');
+      browser.assert.elements('span#dates', 1);
+      done();
+    });
+  });
+});
+```
+
+Спершу метод `fill` об'єкта `browser` заповнює поле форми `surname` зі значенням `'Polo'`. `fill` повертає Promise, тоді `then` вимикається.
+
+У межах зворотного виклику `then` метод `pressButton` об'єкта `browser` використовується для виклику слухача події форми `submit`. Метод `pressButton` є асинхронним.
+
+Як тільки відповідь буде отримана від запиту AJAX, виникає кілька тверджень:
+
+1.  Статус відповіді `200`
+2.  Текст усередині елемента `<span id='name'></span>` збігається з `'Marco'`
+3.  Текст усередині елемента `<span id='surname'></span>` збігається з `'Polo'`
+4.  Є елемент `1` `<span id='dates'></span>`.
+
+Зрештою, запущено зворотний виклик `done`, який необхідний для асинхронного тесту.
+
+# --instructions--
+
+У межах `tests/2_functional-tests.js` у тесті `'Submit the surname "Colombo" in the HTML form'` (`// #5`) потрібно автоматизувати такі умови:
+
+1.  Впишіть у форму прізвище `Colombo`
+2.  Натисніть кнопку підтвердження
+
+У межах кнопки зворотного виклику `pressButton`:
+
+1.  Підтвердьте, що статус – OK `200`
+2.  Підтвердьте, що текст всередині елемента `span#name` – це `'Cristoforo'`
+3.  Підтвердьте, що текст всередині елемента `span#surname` – це `'Colombo'`
+4.  Підтвердьте, що елемент(и) `span#dates` існують і їхній підрахунок дорівнює `1`
+
+Не забудьте видалити виклик `assert.fail()`.
+
+# --hints--
+
+Необхідно пройти всі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=5').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Вам слід підтвердити, що запит headless browser був успішним.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=5').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'browser.success');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що текст всередині елемента `span#name`> – це `'Cristoforo'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=5').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'browser.text');
+      assert.match(data.assertions[1].args[0], /('|")span#name\1/);
+      assert.match(data.assertions[1].args[1], /('|")Cristoforo\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що текст всередині елемента `span#surname` – це `'Colombo'`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=5').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'browser.text');
+      assert.match(data.assertions[2].args[0], /('|")span#surname\1/);
+      assert.match(data.assertions[2].args[1], /('|")Colombo\1/);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Підтвердьте, що елемент `span#dates` існує, а його підрахунок - 1.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=5').then(
+    (data) => {
+      assert.equal(data.assertions[3].method, 'browser.elements');
+      assert.match(data.assertions[3].args[0], /('|")span#dates\1/);
+      assert.equal(data.assertions[3].args[1], 1);
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/simulate-actions-using-a-headless-browser.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/simulate-actions-using-a-headless-browser.md
new file mode 100644
index 0000000000..2ff29bb75f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/simulate-actions-using-a-headless-browser.md
@@ -0,0 +1,72 @@
+---
+id: 587d824f367417b2b2512c5c
+title: Імітувати дії з використанням Headless Browser
+challengeType: 2
+dashedName: simulate-actions-using-a-headless-browser
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт будується на основі наступного стартового проєкту на [Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai), або клонується з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+У наступних завданнях ви зможете імітувати взаємодію людини зі сторінкою за допомогою браузера без графічного інтерфейсу.
+
+Headless browsers - це веб-браузери без GUI (графічного інтерфейсу). Вони можуть візуалізувати та інтерпретувати HTML, CSS та JavaScript так само і звичайний браузер, що робить їх надзвичайно корисними для тестування веб-сторінок.
+
+Для вирішення наступних завдань ви будете використовувати Zombie.js - це легкий браузер без графічного інтерфейсу, який не покладається на встановлення додаткових бінарних файлів. Ця функція робить його придатним для використання в обмежених середовищах, таких як Replit. Але є ще багато інших потужніших опцій браузера без графічного інтерфейсу.
+
+Mocha дозволяє вам запустити певний код перед виконанням будь-якого реального тесту. Це може бути корисним для таких дій, як додавання записів до бази даних, які будуть використовуватися в решті тестів.
+
+У headless браузері перед запуском тестів вам потрібно **відвідати** сторінку, яку ви тестуватимете.
+
+Хук `suiteSetup` виконується лише один раз, на початку тестового набору.
+
+Існує кілька інших типів хуків, які можуть виконувати код перед кожним тестом, після кожного тесту або в кінці набору тестів. Для більш детальної інформації перегляньте документацію Mocha.
+
+# --instructions--
+
+У межах `test/2_functional-tests.js` одразу після оголошення `Browser` додайте URL-адресу свого проєкту до властивості `site` змінної:
+
+```js
+Browser.site = 'https://boilerplate-mochachai.your-username.repl.co'; // Your URL here
+```
+
+Потім на кореневому рівні `'Functional Tests with Zombie.js'`, створіть екземпляр нового об'єкта `Browser` з наступним кодом:
+
+```js
+const browser = new Browser();
+```
+
+І використовуйте хук `suiteSetup`, щоб направити `browser` до маршруту `/` за наступним кодом:
+
+```js
+suiteSetup(function(done) {
+  return browser.visit('/', done);
+});
+```
+
+# --hints--
+
+Необхідно пройти всі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=functional&n=4').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.md
new file mode 100644
index 0000000000..a806c231d0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-for-truthiness.md
@@ -0,0 +1,101 @@
+---
+id: 587d824b367417b2b2512c49
+title: Тест на істинність
+challengeType: 2
+forumTopicId: 301596
+dashedName: test-for-truthiness
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`isTrue()` протестує логічне значення `true` та `isNotTrue()` передасть дані, коли отримає будь-що окрім логічного значення `true`.
+
+```js
+assert.isTrue(true, 'This will pass with the boolean value true');
+assert.isTrue('true', 'This will NOT pass with the string value "true"');
+assert.isTrue(1, 'This will NOT pass with the number value 1');
+```
+
+`isFalse()` та `isNotFalse()` також існують, і мають схожу поведінку до своїх true двійників, якщо тільки не шукають логічне значення `false`.
+
+# --instructions--
+
+У `tests/1_unit-tests.js` тесті з позначкою `#4` в наборі `Basic Assertions` змініть кожне `assert` на `assert.isTrue`, або `assert.isNotTrue`, щоб пройти тест (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=3').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `isTrue` або `isNotTrue`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=3').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'isTrue', 'True is true');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `isTrue` або `isNotTrue`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=3').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'isTrue',
+        'Double negation of a truthy value is true'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження – `isTrue` або `isNotTrue`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=3').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'isNotTrue',
+        'A truthy object is not true - neither is a false one'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.md
new file mode 100644
index 0000000000..900bf86337
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-string-contains-a-substring.md
@@ -0,0 +1,79 @@
+---
+id: 587d824d367417b2b2512c53
+title: Перевірте, чи містить рядковий тип підрядок
+challengeType: 2
+forumTopicId: 301597
+dashedName: test-if-a-string-contains-a-substring
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`include()` та `notInclude()` також працює і для рядків! `include()` перевіряє, чи містить фактичний рядок очікуваний підрядок.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#14` в наборі `Strings` змініть кожний `assert` на `assert.include` або `assert.notInclude` щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=13').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `include` або `notInclude`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=13').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'include',
+        "'Arrow' contains 'row'..."
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `include` або `notInclude`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=13').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'notInclude',
+        "... a 'dart' doesn't contain a 'queue'"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.md
new file mode 100644
index 0000000000..c3804b404a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-falls-within-a-specific-range.md
@@ -0,0 +1,87 @@
+---
+id: 587d824c367417b2b2512c4f
+title: Перевірте, чи знаходиться значення у межах конкретного діапазону
+challengeType: 2
+forumTopicId: 301598
+dashedName: test-if-a-value-falls-within-a-specific-range
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+```javascript
+.approximately(actual, expected, delta, [message])
+```
+
+Перевіряє, щоб `actual` дорівнював `expected`, у межах +/- `delta` діапазону.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#10` в наборі `Comparisons` змініть кожний `assert` на `assert.approximately`, щоб полегшити проходження тесту (варто оцінювати як `true`).
+
+Виберіть мінімальний діапазон (третій параметр) для того, щоб тест можна було проходити завжди. Він має бути менше ніж 1.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=9').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Оберіть правильний діапазон для першого твердження - `approximately(actual, expected, range)`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=9').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'approximately');
+      assert.equal(
+        data.assertions[0].args[2],
+        0.5,
+        "weirdNumbers(0.5) is in the range (0.5, 1.5]. It's within 1 +/- 0.5"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Оберіть правильний діапазон для другого твердження - `approximately(actual, expected, range)`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=9').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'approximately');
+      assert.equal(
+        data.assertions[1].args[2],
+        0.8,
+        "weirdNumbers(0.2) is in the range (0.2, 1.2]. It's within 1 +/- 0.8"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.md
new file mode 100644
index 0000000000..02f174f261
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-a-string.md
@@ -0,0 +1,93 @@
+---
+id: 587d824d367417b2b2512c52
+title: Перевірте, чи є значення рядком
+challengeType: 2
+forumTopicId: 301599
+dashedName: test-if-a-value-is-a-string
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`isString` або `isNotString` стверджує, що фактичне значення - це рядок.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#13` в наборі `Strings` змініть кожний `assert` на `assert.isString` або `assert.isNotString` щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=12').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `isString` або `isNotString`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=12').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'isNotString',
+        'A float number is not a string'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження - `isString` або `isNotString`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=12').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'isString',
+        'environment vars are strings (or undefined)'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження – `isString` або `isNotString`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=12').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'isString', 'A JSON is a string');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.md
new file mode 100644
index 0000000000..48104df4bc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-an-array.md
@@ -0,0 +1,77 @@
+---
+id: 587d824d367417b2b2512c50
+title: Перевірте, чи є значення масивом
+challengeType: 2
+forumTopicId: 301600
+dashedName: test-if-a-value-is-an-array
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#11` в наборі `Arrays` змініть кожний `assert` на `assert.isArray` або `assert.isNotArray` щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Необхідно пройти усі тести.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=10').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження - `isArray` vs. `isNotArray`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=10').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'isArray',
+        'String.prototype.split() returns an Array'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження - `isArray` vs. `isNotArray`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=10').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'isNotArray',
+        'Array.prototype.indexOf() returns a number'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.md
new file mode 100644
index 0000000000..46b4d4c91c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-value-is-of-a-specific-data-structure-type.md
@@ -0,0 +1,133 @@
+---
+id: 587d824e367417b2b2512c56
+title: Перевірте, чи має значення конкретний тип структури даних
+challengeType: 2
+forumTopicId: 301601
+dashedName: test-if-a-value-is-of-a-specific-data-structure-type
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`#typeOf` стверджує, що тип значення - це заданий рядок, що визначено `Object.prototype.toString`.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#17` в наборі `Objects` змініть кожний `assert` на `assert.typeOf` або `assert.notTypeOf` щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження – `typeOf` або `notTypeOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'typeOf',
+        'myCar is typeOf Object'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження –`typeOf` або `notTypeOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'typeOf',
+        'Car.model is a String'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження –`typeOf` або `notTypeOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'notTypeOf',
+        'Plane.wings is a Number (not a String)'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для четвертого твердження –`typeOf` або `notTypeOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(
+        data.assertions[3].method,
+        'typeOf',
+        'Plane.engines is an Array'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для п'ятого твердження –`typeOf` або `notTypeOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=16').then(
+    (data) => {
+      assert.equal(
+        data.assertions[4].method,
+        'typeOf',
+        'Car.wheels is a Number'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.md
new file mode 100644
index 0000000000..d2ab6679de
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-a-variable-or-function-is-defined.md
@@ -0,0 +1,95 @@
+---
+id: 587d824b367417b2b2512c47
+title: Перевірте, чи визначено змінну або функцію
+challengeType: 2
+forumTopicId: 301602
+dashedName: test-if-a-variable-or-function-is-defined
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі наступного початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#2` в наборі `Basic Assertions` змініть кожний `assert` на `assert.isDefined()` або `assert.isUndefined()` щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=1').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `isDefined` або `isUndefined`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=1').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'isDefined',
+        'Null is not undefined'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `isDefined` або `isUndefined`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=1').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'isUndefined',
+        'Undefined is undefined'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження `isDefined` або `isUndefined`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=1').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'isDefined',
+        'A string is not undefined'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.md
new file mode 100644
index 0000000000..b842d0ee39
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-array-contains-an-item.md
@@ -0,0 +1,77 @@
+---
+id: 587d824d367417b2b2512c51
+title: Перевірте, чи містить масив предмет
+challengeType: 2
+forumTopicId: 301603
+dashedName: test-if-an-array-contains-an-item
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту[ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#12` в наборі `Arrays` змініть кожний `assert` на `assert.include` або `assert.notInclude`, щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=11').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `include` або `notInclude`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=11').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'notInclude',
+        "It's summer in july..."
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `include` або `notInclude`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=11').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'include',
+        'JavaScript is a backend language !!'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.md
new file mode 100644
index 0000000000..e0ccda3c3c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-has-a-property.md
@@ -0,0 +1,93 @@
+---
+id: 587d824e367417b2b2512c55
+title: Перевірка об'єкта на властивість
+challengeType: 2
+forumTopicId: 301604
+dashedName: test-if-an-object-has-a-property
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`property` стверджує, що певний об'єкт має задану властивість.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#16` у наборі `Objects` змініть кожний `assert` на `assert.property` або `assert.notProperty`, щоб забезпечити проходження тесту. (Має мати значення `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=15').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження –`property` у порівнянні з `notProperty`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=15').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'notProperty',
+        'A car has not wings'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження –`property` у порівнянні з `notProperty`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=15').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'property',
+        'planes have engines'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження –`property` у порівнянні з `notProperty`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=15').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'property', 'Cars have wheels');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.md
new file mode 100644
index 0000000000..7633d2273c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-an-object-is-an-instance-of-a-constructor.md
@@ -0,0 +1,115 @@
+---
+id: 587d824e367417b2b2512c57
+title: Перевірка об'єкта на екземпляр конструктора
+challengeType: 2
+forumTopicId: 301605
+dashedName: test-if-an-object-is-an-instance-of-a-constructor
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai), або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`#instanceOf` стверджує, що об'єкт є екземпляром конструктора.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#18` в наборі `Objects` змініть кожний `assert` на `assert.instanceOf` або `assert.notInstanceOf`, щоб забезпечити проходження тесту (має мати значення `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=17').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження – `instanceOf` або `notInstanceOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=17').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'notInstanceOf',
+        'myCar is not an instance of Plane'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження – `instanceOf` або `notInstanceOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=17').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'instanceOf',
+        'airlinePlane is an instance of Plane'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження – `instanceOf` або `notInstanceOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=17').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'instanceOf',
+        'everything is an Object in JavaScript...'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для четвертого твердження – `instanceOf` або `notInstanceOf`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=17').then(
+    (data) => {
+      assert.equal(
+        data.assertions[3].method,
+        'notInstanceOf',
+        'myCar.wheels is not an instance of String'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.md
new file mode 100644
index 0000000000..a7c29a1a62
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/test-if-one-value-is-below-or-at-least-as-large-as-another.md
@@ -0,0 +1,109 @@
+---
+id: 587d824c367417b2b2512c4e
+title: Перевірка, чи є одне значення нижчим або принаймні таке саме за величиною, як інше
+challengeType: 2
+forumTopicId: 301606
+dashedName: test-if-one-value-is-below-or-at-least-as-large-as-another
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створюється на основі початкового проєкту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+# --instructions--
+
+У межах `test/1_unit-tests.js` під тестом з міткою `#9` у наборі `Comparisons` змініть кожне `assert` на `assert.isBelow` або `assert.isAtLeast`, щоб тест міг бути успішно пройдений (слід оцінити як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=8').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для першого твердження – `isBelow` або `isAtLeast`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=8').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'isAtLeast',
+        '5 is at least (>=) 5'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для другого твердження – `isBelow` або `isAtLeast`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=8').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'isAtLeast',
+        '2 * Math.random() is at least 0'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для третього твердження – `isBelow` або `isAtLeast`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=8').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'isBelow', '1 is smaller than 2');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ви повинні вибрати правильний метод для четвертого твердження – `isBelow` або `isAtLeast`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=8').then(
+    (data) => {
+      assert.equal(
+        data.assertions[3].method,
+        'isBelow',
+        '2/3 (0.6666) is smaller than 1'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.md
new file mode 100644
index 0000000000..1bcf640f3a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-assert.isok-and-assert.isnotok.md
@@ -0,0 +1,87 @@
+---
+id: 587d824b367417b2b2512c48
+title: Використання Assert.isOK і Assert.isNotOK
+challengeType: 2
+forumTopicId: 301607
+dashedName: use-assert-isok-and-assert-isnotok
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт будується на основі такого початкового проєкту на [ Replit ](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або клонується з [ GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`isOk()` перевіряє правдиве значення, а `isNotOk()` перевіряє хибне значення.
+
+Щоб дізнатися більше про правдиві й хибні значення, перейдіть на завдання [Хибний вибивало](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-algorithm-scripting/falsy-bouncer).
+
+# --instructions--
+
+У `tests/1_unit-tests.js` тесті з позначкою `#3` у наборі `Basic Assertions` змініть кожне `assert` на `assert.isOk()` або `assert.isNotOk()`, щоб пройти тест (має мати значення `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=2').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження – `isOk` у порівнянні з `isNotOk`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[0].method, 'isNotOk', 'Null is falsy');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження – `isOk` у порівнянні з `isNotOk`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'isOk', 'A string is truthy');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження – `isOk` у порівнянні з `isNotOk`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=2').then(
+    (data) => {
+      assert.equal(data.assertions[2].method, 'isOk', 'true is truthy');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.md
new file mode 100644
index 0000000000..353f1fb365
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-regular-expressions-to-test-a-string.md
@@ -0,0 +1,79 @@
+---
+id: 587d824d367417b2b2512c54
+title: Використання звичайних виразів для перевірки рядка
+challengeType: 2
+forumTopicId: 301608
+dashedName: use-regular-expressions-to-test-a-string
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`match()` стверджує, що фактичне значення відповідає звичайному виразу другого аргументу.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#15` у наборі `Strings` змініть кожний `assert` на `assert.match` або `assert.notMatch`, щоб забезпечити проходження тесту. (Має мати значення `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=14').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження – `match` у порівнянні з `notMatch`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=14').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'match',
+        "'# name:John Doe, age:35' matches the regex"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження – `match` у порівнянні з `notMatch`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=14').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'notMatch',
+        "'# name:Paul Smith III, age:twenty-four' does not match the regex (the age must be numeric)"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.md
new file mode 100644
index 0000000000..4fc952b176
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-double-equals-to-assert-equality.md
@@ -0,0 +1,111 @@
+---
+id: 587d824b367417b2b2512c4a
+title: Використання подвійних рівностей для підтвердження рівності
+challengeType: 2
+forumTopicId: 301609
+dashedName: use-the-double-equals-to-assert-equality
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`equal()` порівнює об'єкти за допомогою `==`.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#5` в наборі `Equality` змініть кожний `assert` на `assert.equal` або `assert.notEqual`, щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=4').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `equal` або `notEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=4').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'equal',
+        'Numbers are coerced into strings with == '
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `equal` або `notEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=4').then(
+    (data) => {
+      assert.equal(
+        data.assertions[1].method,
+        'notEqual',
+        ' == compares object references'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження `equal` або `notEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=4').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'equal',
+        "6 * '2' is 12 ! It should be equal to '12'"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для четвертого твердження `equal` або `notEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=4').then(
+    (data) => {
+      assert.equal(data.assertions[3].method, 'notEqual', "6 + '2' is '62'...");
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.md
new file mode 100644
index 0000000000..c61d334612
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-and-testing-with-chai/use-the-triple-equals-to-assert-strict-equality.md
@@ -0,0 +1,111 @@
+---
+id: 587d824b367417b2b2512c4b
+title: Використання потрійних рівностей для підтвердження суворої рівності
+challengeType: 2
+forumTopicId: 301610
+dashedName: use-the-triple-equals-to-assert-strict-equality
+---
+
+# --description--
+
+Нагадуємо, що цей проєкт створено на основі наступного стартового проєкту [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-mochachai) або кальковано з [GitHub](https://github.com/freeCodeCamp/boilerplate-mochachai/).
+
+`strictEqual()` порівнює об'єкти за допомогою `===`.
+
+# --instructions--
+
+У межах `tests/1_unit-tests.js` під тестом з міткою `#6` в наборі `Equality` змініть кожний `assert` на `assert.strictEqual` або `assert.notStrictEqual`, щоб полегшити проходження тесту (варто оцінювати як `true`). Не змінюйте аргументи, передані до тверджень.
+
+# --hints--
+
+Всі тести повинні бути успішно пройдені.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=5').then(
+    (data) => {
+      assert.equal(data.state, 'passed');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для першого твердження `strictEqual` або `notStrictEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=5').then(
+    (data) => {
+      assert.equal(
+        data.assertions[0].method,
+        'notStrictEqual',
+        'with strictEqual the type must match'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для другого твердження `strictEqual` або `notStrictEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=5').then(
+    (data) => {
+      assert.equal(data.assertions[1].method, 'strictEqual', '3*2 = 6...');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для третього твердження `strictEqual` або `notStrictEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=5').then(
+    (data) => {
+      assert.equal(
+        data.assertions[2].method,
+        'strictEqual',
+        "6 * '2' is 12. Types match !"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Потрібно обрати правильний метод для четвертого твердження `strictEqual` або `notStrictEqual`.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/get-tests?type=unit&n=5').then(
+    (data) => {
+      assert.equal(
+        data.assertions[3].method,
+        'notStrictEqual',
+        'Even if they have the same elements, the Arrays are notStrictEqual'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md
new file mode 100644
index 0000000000..abb518916c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md
@@ -0,0 +1,337 @@
+---
+id: 5e601c0d5ac9d0ecd8b94afe
+title: Перекладач американської та британської англійської мови
+challengeType: 4
+forumTopicId: 462358
+dashedName: american-british-translator
+---
+
+# --description--
+
+Створіть повний пакет додатку JavaScript, який функціонально схожий до <https://american-british-translator.freecodecamp.rocks/>. Робота над цим проєктом включатиме написання коду, використовуючи один з таких методів:
+
+-   Клонувати [цей репозиторій GitHub ](https://github.com/freeCodeCamp/boilerplate-project-american-british-english-translator/) і частково завершити ваш проєкт.
+-   Використати [наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-project-american-british-english-translator), щоб завершити свій проєкт.
+-   Для завершення проєкту, використайте вибраний вами розробник сайту. Переконайтеся, що зберегли усі файли з нашого репозиторію GitHub.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу у поле `Solution Link`. При необхідності, також введіть посилання на джерело коду вашого проєкту у полі `GitHub Link`.
+
+# --instructions--
+
+-   Уся логіка може перейти до `/components/translator.js`
+-   Завершіть маршрут `/api/translate` в `/routes/api.js`
+-   Створіть усі сегменти/функціональні тести в `tests/1_unit-tests.js` та `tests/2_functional-tests.js`
+-   Перегляньте файли JavaScript у `/components` для різного правопису і термінів вашого застосунку, які він повинен перекладати
+-   Щоб розпочати тести на Replit, налаштуйте `NODE_ENV` на файл `test` без лапок в `.env`
+-   Щоб розпочати тести в консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть сполучення клавіш Ctrl+Shift+P (Cmd, якщо з Mac) та наберіть "open shell"
+
+Напишіть наступні тести в `tests/1_unit-tests.js`:
+
+-   Перекладіть британською англійською `Mangoes are my favorite fruit.`
+-   Перекладіть британською англійською `I ate yogurt for breakfast.`
+-   Перекладіть британською англійською `We had a party at my friend's condo.`
+-   Перекладіть британською англійською `Can you toss this in the trashcan for me?`
+-   Перекладіть британською англійською `The parking lot was full.`
+-   Перекладіть британською англійською `Like a high tech Rube Goldberg machine.`
+-   Перекладіть британською англійською `To play hooky means to skip class or work.`
+-   Перекладіть британською англійською `No Mr. Bond, I expect you to die.`
+-   Перекладіть британською англійською `Dr. Grosh will see you now.`
+-   Перекладіть британською англійською `Lunch is at 12:15 today.`
+-   Перекладіть американською англійською `We watched the footie match for a while.`
+-   Перекладіть американською англійською `Paracetamol takes up to an hour to work.`
+-   Перекладіть американською англійською `First, caramelise the onions.`
+-   Перекладіть американською англійською `I spent the bank holiday at the funfair.`
+-   Перекладіть американською англійською `I had a bicky then went to the chippy.`
+-   Перекладіть американською англійською `I've just got bits and bobs in my bum bag.`
+-   Перекладіть американською англійською `The car boot sale at Boxted Airfield was called off.`
+-   Перекладіть американською англійською `Have you met Mrs Kalyani?`
+-   Перекладіть американською англійською `Prof Joyner of King's College, London.`
+-   Перекладіть американською англійською `Tea time is usually around 4 or 4.30.`
+-   Виділіть переклад в `Mangoes are my favorite fruit.`
+-   Виділіть переклад в `I ate yogurt for breakfast.`
+-   Виділіть переклад в `We watched the footie match for a while.`
+-   Виділіть переклад в `Paracetamol takes up to an hour to work.`
+
+Напишіть наступні тести в `tests/2_functional-tests.js`:
+
+-   Переклад з текстом та полями локалізації: запит POST на `/api/translate`
+-   Переклад тексту з недопустимими полями локалізації: запит POST на `/api/translate`
+-   Переклад з пропущеним текстовим полем: запит POST на `/api/translate`
+-   Переклад з пропущеним полем локалізації: запит POST на `/api/translate`
+-   Переклад з порожнім текстом: запит POST на `/api/translate`
+-   Переклад тексту, який не потребує перекладу: запит POST на `/api/translate`
+
+# --hints--
+
+Я можу надати свій власний проєкт, не приклад URL-адреси.
+
+```js
+(getUserInput) => {
+  assert(
+    !/.*\/american-british-translator\.freecodecamp\.rocks/.test(
+      getUserInput('url')
+    )
+  );
+};
+```
+
+Ви можете `POST` на `/api/translate`, з корпусом, що містить `text` з текстом для перекладу та `locale` з `american-to-british` чи `british-to-american`. Зворотний об'єкт повинен містити поданий `text` та `translation` з перекладеним текстом.
+
+```js
+async (getUserInput) => {
+  try {
+    const text = 'Mangoes are my favorite fruit.';
+    const locale = 'american-to-british';
+    const output = {
+      text: 'Mangoes are my favorite fruit.',
+      translation:
+        'Mangoes are my <span class="highlight">favourite</span> fruit.'
+    };
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'text');
+    assert.property(parsed, 'translation');
+    assert.deepEqual(parsed, output);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Маршрут `/api/translate` повинен опрацьовувати час, написаний американською та британською англійською. Наприклад, десять тридцять написано як "10.30" британською англійською та "10:30" американською англійською. Елемент `span` повинен містити весь рядок часу, наприклад `<span class="highlight">10:30</span>`.
+
+```js
+async (getUserInput) => {
+  try {
+    const text = 'Lunch is at 12:15 today.';
+    const locale = 'american-to-british';
+    const output = {
+      text: text,
+      translation: 'Lunch is at <span class="highlight">12.15</span> today.'
+    };
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'text');
+    assert.property(parsed, 'translation');
+    assert.deepEqual(parsed, output);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Маршрут `/api/translate` повинен також регулювати те як заголовки/ назви посад/титулів скорочені американською та британською англійською. Наприклад, абревіатура Doctor Wright скорочується на "Dr Wright" у британській англійській і "Dr. Wright" в американській англійській. Дивіться `/components/american-to-british-titles.js` для різних заголовків, які має опрацювати ваш додаток.
+
+```js
+async (getUserInput) => {
+  try {
+    const text = 'Dr. Grosh will see you now.';
+    const locale = 'american-to-british';
+    const output = {
+      text: text,
+      translation: '<span class="highlight">Dr</span> Grosh will see you now.'
+    };
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'text');
+    assert.property(parsed, 'translation');
+    assert.deepEqual(parsed, output);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Перенести будь-який перекладений правопис чи термін з тегів `<span class="highlight">...</span>` так, щоб вони стали зеленими.
+
+```js
+async (getUserInput) => {
+  try {
+    const text = 'Mangoes are my favorite fruit.';
+    const locale = 'american-to-british';
+    const output = {
+      text: 'Mangoes are my favorite fruit.',
+      translation:
+        'Mangoes are my <span class="highlight">favourite</span> fruit.'
+    };
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'text');
+    assert.property(parsed, 'translation');
+    assert.deepEqual(parsed, output);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Якщо одне чи більше необхідних полів відсутні, поверніться `{ error: 'Required field(s) missing' }`.
+
+```js
+async (getUserInput) => {
+  try {
+    const locale = 'american-to-british';
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'error');
+    assert.equal(parsed.error, 'Required field(s) missing');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Якщо `text` порожній, поверніться `{ error: 'No text to translate' }`
+
+```js
+async (getUserInput) => {
+  try {
+    const locale = 'american-to-british';
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text: '', locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'error');
+    assert.equal(parsed.error, 'No text to translate');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Якщо `locale` не збігається з однією з двох спеціальних мов, поверніться `{ error: 'Invalid value for locale field' }`.
+
+```js
+async (getUserInput) => {
+  try {
+    const text = "Ceci n'est pas une pipe";
+    const locale = 'french-to-american';
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.property(parsed, 'error');
+    assert.equal(parsed.error, 'Invalid value for locale field');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Якщо `text` не потребує перекладу, поверніться `"Everything looks good to me!"` для значення `translation`.
+
+```js
+async (getUserInput) => {
+  try {
+    const locale = 'british-to-american';
+    const output = {
+      text: 'SaintPeter and nhcarrigan give their regards!',
+      translation: 'Everything looks good to me!'
+    };
+    let data = await fetch(getUserInput('url') + '/api/translate', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ text: output.text, locale })
+    });
+    let parsed = await data.json();
+    assert.isObject(parsed);
+    assert.isObject(parsed);
+    assert.property(parsed, 'text');
+    assert.property(parsed, 'translation');
+    assert.deepEqual(parsed, output);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 24 модульних тестів завершено та успішно пройдено. Дивіться `/tests/1_unit-tests.js` для очікуваної поведінки об'єкту, для якої вам слід написати тести.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const unitTests = getTests.filter((test) => {
+      return !!test.context.match(/Unit Tests/gi);
+    });
+    assert.isAtLeast(unitTests.length, 24, 'At least 24 tests passed');
+    unitTests.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Tests in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 6 функціональних тестів завершено та успішно пройдено. Дивіться `/tests/2_functional-tests.js` для функціональності, для якої вам слід написати тести.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const functTests = getTests.filter((test) => {
+      return !!test.context.match(/Functional Tests/gi);
+    });
+    assert.isAtLeast(functTests.length, 6, 'At least 6 tests passed');
+    functTests.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Tests in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md
new file mode 100644
index 0000000000..4db68965d1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md
@@ -0,0 +1,369 @@
+---
+id: 587d8249367417b2b2512c42
+title: Система відстеження помилок
+challengeType: 4
+forumTopicId: 301569
+dashedName: issue-tracker
+---
+
+# --description--
+
+Створіть повний пакет додатку JavaScript, який функціонально схожий до: <https://issue-tracker.freecodecamp.rocks/>. Робота над цим проєктом передбачає написання коду з використанням одного з наступних метод:
+
+-   Клонуйте цей [репозиторій GitHub ](https://github.com/freeCodeCamp/boilerplate-project-issuetracker/) і локально завершіть ваш проєкт.
+-   Використати [наш стартовий проєкт Replit](https://replit.com/github/freeCodeCamp/boilerplate-project-issuetracker), щоб завершити свій проєкт.
+-   Для завершення проєкту, використайте вибраний вами розробник сайту. Переконайтеся, що зберегли усі файли з нашого репозиторію GitHub.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу в поле `Solution Link`. При необхідності, також введіть посилання на джерело коду вашого проєкту у полі`GitHub Link`.
+
+# --instructions--
+
+-   Завершіть необхідні маршрути в `/routes/api.js`
+-   Створіть усі функціональні тести в `tests/2_functional-tests.js`
+-   Скопіюйте файл `sample.env` до `.env` та встановіть відповідні змінні
+-   Щоб розпочати тест розкоментуйте `NODE_ENV=test` у вашому файлі `.env`
+-   Щоб розпочати тести на консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть сполучення клавіш Ctrl+Shift+P (Cmd, якщо на Mac) та наберіть "open shell"
+
+Напишіть наступні тести в `tests/2_functional-tests.js`:
+
+-   Створіть запитання в кожному полі: запит POST на `/api/issues/{project}`
+-   Створіть запитання тільки в необхідних полях: запит POST на `/api/issues/{project}`
+-   Створіть запитання в пропущених необхідних полях: запит POST на `/api/issues/{project}`
+-   Подивіться запитання проєкту: запит GET на `/api/issues/{project}`
+-   Подивіться запитання проєкту з одним фільтром: запит GET на `/api/issues/{project}`
+-   Подивіться запитання проєкту з декількома фільтрами: запит GET на `/api/issues/{project}`
+-   Оновіть одне поле на запитанні: запит PUT на `/api/issues/{project}`
+-   Оновіть декілька полів на запитанні: запит PUT на `/api/issues/{project}`
+-   Оновіть запитання з пропущеним `_id`: запит PUT на `/api/issues/{project}`
+-   Оновіть запитання з полями для оновлення: запит PUT на `/api/issues/{project}`
+-   Оновіть запитання з недопустимим `_id`: запит PUT на `/api/issues/{project}`
+-   Видаліть запитання: запит DELETE на `/api/issues/{project}`
+-   Видаліть запитання з недопустимим `_id`: запит DELETE на `/api/issues/{project}`
+-   Видаліть запитання з пропущеним `_id`: запит DELETE на `/api/issues/{project}`
+
+# --hints--
+
+Ви можете застосувати свій власний проєкт, а не URL-посилання прикладу.
+
+```js
+(getUserInput) => {
+  assert(!/.*\/issue-tracker\.freecodecamp\.rocks/.test(getUserInput('url')));
+};
+```
+
+Ви можете надіслати запит `POST` на `/api/issues/{projectname}` з формою даних, яка містить необхідні поля `issue_title`, `issue_text`, `created_by` і при необхідності `assigned_to` та `status_text`.
+
+```js
+async (getUserInput) => {
+  try {
+    let test_data = {
+      issue_title: 'Faux Issue Title',
+      issue_text: 'Functional Test - Required Fields Only',
+      created_by: 'fCC'
+    };
+    const data = await $.post(
+      getUserInput('url') + '/api/issues/fcc-project',
+      test_data
+    );
+    assert.isObject(data);
+    assert.nestedInclude(data, test_data);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Запит `POST` на `/api/issues/{projectname}` повертає створений об'єкт і повинен включати усі подані поля. Виключені поля будуть повертатися як порожні рядки. Додатково, включіть `created_on` (дата/час), `updated_on` (дата/час), `open` (boolean, `true` для відкритого - значення за змовчуванням, `false` для закритого) та `_id`.
+
+```js
+async (getUserInput) => {
+  try {
+    let test_data = {
+      issue_title: 'Faux Issue Title 2',
+      issue_text: 'Functional Test - Every field filled in',
+      created_by: 'fCC',
+      assigned_to: 'Chai and Mocha'
+    };
+    const data = await $.post(
+      getUserInput('url') + '/api/issues/fcc-project',
+      test_data
+    );
+    assert.isObject(data);
+    assert.nestedInclude(data, test_data);
+    assert.property(data, 'created_on');
+    assert.isNumber(Date.parse(data.created_on));
+    assert.property(data, 'updated_on');
+    assert.isNumber(Date.parse(data.updated_on));
+    assert.property(data, 'open');
+    assert.isBoolean(data.open);
+    assert.isTrue(data.open);
+    assert.property(data, '_id');
+    assert.isNotEmpty(data._id);
+    assert.property(data, 'status_text');
+    assert.isEmpty(data.status_text);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Якщо ви відправите запит `POST` на `/api/issues/{projectname}` без необхідних полів, то буде помилка `{ error: 'required field(s) missing' }`
+
+```js
+async (getUserInput) => {
+  try {
+    let test_data = { created_by: 'fCC' };
+    const data = await $.post(getUserInput('url') + '/api/issues/fcc-project', {
+      created_by: 'fCC'
+    });
+    assert.isObject(data);
+    assert.property(data, 'error');
+    assert.equal(data.error, 'required field(s) missing');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит `GET` на `/api/issues/{projectname}` для масиву усіх запитань для конкретного `projectname` з усіма цими полями для кожного запитання.
+
+```js
+async (getUserInput) => {
+  try {
+    let test_data = { issue_text: 'Get Issues Test', created_by: 'fCC' };
+    const url =
+      getUserInput('url') +
+      '/api/issues/get_issues_test_' +
+      Date.now().toString().substring(7);
+    const data1 = await $.post(
+      url,
+      Object.assign(test_data, { issue_title: 'Faux Issue 1' })
+    );
+    assert.isObject(data1);
+    const data2 = await $.post(
+      url,
+      Object.assign(test_data, { issue_title: 'Faux Issue 2' })
+    );
+    assert.isObject(data2);
+    const data3 = await $.post(
+      url,
+      Object.assign(test_data, { issue_title: 'Faux Issue 3' })
+    );
+    assert.isObject(data3);
+    const getIssues = await $.get(url);
+    assert.isArray(getIssues);
+    assert.lengthOf(getIssues, 3);
+    let re = new RegExp('Faux Issue \\d');
+    getIssues.forEach((issue) => {
+      assert.property(issue, 'issue_title');
+      assert.match(issue.issue_title, re);
+      assert.property(issue, 'issue_text');
+      assert.property(issue, 'created_by');
+      assert.property(issue, 'assigned_to');
+      assert.property(issue, 'status_text');
+      assert.property(issue, 'open');
+      assert.property(issue, 'created_on');
+      assert.property(issue, 'updated_on');
+      assert.property(issue, '_id');
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит `GET` на `/api/issues/{projectname}` та фільтрувати запит, також передавши будь-яке поле і значення як запит URL (наприклад, `/api/issues/{project}?open=false`). Ви також можете одночасно передати одне чи декілька полів/значень.
+
+```js
+async (getUserInput) => {
+  try {
+    let test_data = {
+      issue_title: 'To be Filtered',
+      issue_text: 'Filter Issues Test'
+    };
+    const url =
+      getUserInput('url') +
+      '/api/issues/get_issues_test_' +
+      Date.now().toString().substring(7);
+    const data1 = await $.post(
+      url,
+      Object.assign(test_data, { created_by: 'Alice', assigned_to: 'Bob' })
+    );
+    const data2 = await $.post(
+      url,
+      Object.assign(test_data, { created_by: 'Alice', assigned_to: 'Bob' })
+    );
+    const data3 = await $.post(
+      url,
+      Object.assign(test_data, { created_by: 'Alice', assigned_to: 'Eric' })
+    );
+    const data4 = await $.post(
+      url,
+      Object.assign(test_data, { created_by: 'Carol', assigned_to: 'Eric' })
+    );
+    const getSingle = await $.get(url + '?created_by=Alice');
+    assert.isArray(getSingle);
+    assert.lengthOf(getSingle, 3);
+    const getMultiple = await $.get(url + '?created_by=Alice&assigned_to=Bob');
+    assert.isArray(getMultiple);
+    assert.lengthOf(getMultiple, 2);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит `PUT` на `/api/issues/{projectname}` з `_id` та з одним чи більше полем для оновлення. Якщо все зроблено успішно, поле `updated_on` повинне оновитися і повернутися у вигляді `{  result: 'successfully updated', '_id': _id }`.
+
+```js
+async (getUserInput) => {
+  try {
+    let initialData = {
+      issue_title: 'Issue to be Updated',
+      issue_text: 'Functional Test - Put target',
+      created_by: 'fCC'
+    };
+    const url = getUserInput('url') + '/api/issues/fcc-project';
+    const itemToUpdate = await $.post(url, initialData);
+    const updateSucccess = await $.ajax({
+      url: url,
+      type: 'PUT',
+      data: { _id: itemToUpdate._id, issue_text: 'New Issue Text' }
+    });
+    assert.isObject(updateSucccess);
+    assert.deepEqual(updateSucccess, {
+      result: 'successfully updated',
+      _id: itemToUpdate._id
+    });
+    const getUpdatedId = await $.get(url + '?_id=' + itemToUpdate._id);
+    assert.isArray(getUpdatedId);
+    assert.isObject(getUpdatedId[0]);
+    assert.isAbove(
+      Date.parse(getUpdatedId[0].updated_on),
+      Date.parse(getUpdatedId[0].created_on)
+    );
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Коли запит `PUT` надіслати на `/api/issues/{projectname}` не включаючи `_id`, зворотне значення `{ error: 'missing _id' }`.
+
+```js
+async (getUserInput) => {
+  try {
+    const url = getUserInput('url') + '/api/issues/fcc-project';
+    const badUpdate = await $.ajax({ url: url, type: 'PUT' });
+    assert.isObject(badUpdate);
+    assert.property(badUpdate, 'error');
+    assert.equal(badUpdate.error, 'missing _id');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Коли запит `PUT` надіслати на `/api/issues/{projectname}` не включаючи оновлені поля, зворотне значення `{ error: 'no update field(s) sent', '_id': _id }`. При іншій помилці, зворотне значення буде `{ error: 'could not update', '_id': _id }`.
+
+```js
+async (getUserInput) => {
+  try {
+    const url = getUserInput('url') + '/api/issues/fcc-project';
+    const badUpdate = await $.ajax({
+      url: url,
+      type: 'PUT',
+      data: { _id: '5f665eb46e296f6b9b6a504d' }
+    });
+    assert.deepEqual(badUpdate, {
+      error: 'no update field(s) sent',
+      _id: '5f665eb46e296f6b9b6a504d'
+    });
+    const badIdUpdate = await $.ajax({
+      url: url,
+      type: 'PUT',
+      data: { _id: '5f665eb46e296f6b9b6a504d', issue_text: 'New Issue Text' }
+    });
+    assert.deepEqual(badIdUpdate, {
+      error: 'could not update',
+      _id: '5f665eb46e296f6b9b6a504d'
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит `DELETE` на `/api/issues/{projectname}` з `_id`, щоб видалити помилку. Якщо не надіслано жодного `_id`, зворотне значення буде `{ error: 'missing _id' }`. Якщо успішно, зворотне значення - `{ result: 'successfully deleted', '_id': _id }`. Якщо невдало, зворотне значення - `{ error: 'could not delete', '_id': _id }`.
+
+```js
+async (getUserInput) => {
+  try {
+    let initialData = {
+      issue_title: 'Issue to be Deleted',
+      issue_text: 'Functional Test - Delete target',
+      created_by: 'fCC'
+    };
+    const url = getUserInput('url') + '/api/issues/fcc-project';
+    const itemToDelete = await $.post(url, initialData);
+    assert.isObject(itemToDelete);
+    const deleteSuccess = await $.ajax({
+      url: url,
+      type: 'DELETE',
+      data: { _id: itemToDelete._id }
+    });
+    assert.isObject(deleteSuccess);
+    assert.deepEqual(deleteSuccess, {
+      result: 'successfully deleted',
+      _id: itemToDelete._id
+    });
+    const noId = await $.ajax({ url: url, type: 'DELETE' });
+    assert.isObject(noId);
+    assert.deepEqual(noId, { error: 'missing _id' });
+    const badIdDelete = await $.ajax({
+      url: url,
+      type: 'DELETE',
+      data: { _id: '5f665eb46e296f6b9b6a504d', issue_text: 'New Issue Text' }
+    });
+    assert.isObject(badIdDelete);
+    assert.deepEqual(badIdDelete, {
+      error: 'could not delete',
+      _id: '5f665eb46e296f6b9b6a504d'
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 14 функціональних тестів завершено та успішно пройдено.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    assert.isAtLeast(getTests.length, 14, 'At least 14 tests passed');
+    getTests.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Test in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md
new file mode 100644
index 0000000000..bbdf4f9ada
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md
@@ -0,0 +1,318 @@
+---
+id: 587d8249367417b2b2512c41
+title: Метрично-імперський конвертер
+challengeType: 4
+forumTopicId: 301570
+dashedName: metric-imperial-converter
+---
+
+# --description--
+
+Використовуючи JavaScript, створіть повноцінний додаток, який функціонально буде подібним до цього: <https://metric-imperial-converter.freecodecamp.rocks/>. Робота над цим проєктом включатиме ваше написання коду одним із поданих методів:
+
+- Клонуйте цей [репозиторій GitHub ](https://github.com/freeCodeCamp/boilerplate-project-metricimpconverter/) і локально завершіть ваш проєкт.
+- Скористайтеся [ нашим проєктом для початківців на Replit](https://replit.com/github/freeCodeCamp/boilerplate-project-metricimpconverter), щоб завершити ваш проєкт.
+- Використання будь-якого конструктора сайтів на свій власний вибір для виконання проєкту. Перевірте, що ви зберегли усі файли з нашого репозиторію GitHub.
+
+По завершенню, впевніться, що робоча демоверсія вашого проєкту знаходиться у відкритому доступі. Потім введіть URL адресу проєкту у поле `Solution Link`. За бажанням, також введіть покликання на вихідний код проєкту у полі `GitHub Link`.
+
+# --instructions--
+
+- Завершіть необхідну логіку перетворення у `/controllers/convertHandler.js`
+- Завершіть необхідні маршрути у `/routes/api.js`
+- Скопіюйте файл `sample.env` до `.env` і встановіть відповідні змінні
+- Щоб розпочати тест розкоментуйте `NODE_ENV=test` у вашому файлі `.env`
+- Щоб провести тести у консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть комбінацію клавіш Ctrl+Shift+P (Cmd, якщо на Mac) та введіть "open shell"
+
+Пропишіть наступні тести у `tests/1_unit-tests.js`:
+
+- `convertHandler` має правильно прочитати повне введення числа.
+- `convertHandler` має правильно прочитати введення десяткового числа.
+- `convertHandler` має правильно прочитати введення дробових даних.
+- `convertHandler` має правильно прочитати введення дробових даних із десятковим числом.
+- `convertHandler` має правильно повернути помилку про подвійний дріб (наприклад, `3/2/3`).
+- `convertHandler` має правильно приймати за замовчуванням числове введення `1`, якщо числове введення не надано.
+- `convertHandler` має правильно прочитати всі допустимі одиниці вимірів, які вводяться.
+- `convertHandler` має правильно повернути помилку для недопустимих одиниць виміру, які вводяться.
+- `convertHandler` має повернути правильну одиницю виміру для кожної допустимої одиниці виміру, яка вводиться.
+- `convertHandler` має правильно повернути прописаний рядок одиниці виміру для кожної допустимої одиниці виміру, яка вводиться.
+- `convertHandler` має правильно конвертувати `gal` у `L`.
+- `convertHandler` має правильно конвертувати `L` у `gal`.
+- `convertHandler` має правильно конвертувати `mi` у `km`.
+- `convertHandler` має правильно конвертувати `km` у `mi`.
+- `convertHandler` має правильно конвертувати `lbs` у `kg`.
+- `convertHandler` має правильно конвертувати `kg` у `lbs`.
+
+Пропишіть наступні тести у `tests/2_functional-tests.js`:
+
+- Конвертуйте допустимі вхідні дані, як запит `10L`: `GET` до `/api/convert`.
+- Конвертуйте недопустимі вхідні дані, як запит `32g`: `GET` до `/api/convert`.
+- Конвертуйте недопустиме число, як запит `3/7.2/4kg`: `GET` до `/api/convert`.
+- Конвертуйте недопустиме число ТА одиницю виміру, як запит `3/7.2/4kilomegagram`: `GET` до `/api/convert`.
+- Конвертуйте без числа, як запит `kg`: `GET` до `/api/convert`.
+
+# --hints--
+
+Ви можете вказати покликання на власний проєкт, а не URL адресу прикладу.
+
+```js
+getUserInput => {
+  assert(
+    !/.*\/metric-imperial-converter\.freecodecamp\.rocks/.test(
+      getUserInput('url')
+    )
+  );
+};
+```
+
+Ви можете надіслати запит `GET` `/api/convert` із єдиним параметром, який містить прийняте число та одиницю виміру та буде конвертований. (Підказка: розділіть вхідні дані шляхом пошуку індексу першого символу, який позначить початок одиниці виміру)
+
+```js
+
+```
+
+Ви можете конвертувати `'gal'` у `'L'` та навпаки. (1 галон у 3.78541 л)
+
+```js
+async getUserInput => {
+  try {
+    const data1 = await $.get(getUserInput('url') + '/api/convert?input=1gal');
+    assert.equal(data1.returnNum, 3.78541);
+    assert.equal(data1.returnUnit, 'L');
+    const data2 = await $.get(getUserInput('url') + '/api/convert?input=10gal');
+    assert.equal(data2.returnNum, 37.8541);
+    assert.equal(data2.returnUnit, 'L');
+    const data3 = await $.get(getUserInput('url') + '/api/convert?input=1l');
+    assert.equal(data3.returnNum, 0.26417);
+    assert.equal(data3.returnUnit, 'gal');
+    const data4 = await $.get(getUserInput('url') + '/api/convert?input=10l');
+    assert.equal(data4.returnNum, 2.64172);
+    assert.equal(data4.returnUnit, 'gal');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Ви можете конвертувати `'lbs'` у `'kg'` та навпаки. (1 фунт у 0.453592 кг)
+
+```js
+async getUserInput => {
+  try {
+    const data1 = await $.get(getUserInput('url') + '/api/convert?input=1lbs');
+    assert.equal(data1.returnNum, 0.45359);
+    assert.equal(data1.returnUnit, 'kg');
+    const data2 = await $.get(getUserInput('url') + '/api/convert?input=10lbs');
+    assert.equal(data2.returnNum, 4.53592);
+    assert.equal(data2.returnUnit, 'kg');
+    const data3 = await $.get(getUserInput('url') + '/api/convert?input=1kg');
+    assert.equal(data3.returnNum, 2.20462);
+    assert.equal(data3.returnUnit, 'lbs');
+    const data4 = await $.get(getUserInput('url') + '/api/convert?input=10kg');
+    assert.equal(data4.returnNum, 22.04624);
+    assert.equal(data4.returnUnit, 'lbs');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Ви можете конвертувати `'mi'` у `'km'` та навпаки. (1 миля у 1.60934 км)
+
+```js
+async getUserInput => {
+  try {
+    const data1 = await $.get(getUserInput('url') + '/api/convert?input=1mi');
+    assert.equal(data1.returnNum, 1.60934);
+    assert.equal(data1.returnUnit, 'km');
+    const data2 = await $.get(getUserInput('url') + '/api/convert?input=10mi');
+    assert.equal(data2.returnNum, 16.0934);
+    assert.equal(data2.returnUnit, 'km');
+    const data3 = await $.get(getUserInput('url') + '/api/convert?input=1km');
+    assert.equal(data3.returnNum, 0.62137);
+    assert.equal(data3.returnUnit, 'mi');
+    const data4 = await $.get(getUserInput('url') + '/api/convert?input=10km');
+    assert.equal(data4.returnNum, 6.21373);
+    assert.equal(data4.returnUnit, 'mi');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Написання усіх вхідних одиниць вимірів повинно прийматися, як із великої, так із малої літери, однак повинне повертатися в обох випадках `initUnit` та `returnUnit` у нижньому регістрі. Виключення становить одиниця "liter" - вона має бути повернута у верхньому регістрі `'L'`.
+
+```js
+async getUserInput => {
+  try {
+    const data1 = await $.get(getUserInput('url') + '/api/convert?input=1gal');
+    assert.equal(data1.initUnit, 'gal');
+    assert.equal(data1.returnUnit, 'L');
+    const data2 = await $.get(getUserInput('url') + '/api/convert?input=10L');
+    assert.equal(data2.initUnit, 'L');
+    assert.equal(data2.returnUnit, 'gal');
+    const data3 = await $.get(getUserInput('url') + '/api/convert?input=1l');
+    assert.equal(data3.initUnit, 'L');
+    assert.equal(data3.returnUnit, 'gal');
+    const data4 = await $.get(getUserInput('url') + '/api/convert?input=10KM');
+    assert.equal(data4.initUnit, 'km');
+    assert.equal(data4.returnUnit, 'mi');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Якщо одиниця виміру недопустима - повернути наступне `'invalid unit'`.
+
+```js
+async getUserInput => {
+  try {
+    const data = await $.get(getUserInput('url') + '/api/convert?input=1min');
+    assert(data.error === 'invalid unit' || data === 'invalid unit');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Якщо число недопустиме - повернути наступне `'invalid number'`.
+
+```js
+async getUserInput => {
+  try {
+    const data = await $.get(
+      getUserInput('url') + '/api/convert?input=1//2gal'
+    );
+    assert(data.error === 'invalid number' || data === 'invalid number');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Якщо одиниця виміру і число недопустимі - повернути наступне `'invalid number and unit'`.
+
+```js
+async getUserInput => {
+  try {
+    const data = await $.get(
+      getUserInput('url') + '/api/convert?input=1//2min'
+    );
+    assert(
+      data.error === 'invalid number and unit' ||
+        data === 'invalid number and unit'
+    );
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Ви можете використовувати дроби, десяткові числа або і те, і інше у параметрах(до прикладу: 5, 1/2, 2.5/6), але якщо нічого не вказано, то за замовчуванням встановиться 1.
+
+```js
+async getUserInput => {
+  try {
+    const data1 = await $.get(getUserInput('url') + '/api/convert?input=mi');
+    assert.approximately(data1.initNum, 1, 0.001);
+    assert.approximately(data1.returnNum, 1.60934, 0.001);
+    assert.equal(data1.returnUnit, 'km');
+    const data2 = await $.get(getUserInput('url') + '/api/convert?input=1/5mi');
+    assert.approximately(data2.initNum, 1 / 5, 0.1);
+    assert.approximately(data2.returnNum, 0.32187, 0.001);
+    assert.equal(data2.returnUnit, 'km');
+    const data3 = await $.get(
+      getUserInput('url') + '/api/convert?input=1.5/7km'
+    );
+    assert.approximately(data3.initNum, 1.5 / 7, 0.001);
+    assert.approximately(data3.returnNum, 0.13315, 0.001);
+    assert.equal(data3.returnUnit, 'mi');
+    const data4 = await $.get(
+      getUserInput('url') + '/api/convert?input=3/2.7km'
+    );
+    assert.approximately(data4.initNum, 3 / 2.7, 0.001);
+    assert.approximately(data4.returnNum, 0.69041, 0.001);
+    assert.equal(data4.returnUnit, 'mi');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ваше повернення буде складатися із `initNum`, `initUnit`, `returnNum`, `returnUnit` та `string`, що прописують одиниці виміру у форматі`'{initNum} {initUnitString} converts to {returnNum} {returnUnitString}'` із округленим до 5-ти символів після коми результатом.
+
+```js
+async getUserInput => {
+  try {
+    const data = await $.get(getUserInput('url') + '/api/convert?input=2mi');
+    assert.equal(data.initNum, 2);
+    assert.equal(data.initUnit, 'mi');
+    assert.approximately(data.returnNum, 3.21868, 0.001);
+    assert.equal(data.returnUnit, 'km', 'returnUnit did not match');
+    assert.equal(data.string, '2 miles converts to 3.21868 kilometers');
+  } catch (xhr) {
+    throw new Error(xhr.responseText || xhr.message);
+  }
+};
+```
+
+Усі 16 модульних тестів завершено та успішно пройдено.
+
+```js
+async getUserInput => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const unitTests = getTests.filter(test => {
+      return !!test.context.match(/Unit Tests/gi);
+    });
+    assert.isAtLeast(unitTests.length, 16, 'At least 16 tests passed');
+    unitTests.forEach(test => {
+      assert.equal(test.state, 'passed', 'Tests in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 5 функціональних тестів завершено та успішно пройдено.
+
+```js
+async getUserInput => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const functTests = getTests.filter(test => {
+      return !!test.context.match(/Functional Tests/gi);
+    });
+    assert.isAtLeast(functTests.length, 5, 'At least 5 tests passed');
+    functTests.forEach(test => {
+      assert.equal(test.state, 'passed', 'Tests in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md
new file mode 100644
index 0000000000..01cfaff917
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/personal-library.md
@@ -0,0 +1,220 @@
+---
+id: 587d824a367417b2b2512c43
+title: Особиста бібліотека
+challengeType: 4
+forumTopicId: 301571
+dashedName: personal-library
+---
+
+# --description--
+
+Створіть повний пакет JavaScript додаток, функціонально схожий до <https://personal-library.freecodecamp.rocks/>. Робота над цим проєктом бути включати написання коду одним із таких методів:
+
+-   Клонувати [this GitHub repo](https://github.com/freeCodeCamp/boilerplate-project-library) та локально завершити ваш проєкт.
+-   Використати [наш стартовий проєкт](https://replit.com/github/freeCodeCamp/boilerplate-project-library), щоб завершити ваш проєкт.
+-   Для завершення проєкту використайте вибраний вами розробник сайтів. Не забудьте включити всі файли із нашого репо-сервера GitHub.
+
+Коли ви завершили, переконайтеся, ця демоверсія вашого проєкту розміщена у відкритому місці. Потім введіть URL-адресу у поле `Solution Link`. Додатково, також вкажіть посилання на вхідний код вашого проєкту у полі `GitHub Link`.
+
+# --instructions--
+
+1.  Додайте рядок підключення MongoDB до `.env` без дужок як `DB` Приклад: `DB=mongodb://admin:pass@1234.mlab.com:1234/fccpersonallib`
+2.  У вашому файлі `.env` встановіть`NODE_ENV` на `test` без дужок
+3.  Вам потрібно створити усі маршрути в межах `routes/api.js`
+4.  Ви створите усі функціональні тести в `tests/2_functional-tests.js`
+
+# --hints--
+
+Ви можете застосувати свій власний проєкт, а не URL-посилання прикладу.
+
+```js
+(getUserInput) => {
+  assert(
+    !/.*\/personal-library\.freecodecamp\.rocks/.test(getUserInput('url'))
+  );
+};
+```
+
+Ви можете відправити запит <b>POST</b> на `/api/books` з `title` як частину форми даних, щоб додати книгу.  Зворотною відповіддю буде об'єкт з `title` та унікальним `_id` як ключі доступу.  Якщо `title` не включений у запит, то відповідь повинна бути рядком `missing required field title`.
+
+```js
+async (getUserInput) => {
+  try {
+    let data1 = await $.post(getUserInput('url') + '/api/books', {
+      title: 'Faux Book 1'
+    });
+    assert.isObject(data1);
+    assert.property(data1, 'title');
+    assert.equal(data1.title, 'Faux Book 1');
+    assert.property(data1, '_id');
+    let data2 = await $.post(getUserInput('url') + '/api/books');
+    assert.isString(data2);
+    assert.equal(data2, 'missing required field title');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит <b>GET</b> до `/api/books` та отримати відповідь JSON у вигляді усіх книг. Відповідь JSON буде масивом об'єктів з кожним об'єктом (книгою), який складається з `title`, `_id` та `commentcount`.
+
+```js
+async (getUserInput) => {
+  try {
+    let url = getUserInput('url') + '/api/books';
+    let a = $.post(url, { title: 'Faux Book A' });
+    let b = $.post(url, { title: 'Faux Book B' });
+    let c = $.post(url, { title: 'Faux Book C' });
+    await Promise.all([a, b, c]).then(async () => {
+      let data = await $.get(url);
+      assert.isArray(data);
+      assert.isAtLeast(data.length, 3);
+      data.forEach((book) => {
+        assert.isObject(book);
+        assert.property(book, 'title');
+        assert.isString(book.title);
+        assert.property(book, '_id');
+        assert.property(book, 'commentcount');
+        assert.isNumber(book.commentcount);
+      });
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит <b>GET</b> до `/api/books/{_id}`, щоб отримати один об'єкт в книзі, який містить властивості `title`, `_id` та `comments` (пустий масив, якщо немає коментарів). Якщо не знайдено книги, поверніться в рядок `no book exists`.
+
+```js
+async (getUserInput) => {
+  try {
+    let url = getUserInput('url') + '/api/books';
+    let noBook = await $.get(url + '/5f665eb46e296f6b9b6a504d');
+    assert.isString(noBook);
+    assert.equal(noBook, 'no book exists');
+    let sampleBook = await $.post(url, { title: 'Faux Book Alpha' });
+    assert.isObject(sampleBook);
+    let bookId = sampleBook._id;
+    let bookQuery = await $.get(url + '/' + bookId);
+    assert.isObject(bookQuery);
+    assert.property(bookQuery, 'title');
+    assert.equal(bookQuery.title, 'Faux Book Alpha');
+    assert.property(bookQuery, 'comments');
+    assert.isArray(bookQuery.comments);
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит <b>POST</b>, який містить `comment`, як частину корпусу даних до `/api/books/{_id}`, щоб додати коментар до книжки. Отримана відповідь - об'єкт книги, аналогічний до <b>GET</b> `/api/books/{_id}`, запиту в попередньому тесті. Якщо `comment` не включено в запит, поверніться до рядка `missing required field comment`. Якщо не знайдено книги, поверніться до рядка `no book exists`.
+
+```js
+async (getUserInput) => {
+  try {
+    let url = getUserInput('url') + '/api/books';
+    let commentTarget = await $.post(url, { title: 'Notable Book' });
+    assert.isObject(commentTarget);
+    let bookId = commentTarget._id;
+    let bookCom1 = await $.post(url + '/' + bookId, {
+      comment: 'This book is fab!'
+    });
+    let bookCom2 = await $.post(url + '/' + bookId, {
+      comment: 'I did not care for it'
+    });
+    assert.isObject(bookCom2);
+    assert.property(bookCom2, '_id');
+    assert.property(bookCom2, 'title');
+    assert.property(bookCom2, 'comments');
+    assert.lengthOf(bookCom2.comments, 2);
+    bookCom2.comments.forEach((comment) => {
+      assert.isString(comment);
+      assert.oneOf(comment, ['This book is fab!', 'I did not care for it']);
+    });
+    let commentErr = await $.post(url + '/' + bookId);
+    assert.isString(commentErr);
+    assert.equal(commentErr, 'missing required field comment');
+    let failingComment = await $.post(url + '/5f665eb46e296f6b9b6a504d', {
+      comment: 'Never Seen Comment'
+    });
+    assert.isString(failingComment);
+    assert.equal(failingComment, 'no book exists');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит <b>DELETE</b> до `/api/books/{_id}`, щоб видалити книги з колекції. Отримана відповідь - рядок `delete successful`, якщо видалено успішно. Якщо книги не знайдено, поверніться до рядка `no book exists`.
+
+```js
+async (getUserInput) => {
+  try {
+    let url = getUserInput('url') + '/api/books';
+    let deleteTarget = await $.post(url, { title: 'Deletable Book' });
+    assert.isObject(deleteTarget);
+    let bookId = deleteTarget._id;
+    let doDelete = await $.ajax({ url: url + '/' + bookId, type: 'DELETE' });
+    assert.isString(doDelete);
+    assert.equal(doDelete, 'delete successful');
+    let failingDelete = await $.ajax({
+      url: url + '/5f665eb46e296f6b9b6a504d',
+      type: 'DELETE'
+    });
+    assert.isString(failingDelete);
+    assert.equal(failingDelete, 'no book exists');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Ви можете надіслати запит <b>DELETE</b> до `/api/books`, щоб видалити усі книги з інформаційної бази. Отримана відповідь - рядок `'complete delete successful`, якщо видалено успішно.
+
+```js
+async (getUserInput) => {
+  try {
+    const deleteAll = await $.ajax({
+      url: getUserInput('url') + '/api/books',
+      type: 'DELETE'
+    });
+    assert.isString(deleteAll);
+    assert.equal(deleteAll, 'complete delete successful');
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 10 необхідних функціональних тестів завершено й успішно здано.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    assert.isAtLeast(getTests.length, 10, 'At least 10 tests passed');
+    getTests.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Test in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
new file mode 100644
index 0000000000..83108e773a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
@@ -0,0 +1,379 @@
+---
+id: 5e601bf95ac9d0ecd8b94afd
+title: Програма для розв'язування судоку
+challengeType: 4
+forumTopicId: 462357
+dashedName: sudoku-solver
+---
+
+# --description--
+
+Створіть повний пакет додатку JavaScript, який функціонально схожий до цього: <https://sudoku-solver.freecodecamp.rocks/>. Робота над цим проєктом включатиме написання коду одним з наступних методів:
+
+-   Клонуйте цей [репозиторій GitHub ](https://github.com/freecodecamp/boilerplate-project-sudoku-solver) і локально завершіть ваш проєкт.
+-   Використовуйте [наш Replit проєкт](https://replit.com/github/freeCodeCamp/boilerplate-project-sudoku-solver), щоб завершити ваш проєкт.
+-   Для завершення проєкту використовуйте вибраний вами розробник сайтів. Переконайтеся, що зберегли усі файли з нашого репозиторію GitHub.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому місці. Потім введіть URL-адресу у поле `Solution Link`. При необхідності, також введіть посилання на джерело коду вашого проєкту у полі `GitHub Link`.
+
+# --instructions--
+
+- Уся логіка головоломки може ввійти в `/controllers/sudoku-solver.js`
+  - Функція `validate` повинна взяти вказаний рядок головоломки й перевірити його, чи є в ньому 81 допустимий символ для входу.
+  - Функції `check` повинні бути перевіреними відповідно до статусу *current* на сторінці.
+  - Функція `solve` повинна опрацьовувати вирішення будь-якого заданого рядка допустимої головоломки, а не тільки входу та вирішенню тесту. Щоб вирішити це, ви маєте розшифрувати логіку.
+- Вся логіка маршрутизації може переміститися в `/routes/api.js`
+- Подивіться на файл `puzzle-strings.js` в `/controllers` для деяких зразків головоломок, які має розв'язати ваша програма
+- Щоб запустити завдання на цій сторінці, налаштуйте `NODE_ENV` на `test` без лапок у файлі `.env`
+- Щоб запустити завдання, використовуйте команду `npm run test`. Щоб відкрити консоль Replit, натисніть Ctrl+Shift+P (Cmd, якщо з Mac) та наберіть "open shell"
+
+Напишіть наступні тести в `tests/1_unit-tests.js`:
+
+-   Логіка обробляє допустимий рядок з 81 символом
+-   Логіка опрацьовує рядок головоломки з доступними символами (не 1-9 чи `.`)
+-   Логіка опрацьовує рядок головоломки, який не містить 81 символ
+-   Логіка опрацьовує допустиме розміщення рядка
+-   Логіка опрацьовує недопустиме розміщення рядка
+-   Логіка опрацьовує допустиме розміщення стовпця
+-   Логіка опрацьовує недопустиме розміщення стовпця
+-   Логіка опрацьовує допустиме розміщення області (сітка 3x3)
+-   Логіка опрацьовує недопустиме розміщення області (сітка 3x3)
+-   Допустимі рядки головоломки передають вирішення
+-   Недопустимі рядки головоломки не передають вирішення
+-   Розв'язувач повертає очікуване рішення для незавершеного завдання
+
+Напишіть наступні тести в `tests/2_functional-tests.js`
+
+-   Розв'яжіть головоломку з допустимим рядком головоломки: запит POST на `/api/solve`
+-   Розв'яжіть головоломку з пропущеним рядком головоломки: запит POST на `/api/solve`
+-   Розв'яжіть головоломку з недопустимими символами: запит POST на `/api/solve`
+-   Розв'яжіть головоломку з неправильною довжиною: запит POST на `/api/solve`
+-   Розв'яжіть головоломку, яка не може бути розв'язана: запит POST на `/api/solve`
+-   Перевірте розміщення головоломки з усіма полями: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з одним конфліктом: запит POST на `/api/check`
+-   Перевірте головоломку з декількома конфліктами: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з усіма конфліктами: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з пропущеними необхідними полями: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з недопустимими символами: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з неправильною довжиною: запит POST на `/api/check`
+-   Перевірте розміщення головоломки з недопустимим розміщенням позиції (координат): запит POST на `/api/check`
+-   Перевірте розміщення головоломки з недопустимим розміщенням значення: запит POST на `/api/check`
+
+# --hints--
+
+Вам необхідно вказати свій власний проєкт, а не приклад URL-адреси.
+
+```js
+(getUserInput) => {
+  const url = getUserInput('url');
+  assert(!/.*\/sudoku-solver\.freecodecamp\.rocks/.test(getUserInput('url')));
+};
+```
+
+Ви можете `POST` `/api/solve` з даними форми, які містять `puzzle`, який буде рядком з комбінації чисел (1-9) та періодів `.`, щоб зобразити пробіли. Повернений об'єкт буде містити властивість `solution` з вирішеною головоломкою.
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output =
+    '769235418851496372432178956174569283395842761628713549283657194516924837947381625';
+  const data = await fetch(getUserInput('url') + '/api/solve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'solution');
+  assert.equal(parsed.solution, output);
+};
+```
+
+Якщо об'єкт, представлений в `/api/solve` відсутній `puzzle`, зворотне значення буде `{error: 'Required field missing'}`
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Required field missing';
+  const data = await fetch(getUserInput('url') + '/api/solve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ notpuzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо головоломка, представлена в `/api/solve` містить значення, які не є числами чи періодами, то зворотне значення буде `{ error: 'Invalid characters in puzzle' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    'AA9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Invalid characters in puzzle';
+  const data = await fetch(getUserInput('url') + '/api/solve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо головоломка, представлена в `/api/solve` містить більше чи менше ніж 81 символу, то зворотне значення буде `{ error: 'Expected puzzle to be 81 characters long' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    '9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Expected puzzle to be 81 characters long';
+  const data = await fetch(getUserInput('url') + '/api/solve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо головоломка, представлена в `/api/solve` недопустима чи не може бути розв'язаною, то зворотне значення буде `{ error: 'Puzzle cannot be solved' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    '9.9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Puzzle cannot be solved';
+  const data = await fetch(getUserInput('url') + '/api/solve', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Ви можете `POST` на об'єкт `/api/check`, який містить `puzzle`, `coordinate`, і `value`, де `coordinate` - букви A-I, які позначають рядок, потім числа 1-9, які позначають стовпець і `value` - числа 1-9.
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const coordinate = 'A1';
+  const value = '7';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'valid');
+  assert.isTrue(parsed.valid);
+};
+```
+
+Зворотне значення від`POST` до `/api/check` буде об'єкт, який містить властивість `valid`, яка є `true` якщо номер може бути розміщеним у запропоновану координату і `false` якщо ні. Якщо неправильно, то повернений об'єкт також буде містити властивість `conflict`, яка є масивом з рядками `"row"`, `"column"`, і /or `"region"`, в залежності від того, що робить розміщення недопустимим.
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const coordinate = 'A1';
+  const value = '1';
+  const conflict = ['row', 'column'];
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'valid');
+  assert.isFalse(parsed.valid);
+  assert.property(parsed, 'conflict');
+  assert.include(parsed.conflict, 'row');
+  assert.include(parsed.conflict, 'column');
+};
+```
+
+Якщо `value` представлене в `/api/check` уже поміщене в `puzzle` на ту `coordinate`, то зворотне значення буде об'єкт, в якому є властивість `valid` з `true`, якщо `value` не суперечливий.
+
+```js
+async (getUserInput) => {
+  const input =
+  '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const coordinate = 'C3';
+  const value = '2';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'valid');
+  assert.isTrue(parsed.valid);
+};
+```
+
+Якщо головоломка представлена в `/api/check` містить значення, які не є числами чи періодами, зворотне значення буде `{ error: 'Invalid characters in puzzle' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    'AA9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const coordinate = 'A1';
+  const value = '1';
+  const output = 'Invalid characters in puzzle';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо головоломка представлена в `/api/check` містить більше чи менше ніж 81 символ, то зворотне значення буде `{ error: 'Expected puzzle to be 81 characters long' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    '9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const coordinate = 'A1';
+  const value = '1';
+  const output = 'Expected puzzle to be 81 characters long';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо об'єкт представлений в `/api/check` немає `puzzle`, `coordinate` чи `value`, то зворотне значення буде `{ error: Required field(s) missing }`
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Required field(s) missing';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо координата представлена в `api/check` не вказує на чинну ланку сітки, то зворотне значення буде `{ error: 'Invalid coordinate'}`
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Invalid coordinate';
+  const coordinate = 'XZ18';
+  const value = '7';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Якщо `value` представлене в `/api/check` не є числом між 1 і 9, то зворотне значення буде `{ error: 'Invalid value' }`
+
+```js
+async (getUserInput) => {
+  const input =
+    '..9..5.1.85.4....2432......1...69.83.9.....6.62.71...9......1945....4.37.4.3..6..';
+  const output = 'Invalid value';
+  const coordinate = 'A1';
+  const value = 'X';
+  const data = await fetch(getUserInput('url') + '/api/check', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ puzzle: input, coordinate, value })
+  });
+  const parsed = await data.json();
+  assert.property(parsed, 'error');
+  assert.equal(parsed.error, output);
+};
+```
+
+Усі 12 модульних тестів завершено та успішно пройдено. Дивіться `/tests/1_unit-tests.js` для очікуваного поводження об'єкту, вам слід написати тести.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const units = getTests.filter((el) => el.context.includes('UnitTests'));
+    assert.isAtLeast(units.length, 12, 'At least 12 tests passed');
+    units.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Test in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+Усі 14 функціональних тестів завершено та успішно пройдено. Дивіться `/tests/2_functional-tests.js` для функціональності, для якої вам слід написати тести.
+
+```js
+async (getUserInput) => {
+  try {
+    const getTests = await $.get(getUserInput('url') + '/_api/get-tests');
+    assert.isArray(getTests);
+    const funcs = getTests.filter((el) =>
+      el.context.includes('Functional Tests')
+    );
+    assert.isAtLeast(funcs.length, 14, 'At least 14 tests passed');
+    funcs.forEach((test) => {
+      assert.equal(test.state, 'passed', 'Test in Passed State');
+      assert.isAtLeast(
+        test.assertions.length,
+        1,
+        'At least one assertion per test'
+      );
+    });
+  } catch (err) {
+    throw new Error(err.responseText || err.message);
+  }
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md
new file mode 100644
index 0000000000..02890545bb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/build-your-own-functions.md
@@ -0,0 +1,71 @@
+---
+id: 5e7b9f060b6c005b0e76f05b
+title: Створіть свої власні функції
+challengeType: 11
+videoId: nLDychdBwUg
+bilibiliIds:
+  aid: 249487483
+  bvid: BV1Fv411J7bS
+  cid: 376340281
+dashedName: build-your-own-functions
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео з поясненнями](https://www.youtube.com/watch?v=ksvGhDsjtpw)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання коду нижче?:
+
+```python
+def fred():
+    print("Zap")
+def jane():
+    print("ABC")
+
+jane()
+fred()
+jane()
+```
+
+## --answers--
+
+<pre>Zap
+ABC
+jane
+fred
+jane</pre>
+
+---
+
+<pre>Zap
+ABC
+Zap</pre>
+
+---
+
+<pre>ABC
+Zap
+jane</pre>
+
+---
+
+<pre>ABC
+Zap
+ABC</pre>
+
+---
+
+<pre>Zap
+Zap
+Zap</pre>
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md
new file mode 100644
index 0000000000..74c0dec534
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/comparing-and-sorting-tuples.md
@@ -0,0 +1,61 @@
+---
+id: 5e7b9f0b0b6c005b0e76f06d
+title: Порівняння та сортування масивів
+challengeType: 11
+videoId: dZXzBXUxxCs
+bilibiliIds:
+  aid: 931886163
+  bvid: BV1HM4y1T7TK
+  cid: 376533673
+dashedName: comparing-and-sorting-tuples
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=EhQxwzyT16E)
+
+# --question--
+
+## --text--
+
+Який код є аналогічним за результатом виконання до заданого нижче?:
+
+```python
+lst = []
+for key, val in counts.items():
+    newtup = (val, key)
+    lst.append(newtup)
+lst = sorted(lst, reverse=True)
+print(lst)
+```
+
+## --answers--
+
+```python
+print( sorted( [ (v,k) for k,v in counts.items() ], reverse=True ) )
+```
+
+---
+
+```python
+print( [ (k,v) for k,v in counts.items().sorted() ] )
+```
+
+---
+
+```python
+print( sorted( [ (v,k) for k,v in counts.keys() ] ) )
+```
+
+---
+
+```python
+print( [ (k,v) for k,v in counts.values().sort() ] )
+```
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/conditional-execution.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/conditional-execution.md
new file mode 100644
index 0000000000..b44b406fb2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/conditional-execution.md
@@ -0,0 +1,54 @@
+---
+id: 5e7b9f050b6c005b0e76f058
+title: Використання умовних операторів
+challengeType: 11
+videoId: gz_IfIsZQtc
+bilibiliIds:
+  aid: 206949935
+  bvid: BV1Jh411z7bY
+  cid: 376337035
+dashedName: conditional-execution
+---
+
+# --question--
+
+## --text--
+
+Який код є правильним і при виконанні буде виведено "Yes" за умови, що x = 0 та y = 10?
+
+## --answers--
+
+```python
+if 0 == x:
+if y == 10:
+print("Yes")
+```
+
+---
+
+```python
+if 0 == x:
+    if y == 10:
+    print("Yes")
+```
+
+---
+
+```python
+if 0 == x:
+if y == 10:
+    print("Yes")
+```
+
+---
+
+```python
+if 0 == x:
+    if y == 10:
+        print("Yes")
+```
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-mailing-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-mailing-lists.md
new file mode 100644
index 0000000000..9eef40f84d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-mailing-lists.md
@@ -0,0 +1,56 @@
+---
+id: 5e7b9f6a0b6c005b0e76f097
+title: 'Візуалізація даних: списки розсилки'
+challengeType: 11
+videoId: RYdW660KkaQ
+bilibiliIds:
+  aid: 334465586
+  bvid: BV18w411R7dD
+  cid: 377545473
+dashedName: data-visualization-mailing-lists
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок: geodata](https://www.youtube.com/watch?v=KfhslNzopxo)
+
+\- [Відео-урок: Gmane model](https://www.youtube.com/watch?v=wSpl1-7afAk)
+
+\- [Відео-урок: Gmane spider](https://www.youtube.com/watch?v=H3w4lOFBUOI)
+
+\- [Відео-урок: Gmane Viz](https://www.youtube.com/watch?v=LRqVPMEXByw)
+
+\- [Відео-урок: page rank](https://www.youtube.com/watch?v=yFRAZBkBDBs)
+
+\- [Відео-урок: page spider](https://www.youtube.com/watch?v=sXedPQ_AnWA)
+
+\- [Відео-урок: Page Viz](https://www.youtube.com/watch?v=Fm0hpkxsZoo)
+
+# --question--
+
+## --text--
+
+Яка типова бібліотека візуалізації JavaScript?
+
+## --answers--
+
+DataViz.js
+
+---
+
+D3
+
+---
+
+Lowcharts
+
+---
+
+DATA6
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-page-rank.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-page-rank.md
new file mode 100644
index 0000000000..8f6b8abb3c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/data-visualization-page-rank.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f6a0b6c005b0e76f096
+title: 'Візуалізація даних: Page Rank'
+challengeType: 11
+videoId: 6-w_qIUwaxU
+bilibiliIds:
+  aid: 376950472
+  bvid: BV1ho4y1Q72u
+  cid: 377544599
+dashedName: data-visualization-page-rank
+---
+
+# --question--
+
+## --text--
+
+Як працює алгоритм PageRank?
+
+## --answers--
+
+Він визначає, які сторінки найбільш пов'язані.
+
+---
+
+Він ранжує сторінки за кількістю переглядів.
+
+---
+
+Він визначає, які сторінки містять найважливіший контент.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-and-loops.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-and-loops.md
new file mode 100644
index 0000000000..d3e3484183
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-and-loops.md
@@ -0,0 +1,53 @@
+---
+id: 5e7b9f0a0b6c005b0e76f069
+title: Словники та цикли
+challengeType: 11
+videoId: EEmekKiKG70
+bilibiliIds:
+  aid: 589401038
+  bvid: BV1eq4y1X7xU
+  cid: 376387132
+dashedName: dictionaries-and-loops
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=PrhZ9qwBDD8)
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран після виконання наведеного нижче коду?:
+
+```python
+counts = { 'chuck' : 1 , 'annie' : 42, 'jan': 100}
+for key in counts:
+    if counts[key] > 10:
+        print(key, counts[key])
+```
+
+## --answers--
+
+<pre>annie 42
+jan 100</pre>
+
+---
+
+<pre>chuck 1
+annie 42
+jan 100</pre>
+
+---
+
+<pre>chuck 1</pre>
+
+---
+
+<pre>[Error]</pre>
+
+## --video-solution--
+
+1
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md
new file mode 100644
index 0000000000..7bb7d80dbc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/dictionaries-common-applications.md
@@ -0,0 +1,47 @@
+---
+id: 5e7b9f090b6c005b0e76f068
+title: 'Словники: загального використання'
+challengeType: 11
+videoId: f17xPfIXct0
+bilibiliIds:
+  aid: 805747023
+  bvid: BV1v34y1D7ug
+  cid: 414168867
+dashedName: dictionaries-common-applications
+---
+
+# --question--
+
+## --text--
+
+Що буде результатом виконання даного коду?
+
+```python
+counts = { 'quincy' : 1 , 'mrugesh' : 42, 'beau': 100, '0': 10}
+print(counts.get('kris', 0))
+```
+
+## --answers--
+
+2
+
+---
+
+quincy
+
+---
+
+0
+
+---
+
+10
+
+---
+
+помилка
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md
new file mode 100644
index 0000000000..0216369fab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/files-as-a-sequence.md
@@ -0,0 +1,44 @@
+---
+id: 5e7b9f080b6c005b0e76f063
+title: Файли як послідовність
+challengeType: 11
+videoId: cIA0EokbaHE
+bilibiliIds:
+  aid: 974380307
+  bvid: BV1p44y1m7br
+  cid: 376388846
+dashedName: files-as-a-sequence
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=il1j4wkte2E)
+
+# --question--
+
+## --text--
+
+Що команда "continue" робить, якщо вона розташована всередині циклу?
+
+## --answers--
+
+Перехід до коду одразу після циклу.
+
+---
+
+Перехід до наступного рядка коду.
+
+---
+
+Перехід до наступної ітерації циклу.
+
+---
+
+Пропускає наступний блок коду.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md
new file mode 100644
index 0000000000..bc59f3d764
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-expressions.md
@@ -0,0 +1,56 @@
+---
+id: 5e7b9f050b6c005b0e76f057
+title: Робота з виразами
+challengeType: 11
+videoId: dKgUaIa5ATg
+bilibiliIds:
+  aid: 334428894
+  bvid: BV1uw411R7gH
+  cid: 376318468
+dashedName: intermediate-expressions
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок 1](https://youtu.be/t_4DPwsaGDY)
+
+\- [Відео-урок 2](https://youtu.be/wgkC8SxraAQ)
+
+# --question--
+
+## --text--
+
+Що буде виведено в результаті виконання даного коду:
+
+```python
+width = 15
+height = 12.0
+print(height/3)
+```
+
+## --answers--
+
+39
+
+---
+
+4
+
+---
+
+4.0
+
+---
+
+5.0
+
+---
+
+5
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-strings.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-strings.md
new file mode 100644
index 0000000000..6dc9f16562
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/intermediate-strings.md
@@ -0,0 +1,53 @@
+---
+id: 5e7b9f070b6c005b0e76f061
+title: Робота з рядками
+challengeType: 11
+videoId: KgT_fYLXnyk
+bilibiliIds:
+  aid: 291983121
+  bvid: BV1Zf4y157yG
+  cid: 376394116
+dashedName: intermediate-strings
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=1bSqHot-KwE)
+
+# --question--
+
+## --text--
+
+Яке значення матиме змінна i після виконання даного коду?
+
+```python
+word = "bananana"
+i = word.find("na")
+```
+
+## --answers--
+
+nanana
+
+---
+
+2
+
+---
+
+3
+
+---
+
+True
+
+---
+
+na
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md
new file mode 100644
index 0000000000..a550b25560
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-elements-of-python.md
@@ -0,0 +1,40 @@
+---
+id: 5e6a54c358d3af90110a60a3
+title: 'Вступ: Елементи мови Python'
+challengeType: 11
+videoId: aRY_xjL35v0
+bilibiliIds:
+  aid: 674420725
+  bvid: BV1MU4y1H7Lj
+  cid: 376315889
+dashedName: introduction-elements-of-python
+---
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання коду нижче:
+
+```python
+x = 43
+x = x + 1
+print(x)
+```
+
+## --answers--
+
+x
+
+---
+
+x + 1
+
+---
+
+44
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md
new file mode 100644
index 0000000000..eef59b106a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-hardware-achitecture.md
@@ -0,0 +1,34 @@
+---
+id: 5e6a54af58d3af90110a60a1
+title: 'Вступ: Архітектура обладнання'
+challengeType: 11
+videoId: H6qtjRTfSog
+bilibiliIds:
+  aid: 206977572
+  bvid: BV1zh411z7Ak
+  cid: 376199262
+dashedName: introduction-hardware-architecture
+---
+
+# --question--
+
+## --text--
+
+Де програми зберігаються під час роботи?
+
+## --answers--
+
+Жорсткий диск.
+
+---
+
+Пам'ять.
+
+---
+
+Центральний процесор.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-python-as-a-language.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-python-as-a-language.md
new file mode 100644
index 0000000000..f3064cec81
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-python-as-a-language.md
@@ -0,0 +1,43 @@
+---
+id: 5e6a54ba58d3af90110a60a2
+title: 'Вступ: Python як мова програмування'
+challengeType: 11
+videoId: 0QeGbZNS_bY
+bilibiliIds:
+  aid: 674404602
+  bvid: BV1GU4y1H7vB
+  cid: 376315625
+dashedName: introduction-python-as-a-language
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено в результаті виконання цього коду:
+
+```python
+x = 6
+print(x)
+```
+
+## --answers--
+
+x
+
+---
+
+6
+
+---
+
+x = 6
+
+---
+
+(x)
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md
new file mode 100644
index 0000000000..589700e4b3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/introduction-why-program.md
@@ -0,0 +1,46 @@
+---
+id: 5e6a54a558d3af90110a60a0
+title: 'Вступ: чому програмування?'
+challengeType: 11
+videoId: 3muQV-Im3Z0
+bilibiliIds:
+  aid: 206882253
+  bvid: BV1Fh411z7tr
+  cid: 376314257
+videoLocaleIds:
+  espanol: 3muQV-Im3Z0
+  italian: 3muQV-Im3Z0
+  portuguese: 3muQV-Im3Z0
+dashedName: introduction-why-program
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Встановити Python для Windows](https://youtu.be/F7mtLrYzZP8)
+
+\- [Встановити Python для MacOS](https://youtu.be/wfLnZP-4sZw)
+
+# --question--
+
+## --text--
+
+Кому варто навчатися програмуванню?
+
+## --answers--
+
+Студентам коледжу.
+
+---
+
+Людям, які хочуть стати розробниками програмного забезпечення.
+
+---
+
+Всім.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-definite-loops.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-definite-loops.md
new file mode 100644
index 0000000000..f008841919
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-definite-loops.md
@@ -0,0 +1,43 @@
+---
+id: 5e7b9f070b6c005b0e76f05d
+title: 'Ітерації: визначені цикли'
+challengeType: 11
+videoId: hiRTRAqNlpE
+bilibiliIds:
+  aid: 291987032
+  bvid: BV1ff4y157Q3
+  cid: 376385255
+dashedName: iterations-definite-loops
+---
+
+# --question--
+
+## --text--
+
+Скільки рядків буде виведено в результаті виконання даного коду?:
+
+```python
+for i in [2,1,5]:
+    print(i)
+```
+
+## --answers--
+
+1
+
+---
+
+2
+
+---
+
+3
+
+---
+
+5
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md
new file mode 100644
index 0000000000..b73b599990
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-loop-idioms.md
@@ -0,0 +1,49 @@
+---
+id: 5e7b9f070b6c005b0e76f05e
+title: 'Цикли: ускладненні вирази'
+challengeType: 11
+videoId: AelGAcoMXbI
+bilibiliIds:
+  aid: 334491369
+  bvid: BV1tw411R7Mm
+  cid: 376530765
+dashedName: iterations-loop-idioms
+---
+
+# --question--
+
+## --text--
+
+Нижче наведено код який знаходить найменше значення у списку. Один з рядків коду містить помилку яка не буде дозволяти коду працювати правильно. Який це рядок?:
+
+```python
+smallest = None
+print("Before:", smallest)
+for itervar in [3, 41, 12, 9, 74, 15]:
+    if smallest is None or itervar < smallest:
+        smallest = itervar
+        break
+    print("Loop:", itervar, smallest)
+print("Smallest:", smallest)
+```
+
+## --answers--
+
+3
+
+---
+
+4
+
+---
+
+6
+
+---
+
+7
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md
new file mode 100644
index 0000000000..13ebb0913d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/iterations-more-patterns.md
@@ -0,0 +1,52 @@
+---
+id: 5e7b9f070b6c005b0e76f05f
+title: 'Ітерації: Додаткові шаблони'
+challengeType: 11
+videoId: 9Wtqo6vha1M
+bilibiliIds:
+  aid: 674492981
+  bvid: BV1hU4y1H7tF
+  cid: 376531204
+dashedName: iterations-more-patterns
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=kjxXZQw0uPg)
+
+# --question--
+
+## --text--
+
+Який з варіантів еквівалентий значенню False?
+
+## --answers--
+
+```python
+0 == 0.0
+```
+
+---
+
+```python
+0 is 0.0
+```
+
+---
+
+```python
+0 is not 0.0
+```
+
+---
+
+```python
+0 = 0.0
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md
new file mode 100644
index 0000000000..64cd354414
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/loops-and-iterations.md
@@ -0,0 +1,55 @@
+---
+id: 5e7b9f060b6c005b0e76f05c
+title: Цикли та ітерації
+challengeType: 11
+videoId: dLA-szNRnUY
+bilibiliIds:
+  aid: 674492981
+  bvid: BV1hU4y1H7tF
+  cid: 376531204
+dashedName: loops-and-iterations
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран після виконання наведеного нижче коду?:
+
+```python
+n = 0
+while True:
+    if n == 3:
+        break
+    print(n)
+    n = n + 1
+```
+
+## --answers--
+
+<pre>0
+1
+2</pre>
+
+---
+
+<pre>0
+1
+2
+3</pre>
+
+---
+
+<pre>1
+2</pre>
+
+---
+
+<pre>1
+2
+3</pre>
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/make-a-relational-database.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/make-a-relational-database.md
new file mode 100644
index 0000000000..168d7ca98f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/make-a-relational-database.md
@@ -0,0 +1,52 @@
+---
+id: 5e7b9f170b6c005b0e76f08b
+title: Розробка реляційної бази даних
+challengeType: 11
+videoId: MQ5z4bdF92U
+bilibiliIds:
+  aid: 249380678
+  bvid: BV1vv411E76L
+  cid: 377531786
+dashedName: make-a-relational-database
+---
+
+# --question--
+
+## --text--
+
+Яку SQL команду ви б використали для того, щоб отримати всіх користувачів з електронною адресою `quincy@freecodecamp.org`?
+
+## --answers--
+
+```sql
+SELECT Users WHERE email="quincy@freecodecamp.org"
+```
+
+---
+
+```sql
+SELECT Users WHERE email IS "quincy@freecodecamp.org"
+```
+
+---
+
+```sql
+SELECT ALL Users WHERE email="quincy@freecodecamp.org"
+```
+
+---
+
+```sql
+SELECT * FROM Users WHERE email IS "quincy@freecodecamp.org"
+```
+
+---
+
+```sql
+SELECT * FROM Users WHERE email="quincy@freecodecamp.org"
+```
+
+## --video-solution--
+
+5
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md
new file mode 100644
index 0000000000..c832ffc663
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/more-conditional-structures.md
@@ -0,0 +1,60 @@
+---
+id: 5e7b9f060b6c005b0e76f059
+title: Додаткові умовні структури
+challengeType: 11
+videoId: HdL82tAZR20
+bilibiliIds:
+  aid: 631930118
+  bvid: BV1Nb4y1r7z2
+  cid: 376337449
+dashedName: more-conditional-structures
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок 1](https://www.youtube.com/watch?v=crLerB4ZxMI)
+
+\- [Відео-урок 2](https://www.youtube.com/watch?v=KJN3-7HH6yk)
+
+# --question--
+
+## --text--
+
+Вам надано наведений нижче код:
+
+```python
+temp = "5 degrees"
+cel = 0
+fahr = float(temp)
+cel = (fahr - 32.0) * 5.0 / 9.0
+print(cel)
+```
+
+Який рядок/рядки мають бути всередині `try` блоку?
+
+## --answers--
+
+1
+
+---
+
+3
+
+---
+
+3,4
+
+---
+
+4
+
+---
+
+Жодна
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md
new file mode 100644
index 0000000000..86c5a84458
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-protocol.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f0c0b6c005b0e76f072
+title: Мережеві протоколи
+challengeType: 11
+videoId: c6vZGescaSc
+bilibiliIds:
+  aid: 931950996
+  bvid: BV1cM4y1N7K6
+  cid: 376388317
+dashedName: networking-protocol
+---
+
+# --question--
+
+## --text--
+
+Який тип HTTP запиту зазвичай використовується для доступу до веб-сайту?
+
+## --answers--
+
+POST
+
+---
+
+GET
+
+---
+
+WEB
+
+---
+
+ACCESS
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md
new file mode 100644
index 0000000000..53feac3ec5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-text-processing.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f0c0b6c005b0e76f074
+title: 'Мережа: Обробка тексту'
+challengeType: 11
+videoId: Pv_pJgVu8WI
+bilibiliIds:
+  aid: 804442498
+  bvid: BV16y4y1j7WW
+  cid: 377329124
+dashedName: networking-text-processing
+---
+
+# --question--
+
+## --text--
+
+Який тип кодування використовує більшість сайтів?
+
+## --answers--
+
+UTF-8
+
+---
+
+UTF-16
+
+---
+
+UTF-32
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md
new file mode 100644
index 0000000000..0758aa91f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-using-urllib-in-python.md
@@ -0,0 +1,41 @@
+---
+id: 5e7b9f0d0b6c005b0e76f075
+title: 'Мережа: Використання urllib в Python'
+challengeType: 11
+videoId: 7lFM1T_CxBs
+bilibiliIds:
+  aid: 546908270
+  bvid: BV1Xq4y1H7e6
+  cid: 377331524
+dashedName: networking-using-urllib-in-python
+---
+
+# --question--
+
+## --text--
+
+Як буде виглядати результат роботи даного коду?:
+
+```python
+import urllib.request
+fhand = urllib.request.urlopen('http://data.pr4e.org/romeo.txt')
+for line in fhand:
+    print(line.decode().strip())
+```
+
+## --answers--
+
+Лише зміст "romeo.txt".
+
+---
+
+Верхній колонтитул і зміст "romeo.txt".
+
+---
+
+Верхній та нижній колонтитули, зміст "romeo.txt".
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md
new file mode 100644
index 0000000000..a2290668f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-web-scraping-with-python.md
@@ -0,0 +1,60 @@
+---
+id: 5e7b9f0d0b6c005b0e76f076
+title: 'Мережа: Веб-скрапінг з Python'
+challengeType: 11
+videoId: Uyioq2q4cEg
+bilibiliIds:
+  aid: 674382625
+  bvid: BV1oU4y1n7zQ
+  cid: 377331774
+dashedName: networking-web-scraping-with-python
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок: socket1](https://www.youtube.com/watch?v=dWLdI43W-g)
+
+\- [Відео-урок: urllib](https://www.youtube.com/watch?v=8yis2DvbBkI)
+
+\- [Відео-урок: urllinks](https://www.youtube.com/watch?v=g9flPDG9nnY)
+
+# --question--
+
+## --text--
+
+Яку Python бібліотеку використовують для парсингу HTML документів та отримання даних з них?
+
+## --answers--
+
+socket
+
+---
+
+http
+
+---
+
+BeautifulSoup
+
+---
+
+PrettyBiscuit
+
+---
+
+WonderfulSalad
+
+---
+
+HttpParser
+
+---
+
+GrunkleStan
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md
new file mode 100644
index 0000000000..a21dbb0cea
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-with-python.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f0c0b6c005b0e76f071
+title: Робота з мережею у Python
+challengeType: 11
+videoId: _kJvneKVdNM
+bilibiliIds:
+  aid: 419494612
+  bvid: BV1r341167jT
+  cid: 376385858
+dashedName: networking-with-python
+---
+
+# --question--
+
+## --text--
+
+Яка бібліотека дає доступ до TCP сокетів?
+
+## --answers--
+
+tcp
+
+---
+
+socket
+
+---
+
+http
+
+---
+
+port
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md
new file mode 100644
index 0000000000..b14d799294
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/networking-write-a-web-browser.md
@@ -0,0 +1,54 @@
+---
+id: 5e7b9f0c0b6c005b0e76f073
+title: 'Мережа: Напишіть веб-браузер'
+challengeType: 11
+videoId: zjyT9DaAjx4
+bilibiliIds:
+  aid: 761908574
+  bvid: BV1j64y1x7wx
+  cid: 377319579
+dashedName: networking-write-a-web-browser
+---
+
+# --question--
+
+## --text--
+
+Що створює даний код?:
+
+```py
+import socket
+
+mysock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
+mysock.connect(('data.pr4e.org', 80))
+cmd = 'GET http://data.pr4e.org/romeo.txt HTTP/1.0\r\n\r\n'.encode()
+mysock.send(cmd)
+
+while True:
+    data = mysock.recv(512)
+    if len(data) < 1:
+        break
+    print(data.decode(),end='')
+mysock.close()
+```
+
+## --answers--
+
+Простий веб-сервер.
+
+---
+
+Простий e-mail клієнт.
+
+---
+
+Простий список завдань.
+
+---
+
+Простий веб-браузер.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/object-lifecycle.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/object-lifecycle.md
new file mode 100644
index 0000000000..2cba78ae19
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/object-lifecycle.md
@@ -0,0 +1,71 @@
+---
+id: 5e7b9f170b6c005b0e76f087
+title: Життєвий цикл об'єкта
+challengeType: 11
+videoId: p1r3h_AMMIM
+bilibiliIds:
+  aid: 461998717
+  bvid: BV1JL411n7Hr
+  cid: 377529681
+dashedName: object-lifecycle
+---
+
+# --question--
+
+## --text--
+
+Що виведе дана програма на екран?:
+
+```python
+class PartyAnimal:
+    x = 0
+    name = ''
+    def __init__(self, nam):
+        self.name = nam
+        print(self.name,'constructed')
+    def party(self):
+        self.x = self.x + 1
+        print(self.name,'party count',self.x)
+
+q = PartyAnimal('Quincy')
+m = PartyAnimal('Miya')
+
+q.party()
+m.party()
+q.party()
+```
+
+## --answers--
+
+<pre>
+Quincy constructed
+Miya constructed
+Quincy party count 1
+Miya party count 2
+Quincy party count 3
+</pre>
+
+---
+
+<pre>
+Quincy constructed
+Miya constructed
+Quincy party count 1
+Miya party count 1
+Quincy party count 2
+</pre>
+
+---
+
+<pre>
+Quincy constructed
+Quincy party count 1
+Quincy party count 2
+Miya constructed
+Miya party count 1
+</pre>
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md
new file mode 100644
index 0000000000..e8eb838658
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-a-sample-class.md
@@ -0,0 +1,62 @@
+---
+id: 5e7b9f160b6c005b0e76f086
+title: 'Об''єкти: Приклад класу'
+challengeType: 11
+videoId: FiABKEuaSJ8
+bilibiliIds:
+  aid: 589451777
+  bvid: BV1rq4y1X7TG
+  cid: 377523194
+dashedName: objects-a-sample-class
+---
+
+# --question--
+
+## --text--
+
+Що виведе дана програма на екран?:
+
+```python
+class PartyAnimal:
+    x = 0
+    def party(self):
+        self.x = self.x + 2
+        print(self.x)
+
+an = PartyAnimal()
+an.party()
+an.party()
+```
+
+## --answers--
+
+<pre>
+So far 1
+So far 2
+</pre>
+
+---
+
+<pre>
+0
+0
+</pre>
+
+---
+
+<pre>
+2
+2
+</pre>
+
+---
+
+<pre>
+2
+4
+</pre>
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md
new file mode 100644
index 0000000000..3d95141dfa
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/objects-inheritance.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f170b6c005b0e76f088
+title: 'Об''єкти: Успадкування'
+challengeType: 11
+videoId: FBL3alYrxRM
+bilibiliIds:
+  aid: 631990691
+  bvid: BV1sb4y1r7GF
+  cid: 377529901
+dashedName: objects-inheritance
+---
+
+# --question--
+
+## --text--
+
+Що таке успадкування в об'єктно-орієнтованому програмуванні?
+
+## --answers--
+
+Створення нового класу, при розширенні батьківського.
+
+---
+
+Побудований екземпляр класу.
+
+---
+
+Можливість створювати новий клас, як розширення вже існуючого класу.
+
+---
+
+В той час метод, який називається в той момент, коли клас використовується для побудови об'єкта.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md
new file mode 100644
index 0000000000..a302a49538
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-dictionaries.md
@@ -0,0 +1,59 @@
+---
+id: 5e7b9f090b6c005b0e76f067
+title: Словники Python
+challengeType: 11
+videoId: dnzvfimrRMg
+bilibiliIds:
+  aid: 631893305
+  bvid: BV19b4y167kj
+  cid: 376386176
+dashedName: python-dictionaries
+---
+
+# --question--
+
+## --text--
+
+Чому даний словник буде еквівалентним після виконання наведеного нижче коду?:
+
+```python
+dict = {"Fri": 20, "Thu": 6, "Sat": 1}
+dict["Thu"] = 13
+dict["Sat"] = 2
+dict["Sun"] = 9
+```
+
+## --answers--
+
+```python
+{'Fri': 20, 'Thu': 6, 'Sat': 1}
+```
+
+---
+
+```python
+{'Fri': 20, 'Thu': 6, 'Sat': 1, 'Thu': 13, 'Sat': 2, 'Sun': 9}
+```
+
+---
+
+```python
+{'Sun': 9}
+```
+
+---
+
+```python
+{'Thu': 13, 'Sat': 2, 'Sun': 9}
+```
+
+---
+
+```python
+{'Fri': 20, 'Thu': 13, 'Sat': 2, 'Sun': 9}
+```
+
+## --video-solution--
+
+5
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md
new file mode 100644
index 0000000000..a6d85abbc6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-functions.md
@@ -0,0 +1,42 @@
+---
+id: 5e7b9f060b6c005b0e76f05a
+title: Функції в Python
+challengeType: 11
+videoId: 3JGF-n3tDPU
+bilibiliIds:
+  aid: 631881917
+  bvid: BV1Xb4y167P4
+  cid: 376337920
+dashedName: python-functions
+---
+
+# --question--
+
+## --text--
+
+Яке призначення має ключове слово "def" в Python?
+
+## --answers--
+
+Це сленг, що означає "Даний код дуже крутий."
+
+---
+
+Воно вказує на початок функції.
+
+---
+
+Воно вказує на те, що наступна вкладена секція коду буде зберігатися для майбутнього використання.
+
+---
+
+Воно вказує початок функції, і те що наступна вкладена секція коду буде зберігатися для майбутнього використання.
+
+---
+
+Жоден з перерахованих вище.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-lists.md
new file mode 100644
index 0000000000..7a9eae26e6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-lists.md
@@ -0,0 +1,43 @@
+---
+id: 5e7b9f080b6c005b0e76f064
+title: Списки в Python
+challengeType: 11
+videoId: Y0cvfDpYC_c
+bilibiliIds:
+  aid: 249460305
+  bvid: BV1Dv411E7Uj
+  cid: 376532993
+dashedName: python-lists
+---
+
+# --question--
+
+## --text--
+
+Яким буде значення змінної x після виконання даного коду:
+
+```python
+fruit = "banana"
+x = fruit[1]
+```
+
+## --answers--
+
+banana
+
+---
+
+a
+
+---
+
+b
+
+---
+
+True
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md
new file mode 100644
index 0000000000..a9f4349159
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/python-objects.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f160b6c005b0e76f085
+title: Об'єкти в Python
+challengeType: 11
+videoId: uJxGeTYy0us
+bilibiliIds:
+  aid: 889496260
+  bvid: BV1ZP4y1s7G6
+  cid: 377522762
+dashedName: python-objects
+---
+
+# --question--
+
+## --text--
+
+Що з приведених тверджень не є правильним для об'єктів у Python?
+
+## --answers--
+
+Об'єкти створюються та використовуються.
+
+---
+
+Об'єкти - це біти коду та дані.
+
+---
+
+Об'єкти приховують деталі.
+
+---
+
+Об'єкти — це один з п"яти стандартних типів даних.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md
new file mode 100644
index 0000000000..b75eba367f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/reading-files.md
@@ -0,0 +1,42 @@
+---
+id: 5e7b9f080b6c005b0e76f062
+title: Зчитування файлів
+challengeType: 11
+videoId: Fo1tW09KIwo
+bilibiliIds:
+  aid: 334439927
+  bvid: BV1pw411R7UK
+  cid: 376532076
+dashedName: reading-files
+---
+
+# --question--
+
+## --text--
+
+Що використовується для ініціалізації переходу на новий рядок в типі даних string?
+
+## --answers--
+
+\\n
+
+---
+
+{new_line}
+
+---
+
+{n}
+
+---
+
+/n
+
+---
+
+/new
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md
new file mode 100644
index 0000000000..83eeb4692c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-matching-and-extracting-data.md
@@ -0,0 +1,45 @@
+---
+id: 5e7b9f0b0b6c005b0e76f06f
+title: 'Регулярні вирази: відповідність і отримання даних'
+challengeType: 11
+videoId: LaCZnTbQGkE
+bilibiliIds:
+  aid: 975629041
+  bvid: BV1i44y1b7hE
+  cid: 414167130
+dashedName: regular-expressions-matching-and-extracting-data
+---
+
+# --question--
+
+## --text--
+
+Що виведе дана програма на екран?:
+
+```python
+import re
+s = 'A message from csev@umich.edu to cwen@iupui.edu about meeting @2PM'
+lst = re.findall('\\S+@\\S+', s)
+print(lst)
+```
+
+## --answers--
+
+['csev@umich.edu', 'cwen@iupui.edu']
+
+---
+
+['csev@umich.edu']
+
+---
+
+['umich.edu', 'iupui.edu']
+
+---
+
+['csev@', 'cwen@']
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md
new file mode 100644
index 0000000000..005c12a3b9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions-practical-applications.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f0b0b6c005b0e76f070
+title: 'Регулярні вирази: Практичні програми'
+challengeType: 11
+videoId: xCjFU9G6x48
+bilibiliIds:
+  aid: 546924659
+  bvid: BV1mq4y1H7rZ
+  cid: 376386493
+dashedName: regular-expressions-practical-applications
+---
+
+# --question--
+
+## --text--
+
+Який з приведених варіантів можна використати для пошуку "$" у регулярному виразі?
+
+## --answers--
+
+$
+
+---
+
+\\dollar\\
+
+---
+
+\\$
+
+---
+
+!$
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions.md
new file mode 100644
index 0000000000..d761504b75
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/regular-expressions.md
@@ -0,0 +1,42 @@
+---
+id: 5e7b9f0b0b6c005b0e76f06e
+title: Регулярні вирази
+challengeType: 11
+videoId: Yud_COr6pZo
+bilibiliIds:
+  aid: 759422542
+  bvid: BV1W64y167YD
+  cid: 376387549
+dashedName: regular-expressions
+---
+
+# --question--
+
+## --text--
+
+Який регулярний вираз підходить тільки для опису пробілу?
+
+## --answers--
+
+\\S
+
+---
+
+\\s
+
+---
+
+.
+
+---
+
+\_
+
+---
+
+\\.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md
new file mode 100644
index 0000000000..3d2816d650
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-database-design.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f180b6c005b0e76f08c
+title: Проектування реляційних баз даних
+challengeType: 11
+videoId: AqdfbrpkbHk
+bilibiliIds:
+  aid: 504388066
+  bvid: BV1Qg411j742
+  cid: 377532216
+dashedName: relational-database-design
+---
+
+# --question--
+
+## --text--
+
+Якою є оптимальна кількість зберігань для даних в типі string в базі даних?
+
+## --answers--
+
+0
+
+---
+
+1
+
+---
+
+2
+
+---
+
+3
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md
new file mode 100644
index 0000000000..7afce70af7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-and-sqlite.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f170b6c005b0e76f08a
+title: Реляційні бази даних і SQLite
+challengeType: 11
+videoId: QlNod5-kFpA
+bilibiliIds:
+  aid: 249449958
+  bvid: BV12v411E74H
+  cid: 377530805
+dashedName: relational-databases-and-sqlite
+---
+
+# --question--
+
+## --text--
+
+Що НЕ є первинною структурою даних в базі даних?
+
+## --answers--
+
+index
+
+---
+
+table
+
+---
+
+row
+
+---
+
+column
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md
new file mode 100644
index 0000000000..732c182fad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-join-operation.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f180b6c005b0e76f08f
+title: 'Реляційні бази даних: Операції приєднання'
+challengeType: 11
+videoId: jvDw3D9GKac
+bilibiliIds:
+  aid: 804461215
+  bvid: BV1Ry4y1j7tv
+  cid: 377542880
+dashedName: relational-databases-join-operation
+---
+
+# --question--
+
+## --text--
+
+Під час використання JOIN у SQL-операторі, що робить ON?
+
+## --answers--
+
+Воно вказує з якою таблицею виконувати JOIN.
+
+---
+
+Воно визначає поля для JOIN.
+
+---
+
+Воно вказує на те, як саме таблиці мають бути об'єднані.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md
new file mode 100644
index 0000000000..57286aa75f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-many-to-many-relationships.md
@@ -0,0 +1,52 @@
+---
+id: 5e7b9f190b6c005b0e76f090
+title: 'Реляційні бази даних: відношення типу багато-багато'
+challengeType: 11
+videoId: z-SBYcvEQOc
+bilibiliIds:
+  aid: 291965127
+  bvid: BV1Af4y1L7BK
+  cid: 377543409
+dashedName: relational-databases-many-to-many-relationships
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок: email](https://www.youtube.com/watch?v=uQ3Qv1z_Vao)
+
+\- [Відео-урок: roster](https://www.youtube.com/watch?v=qEkUEAz8j3o)
+
+\- [Відео-урок: tracks](https://www.youtube.com/watch?v=I-E7avcPeSE)
+
+\- [Відео-урок: twfriends](https://www.youtube.com/watch?v=RZRAoBFIH6A)
+
+\- [Відео-урок: twspider](https://www.youtube.com/watch?v=xBaJddvJL4A)
+
+# --question--
+
+## --text--
+
+Що є прикладом зв'язку типу багато-багато?
+
+## --answers--
+
+учитель -> учень
+
+---
+
+клієнт -> замовлення
+
+---
+
+книга -> сторінка
+
+---
+
+місто -> країна
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md
new file mode 100644
index 0000000000..a517ee6295
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/relational-databases-relationship-building.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f180b6c005b0e76f08e
+title: 'Реляційні бази даних: побудова відносин'
+challengeType: 11
+videoId: CSbqczsHVnc
+bilibiliIds:
+  aid: 376996473
+  bvid: BV1jo4y1S7VY
+  cid: 377532966
+dashedName: relational-databases-relationship-building
+---
+
+# --question--
+
+## --text--
+
+Що робить команда INSERT у SQL?
+
+## --answers--
+
+Вона створює новий рядок перераховуючи поля, які ми хочемо додати, і значення, які ми хочемо додати до нового рядка.
+
+---
+
+Вона створює новий стовпчик перераховуючи рядки, які ми хочемо додати, і значення, які ми хочемо додати до нового стовпчика.
+
+---
+
+Вона створює нову таблицю перераховуючи рядки і поля, які ми хочемо додати, і значення, які ми хочемо додати до нової таблиці.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md
new file mode 100644
index 0000000000..3955763f5d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/representing-relationships-in-a-relational-database.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f180b6c005b0e76f08d
+title: Представлення відносин у реляційній базі даних
+challengeType: 11
+videoId: '-orenCNdC2Q'
+bilibiliIds:
+  aid: 931953070
+  bvid: BV1FM4y1N7hc
+  cid: 377532529
+dashedName: representing-relationships-in-a-relational-database
+---
+
+# --question--
+
+## --text--
+
+Що таке foreign key?
+
+## --answers--
+
+Ключ, який не повинен бути там.
+
+---
+
+Ключ, який використовує нелатинські символи.
+
+---
+
+Число, яке вказує на первинний ключ від пов'язаного рядка в іншій таблиці.
+
+---
+
+Ключ, який "реальний світ" може використовувати для пошуку необхідного рядка.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md
new file mode 100644
index 0000000000..97861c703e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-and-lists.md
@@ -0,0 +1,51 @@
+---
+id: 5e7b9f090b6c005b0e76f066
+title: Рядки та списки
+challengeType: 11
+videoId: lxcFa7ldCi0
+bilibiliIds:
+  aid: 804401443
+  bvid: BV1By4y1j7F9
+  cid: 376385517
+dashedName: strings-and-lists
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок](https://www.youtube.com/watch?v=-9TfJF2dwHI)
+
+# --question--
+
+## --text--
+
+Чому дорівнює n в цьому коді?
+
+```python
+words = 'His e-mail is q-lar@freecodecamp.org'
+pieces = words.split()
+parts = pieces[3].split('-')
+n = parts[1]
+```
+
+## --answers--
+
+mail
+
+---
+
+q
+
+---
+
+lar
+
+---
+
+`lar@freecodecamp.org`
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-in-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-in-python.md
new file mode 100644
index 0000000000..43cdcc94c4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/strings-in-python.md
@@ -0,0 +1,63 @@
+---
+id: 5e7b9f070b6c005b0e76f060
+title: Рядки в Python
+challengeType: 11
+videoId: LYZj207fKpQ
+bilibiliIds:
+  aid: 504434218
+  bvid: BV1Lg41177s8
+  cid: 376531802
+dashedName: strings-in-python
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран після виконання приведенного нижче коду?:
+
+```python
+for n in "banana":
+    print(n)
+```
+
+## --answers--
+
+<pre>
+n
+n
+</pre>
+
+---
+
+<pre>
+0
+1
+</pre>
+
+---
+
+<pre>
+0
+1
+2
+3
+4
+5
+</pre>
+
+---
+
+<pre>
+b
+a
+n
+a
+n
+a
+</pre>
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/the-tuples-collection.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/the-tuples-collection.md
new file mode 100644
index 0000000000..08eb1fc4db
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/the-tuples-collection.md
@@ -0,0 +1,63 @@
+---
+id: 5e7b9f0a0b6c005b0e76f06c
+title: Колекція кортежів
+challengeType: 11
+videoId: 3Lxpladfh2k
+bilibiliIds:
+  aid: 334468209
+  bvid: BV1aw411R77G
+  cid: 376533308
+dashedName: the-tuples-collection
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран після виконання приведенного нижче коду?:
+
+```python
+d = dict()
+d['quincy'] = 1
+d['beau'] = 5
+d['kris'] = 9
+for (k,i) in d.items():
+    print(k, i)
+```
+
+## --answers--
+
+<pre>
+k i
+k i
+k i
+</pre>
+
+---
+
+<pre>
+quincy 0
+beau 1
+kris 2
+</pre>
+
+---
+
+<pre>
+quincy 1
+beau 5
+kris 9
+</pre>
+
+---
+
+<pre>
+1 quincy
+5 beau
+9 kris
+</pre>
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md
new file mode 100644
index 0000000000..d258fbae64
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/using-web-services.md
@@ -0,0 +1,42 @@
+---
+id: 5e7b9f0e0b6c005b0e76f07a
+title: Використання Web Services
+challengeType: 11
+videoId: oNl1OVDPGKE
+bilibiliIds:
+  aid: 759406136
+  bvid: BV1b64y16746
+  cid: 377332189
+dashedName: using-web-services
+---
+
+# --question--
+
+## --text--
+
+Які два найпоширеніші способи відправлення даних через Інтернет?
+
+## --answers--
+
+JSON і TXT
+
+---
+
+JSON і XML
+
+---
+
+XML і TXT
+
+---
+
+XML і PHP
+
+---
+
+PHP і TXT
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md
new file mode 100644
index 0000000000..fc60b9647a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/variables-expressions-and-statements.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f050b6c005b0e76f056
+title: 'Змінні та вирази'
+challengeType: 11
+videoId: nELR-uyyrok
+bilibiliIds:
+  aid: 419396811
+  bvid: BV1iV411p7Mn
+  cid: 376318116
+dashedName: variables-expressions-and-statements
+---
+
+# --question--
+
+## --text--
+
+Який символ використовується під час визначення(змінної)?
+
+## --answers--
+
+~
+
+---
+
+&
+
+---
+
+=
+
+---
+
+\|
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md
new file mode 100644
index 0000000000..b989e79b1e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/visualizing-data-with-python.md
@@ -0,0 +1,42 @@
+---
+id: 5e7b9f690b6c005b0e76f095
+title: Візуалізація даних за допомогою Python
+challengeType: 11
+videoId: e3lydkH0prw
+bilibiliIds:
+  aid: 291996462
+  bvid: BV15f4y1L7jH
+  cid: 377544192
+dashedName: visualizing-data-with-python
+---
+
+# --question--
+
+## --text--
+
+Більшість даних має бути \_\_\_\_\__ перед використанням.
+
+## --answers--
+
+конвертована в формат JSON
+
+---
+
+зображена
+
+---
+
+очищена
+
+---
+
+записана до пам'яті
+
+---
+
+перетворена в пісню
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md
new file mode 100644
index 0000000000..d2dd798988
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-api-rate-limiting-and-security.md
@@ -0,0 +1,50 @@
+---
+id: 5e7b9f150b6c005b0e76f080
+title: 'Веб-сервіси: Обмеження частоти API і безпека'
+challengeType: 11
+videoId: pI-g0lI8ngs
+bilibiliIds:
+  aid: 249456172
+  bvid: BV1Sv411E7qa
+  cid: 377336269
+dashedName: web-services-api-rate-limiting-and-security
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Відео-урок: getJSON](https://www.youtube.com/watch?v=TJGJN0T8tak)
+
+\- [Відео-урок: JSON](https://www.youtube.com/watch?v=vTmw5RtfGMY)
+
+\- [Відео-урок: Twitter](https://www.youtube.com/watch?v=2c7YwhvpCro)
+
+\- [Відео-урок: XML](https://www.youtube.com/watch?v=AopYOlDa-vY)
+
+# --question--
+
+## --text--
+
+При створенні запиту з Twitter API яку інформацію необхідно завжди надсилати з запитом?
+
+## --answers--
+
+Twitter username
+
+---
+
+date range
+
+---
+
+search term
+
+---
+
+key
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-apis.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-apis.md
new file mode 100644
index 0000000000..aca8b60073
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-apis.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f150b6c005b0e76f07f
+title: 'Веб-сервіси: API'
+challengeType: 11
+videoId: oUNn1psfBJg
+bilibiliIds:
+  aid: 589451017
+  bvid: BV1zq4y1X7A9
+  cid: 377336011
+dashedName: web-services-apis
+---
+
+# --question--
+
+## --text--
+
+Що означає API?
+
+## --answers--
+
+Application Portable Intelligence
+
+---
+
+Associate Programming International
+
+---
+
+Application Program Interface
+
+---
+
+Action Portable Interface
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md
new file mode 100644
index 0000000000..9ca2b7aace
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-json.md
@@ -0,0 +1,60 @@
+---
+id: 5e7b9f140b6c005b0e76f07d
+title: 'Веб-сервіси: JSON'
+challengeType: 11
+videoId: ZJE-U56BppM
+bilibiliIds:
+  aid: 419491911
+  bvid: BV1r3411672w
+  cid: 377332928
+dashedName: web-services-json
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран після виконання приведеного нижче коду?:
+
+```python
+import json
+data = '''
+  [
+    { "id" : "001",
+      "x" : "2",
+     "name" : "Quincy"
+    } ,
+    { "id" : "009",
+      "x" : "7",
+      "name" : "Mrugesh"
+    }
+  ]
+'''
+info = json.loads(data)
+print(info[1]['name'])
+```
+
+## --answers--
+
+Quincy
+
+---
+
+Mrugesh
+
+---
+
+001
+
+---
+
+009
+
+---
+
+[Error]
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md
new file mode 100644
index 0000000000..9843e617eb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-service-oriented-approach.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f140b6c005b0e76f07e
+title: 'Веб-сервіси: Сервісно-орієнтовний підхід'
+challengeType: 11
+videoId: muerlsCHExI
+bilibiliIds:
+  aid: 846899335
+  bvid: BV1E54y1J7oz
+  cid: 377333277
+dashedName: web-services-service-oriented-approach
+---
+
+# --question--
+
+## --text--
+
+Згідно сервісно-орієнтовного підходу до розробки web-додатків, де розташовані дані?
+
+## --answers--
+
+Розповсюджені між багатьма комп'ютерними системами, які поєднані між собою через інтернет або внутрішню мережу.
+
+---
+
+В межах різних служб на головному веб-сервері.
+
+---
+
+На окремому сервері бази даних.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md
new file mode 100644
index 0000000000..a3f18af20c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml-schema.md
@@ -0,0 +1,34 @@
+---
+id: 5e7b9f0e0b6c005b0e76f07c
+title: 'Веб-сервіси: Схема XML'
+challengeType: 11
+videoId: yWU9kTxW-nc
+bilibiliIds:
+  aid: 631951466
+  bvid: BV1Vb4y1r7m7
+  cid: 377332603
+dashedName: web-services-xml-schema
+---
+
+# --question--
+
+## --text--
+
+Що таке XSD?
+
+## --answers--
+
+Специфікація схеми W3C для XML.
+
+---
+
+Стандартна JSON схема з MOZ.
+
+---
+
+Розширюваний симуляційний драйвер
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md
new file mode 100644
index 0000000000..e040a49514
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/web-services-xml.md
@@ -0,0 +1,47 @@
+---
+id: 5e7b9f0e0b6c005b0e76f07b
+title: 'Веб-сервіси: XML'
+challengeType: 11
+videoId: _pZ0srbg7So
+bilibiliIds:
+  aid: 761920032
+  bvid: BV1n64y1x7KW
+  cid: 377332379
+dashedName: web-services-xml
+---
+
+# --question--
+
+## --text--
+
+Що не так з наступним XML?:
+
+```xml
+<person>
+  <name>Chuck</name>
+  <phone type="intl">
+    +1 734 303 4456
+  <email hide="yes" />
+</person>
+```
+
+## --answers--
+
+Тег закриття відсутній в email.
+
+---
+
+Пробіли призведуть до недійсності XML.
+
+---
+
+Тег закриття відсутній в phone.
+
+---
+
+Простий текст повинен бути закодований за допомогою UTF-8.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md
new file mode 100644
index 0000000000..507869ec9e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/python-for-everybody/working-with-lists.md
@@ -0,0 +1,38 @@
+---
+id: 5e7b9f090b6c005b0e76f065
+title: Робота зі списками
+challengeType: 11
+videoId: lCnHfTHkhbE
+bilibiliIds:
+  aid: 376965958
+  bvid: BV1No4y1S7oi
+  cid: 376387989
+dashedName: working-with-lists
+---
+
+# --question--
+
+## --text--
+
+Який метод використовується, щоб додати елемент в кінці списку?
+
+## --answers--
+
+insert
+
+---
+
+push
+
+---
+
+append
+
+---
+
+new
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md
new file mode 100644
index 0000000000..c4da6375b2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/arithmetic-formatter.md
@@ -0,0 +1,105 @@
+---
+id: 5e44412c903586ffb414c94c
+title: Арифметичне форматування
+challengeType: 10
+forumTopicId: 462359
+dashedName: arithmetic-formatter
+---
+
+# --description--
+
+Ви маєте [виконати цей проєкт за допомогою нашого стартового коду Replit](https://replit.com/github/freeCodeCamp/boilerplate-arithmetic-formatter).
+
+Ми й досі в процесі розробки інтерактивної складової навчального курсу Python. Наразі можете ознайомитись із наступними відео на YouTube каналі freeCodeCamp.org. У них ви знайдете все необхідне для завершення цього проєкту:
+
+- [Python for Everybody Video Course](https://www.freecodecamp.org/news/python-for-everybody/) (14 годин)
+- [Learn Python Video Course](https://www.freecodecamp.org/news/learn-python-video-course/) (10 години)
+
+# --instructions--
+
+У початковій школі школярів вчать вирішувати арифметичні приклади вертикально, бо це легше. Наприклад, "235 + 52" перетворюється на:
+
+```py
+  235
++  52
+-----
+```
+
+Створіть функцію, яка отримує список рядків з арифметичними завданнями та вводить їх послідовно у вертикальному вигляді. Функція повинна при необхідності брати другий аргумент. Коли другий аргумент встановлено на `True`, відповіді повинні відображатися.
+
+## Приклад
+
+Виклик функції:
+
+```py
+arithmetic_arranger(["32 + 698", "3801 - 2", "45 + 43", "123 + 49"])
+```
+
+Виведення:
+
+```py
+   32      3801      45      123
++ 698    -    2    + 43    +  49
+-----    ------    ----    -----
+```
+
+Виклик функції:
+
+```py
+arithmetic_arranger(["32 + 8", "1 - 3801", "9999 + 9999", "523 - 49"], True)
+```
+
+Виведення:
+
+```py
+  32         1      9999      523
++  8    - 3801    + 9999    -  49
+----    ------    ------    -----
+  40     -3800     19998      474
+```
+
+## Правила
+
+Функція повернеться до правильного перетворення якщо наявні завдання відформатовані належним чином, в протилежному випадку, це буде **return** **string**, що описує помилку, яка має велике значення для користувача.
+
+
+- Ситуації, які приводять до помилки:
+  - Якщо ** забагато завдань ** з'являються для функції. Ліміт **five**, що-небудь ще повернеться:`Error: Забагато завдань.`
+  - Відповідні оператори, які приймають функцію **addition** and **subtraction**. Множення і ділення породжує помилку. Інші оператори, які не згадані у цій точці, тестовані не будуть. Отримана помилка буде:`Error: Оператор повинен бути '+' або '-'.`
+  - Кожне число (операнд) повинен містити лише цифри. В іншому випадку, функція буде така:`Error: Числа повинні містити тільки цифри.`
+  - Кожен операнд (також номер один з кожної сторони оператора) максимум може мати по чотири цифри по ширині. В іншому випадку, помилковий рядок видасть наступне:`Error: Числа не можуть бути більше чотирьох цифр.`
+- Якщо користувач подбав про правильний формат проблем, то перетворення буде слідувати наступним правилам:
+  - Повинен бути лише один пробіл між оператором і найдовшим із двох операндів, оператор буде на тому ж рядку, що й другий операнд, обоє операндів будуть в однаковому порядку, як і надано (перший буде зверху, а другий - знизу).
+  - Числа повинні бути вирівняні справа.
+  - Має бути чотири пробіли між кожним завданням.
+  - У нижній частині кожного завдання мають бути тире. Тире повинні йти по всій довжині кожного завдання індивідуально. (Приклад вище показує, як це повинно виглядати.)
+
+## Розробка
+
+Напишіть свій код на `arithmetic_arranger.py`. Для розробки, ви можете використати `main.py`, щоб перевірити вашу функцію `arithmetic_arranger()`. Натисніть кнопку "run" і `main.py` запуститься.
+
+## Тестування
+
+Розділи з тестами для цього проєкту знаходяться в `test_module.py`. Ми запускаємо тести з `test_module.py` в `main.py` для вашої зручності. Тести запустяться автоматично кожного разу, коли ви натиснете клавішу "run". Як альтернатива, ви можете запустити тести, ввівши у консолях `pytest`.
+
+## Надіслати
+
+Скопіюйте URL-адресу вашого проєкту та відправте його.
+
+# --hints--
+
+Функція повинна правильно відформатувати арифметичні проблеми та пройти тестування.
+
+```js
+
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md
new file mode 100644
index 0000000000..9c163e7099
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/budget-app.md
@@ -0,0 +1,108 @@
+---
+id: 5e44413e903586ffb414c94e
+title: Додаток для ведення бюджету
+challengeType: 10
+forumTopicId: 462361
+dashedName: budget-app
+---
+
+# --description--
+
+Ви маєте [виконати цей проєкт за допомогою нашого стартового коду Replit](https://replit.com/github/freeCodeCamp/boilerplate-budget-app).
+
+Ми й досі в процесі розробки інтерактивної складової навчального курсу Python. Наразі можете ознайомитись із наступними відео на YouTube каналі freeCodeCamp.org. У них ви знайдете все необхідне для завершення цього проєкту:
+
+- [Python for Everybody Video Course](https://www.freecodecamp.org/news/python-for-everybody/) (14 годин)
+
+- [Learn Python Video Course](https://www.freecodecamp.org/news/learn-python-video-course/) (10 години)
+
+# --instructions--
+
+Зробіть клас `Category` в `budget.py`. Реклама повинна використовувати об'єкти на основі різних бюджетних категорій, а саме *їжа*, *одяг*, та *розваги*. Коли об'єкти створені, вони передаються в назву категорії. Клас повинен мати приклад змінної, що називається `ledger`, яка є за списком. Клас також повинен містити наступні методи:
+
+- Метод `deposit`, що приймає суму та опис. Якщо жодного опису не дано, то воно автоматично переходить до порожнього рядка. Метод повинен додати об'єкт до списку реєстрацій у вигляді `{"amount": amount, "description": description}`.
+- Метод `withdraw`, який схожий до методу `deposit`, але кількість, яку він передає, повинна зберігатися у реєстраційному списку як від'ємне число. Якщо недостатньо коштів, до реєстраційного списку додавати нічого не потрібно. Цей метод повинен переходити у `True`, якщо виведення займе місце, і в іншому випадку `False`.
+- Метод `get_balance`, що повертає поточний баланс категорії бюджету на основі депозитів і зняття.
+- Метод `transfer`, що приймає суму або іншу бюджетну категорію в якості аргументів. Метод повинен додати виведення суми та опис "Перенести до [Категорії Призначення Бюджету]". Метод повинен додати депозит до іншої бюджетної категорії, що містить суму та опис "Передача з [Категорії Джерела Бюджету]". Якщо недостатньо грошей, до реєстраційного списку додавати нічого не потрібно. Цей метод повинен переходити в `True`, якщо виведення займе місце, і в іншому випадку `False`.
+- Метод `check_funds`, що приймає суму в якості аргументу. Це переходить у `False`, якщо сума більша ніж баланс бюджетної категорії і повертає `True` в іншому випадку. Цей метод слід використовувати як метод `withdraw`, так і метод `transfer`.
+
+Якщо бюджетний об'єкт надрукований, він повинен відображатися:
+
+- Рядок заголовка із 30 символів, де є назва категорії знаходиться у рядку символів `*`.
+- Список елементів у реєстраційній базі. Кожен рядок повинен показувати опис і суму. Перші 23 символи опису повинні відображатися, а далі вже сума. Суму слід вирівняти з правого боку, помістити два десяткові знаки, та відобразити максимум 7 символів.
+- Рядок, що показує загальну категорію.
+
+Ось приклад результату:
+
+```bash
+*************Food*************
+initial deposit        1000.00
+groceries               -10.15
+restaurant and more foo -15.89
+Transfer to Clothing    -50.00
+Total: 923.96
+```
+
+Окрім класу `Category`, створіть функцію (за межами класу) під назвою `create_spend_chart`, яка приймає список категорій в якості аргументу. Вона повинна повертати рядок зі стовпчиковою діаграмою.
+
+Графік повинен показувати кількість відсотків, витрачених в кожній категорії, що передається до функції. Відсоток витраченого повинен бути розрахований лише за рахунок зняття, але не з депозитів. Внизу лівої частини графіку повинні бути мітки 0 - 100. "Стовпчики" у стовпчиковій діаграмі повинні бути створені із символу "0". Висота кожного стовпчика повинна бути округлена до найближчого 10. Горизонтальна лінія під стовпчиками повинна бути на двох пробілах біля кінцевої панелі. Кожна назва категорії повинна бути написана вертикально нижче стовпчика. Вгорі повинен бути заголовок, де вказано "Відсоток, витрачений категорією".
+
+Ця функція буде тестуватися з чотирма категоріями.
+
+Подивіться на приклад виходу нижче дуже близько і переконайтеся, що інтервал результатів повністю відповідає прикладу.
+
+```bash
+Percentage spent by category
+100|          
+ 90|          
+ 80|          
+ 70|          
+ 60| o        
+ 50| o        
+ 40| o        
+ 30| o        
+ 20| o  o     
+ 10| o  o  o  
+  0| o  o  o  
+    ----------
+     F  C  A  
+     o  l  u  
+     o  o  t  
+     d  t  o  
+        h     
+        i     
+        n     
+        g     
+```
+
+Розділи з тестами для цього проєкту є в `test_module.py`.
+
+## Розробка
+
+Запишіть свій код в `budget.py`. Для розробки, ви можете використати `main.py` для перевірки вашого класу `Category`. Натисніть клавішу "run" і `main.py` запуститься.
+
+## Тестування
+
+Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожен раз, коли ви натиснете клавішу "run".
+
+## Надсилання
+
+Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp.
+
+# --hints--
+
+Ви повинні створити клас "Категорія" і пройти всі тести.
+
+```js
+
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
new file mode 100644
index 0000000000..1941fff3cb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/polygon-area-calculator.md
@@ -0,0 +1,118 @@
+---
+id: 5e444147903586ffb414c94f
+title: Калькулятор площі багатокутника
+challengeType: 10
+forumTopicId: 462363
+dashedName: polygon-area-calculator
+---
+
+# --description--
+
+Ви маєте [виконати цей проєкт за допомогою нашого стартового коду Replit](https://replit.com/github/freeCodeCamp/boilerplate-polygon-area-calculator).
+
+Ми й досі в процесі розробки інтерактивної складової навчального курсу Python. Наразі можете ознайомитись із наступними відео на YouTube каналі freeCodeCamp.org. У них ви знайдете все необхідне для завершення цього проєкту:
+
+- [Python for Everybody Video Course](https://www.freecodecamp.org/news/python-for-everybody/) (14 годин)
+
+- [Learn Python Video Course](https://www.freecodecamp.org/news/learn-python-video-course/) (10 години)
+
+# --instructions--
+
+У цьому проєкті ви будете використовувати програмування, що зорієнтоване на проєкті для створення класів "Rectangle" і "Square". Клас "Square" повинен бути підкласом до "Rectangle" і наслідувати його методи та атрибути.
+
+## Клас "Rectangle"
+
+Зробіть початковими атрибутами `width` та `height`, коли ви створюєте об'єкт Rectangle. Клас також повинен містити наступні методи:
+
+- `set_width`
+- `set_height`
+- `get_area`: повертає площину (`width * height`)
+- `get_perimeter`: повертає периметр (`2 * width + 2 * height`)
+- `get_diagonal`: повертає діагональ (`(width ** 2 + height ** 2) ** .5`)
+- `get_picture`: повертає рядок, який представлений формою з "\*" ліній. Кількість рядків має бути рівною висоті, а кількість "\*" у кожному рядку має бути рівною ширині. Наприкінці кожного рядка має бути новий рядок (`\n`). Якщо ширина або висота більші за 50, то рядок повинен повернути: "Завеликий для зображення.".
+- `get_amount_inside`: бере іншу форму (квадрат чи трикутник) як аргумент. Повертає кількість разів, скільки потрібна форма може поміститися у задану форму (без обертання). Наприклад, прямокутник з шириною 4 і висотою 8 може вмістити два квадрати зі сторонами 4.
+
+Додатково, якщо екземпляр Rectangle представлений як рядок, він має виглядати так: `Rectangle(width=5, height=10)`
+
+## Клас Square
+
+Клас Square має бути підкласом Rectangle. Коли ви створюєте об'єкт Square, зберігається довжина однієї сторони. Метод `__init__` має зберігати довжину сторони в атрибутах `width` та `height` з класу Rectangle.
+
+Клас Square повинен мати доступ до методів класу Rectange, але також повинен містити метод `set_side`. Якщо екземпляр Square представлений у вигляді рядка, то це має виглядати так: `Square(side=9)`
+
+Додатково, методи `set_width` та `set_height` на класі Square повинні встановити як ширину, так і висоту.
+
+## Приклад використання
+
+```py
+rect = shape_calculator.Rectangle(10, 5)
+print(rect.get_area())
+rect.set_height(3)
+print(rect.get_perimeter())
+print(rect)
+print(rect.get_picture())
+
+sq = shape_calculator.Square(9)
+print(sq.get_area())
+sq.set_side(4)
+print(sq.get_diagonal())
+print(sq)
+print(sq.get_picture())
+
+rect.set_height(8)
+rect.set_width(16)
+print(rect.get_amount_inside(sq))
+```
+
+Цей код має повернути:
+
+```bash
+50
+26
+Rectangle(width=10, height=3)
+**********
+**********
+**********
+
+81
+5.656854249492381
+Square(side=4)
+****
+****
+****
+****
+
+8
+```
+
+Розділи з тестами для цього проєкту є в `test_module.py`.
+
+## Розробка
+
+Запишіть свій код в `shape_calculator.py`. Для розробки, ви можете використати `main.py`, щоб перевірити вашу функцію `shape_calculator()`. Натисніть клавішу "run" і `main.py` запуститься.
+
+## Тестування
+
+Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожен раз, коли ви натиснете клавішу "run".
+
+## Надсилання
+
+Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp.
+
+# --hints--
+
+Це має створити класи "Rectangle", "Square" та пройти тестування.
+
+```js
+
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
new file mode 100644
index 0000000000..26872943ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/probability-calculator.md
@@ -0,0 +1,92 @@
+---
+id: 5e44414f903586ffb414c950
+title: Калькулятор вірогідностей
+challengeType: 10
+forumTopicId: 462364
+dashedName: probability-calculator
+---
+
+# --description--
+
+Ви маєте [виконати цей проєкт за допомогою нашого стартового коду Replit](https://replit.com/github/freeCodeCamp/boilerplate-probability-calculator).
+
+Ми й досі в процесі розробки інтерактивної складової навчального курсу Python. Наразі можете ознайомитись із наступними відео на YouTube каналі freeCodeCamp.org. У них ви знайдете все необхідне для завершення цього проєкту:
+
+- [Python for Everybody Video Course](https://www.freecodecamp.org/news/python-for-everybody/) (14 годин)
+
+- [Learn Python Video Course](https://www.freecodecamp.org/news/learn-python-video-course/) (10 години)
+
+# --instructions--
+
+Уявімо, що у капелюсі лежить 5 синіх кульок, 4 червоні та 2 зелені кульки. Яка ймовірність того, що з 4 кульок, які ви витягнете, принаймні 1 буде червоною та 2 зеленими? І хоча можливо прорахувати вірогідність за допомогою вищої математики, легше буде написати програму для виконання великої кількості експериментів для оцінки приблизної вірогідності.
+
+Для цього проєкту, напишіть програму, яка визначатиме вірогідність випадкового діставання певних кульок із капелюха.
+
+Спершу створіть клас `Hat` в `prob_calculator.py`. Клас має взяти змінну кількість аргументів, яка вточнюватиме кількість кульок усіх кольорів із капелюха. Наприклад, клас об'єкту можна створити такими способами:
+
+```py
+hat1 = Hat(yellow=3, blue=2, green=6)
+hat2 = Hat(red=5, orange=4)
+hat3 = Hat(red=5, orange=4, black=1, blue=0, pink=2, striped=9)
+```
+
+Капелюх завжди створюється з принаймні однією кулькою. Аргументи, які передаються в об'єкт капелюха, під час створення мають конвертуватися в приклад змінної `contents`. `contents` має бути списком рядків з елементами для кожної кульки у капелюсі. Кожний елемент списку має бути назвою кольору, яка позначатиме кожну кульку певного кольору. Наприклад, якщо ваш капелюх `{"red": 2, "blue": 1}`, `contents` має бути `["red", "red", "blue"]`.
+
+Клас `Hat` повинен мати метод `draw`, який приймає аргумент з позначенням кількості кульок, які можна витягти з капелюха. Цей метод має випадково витягати кульки з `contents` та повертати ці кульки списком рядків. Кульки не повинні повертатися до капелюха після того, як їх витягли (як в експерименті з урною без заміни). Якщо кількість кульок, яку треба витягти, перевищує доступну кількість, поверніть усі кульки.
+
+Потім створіть функцію `experiment` в `prob_calculator.py` (не в класі `Hat`). Ця функція повинна приймати наступні аргументи:
+
+- `hat`: об'єкт капелюха з кульками, який має скопійований у функцію.
+- `expected_balls`: об'єкт, який вказує на точну кількість кульок, котру треба вийняти з капелюха для експерименту. Наприклад, щоб визначити вірогідність того, що ви витягнете 2 сині кульки та 1 червону кульку з капелюха, встановіть `expected_balls` на `{"blue":2, "red":1}`.
+- `num_balls_drawn`: кількість кульок, які треба витягти з капелюха в кожному експерименті.
+- `num_experiments`: кількість експериментів, які треба провести. (Чим більше експериментів було проведено, тим точнішою буде приблизна вірогідність.)
+
+`experiment` функція має повертати вірогідність.
+
+Допустимо, ви хочете визначити вірогідність витягти щонайменше 2 червоні кульки та 1 зелену кульку, коли ви витягаєте 5 кульок з капелюха, де лежить 6 чорних, 4 червоні та 3 зелені кульки. Для цього нам треба виконати `N` експериментів, порахуйте скільки разів `M` ми можемо витягти принаймні 2 червоні кульки та 1 зелену кульку. Вирахуйте вірогідність як `M/N`. Кожен експеримент складається з: капелюха (з певними кульками), витягування певної кількості кульок та перевірка, чи ми витягли необхідні кульки.
+
+Ось так ви можете викликати функцію `experiment` з 2000 експериментів (з прикладу зверху):
+
+```py
+hat = Hat(black=6, red=4, green=3)
+probability = experiment(hat=hat,
+                  expected_balls={"red":2,"green":1},
+                  num_balls_drawn=5,
+                  num_experiments=2000)
+```
+
+Оскільки все базується на випадкових витяганнях, то вірогідність буде злегка відрізнятися з кожним новим запуском коду.
+
+*Підказка: спробуйте використати вже імпортовані модулі зверху `prob_calculator.py`. Не ініціалізуйте випадкове початкове значення в `prob_calculator.py`.*
+
+## Розробка
+
+Запишіть свій код в `prob_calculator.py`. Для розробки, ви можете використати `main.py` для перевірки вашого коду. Натисніть кнопку "run" і `main.py` запуститься.
+
+Boilerplate містить команду `import` для `copy` та `random` модулів. Спробуйте використати їх у своєму проєкті.
+
+## Тестування
+
+Розділи з тестами для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожного разу, коли ви натиснете клавішу "run".
+
+## Надсилання
+
+Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp.
+
+# --hints--
+
+Програма повинна правильно вираховувати ймовірності та пройти тестування.
+
+```js
+
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
new file mode 100644
index 0000000000..075b791020
--- /dev/null
+++ b/curriculum/challenges/ukrainian/07-scientific-computing-with-python/scientific-computing-with-python-projects/time-calculator.md
@@ -0,0 +1,85 @@
+---
+id: 5e444136903586ffb414c94d
+title: Калькулятор часу
+challengeType: 10
+forumTopicId: 462360
+dashedName: time-calculator
+---
+
+# --description--
+
+Ви маєте [виконати цей проєкт за допомогою нашого стартового коду Replit](https://replit.com/github/freeCodeCamp/boilerplate-time-calculator).
+
+Ми й досі в процесі розробки інтерактивної складової навчального курсу Python. Наразі можете ознайомитись із наступними відео на YouTube каналі freeCodeCamp.org. У них ви знайдете все необхідне для завершення цього проєкту:
+
+- [Python for Everybody Video Course](https://www.freecodecamp.org/news/python-for-everybody/) (14 годин)
+
+- [Learn Python Video Course](https://www.freecodecamp.org/news/learn-python-video-course/) (10 години)
+
+# --instructions--
+
+Напишіть функцію з назвою `add_time`, яка приймає два обов'язкових параметри та один необов'язковий параметр:
+
+- початок часу в 12-годинному форматі годинника (закінчується на AM чи PM)
+- проміжок часу, який позначає кількість годин та хвилин
+- (необов'язкове) перший день тижня (без урахування регістру)
+
+Функція має додати проміжок часу до початку часу та повернути результат.
+
+Якщо результат буде наступним днем, то він має показати `(next day)` після часу. Якщо результат буде за декілька днів, то він має показати `(n days later)` після часу, де "n" — це кількість днів.
+
+Якщо функції задано довільний параметр першого дня тижня, то вивід має показувати день тижня з результату. День тижня у виводі має показуватися перед часом та після кількості днів.
+
+Нижче наведені приклади різних випадків, які має опрацьовувати функція. Слідкуйте за інтервалами та пунктуацією в результатах.
+
+```py
+add_time("3:00 PM", "3:10")
+# Returns: 6:10 PM
+
+add_time("11:30 AM", "2:32", "Monday")
+# Returns: 2:02 PM, Monday
+
+add_time("11:43 AM", "00:20")
+# Returns: 12:03 PM
+
+add_time("10:10 PM", "3:30")
+# Returns: 1:40 AM (next day)
+
+add_time("11:43 PM", "24:20", "tueSday")
+# Returns: 12:03 AM, Thursday (2 days later)
+
+add_time("6:30 PM", "205:12")
+# Returns: 7:42 AM (9 days later)
+```
+
+Не імпортуйте бібліотеки Python. Припускаймо, що початок часу завжди валідний. Мінути у проміжку часу будуть цілим числом меншим за 60, але години можуть бути будь-яким числом.
+
+## Розробка
+
+Запишіть свій код в `time_calculator.py`. Для розробки, ви можете використати `main.py`, щоб перевірити вашу функцію `time_calculator()`. Натисніть кнопку "run" і `main.py` запуститься.
+
+## Тестування
+
+Розділи з тестами для цього проєкту знаходяться в `test_module.py`. Ми імпортували тести з `test_module.py` до `main.py` для вашої зручності. Тести запустяться автоматично кожного разу, коли ви натиснете клавішу "run".
+
+## Надсилання
+
+Скопіюйте URL-адресу вашого проєкту і відправте його до freeCodeCamp.
+
+# --hints--
+
+Функція повинна правильно додавати час і пройти тестування.
+
+```js
+
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-a.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-a.md
new file mode 100644
index 0000000000..d8d113f576
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-a.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c14d
+title: 'Аналіз даних: Приклад А'
+challengeType: 11
+videoId: nVAaxZ34khk
+bilibiliIds:
+  aid: 590571151
+  bvid: BV1sq4y1f7gr
+  cid: 409002372
+dashedName: data-analysis-example-a
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/FreeCodeCamp-Pandas-Real-Life-ample)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+На що вказує форма таблиці даних?
+
+## --answers--
+
+Розмір завантаженої в пам'ять таблиці даних (в гігабайтах).
+
+---
+
+Кількість рядків та стовпців в таблиці даних.
+
+---
+
+Кількість рядків у вхідних даних перед завантаження.
+
+---
+
+Кількість стовпців у вхідних даних перед завантаження.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-b.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-b.md
new file mode 100644
index 0000000000..9ac8b593e3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-analysis-example-b.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c14e
+title: 'Аналіз даних: Приклад B'
+challengeType: 11
+videoId: 0kJz0q0pvgQ
+bilibiliIds:
+  aid: 505593432
+  bvid: BV1kg411c7M6
+  cid: 409003530
+dashedName: data-analysis-example-b
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/FreeCodeCamp-Pandas-Real-Life-Example)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Що можна зробити за допомогою методу `loc`?
+
+## --answers--
+
+Отримати підмножину рядків і стовпців за допомогою числового аргументу місце знаходження.
+
+---
+
+Отримати доступ до групи рядків і стовпців за допомогою міток.
+
+---
+
+Повернути перших `n` рядків за допомогою числового аргументу.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-and-visualizations.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-and-visualizations.md
new file mode 100644
index 0000000000..0e05805186
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-and-visualizations.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c160
+title: Очищення даних та візуалізація
+challengeType: 11
+videoId: mHjxzFS5_Z0
+bilibiliIds:
+  aid: 933107558
+  bvid: BV1KM4y137Ny
+  cid: 409019632
+dashedName: data-cleaning-and-visualizations
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/data-cleaning-rmotr-freecodecamp)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Що означає даний порядок чисел при використанні глобального API бібліотеки matplotlib?
+
+```py
+plt.subplot(1, 2, 1)
+```
+
+## --answers--
+
+Фігура матиме один стовпець, два рядки, а рисунок почнеться у першому (лівому) графіку.
+
+---
+
+Рисунок почнеться у першому (лівому) графіку, фігура матиме два рядки, і один стовпець.
+
+---
+
+Фігура матиме один рядок, два стовпці, а рисунок почнеться у першому (лівому) графіку.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-duplicates.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-duplicates.md
new file mode 100644
index 0000000000..a578522ddb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-duplicates.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c15f
+title: 'Очищення даних: Дублікати'
+challengeType: 11
+videoId: kj7QqjXhH6A
+bilibiliIds:
+  aid: 675611672
+  bvid: BV1VU4y1A7tu
+  cid: 409019368
+dashedName: data-cleaning-duplicates
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/data-cleaning-rmotr-freecodecamp)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Метод `.duplicated()` повертає набір булевих значень для таблиці даних. Значення `True` повертається для рядків, що:
+
+## --answers--
+
+містять дублікат, значення рядка якого є першим послідовним випадком цього значення.
+
+---
+
+містять дублікат, значення рядка якого є щонайменше другим послідовним випадком цього значення.
+
+---
+
+містять дублікат, значення рядка якого є першим або другим послідовним випадком цього значення.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-introduction.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-introduction.md
new file mode 100644
index 0000000000..587e743001
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-introduction.md
@@ -0,0 +1,62 @@
+---
+id: 5e9a093a74c4063ca6f7c15d
+title: 'Очищення даних: Вступ'
+challengeType: 11
+videoId: ovYNhnltVxY
+bilibiliIds:
+  aid: 250574398
+  bvid: BV1Pv411A7GN
+  cid: 409018611
+dashedName: data-cleaning-introduction
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/data-cleaning-rmotr-freecodecamp)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+import numpy as np
+
+s = pd.Series(['a', 3, np.nan, 1, np.nan])
+
+print(s.notnull().sum())
+```
+
+## --answers--
+
+3
+
+---
+
+<pre>0     True
+1     True
+2    False
+3     True
+4    False
+dtype: bool</pre>
+
+---
+
+<pre>0    False
+1    False
+2     True
+3    False
+4     True
+dtype: bool</pre>
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-with-dataframes.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-with-dataframes.md
new file mode 100644
index 0000000000..ff948fc01e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/data-cleaning-with-dataframes.md
@@ -0,0 +1,74 @@
+---
+id: 5e9a093a74c4063ca6f7c15e
+title: 'Очищення даних: Таблиці даних'
+challengeType: 11
+videoId: sTMN_pdI6S0
+bilibiliIds:
+  aid: 505597026
+  bvid: BV1Yg411c7bx
+  cid: 409018948
+dashedName: data-cleaning-with-dataframes
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/data-cleaning-rmotr-freecodecamp)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+import numpy as np
+
+s = pd.Series([np.nan, 1, 2, np.nan, 3])
+s = s.fillna(method='ffill')
+
+print(s)
+```
+
+## --answers--
+
+<pre>
+0    1.0
+1    1.0
+2    2.0
+3    3.0
+4    3.0
+dtype: float64
+</pre>
+
+---
+
+<pre>
+0    NaN
+1    1.0
+2    2.0
+3    2.0
+4    3.0
+dtype: float64
+</pre>
+
+---
+
+<pre>
+0    NaN
+1    1.0
+2    2.0
+3    NaN
+4    3.0
+dtype: float64
+</pre>
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/how-to-use-jupyter-notebooks-intro.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/how-to-use-jupyter-notebooks-intro.md
new file mode 100644
index 0000000000..8bd3ec4fda
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/how-to-use-jupyter-notebooks-intro.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c14f
+title: 'Jupyter Notebook: Вступ'
+challengeType: 11
+videoId: h8caJq2Bb9w
+bilibiliIds:
+  aid: 293035919
+  bvid: BV1Hf4y1n7qr
+  cid: 409002965
+dashedName: how-to-use-jupyter-notebooks-intro
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-interactive-jupyterlab-tutorial)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Що **не** використовується у секціях Jupyter Notebook?
+
+## --answers--
+
+Мова розмітки даних Markdown
+
+---
+
+Код Python
+
+---
+
+Таблиця Excel
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
new file mode 100644
index 0000000000..52a05a6279
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/introduction-to-data-analysis.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c14c
+title: Вступ до аналізу даних
+challengeType: 11
+videoId: VJrP2FUzKP0
+bilibiliIds:
+  aid: 378034466
+  bvid: BV19f4y1c7nu
+  cid: 409001487
+dashedName: introduction-to-data-analysis
+---
+
+# --description--
+
+Додаткові ресурси:
+
+\- [Презентація](https://docs.google.com/presentation/d/1cUIt8b2ySz-85_ykfeuuWsurccwTAuFPn782pZBzFsU/edit?usp=sharing)
+
+# --question--
+
+## --text--
+
+Що з нижчепереліченого **не** є частиною аналізу даних?
+
+## --answers--
+
+Створення статистичних моделей та візуалізація даних.
+
+---
+
+Обрання бажаних висновків для аналізу.
+
+---
+
+Виправлення некоректних значень і видалення хибних даних.
+
+---
+
+Структурування даних.
+
+## --video-solution--
+
+2
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-cells.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-cells.md
new file mode 100644
index 0000000000..0150f89c2c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-cells.md
@@ -0,0 +1,42 @@
+---
+id: 5e9a093a74c4063ca6f7c150
+title: 'Jupyter Notebook: Секції'
+challengeType: 11
+videoId: 5PPegAs9aLA
+bilibiliIds:
+  aid: 420510493
+  bvid: BV19341117Hq
+  cid: 409003280
+dashedName: jupyter-notebooks-cells
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-interactive-jupyterlab-tutorial)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Якими є три основні типи секцій у Jupyter Notebook?
+
+## --answers--
+
+Code, Markdown, Python
+
+---
+
+Code, Markdown, Raw
+
+---
+
+Markdown, Python, Raw
+
+## --video-solution--
+
+2
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-importing-and-exporting-data.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-importing-and-exporting-data.md
new file mode 100644
index 0000000000..779e1ca027
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/jupyter-notebooks-importing-and-exporting-data.md
@@ -0,0 +1,51 @@
+---
+id: 5e9a093a74c4063ca6f7c151
+title: 'Jupyter Notebook: Імпорт та експорт даних'
+challengeType: 11
+videoId: k1msxD3JIxE
+bilibiliIds:
+  aid: 975540688
+  bvid: BV1n44y1b7Gi
+  cid: 409006337
+dashedName: jupyter-notebooks-importing-and-exporting-data
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-interactive-jupyterlab-tutorial)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який тип даних можна імпортувати та використовувати в Jupyter Notebook?
+
+## --answers--
+
+Excel файли.
+
+---
+
+CSV файли.
+
+---
+
+XML файли.
+
+---
+
+Дані з API.
+
+---
+
+Усе з переліченого вище.
+
+## --video-solution--
+
+5
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-algebra-and-size.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-algebra-and-size.md
new file mode 100644
index 0000000000..5b87850380
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-algebra-and-size.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c157
+title: 'Numpy: Алгебра і розміри об''єктів'
+challengeType: 11
+videoId: XAT97YLOKD8
+bilibiliIds:
+  aid: 250621433
+  bvid: BV1hv41137uM
+  cid: 409013128
+dashedName: numpy-algebra-and-size
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Яким є співвідношення поміж розмірами об'єктів (як от масивів чи інших типів даних) у пам'яті звичайної бібліотеки Python та бібліотеці NumPy? Враховуючи це, якими є наслідки для виконання програми?
+
+## --answers--
+
+Стандартні об'єкти Python займають значно більше пам'яті ніж об'єкти NumPy; порівняльні операції поміж Python та NumPy об'єктами виконуються приблизно в один і той же час.
+
+---
+
+Об'єкти NumPy займають значно більше пам'яті ніж стандартні об'єкти Python; операції із NumPy об'єктами виконуються дуже швидко у порівнянні із стандартними об'єктами Python.
+
+---
+
+Об'єкти NumPy займають значно менше пам'яті ніж стандартні об'єкти Python; операції із стандартними об'єктами Python виконуються дуже швидко у порівнянні із NumPy об'єктами.
+
+---
+
+Стандартні об'єкти Python займають більше пам'яті ніж об'єкти NumPy; операції із об'єктами NumPy виконуються дуже швидко у порівнянні із стандартними об'єктами Python.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-arrays.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-arrays.md
new file mode 100644
index 0000000000..009cd58d5b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-arrays.md
@@ -0,0 +1,63 @@
+---
+id: 5e9a093a74c4063ca6f7c154
+title: 'Numpy: Масиви'
+challengeType: 11
+videoId: VDYVFHBL1AM
+bilibiliIds:
+  aid: 890607366
+  bvid: BV1zP4y1h7FR
+  cid: 409011400
+dashedName: numpy-arrays
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+A = np.array([
+    ['a', 'b', 'c'],
+    ['d', 'e', 'f'],
+    ['g', 'h', 'i']
+])
+
+print(A[:, :2])
+```
+
+## --answers--
+
+```py
+[['a' 'b']]
+```
+
+---
+
+```py
+[['b' 'c']
+['e' 'f']
+['h' 'i']]
+```
+
+---
+
+```py
+[['a' 'b']
+['d' 'e']
+['g' 'h']]
+```
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-boolean-arrays.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-boolean-arrays.md
new file mode 100644
index 0000000000..26a24347de
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-boolean-arrays.md
@@ -0,0 +1,61 @@
+---
+id: 5e9a093a74c4063ca6f7c156
+title: 'Numpy: логічні типи масивів'
+challengeType: 11
+videoId: N1ttsMmcVMM
+bilibiliIds:
+  aid: 208091324
+  bvid: BV1Qh411p7V8
+  cid: 409012711
+dashedName: numpy-boolean-arrays
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+a = np.arange(5)
+
+print(a <= 3)
+```
+
+## --answers--
+
+```python
+[False, False, False, False, True]
+```
+
+---
+
+```python
+[5]
+```
+
+---
+
+```python
+[0, 1, 2, 3]
+```
+
+---
+
+```python
+[True, True, True, True, False]
+```
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-a.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-a.md
new file mode 100644
index 0000000000..1ef1140f66
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-a.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c152
+title: 'Numpy: Вступ А'
+challengeType: 11
+videoId: P-JjV6GBCmk
+bilibiliIds:
+  aid: 718079611
+  bvid: BV18Q4y1k7om
+  cid: 409007080
+dashedName: numpy-introduction-a
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Чому Numpy є важливою, але непопулярною Python бібліотекою?
+
+## --answers--
+
+Зазвичай безпосередньо бібліотеку Numpy не використовують.
+
+---
+
+Вона надто повільна.
+
+---
+
+Нею складно користуватися.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-b.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-b.md
new file mode 100644
index 0000000000..f47f3a1fe6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-introduction-b.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c153
+title: 'Numpy: Вступ B'
+challengeType: 11
+videoId: YIqgrNLAZkA
+bilibiliIds:
+  aid: 250503382
+  bvid: BV1kv411w7vB
+  cid: 409010193
+dashedName: numpy-introduction-b
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який приблизно об'єм пам'яті займає ціле число `5` в чистому Python?
+
+## --answers--
+
+32 біти
+
+---
+
+20 байт
+
+---
+
+16 байт
+
+---
+
+8 біт
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-operations.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-operations.md
new file mode 100644
index 0000000000..473a85ed88
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/numpy-operations.md
@@ -0,0 +1,54 @@
+---
+id: 5e9a093a74c4063ca6f7c155
+title: 'Numpy: Операції'
+challengeType: 11
+videoId: eqSVcJbaPdk
+bilibiliIds:
+  aid: 378057123
+  bvid: BV13f4y1w7od
+  cid: 409012507
+dashedName: numpy-operations
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Яким буде значення змінної `a` після запуску даного коду?
+
+```py
+a = np.arange(5)
+a + 20
+```
+
+## --answers--
+
+```python
+[20, 21, 22, 24, 24]
+```
+
+---
+
+```python
+[0, 1, 2, 3, 4]
+```
+
+---
+
+```python
+[25, 26, 27, 28, 29]
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-conditional-selection-and-modifying-dataframes.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-conditional-selection-and-modifying-dataframes.md
new file mode 100644
index 0000000000..e7e7c2f368
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-conditional-selection-and-modifying-dataframes.md
@@ -0,0 +1,77 @@
+---
+id: 5e9a093a74c4063ca6f7c15b
+title: 'Pandas: Умовна вибірка і модифікування таблиць даних'
+challengeType: 11
+videoId: BFlH0fN5xRQ
+bilibiliIds:
+  aid: 505598518
+  bvid: BV1vg411c72y
+  cid: 409113534
+dashedName: pandas-conditional-selection-and-modifying-dataframes
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+
+certificates_earned = pd.DataFrame({
+    'Certificates': [8, 2, 5, 6],
+    'Time (in months)': [16, 5, 9, 12]
+})
+names = ['Tom', 'Kris', 'Ahmad', 'Beau']
+
+certificates_earned.index = names
+longest_streak = pd.Series([13, 11, 9, 7], index=names)
+certificates_earned['Longest streak'] = longest_streak
+
+print(certificates_earned)
+```
+
+## --answers--
+
+<pre>
+Tom      13
+Kris     11
+Ahmad     9
+Beau      7
+Name: Longest streak, dtype: int64
+</pre>
+
+---
+
+<pre>
+      Certificates  Time (in months)  Longest streak
+Tom               8                16              13
+Kris              2                 5              11
+Ahmad             5                 9               9
+Beau              6                12               7
+</pre>
+
+---
+
+<pre>
+      Certificates   Longest streak
+Tom               8               13
+Kris              2               11
+Ahmad             5                9
+Beau              6                7
+</pre>
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-creating-columns.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-creating-columns.md
new file mode 100644
index 0000000000..ee86c69aa4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-creating-columns.md
@@ -0,0 +1,62 @@
+---
+id: 5e9a093a74c4063ca6f7c15c
+title: 'Pandas: Створення стовпців'
+challengeType: 11
+videoId: _sSo2XZoB3E
+bilibiliIds:
+  aid: 975568901
+  bvid: BV1b44y1b7Cg
+  cid: 409018052
+dashedName: pandas-creating-columns
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який код додасть стовпець "Certificates per month" до таблиці даних `certificates_earned` аналогічно до прикладу нижче?
+
+<pre>      Certificates  Time (in months)  Certificates per month
+Tom               8                16                    0.50
+Kris              2                 5                    0.40
+Ahmad             5                 9                    0.56
+Beau              6                12                    0.50</pre>
+
+## --answers--
+
+```py
+certificates_earned['Certificates'] /
+certificates_earned['Time (in months)']
+```
+
+---
+
+```py
+certificates_earned['Certificates per month'] = round(
+    certificates_earned['Certificates'] /
+    certificates_earned['Time (in months)']
+)
+```
+
+---
+
+```py
+certificates_earned['Certificates per month'] = round(
+    certificates_earned['Certificates'] /
+    certificates_earned['Time (in months)'], 2
+)
+```
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-dataframes.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-dataframes.md
new file mode 100644
index 0000000000..a0b624da55
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-dataframes.md
@@ -0,0 +1,70 @@
+---
+id: 5e9a093a74c4063ca6f7c15a
+title: 'Pandas: Таблиці даних'
+challengeType: 11
+videoId: 7SgFBYXaiH0
+bilibiliIds:
+  aid: 890503235
+  bvid: BV1TP4y1h7qq
+  cid: 409014039
+dashedName: pandas-dataframes
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+
+certificates_earned = pd.DataFrame({
+    'Certificates': [8, 2, 5, 6],
+    'Time (in months)': [16, 5, 9, 12]
+})
+
+certificates_earned.index = ['Tom', 'Kris', 'Ahmad', 'Beau']
+
+print(certificates_earned.iloc[2])
+```
+
+## --answers--
+
+<pre>
+Tom      16
+Kris      5
+Ahmad     9
+Beau     12
+Name: Time (in months), dtype: int64
+</pre>
+
+---
+
+<pre>
+Certificates         6
+Time (in months)    12
+Name: Beau, dtype: int64
+</pre>
+
+---
+
+<pre>
+Certificates        5
+Time (in months)    9
+Name: Ahmad, dtype: int64
+</pre>
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-indexing-and-conditional-selection.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-indexing-and-conditional-selection.md
new file mode 100644
index 0000000000..dd30bc6194
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-indexing-and-conditional-selection.md
@@ -0,0 +1,69 @@
+---
+id: 5e9a093a74c4063ca6f7c159
+title: 'Pandas: Індексування та умовна вибірка'
+challengeType: 11
+videoId: '-ZOrgV_aA9A'
+bilibiliIds:
+  aid: 720604139
+  bvid: BV1FQ4y1k7tC
+  cid: 409013650
+dashedName: pandas-indexing-and-conditional-selection
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+
+certificates_earned = pd.Series(
+    [8, 2, 5, 6],
+    index=['Tom', 'Kris', 'Ahmad', 'Beau']
+)
+
+print(certificates_earned[certificates_earned > 5])
+```
+
+## --answers--
+
+<pre>
+Tom      True
+Kris     False
+Ahmad    False
+Beau     True
+dtype: int64
+</pre>
+
+---
+
+<pre>
+Tom      8
+Ahmad    5
+Beau     6
+dtype: int64
+</pre>
+
+---
+
+<pre>
+Tom      8
+Beau     6
+dtype: int64
+</pre>
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-introduction.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-introduction.md
new file mode 100644
index 0000000000..e1a7871498
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/pandas-introduction.md
@@ -0,0 +1,72 @@
+---
+id: 5e9a093a74c4063ca6f7c158
+title: 'Pandas: Вступ'
+challengeType: 11
+videoId: 0xACW-8cZU0
+bilibiliIds:
+  aid: 975510116
+  bvid: BV1u44y1b7fD
+  cid: 409013433
+dashedName: pandas-introduction
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який результат буде виведено на екран після виконання наведеного нижче коду?
+
+```py
+import pandas as pd
+
+certificates_earned = pd.Series(
+    [8, 2, 5, 6],
+    index=['Tom', 'Kris', 'Ahmad', 'Beau']
+)
+
+print(certificates_earned)
+```
+
+## --answers--
+
+```
+Tom      8
+Kris     2
+Ahmad    5
+Beau     6
+dtype: int64
+```
+
+---
+
+```
+Kris     2
+Ahmad    5
+Beau     6
+Tom      8
+dtype: int64
+```
+
+---
+
+```
+Tom      8
+Kris     2
+Ahmad    5
+Beau     6
+Name: certificates_earned dtype: int64
+```
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/parsing-html-and-saving-data.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/parsing-html-and-saving-data.md
new file mode 100644
index 0000000000..2f6ae81ca2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/parsing-html-and-saving-data.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c164
+title: Аналіз HTML та збереження даних
+challengeType: 11
+videoId: bJaqnTWQmb0
+bilibiliIds:
+  aid: 335522976
+  bvid: BV1RA411F7vi
+  cid: 409023170
+dashedName: parsing-html-and-saving-data
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/krishnatray/RDP-Reading-Data-with-Python-and-Pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Яка бібліотека Python має метод `.read_html()`, який ми можемо використовувати для розбору HTML -документів та вилучення таблиць?
+
+## --answers--
+
+BeautifierSoupy
+
+---
+
+WebReader
+
+---
+
+HTTP-master
+
+---
+
+Pandas
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-functions-and-collections.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-functions-and-collections.md
new file mode 100644
index 0000000000..78842c0bcc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-functions-and-collections.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c166
+title: 'Python: Функції та колекції'
+challengeType: 11
+videoId: NzpU17ZVlUw
+bilibiliIds:
+  aid: 675544435
+  bvid: BV1pU4y1N7JC
+  cid: 409023833
+dashedName: python-functions-and-collections
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-python-under-10-minutes)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Яка основна різниця поміж списками та кортежами в Python?
+
+## --answers--
+
+Кортежі є незмінними.
+
+---
+
+Списки є впорядкованими.
+
+---
+
+Кортежі є невпорядкованими.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-introduction.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-introduction.md
new file mode 100644
index 0000000000..69f15d14d1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-introduction.md
@@ -0,0 +1,47 @@
+---
+id: 5e9a093a74c4063ca6f7c165
+title: 'Python: Вступ'
+challengeType: 11
+videoId: PrQV9JkLhb4
+bilibiliIds:
+  aid: 805597530
+  bvid: BV1634y1S7gD
+  cid: 409023550
+dashedName: python-introduction
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-python-under-10-minutes)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Як визначаються окремі блоки коду в тілі функцій в Python?
+
+## --answers--
+
+По обидві сторони кожного окремого блоку використовуються фігурні дужки.
+
+---
+
+Використовуються відступи, зазвичай 4 пробіли праворуч.
+
+---
+
+Окремі блоки коду жодним чином не позначаються.
+
+---
+
+Для позначення окремих блоків коду можуть використовуватись як фігурні дужки, так і відступи.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-iteration-and-modules.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-iteration-and-modules.md
new file mode 100644
index 0000000000..c7d7680b0d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/python-iteration-and-modules.md
@@ -0,0 +1,60 @@
+---
+id: 5e9a093a74c4063ca6f7c167
+title: 'Python: Ітерація та модулі'
+challengeType: 11
+videoId: XzosGWLafrY
+bilibiliIds:
+  aid: 633068913
+  bvid: BV1db4y127M4
+  cid: 409024056
+dashedName: python-iteration-and-modules
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/ine-rmotr-curriculum/ds-content-python-under-10-minutes)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Як, використовуючи ітерацію, вивести ключі та значення словника `user`?
+
+## --answers--
+
+```python
+for key in user.items():
+    print(key)
+```
+
+---
+
+```python
+for key, value in user.all():
+    print(key, value)
+    print(value)
+```
+
+---
+
+```python
+for key, value in user.items():
+    print(key, value)
+```
+
+---
+
+```python
+for key, value in user
+    print(key, value)
+```
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-csv-and-txt.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-csv-and-txt.md
new file mode 100644
index 0000000000..8f7a6f8d35
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-csv-and-txt.md
@@ -0,0 +1,59 @@
+---
+id: 5e9a093a74c4063ca6f7c162
+title: 'Зчитування даних: CSV та TXT'
+challengeType: 11
+videoId: ViGEv0zOzUk
+bilibiliIds:
+  aid: 505575354
+  bvid: BV1tg411c7GH
+  cid: 409020451
+dashedName: reading-data-csv-and-txt
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/krishnatray/RDP-Reading-Data-with-Python-and-Pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Як, використовуючи модуль Pandas, можна імпортувати і зберегти у таблиці даних CSV файл `data.csv`?
+
+## --answers--
+
+```python
+import pandas as pd
+df = pd.csv("data.csv")
+```
+
+---
+
+```python
+import pandas as pd
+df = pd.read_csv("data.csv")
+```
+
+---
+
+```python
+import pandas as pd
+pd.read_csv("data.csv")
+```
+
+---
+
+```python
+import pandas as pd
+df = pd.csv_reader("data.csv")
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-from-databases.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-from-databases.md
new file mode 100644
index 0000000000..731171addf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-from-databases.md
@@ -0,0 +1,43 @@
+---
+id: 5e9a093a74c4063ca6f7c163
+title: Зчитування даних із баз даних
+challengeType: 11
+videoId: MtgXS1MofRw
+bilibiliIds:
+  aid: 890546354
+  bvid: BV1JP4y1h7gk
+  cid: 409020851
+dashedName: reading-data-from-databases
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/krishnatray/RDP-Reading-Data-with-Python-and-Pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Який метод є в екземплярі `Cursor` і що можна робити за його допомогою?
+
+## --answers--
+
+Екземпляр `Cursor` має метод `.run()` за допомогою якого можна запускати SQL запити.
+
+---
+
+Екземпляр `Cursor` має метод `.select()`, за допомогою якого можна обирати записи.
+
+---
+
+Екземпляр `Cursor` має метод `.execute()`, що отримує SQL параметри для виконання у базі даних.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-introduction.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-introduction.md
new file mode 100644
index 0000000000..bd9f3c097c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/data-analysis-with-python-course/reading-data-introduction.md
@@ -0,0 +1,76 @@
+---
+id: 5e9a093a74c4063ca6f7c161
+title: 'Зчитування даних: Вступ'
+challengeType: 11
+videoId: cDnt02BcHng
+bilibiliIds:
+  aid: 548023524
+  bvid: BV1Nq4y1K7iV
+  cid: 409020187
+dashedName: reading-data-introduction
+---
+
+# --description--
+
+*Замість використаного у відеоматеріалі notebooks.ai можна користуватись блокнотом Google Colab.*
+
+Додаткові ресурси:
+
+-   [Блокноти на GitHub](https://github.com/krishnatray/RDP-Reading-Data-with-Python-and-Pandas)
+-   [Як відкрити блокноти з GitHub використовуючи Google Colab.](https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb)
+
+# --question--
+
+## --text--
+
+Маючи файл `certificates.csv` з наступним вмістом:
+
+<pre>
+Name$Certificates$Time (in months)
+Tom$8$16
+Kris$2$5
+Ahmad$5$9
+Beau$6$12
+</pre>
+
+Заповніть пропуски із відсутніми аргументами нижче:
+
+```py
+import csv
+
+with open(__A__, 'r') as fp:
+    reader = csv.reader(fp, delimiter=__B__)
+    next(reader)
+    for index, values in enumerate(reader):
+        name, certs_num, months_num = values
+        print(f"{name} earned {__C__} certificates in {months_num} months")
+```
+
+## --answers--
+
+A: `'certificates.csv'`
+
+B: `'-'`
+
+C: `values`
+
+---
+
+A: `'certificates.csv'`
+
+B: `'$'`
+
+C: `certs_num`
+
+---
+
+A: `'certificates'`
+
+B: `'$'`
+
+C: `certs_num`
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/accessing-and-changing-elements,-rows,-columns.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/accessing-and-changing-elements,-rows,-columns.md
new file mode 100644
index 0000000000..84e6a8bc90
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/accessing-and-changing-elements,-rows,-columns.md
@@ -0,0 +1,54 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed4
+title: 'Доступ та зміна елементів, рядків, стовпців'
+challengeType: 11
+videoId: v-7Y7koJ_N0
+bilibiliIds:
+  aid: 590517748
+  bvid: BV1Eq4y1f7Fa
+  cid: 409025392
+dashedName: accessing-and-changing-elements-rows-columns
+---
+
+# --question--
+
+## --text--
+
+Який код змінить значення у 3 стовпці обох масивів Numpy на 20?
+
+```py
+a = np.array([[1, 2, 3, 4, 5], [6, 7, 8, 9, 10]])
+
+# Output:
+# [[ 1  2  20  4  5]
+# [ 6  7 20  9 10]]
+```
+
+## --answers--
+
+```python
+a[:, 3] = 20
+```
+
+---
+
+```python
+a[2, :] = 20
+```
+
+---
+
+```python
+a[:, 2] = 20
+```
+
+---
+
+```python
+a[1, 2] = 20
+```
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/basics-of-numpy.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/basics-of-numpy.md
new file mode 100644
index 0000000000..1a85c733ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/basics-of-numpy.md
@@ -0,0 +1,49 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed3
+title: Основи Numpy
+challengeType: 11
+videoId: f9QrZrKQMLI
+bilibiliIds:
+  aid: 763014202
+  bvid: BV1K64y1a7bu
+  cid: 409025169
+dashedName: basics-of-numpy
+---
+
+# --question--
+
+## --text--
+
+Що буде друкувати наступний код?
+
+```python
+b = np.array([[1.0,2.0,3.0],[3.0,4.0,5.0]])
+print(b)
+```
+
+## --answers--
+
+```python
+[[1.0 2.0 3.0]
+[3.0 4.0 5.0]]
+```
+
+---
+
+```python
+[[1. 2. 3.]
+[3. 4. 5.]]
+```
+
+---
+
+```python
+[[1. 3.]
+[2. 4.]
+[3. 5.]
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/copying-arrays-warning.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/copying-arrays-warning.md
new file mode 100644
index 0000000000..4f9904e9e5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/copying-arrays-warning.md
@@ -0,0 +1,48 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed7
+title: Попередження про копіювання масивів
+challengeType: 11
+videoId: iIoQ0_L0GvA
+bilibiliIds:
+  aid: 633008569
+  bvid: BV1Bb4y127fb
+  cid: 409026161
+dashedName: copying-arrays-warning
+---
+
+# --question--
+
+## --text--
+
+Яке значення `a` після запуску наступного коду?
+
+```py
+import numpy as np
+
+a = np.array([1, 2, 3, 4, 5])
+b = a
+b[2] = 20
+```
+
+## --answers--
+
+```python
+[1 2 3 4 5]
+```
+
+---
+
+```python
+[1 2 20 4 5]
+```
+
+---
+
+```python
+[1 20 3 4 5]
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initialize-array-problem.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initialize-array-problem.md
new file mode 100644
index 0000000000..1d85c48453
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initialize-array-problem.md
@@ -0,0 +1,65 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed6
+title: Задача з ініціалізації масиву
+challengeType: 11
+videoId: 0jGfH8BPfOk
+bilibiliIds:
+  aid: 763027834
+  bvid: BV1w64y1a7eo
+  cid: 409025878
+dashedName: initialize-array-problem
+---
+
+# --question--
+
+## --text--
+
+Який код створить наступний масив?
+
+```py
+[[0. 0. 0. 0. 0. 0. 0.]
+[0. 1. 1. 1. 1. 1. 0.]
+[0. 1. 1. 1. 1. 1. 0.]
+[0. 1. 1. 5. 1. 1. 0.]
+[0. 1. 1. 1. 1. 1. 0.]
+[0. 1. 1. 1. 1. 1. 0.]
+[0. 0. 0. 0. 0. 0. 0.]]
+```
+
+## --answers--
+
+```py
+output = np.ones((7, 7))
+
+z = np.zeros((5, 5))
+z[2, 2] = 5
+
+output[1:1, -1:-1] = z
+```
+
+---
+
+```py
+output = np.zeros((7,7))
+
+z = np.ones((5, 5))
+z[2, 2] = 5
+
+output[1:-1, 1:-1] = z
+```
+
+---
+
+```py
+output = np.ones((7, 7))
+
+z = np.zeros((5, 5))
+z[3, 3] = 5
+
+output[1:-1, 1:-1] = z
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initializing-different-arrays.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initializing-different-arrays.md
new file mode 100644
index 0000000000..4dcd2ab7f3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/initializing-different-arrays.md
@@ -0,0 +1,48 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed5
+title: Ініціалізація різних масивів
+challengeType: 11
+videoId: CEykdsKT4U4
+bilibiliIds:
+  aid: 718044756
+  bvid: BV1MQ4y1k7BB
+  cid: 409025638
+dashedName: initializing-different-arrays
+---
+
+# --question--
+
+## --text--
+
+Що буде виведено на екран у результаті наступного коду?
+
+```py
+a = np.array([[1, 2, 3, 4, 5], [6, 7, 8, 9, 10]])
+
+print(np.full_like(a, 100))
+```
+
+## --answers--
+
+```py
+[[100 100 100 100 100]]
+```
+
+---
+
+```py
+[[100 100 100 100 100]
+[100 100 100 100 100]]
+```
+
+---
+
+```py
+[[ 1  2  3  4  5]
+[ 6  7 20  9 10]]
+```
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/loading-data-and-advanced-indexing.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/loading-data-and-advanced-indexing.md
new file mode 100644
index 0000000000..99e78e1ee0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/loading-data-and-advanced-indexing.md
@@ -0,0 +1,60 @@
+---
+id: 5e9a0a8e09c5df3cc3600eda
+title: Завантаження даних і складне індексування
+challengeType: 11
+videoId: tUdBZ7pF8Jg
+bilibiliIds:
+  aid: 720524642
+  bvid: BV1xQ4y1r7mu
+  cid: 409027117
+dashedName: loading-data-and-advanced-indexing
+---
+
+# --question--
+
+## --text--
+
+Дано файл з назвою `data.txt` та наступним вмістом:
+
+<pre>
+29,97,32,100,45
+15,88,5,75,22
+</pre>
+
+Який код створить наступний масив?
+
+```py
+[29. 32. 45. 15.  5. 22.]
+```
+
+## --answers--
+
+```py
+filedata = np.genfromtxt('data.txt', delimiter=',')
+output = np.any(filedata < 50)
+
+print(output)
+```
+
+---
+
+```py
+filedata = np.genfromtxt('data.txt', delimiter=',')
+output = np.all(filedata < 50, axis=1)
+
+print(output)
+```
+
+---
+
+```py
+filedata = np.genfromtxt('data.txt', delimiter=',')
+output = filedata[filedata < 50]
+
+print(output)
+```
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/mathematics.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/mathematics.md
new file mode 100644
index 0000000000..83af3a62ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/mathematics.md
@@ -0,0 +1,53 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed8
+title: Математика
+challengeType: 11
+videoId: 7txegvyhtVk
+bilibiliIds:
+  aid: 890533226
+  bvid: BV1KP4y1h733
+  cid: 409026503
+dashedName: mathematics
+---
+
+# --question--
+
+## --text--
+
+Яким буде значення `b` після застосування наступного коду?
+
+```py
+import numpy as np
+
+a = np.array(([1, 2, 3, 4, 5], [6, 7, 8, 9, 10]))
+b = np.max(a, axis=1).sum()
+```
+
+## --answers--
+
+```py
+10
+```
+
+---
+
+```py
+7
+```
+
+---
+
+```py
+5
+```
+
+---
+
+```py
+15
+```
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/reorganizing-arrays.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/reorganizing-arrays.md
new file mode 100644
index 0000000000..182b4fc2a0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/reorganizing-arrays.md
@@ -0,0 +1,53 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed9
+title: Реорганізація масивів
+challengeType: 11
+videoId: VNWAQbEM-C8
+bilibiliIds:
+  aid: 548035655
+  bvid: BV1fq4y1N7aC
+  cid: 409026755
+dashedName: reorganizing-arrays
+---
+
+# --question--
+
+## --text--
+
+Який код створить наступний масив?
+
+```py
+[[1. 1.]
+[1. 1.]
+[1. 1.]
+[1. 1.]]
+```
+
+## --answers--
+
+```py
+a = np.ones((2, 4))
+b = a.reshape((4, 2))
+print(b)
+```
+
+---
+
+```py
+a = np.ones((2, 4))
+b = a.reshape((2, 4))
+print(b)
+```
+
+---
+
+```py
+a = np.ones((2, 4))
+b = a.reshape((8, 1))
+print(b)
+```
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/what-is-numpy.md b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/what-is-numpy.md
new file mode 100644
index 0000000000..5cf96c7064
--- /dev/null
+++ b/curriculum/challenges/ukrainian/08-data-analysis-with-python/numpy/what-is-numpy.md
@@ -0,0 +1,38 @@
+---
+id: 5e9a0a8e09c5df3cc3600ed2
+title: Що таке NumPy
+challengeType: 11
+videoId: 5Nwfs5Ej85Q
+bilibiliIds:
+  aid: 293086867
+  bvid: BV1Tf4y1E7QZ
+  cid: 409024791
+dashedName: what-is-numpy
+---
+
+# --question--
+
+## --text--
+
+Чому числові масиви NumPy швидші, ніж звичайні масиви Python?
+
+## --answers--
+
+Числові масиви NumPy не проходить перевірку типу під час ітерації через об'єкти.
+
+---
+
+Числові масиви NumPy використовують сталі типи.
+
+---
+
+Числові масиви NumPy використовують безперервну пам'ять.
+
+---
+
+Усе перелічене вище.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md
new file mode 100644
index 0000000000..e9424dd632
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-projects/secure-real-time-multiplayer-game.md
@@ -0,0 +1,175 @@
+---
+id: 5e601c775ac9d0ecd8b94aff
+title: Безпечна мультиплеєрна гра в режимі реального часу
+challengeType: 4
+forumTopicId: 462375
+dashedName: secure-real-time-multiplayer-game
+---
+
+# --description--
+
+Розробіть 2D оперативну багатокористувацьку гру в режимі HTML Canvas API та [Socket.io](https://socket.io/), що функціонально схожа на це: <https://secure-real-time-multiplayer-game.freecodecamp.rocks/>. Робота над цим проєктом бути включати написання кода одним із таких методів:
+
+-   Клонувати [цей GitHub репозиторій](https://github.com/freeCodeCamp/boilerplate-project-secure-real-time-multiplayer-game/) та локально завершити ваш проєкт.
+-   Використовуйте [наш Replit проєкт](https://replit.com/github/freeCodeCamp/boilerplate-project-secure-real-time-multiplayer-game), щоб завершити ваш проєкт.
+-   Для завершення проєкту використайте вибраний вами розробник сайтів. Не забудьте включити всі файли із нашого репозиторію GitHub.
+
+Коли ви завершили, переконайтеся, що демоверсія вашого проекту розміщена у відкритому доступі. Потім введіть URL-адресу у поле `Solution Link`. Додатково, також вкажіть посилання на вхідний код вашого проєкту у полі `GitHub Link`.
+
+# --instructions--
+
+**Примітка**: `helmet@^3.21.3` потрібна для користувацьких історій. Це означає, що вам потрібно буде використовувати попередню версію документації Helmet, щоб отримати інформацію про те, як досягти історій користувача.
+
+# --hints--
+
+Ви можете вказати свій власний проєкт, а не приклад URL.
+
+```js
+(getUserInput) => {
+  assert(
+    !/.*\/secure-real-time-multiplayer-game\.freecodecamp\.rocks/.test(
+      getUserInput('url')
+    )
+  );
+};
+```
+
+Декілька гравців можуть підключитися до сервера і грати.
+
+```js
+
+```
+
+У кожного гравця є аватар.
+
+```js
+
+```
+
+Кожен гравець представлений об'єктом, створеним класом `Player` у `Player.mjs`.
+
+```js
+
+```
+
+Як мінімум, кожен гравець повинен містити унікальний `id`, `score`, `x` і `y` координати, які відображають поточну позицію гравця.
+
+```js
+
+```
+
+Гра має принаймні один тип предметів, які треба збирати. Заповніть `Collectible` клас у `Collectible.mjs` для наслідування цього.
+
+```js
+
+```
+
+Як мінімум, кожен зібраний об'єкт предметів, створений класом `Collectible` повинен містити унікальний `id`, `value` та `x` і `y` координат, що представляють поточну позицію предмета.
+
+```js
+
+```
+
+Гравці можуть використовувати клавіші WASD та/або стрілки, щоб перемістити свій аватар. Заповніть `movePlayer` метод у `Player.mjs` щоб це реалізувати.
+
+```js
+
+```
+
+Метод `movePlayer` повинен приймати два аргументи: рядок "up", "down", "left" або "right", а також число пікселів, на яку позиція гравця має змінюватися. `movePlayer` повинен адаптуватися до `x` і `y` координат об'єкта який його викликав.
+
+```js
+
+```
+
+Рахунок гравця повинен розраховувати його рейтинг серед інших гравців. Заповніть `calculateRank` метод у `Player` щоб це реалізувати.
+
+```js
+
+```
+
+Метод `calculateRank` повинен приймати масив об'єктів, які представляють всіх підключених гравців і повернути рядок `Rank: currentRanking/totalPlayers`. Наприклад, в грі з двома гравцями, якщо гравець А має рахунок 3 і гравець В має рахунок 5, `calculateRank` для гравця A повинен повернути `Rank: 2/2`.
+
+```js
+
+```
+
+Гравці можуть зіткнутися з предметом, який треба збирати. Заповніть `collision` метод у `Player.mjs` щоб це реалізувати.
+
+```js
+
+```
+
+Метод `collision` повинен приймати об'єкт збору предмета в якості аргумента. Якщо аватар гравця перетинається з предметом, метод `collision` повинен повернути `true`.
+
+```js
+
+```
+
+Всі гравці залишаються синхронізованими.
+
+```js
+
+```
+
+Гравці можуть відключитись від гри в будь-який час.
+
+```js
+
+```
+
+Заборонити клієнту вгадувати тип MIME.
+
+```js
+async (getUserInput) => {
+  const data = await fetch(getUserInput('url') + '/_api/app-info');
+  const parsed = await data.json();
+  assert.equal(parsed.headers['x-content-type-options'], 'nosniff');
+};
+```
+
+Заборонити міжсайтові скрипти (XSS) атаки.
+
+```js
+async (getUserInput) => {
+  const data = await fetch(getUserInput('url') + '/_api/app-info');
+  const parsed = await data.json();
+  assert.equal(parsed.headers['x-xss-protection'], '1; mode=block');
+};
+```
+
+Немає даних з веб-сайту.
+
+```js
+async (getUserInput) => {
+  const data = await fetch(getUserInput('url') + '/_api/app-info');
+  const parsed = await data.json();
+  assert.equal(parsed.headers['surrogate-control'], 'no-store');
+  assert.equal(
+    parsed.headers['cache-control'],
+    'no-store, no-cache, must-revalidate, proxy-revalidate'
+  );
+  assert.equal(parsed.headers['pragma'], 'no-cache');
+  assert.equal(parsed.headers['expires'], '0');
+};
+```
+
+Заголовки кажуть, що сайт працює на "PHP 7.4.3", не дивлячись на те, що це насправді не так (написано з міркувань безпеки).
+
+```js
+async (getUserInput) => {
+  const data = await fetch(getUserInput('url') + '/_api/app-info');
+  const parsed = await data.json();
+  assert.equal(parsed.headers['x-powered-by'], 'PHP 7.4.3');
+};
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md
new file mode 100644
index 0000000000..297990142a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet.hsts.md
@@ -0,0 +1,63 @@
+---
+id: 587d8248367417b2b2512c3c
+title: Надавайте браузеру доступ до Вашого сайту тільки через HTTPS за допомогою helmet.hsts()
+challengeType: 2
+forumTopicId: 301573
+dashedName: ask-browsers-to-access-your-site-via-https-only-with-helmet-hsts
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+HTTP Strict Transport Security (HSTS) - це політика веб-безпеки, яка допомагає захистити вебсайти від атак зниження рівня на протокол та крадіжку куки. Якщо доступ до вашого веб-сайту можна отримати через HTTPS-протокол, запобігайте використанню браузером незахищеного HTTPS-протоколу. Встановлюючи заголовок Strict-Transport-Security, ви вказуєте браузерам використовувати протокол HTTPS для майбутніх запитів протягом певного періоду часу. Це спрацює для запитів, які слідують після початкового запиту.
+
+# --instructions--
+
+Налаштуйте`helmet.hsts()`для використання HTTPS-протоколу протягом наступних 90 днів. Передайте об'єкт конфігурації`{maxAge: timeInSeconds, force: true}`. Ви можете створити змінну`ninetyDaysInSeconds = 90*24*60*60;` для застосування в `timeInSeconds`. Replit вже включає в себе hsts. Для зміни його налаштувань необхідно встановити поле "force" в об'єкті конфігурації. Ми перехопимо і відновимо заголовок Replit після перевірки.
+
+Примітка: Налаштування HTTPS на вебсайті користувача передбачає придбання домену та SSL/TLS сертифікату.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.hsts() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'hsts');
+      assert.property(data.headers, 'strict-transport-security');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+maxAge повинен дорівнювати 7776000 сек (90 днів)
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.match(
+        data.headers['strict-transport-security'],
+        /^max-age=7776000;?/
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md
new file mode 100644
index 0000000000..296df3ac93
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/avoid-inferring-the-response-mime-type-with-helmet.nosniff.md
@@ -0,0 +1,42 @@
+---
+id: 587d8248367417b2b2512c3a
+title: Уникайте передачі відповіді типу MIME через helmet.noSniff()
+challengeType: 2
+forumTopicId: 301574
+dashedName: avoid-inferring-the-response-mime-type-with-helmet-nosniff
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/). Браузери можуть використовувати вміст або MIME аналіз, щоб замінити запити заголовків `Content-Type` для передбачення та обробки даних, використовуючи неявний тип вмісту. Окрім того, що такий процес може бути зручним для певних сценаріїв, він також призводить до деяких небезпечних атак. Таке проміжне програмне забезпечення закріплює заголовок X-Content-Type-Options на `nosniff`, вказуючи браузеру не обходити наданий `Content-Type`.
+
+# --instructions--
+
+Застосовуйте метод `helmet.noSniff()` на вашому сервері.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.noSniff() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'nosniff');
+      assert.equal(data.headers['x-content-type-options'], 'nosniff');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md
new file mode 100644
index 0000000000..96c2623402
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/configure-helmet-using-the-parent-helmet-middleware.md
@@ -0,0 +1,50 @@
+---
+id: 587d8249367417b2b2512c40
+title: Налаштування Helmet за допомогою початкового елемента проміжного програмування helmet()
+challengeType: 2
+forumTopicId: 301575
+dashedName: configure-helmet-using-the-parent-helmet-middleware
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+`app.use(helmet())` буде автоматично містити в собі все вище згадане проміжне програмне забезпечення, окрім `noCache()` і `contentSecurityPolicy()`, але їх можна застосувати за необхідності. Ви також можете відключити або налаштувати будь-яке інше проміжне програмування самостійно, використовуючи конфігураційний об'єкт.
+
+**Наприклад:**
+
+```js
+app.use(helmet({
+  frameguard: {         // configure
+    action: 'deny'
+  },
+  contentSecurityPolicy: {    // enable and configure
+    directives: {
+      defaultSrc: ["'self'"],
+      styleSrc: ['style.com'],
+    }
+  },
+  dnsPrefetchControl: false     // disable
+}))
+```
+
+Ми представили окремо кожен тип проміжного програмного забезпечення для навчання і для полегшення тестування. В реальному проєкті легко реалізувати метод 'parent' з використанням `helmet()`.
+
+# --hints--
+
+відсутність тестів - це описове завдання
+
+```js
+assert(true);
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md
new file mode 100644
index 0000000000..618ee58e1b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-client-side-caching-with-helmet.nocache.md
@@ -0,0 +1,47 @@
+---
+id: 587d8249367417b2b2512c3e
+title: Вимикання кешування Client-Side за допомогою helmet.noCache()
+challengeType: 2
+forumTopicId: 301576
+dashedName: disable-client-side-caching-with-helmet-nocache
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Якщо ви випускаєте оновлення для вашого веб-сайту і хочете, щоб користувачі завжди завантажували новішу версію, ви можете спробувати вимкнути кешування в їхньому браузері. Це може бути корисним також у розробці. Проте використовуйте таку опцію лише за необхідністю, адже з ним кешування не покращує продуктивність як зазвичай.
+
+# --instructions--
+
+Використовуйте метод `helmet.noCache()` на вашому сервері.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.noCache() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'nocache');
+      assert.equal(
+        data.headers['cache-control'],
+        'no-store, no-cache, must-revalidate, proxy-revalidate'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md
new file mode 100644
index 0000000000..b82ebbeb1c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/disable-dns-prefetching-with-helmet.dnsprefetchcontrol.md
@@ -0,0 +1,44 @@
+---
+id: 587d8248367417b2b2512c3d
+title: Вимкнення DNS-Prefetching за допомогою helmet.dnsPrefetchControl()
+challengeType: 2
+forumTopicId: 301577
+dashedName: disable-dns-prefetching-with-helmet-dnsprefetchcontrol
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Щоб покращити продуктивність, більшість браузерів оновлюють записи DNS на сторінці посилання. Таким способом Ip-адреса отримувача уже відома, коли користувач натискає на посилання. Це може призвести до надмірного використання DNS-служби (якщо у вас великий веб-сайт, який відвідують мільйони людей…), проблем конфіденційності (злочинець зможе встановити, що ви перебуваєте на певній сторінці) або зміни статистики сторінки (деякі посилання можуть відображатись як вже відвідані навіть якщо вони не є такими). Якщо рівень безпеки для вас важливий, ви можете вимкнути попереднє перетворення доменних імен (DNS), втративши продуктивність.
+
+# --instructions--
+
+Застосовуйте метод `helmet.dnsPrefetchControl()` на вашому сервері.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.dnsPrefetchControl() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'dnsPrefetchControl');
+      assert.equal(data.headers['x-dns-prefetch-control'], 'off');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md
new file mode 100644
index 0000000000..86253f440d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md
@@ -0,0 +1,66 @@
+---
+id: 58a25bcff9fc0f352b528e7e
+title: Синхронне перетворення паролів на дані та їх порівняння
+challengeType: 2
+forumTopicId: 301579
+dashedName: hash-and-compare-passwords-synchronously
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту на [ Replit](https://replit.com/github/freeCodeCamp/boilerplate-bcrypt) або копіюється з [ GitHub](https://github.com/freeCodeCamp/boilerplate-bcrypt/).
+
+Синхронне перетворення паролів на дані (хешування) легко виконати, однак це може спричинити затримку, якщо використовувати його на серверній стороні з високою вартістю або з хешуванням, яке проводиться дуже часто. Перетворення таким методом так само легко виконати як і ввести
+
+```js
+var hash = bcrypt.hashSync(myPlaintextPassword, saltRounds);
+```
+
+Додайте цей метод хешування до свого коду і потім виведіть результат на консоль. Знову ж таки, змінні, що використовуються, вже визначені на сервері, тому вам не потрібно їх змінювати. Ви можете помітити, що незважаючи на те, що ви хешуєте ті самі паролі як і в асинхронному методі, результат на консолі відрізняється. Це пов'язано з випадково згенерованим модифікатором (сіль) кожного разу як створюються перші 22 символи в третьому рядку хешу. Щоб порівняти вхідний пароль з новим синхронним хешом, використайте метод compareSync:
+
+```js
+var result = bcrypt.compareSync(myPlaintextPassword, hash);
+```
+
+з результатом буде логічне значення true або false.
+
+# --instructions--
+
+Додайте функцію і увійдіть в консоль щоб побачити, як вона працює.
+
+Підтвердіть вашу сторінку, якщо все зрозуміло.
+
+# --hints--
+
+Синхронне хешування необхідно правильно згенерувати і правильно синхронізувати.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /START_SYNC[^]*hash.*=.*bcrypt.hashSync.*myPlaintextPassword( |),( |)saltRounds[^]*END_SYNC/gi,
+        'You should call bcrypt.hashSync on myPlaintextPassword with saltRounds'
+      );
+      assert.match(
+        data,
+        /START_SYNC[^]*result.*=.*bcrypt.compareSync.*myPlaintextPassword( |),( |)hash[^]*END_SYNC/gi,
+        'You should call bcrypt.compareSync on myPlaintextPassword with the hash generated in the last line'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md
new file mode 100644
index 0000000000..d3f81fef72
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md
@@ -0,0 +1,40 @@
+---
+id: 587d8247367417b2b2512c37
+title: Приховування потенційно небезпечної інформації за допомогою helmet.hidePoweredBy()
+challengeType: 2
+forumTopicId: 301580
+dashedName: hide-potentially-dangerous-information-using-helmet-hidepoweredby
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Хакери можуть використовувати наявні недоліки в системі захисту в Express/Node, якщо вони бачать, що сайт працює на базі Express. Тег `X-Powered-By: Express` надсилається в кожен запит, що надійшов з Express за замовчуванням. Використовуйте проміжне програмне забезпечення `helmet.hidePoweredBy()`, щоб усунути заголовок X-Powered-By.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.hidePoweredBy() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'hidePoweredBy');
+      assert.notEqual(data.headers['x-powered-by'], 'Express');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md
new file mode 100644
index 0000000000..b6797d917b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md
@@ -0,0 +1,53 @@
+---
+id: 587d8247367417b2b2512c36
+title: Встановлення та вимоги до Helmet
+challengeType: 2
+forumTopicId: 301581
+dashedName: install-and-require-helmet
+---
+
+# --description--
+
+Робота над цими завданнями включає написання коду користуючись одним з методів наведених нижче:
+
+- Створіть точну копію [ нашого репозиторія GitHub ](https://github.com/freeCodeCamp/boilerplate-infosec/) та завершіть ці завдання локально.
+- Використовуйте [Replit sterter project](https://replit.com/github/freeCodeCamp/boilerplate-infosec) для виконання цих завдань.
+- Для завершення завдань використовуйте обраний вами розробник сайтів. Переконайтеся, що ви зберегли всі файли з нашого репозиторію GitHub.
+
+Після завершення, переконайтеся, що робоча демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту в поле `Solution Link`.
+
+Helmet допоможе вам захистити ваші Express-програми, встановивши різноманітні HTTP заголовки.
+
+# --instructions--
+
+Весь ваш код для цих уроків розміщується в файл `myApp.js` між рядками коду, з якого ми почали вам писати. Не змінюйте та не видаляйте код, який ми додали для вас.
+
+Встановіть версію Helmet`3.21.3`, це необхідно. Ви можете встановити певну версію пакету за допомогою `npm install --save-exact package@version`, або додавши його безпосередньо до `package.json`.
+
+# --hints--
+
+Версія `helmet``3.21.3` повинна бути в `package.json`
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      const packJson = JSON.parse(data);
+      const helmet = packJson.dependencies.helmet;
+      assert(helmet === '3.21.3' || helmet === '^3.21.3');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md
new file mode 100644
index 0000000000..e8e287348e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md
@@ -0,0 +1,64 @@
+---
+id: 587d8247367417b2b2512c38
+title: Зменшення ризику клікджекінгу за допомогою helmet.frameguard()
+challengeType: 2
+forumTopicId: 301582
+dashedName: mitigate-the-risk-of-clickjacking-with-helmet-frameguard
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Ваша сторінка може бути задана `<frame>` або `<iframe>` без вашої згоди. З-поміж інших атак, це може призвести до атак клікджекінгу. Клікджекінг - це механізм обману інтернет-користувача, при якому користувач заманюється на зовні знайому йому сторінку, яка вже змінена хакером. Такий механізм можливий, якщо вашу сторінку використовують в зловмисних цілях за допомогою перенаправлення iframing. У такій ситуації хакер розміщує поверх видимої сторінки невидимий шар. Невидимі елементи управління (кнопки, посилання) запускають ворожий скрипт. Це проміжне програмне забезпечення встановлює заголовок X-Frame-Options. Воно обмежує дії хакерів, які можуть перенаправити вашу сторінку. Доступні три режими: DENY, SAMEORIGIN і ALLOW-FROM.
+
+Немає потреби перенаправляти наш додаток.
+
+# --instructions--
+
+Використовуйте `helmet.frameguard()`, що сходиться з об’єктом конфігурації `{action: 'deny'}`.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.frameguard() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(
+        data.appStack,
+        'frameguard',
+        'helmet.frameguard() middleware is not mounted correctly'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+helmet.frameguard() 'action' слід встановити в режимі 'DENY'
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.property(data.headers, 'x-frame-options');
+      assert.equal(data.headers['x-frame-options'], 'DENY');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md
new file mode 100644
index 0000000000..e0b6ce7cb8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet.xssfilter.md
@@ -0,0 +1,51 @@
+---
+id: 587d8247367417b2b2512c39
+title: >-
+  Зниження ризику атак міжсайтового скриптингу (XSS) за допомогою helmet.xssFilter()
+challengeType: 2
+forumTopicId: 301583
+dashedName: mitigate-the-risk-of-cross-site-scripting-xss-attacks-with-helmet-xssfilter
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Міжсайтовий скриптинг (XSS) - це частий тип атаки, під час якої зловмисні скрипти потрапляють на вразливі сторінки, з метою крадіжки конфіденційних даних, таких як сеансові файли кукі або паролі.
+
+Основне правило для зниження ризику атаки XSS просте: ''Ніколи не довіряйте користувачам''. Як розробнику, вам слід завжди обробляти всі вхідні дані ззовні. Це включає дані, що надходять з форм, URL запитів GET і навіть з HTTP POST. Обробка означає, що вам слід знайти і закодувати символи, які можуть виявитись небезпечними.e.g. &lt;, >.
+
+Сучасні браузери можуть допомогти зменшити ризик за допомогою залучення кращих стратегій програмного забезпечення. Часто це можна налаштувати за допомогою http-заголовків.
+
+Заголовок X-XSS-Protection HTTP - це основний захист. Браузер виявляє потенційний ін'єктивний скрипт за допомогою евристичного фільтру. Якщо застосовано заголовок, браузер змінює код скрипту, нейтралізуючи його. Він все ще має обмежену підтримку.
+
+# --instructions--
+
+Використовуйте `helmet.xssFilter()` для збереження даних на ваш сервер.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.xssFilter() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'xXssProtection');
+      assert.property(data.headers, 'x-xss-protection');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md
new file mode 100644
index 0000000000..7bb80db4a8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/prevent-ie-from-opening-untrusted-html-with-helmet.ienoopen.md
@@ -0,0 +1,44 @@
+---
+id: 587d8248367417b2b2512c3b
+title: Запобігти відкриванню ненадійних HTML кодів браузером Internet Explorer за допомогою helmet.ieNoOpen()
+challengeType: 2
+forumTopicId: 301584
+dashedName: prevent-ie-from-opening-untrusted-html-with-helmet-ienoopen
+---
+
+# --description--
+
+Нагадуємо, що цей проект створюється на основі наступного початкового проекту [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec) або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Деякі веб-додатки будуть пропонувати завантажувати ненадійний HTML код. За змовчуванням деякі версії браузера Internet Explorer відкривають такі HTML файли в залежності від вашого сайту. Це означає, що ненадійна HTML сторінка може отримати несанкціонований доступ до ваших вкладок. Це проміжне програмне забезпечення встановлює заголовок X-Frame-Options, щоб не відкривати такі файли. Це дозволить користувачам Internet Explorer виконувати завантаження на надійних сайтах.
+
+# --instructions--
+
+Застосовуйте метод `helmet.ieNoOpen()` на вашому сервері.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.ieNoOpen() необхідно правильно встановити
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'ienoopen');
+      assert.equal(data.headers['x-download-options'], 'noopen');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md
new file mode 100644
index 0000000000..6471d04e92
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/set-a-content-security-policy-with-helmet.contentsecuritypolicy.md
@@ -0,0 +1,71 @@
+---
+id: 587d8249367417b2b2512c3f
+title: Встановіть Політику Безпеки Контенту за допомогою helmet.contentSecurityPolicy()
+challengeType: 2
+forumTopicId: 301585
+dashedName: set-a-content-security-policy-with-helmet-contentsecuritypolicy
+---
+
+# --description--
+
+В якості нагадування, цей проєкт створюється за початковим проєктом [Replit](https://replit.com/github/freeCodeCamp/boilerplate-infosec), або копіюється з [GitHub](https://github.com/freeCodeCamp/boilerplate-infosec/).
+
+Це завдання наголошує на одному новому перспективному захисті, за допомогою якого можна значно скоротити ризик та вплив багатьох видів атак в сучасних браузерах. Встановлюючи та налаштовуючи Політику Безпеки Контенту, ви можете запобігти проникнення всього небажаного на вашу сторінку. Це захистить ваш додаток від вразливостей XSS, небажаного відстеження, шкідливих фреймів, та багато іншого. CSP працює шляхом визначення дозволеного списку джерел контенту, яким довіряють. Ви можете налаштувати їх для кожного типу ресурсів, який може знадобитися на вебсторінці (алгоритми, таблиці стилів, шрифти, рамки, медіа, тощо...). Існує декілька доступних директив, тому власники вебсайтів можуть мати детальний контроль. Для більш детальної інформації перегляньте HTML 5 Rocks, KeyCDN. На жаль, CSP не підтримується старішим браузером.
+
+За замовчуванням, директиви знаходяться у загальному доступі, тому важливо встановити директиву defaultSrc, як резервну. Helmet підтримує такі стилі іменування, як defaultSrc та default-src. Резервний варіант застосовується для більшості невизначених директив.
+
+# --instructions--
+
+У цій вправі використовуйте `helmet.contentSecurityPolicy()`. Налаштуйте його, додавши об’єкт `directives`. В об'єкті, встановіть значення `defaultSrc` на `["'self'"]` (список дозволених джерел має бути в масиві), для того, щоб довіряти лише адресі вашого вебсайту, за замовчуванням. Також встановіть директиву `scriptSrc`, щоб ви могли завантажувати скрипти лише з вашого вебсайту (`'self'`), та з домену `'trusted-cdn.com'`.
+
+Підказка: в ключовому слові `'self'` одинарні лапки є частиною ключового слова, тому його потрібно взяти в подвійні лапки, щоб воно працювало.
+
+# --hints--
+
+проміжне програмне забезпечення helmet.contentSecurityPolicy() повинно бути правильно встановлене
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      assert.include(data.appStack, 'csp');
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+Ваша конфігурація csp неправильна. Значення за замовчуванням Src має бути ["'self'"] та scriptSrc повинно бути ["'self'", 'trusted-cdn.com']
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/app-info').then(
+    (data) => {
+      var cspHeader = Object.keys(data.headers).filter(function (k) {
+        return (
+          k === 'content-security-policy' ||
+          k === 'x-webkit-csp' ||
+          k === 'x-content-security-policy'
+        );
+      })[0];
+      assert.equal(
+        data.headers[cspHeader],
+        "default-src 'self'; script-src 'self' trusted-cdn.com"
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.responseText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions,
+  because they would need to be tested against a full working project.
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md
new file mode 100644
index 0000000000..73c0ec217f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/understand-bcrypt-hashes.md
@@ -0,0 +1,72 @@
+---
+id: 58a25bcef9fc0f352b528e7c
+title: Розуміння функції BCrypt
+challengeType: 2
+forumTopicId: 301586
+dashedName: understand-bcrypt-hashes
+---
+
+# --description--
+
+У наступних завданнях ви будете працювати з новим початковим проєктом, який відрізняється від попереднього. Ви можете знайти новий початковий проект на [Replit](https://replit.com/github/freeCodeCamp/boilerplate-bcrypt)або скопіювати його з [GitHub](https://github.com/freeCodeCamp/boilerplate-bcrypt/).
+
+Функція BCrypt відзначається своєю надійністю. Хеш - це, по суті, "відбиток" початкових даних, який завжди лишається унікальним. Така функція виконується шляхом введення початкових даних в алгоритм і виведення фіксованого результату довжини. Щоб ускладнити процес і зробити його безпечнішим, ви можете застосувати випадково згенерований модифікатор *salt* для хешу. Випадкова генерація хешу включає в себе додавання випадкових даних до початкових даних перед процесом хешування, що ускладнює крадіжку хешу.
+
+Функція BCrypt завжди виглядає як код `$2a$13$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm`, що має структуру. Перший невеликий біт даних `$2a` визначає, який алгоритм хешу був використаний. Наступна частина `$13` визначає *cost*. Cost показує наскільки важко вичислити хеш. Цей елемент розміщений на логарифмічній шкалі 2^cost і визначає скільки разів дані проходять крізь алгоритм хешування. Наприклад, якщо cost дорівнює 10, ви можете перетворити 10 паролів за секунду на середньостатистичному комп'ютері, однак при значенні cost 15 - це займе 3 секунди за один результат... і, відповідно, при значенні 31, процес займе кілька днів, щоб отримати готовий хеш. Значення cost 12 вважається найбезпечнішим на сьогодні. Остання частина хешу `$ZyprE5MRw2Q3WpNOGZWGbeG7ADUre1Q8QO.uUUtcbqloU0yvzavOm` виглядає як один великий рядок чисел, періодів і букв, але насправді це дві окремі деталі. Перші 22 символи це згенерований модифікатор у вигляді простого тексту, решта - перетворений пароль!
+
+# --instructions--
+
+Щоб почати використовувати BCrypt, додайте його як пакет у код вашого проєкту і запускайте його за допомогою значення 'bcrypt' на вашому сервері.
+
+Додайте весь ваш код для цих уроків в файл `server.js` між рядками коду, з якого ми почали. Не змінюйте і не видаляйте код, який ми додали для вас.
+
+Підтвердіть свою сторінку, коли зрозумієте, що все працює коректно.
+
+# --hints--
+
+BCrypt повинен бути пакетом в коді.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/package.json').then(
+    (data) => {
+      var packJson = JSON.parse(data);
+      assert.property(
+        packJson.dependencies,
+        'bcrypt',
+        'Your project should list "bcrypt" as a dependency'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+Потрібно правильно запустити BCrypt.
+
+```js
+(getUserInput) =>
+  $.get(getUserInput('url') + '/_api/server.js').then(
+    (data) => {
+      assert.match(
+        data,
+        /bcrypt.*=.*require.*('|")bcrypt('|")/gi,
+        'You should correctly require and instantiate socket.io as io.'
+      );
+    },
+    (xhr) => {
+      throw new Error(xhr.statusText);
+    }
+  );
+```
+
+# --solutions--
+
+```js
+/**
+  Backend challenges don't need solutions, 
+  because they would need to be tested against a full working project. 
+  Please check our contributing guidelines to learn more.
+*/
+```
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md
new file mode 100644
index 0000000000..1ac7b1545e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/creating-a-tcp-client.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94db0
+title: Створення TCP-клієнта
+challengeType: 11
+videoId: ugYfJNTawks
+bilibiliIds:
+  aid: 933058124
+  bvid: BV16M4y1g7zL
+  cid: 409034338
+dashedName: creating-a-tcp-client
+---
+
+# --question--
+
+## --text--
+
+Який метод об'єкта Сокет дозволить встановити максимальну кількість даних, які клієнт отримає за раз?
+
+## --answers--
+
+`.recv(1024)`
+
+---
+
+`.decode('ascii')`
+
+---
+
+`.connect(host, port)`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md
new file mode 100644
index 0000000000..4228230cc7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-banner-grabber.md
@@ -0,0 +1,47 @@
+---
+id: 5ea9997bbec2e9bc47e94db3
+title: Розробка Отримувача прапорця
+challengeType: 11
+videoId: CeGW761BIsA
+bilibiliIds:
+  aid: 633014533
+  bvid: BV1Sb4y127H9
+  cid: 409036288
+dashedName: developing-a-banner-grabber
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски, щоб завершити функцію `banner`, розміщену нижче:
+
+```py
+def banner(ip, port):
+    s = socket.socket()
+    s.__A__((ip, __B__))
+    print(s.recv(1024))
+```
+
+## --answers--
+
+А: `connect`
+
+B: `port`
+
+---
+
+A: `getsockname`
+
+B: `'1-1024'`
+
+---
+
+A: `connect`
+
+B: `int(port)`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md
new file mode 100644
index 0000000000..b70c970b7e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-a-port-scanner.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94db4
+title: Розробка Сканера портів
+challengeType: 11
+videoId: z_qkqZS7KZ4
+bilibiliIds:
+  aid: 208077317
+  bvid: BV1Uh411p7HS
+  cid: 409036706
+dashedName: developing-a-port-scanner
+---
+
+# --question--
+
+## --text--
+
+Яка ключова відмінність між методами `.connect()` та `.connect_ex()`?
+
+## --answers--
+
+Немає жодної відмінності між цими двома методами.
+
+---
+
+Якщо виявлена помилка або хост не знайдений, то метод `.connect()` підніме виключення, тоді як `.connect_ex()` поверне код помилки.
+
+---
+
+Якщо виявлена помилка або хост не знайдений, то метод `.connect()` підніме виключення, тоді як `.connect_ex()` поверне код помилки.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md
new file mode 100644
index 0000000000..8f019096b8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-1.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94db1
+title: Розробка Сканера Nmap (частина 1)
+challengeType: 11
+videoId: jYk9XaGoAnk
+bilibiliIds:
+  aid: 805657338
+  bvid: BV1o34y1S7zf
+  cid: 414718986
+dashedName: developing-an-nmap-scanner-part-1
+---
+
+# --question--
+
+## --text--
+
+Яка правильна команда для встановлення бібліотеки `python-nmap` для версії Python 3?
+
+## --answers--
+
+`sudo apt install python-nmap`
+
+---
+
+`pip install python-nmap`
+
+---
+
+`pip3 install python-nmap`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md
new file mode 100644
index 0000000000..3625452ba6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/developing-an-nmap-scanner-part-2.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94db2
+title: Розробка Сканера Nmap (частина 2)
+challengeType: 11
+videoId: a98PscnUsTg
+bilibiliIds:
+  aid: 505526943
+  bvid: BV1Hg411c7oE
+  cid: 409034761
+dashedName: developing-an-nmap-scanner-part-2
+---
+
+# --question--
+
+## --text--
+
+Який з наступних методів дозволить просканувати UDP-порти від 21 до 443?
+
+## --answers--
+
+`.scan(ip_addr, '21-443', '-v -sU')`
+
+---
+
+`.scan(ip_addr, '1-1024', '-v -sS')`
+
+---
+
+`.scan(ip_addr, '21-443', '-v -sS')`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md
new file mode 100644
index 0000000000..4f96e9591e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/introduction-and-setup.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94dae
+title: Вступ і налаштування
+challengeType: 11
+videoId: XeQ7ZKtb998
+bilibiliIds:
+  aid: 718017704
+  bvid: BV13Q4y1k7hX
+  cid: 409033630
+dashedName: introduction-and-setup
+---
+
+# --question--
+
+## --text--
+
+Який редактор коду та розширення рекомендований інструктором для розробки інструментів тестування проникнення в Python?
+
+## --answers--
+
+Atom та розширення atom-python-run.
+
+---
+
+VSCode та Python розширення від Microsoft.
+
+---
+
+Sublime Text і пакет Anaconda.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md
new file mode 100644
index 0000000000..3a88490ba8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/09-information-security/python-for-penetration-testing/understanding-sockets-and-creating-a-tcp-server.md
@@ -0,0 +1,34 @@
+---
+id: 5ea9997bbec2e9bc47e94daf
+title: Розуміння сокетів і створення TCP-сервера
+challengeType: 11
+videoId: F1QI9tNuDQg
+bilibiliIds:
+  aid: 848005038
+  bvid: BV1bL4y1a7kJ
+  cid: 409034113
+dashedName: understanding-sockets-and-creating-a-tcp-server
+---
+
+# --question--
+
+## --text--
+
+Яка з наступних функцій створює об'єкт Сокет?
+
+## --answers--
+
+`socket.bind((host, port))`
+
+---
+
+`socket.gethostbyname()`
+
+---
+
+`socket.socket(socket.AF_INET, socket.SOCK_STREAM)`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
new file mode 100644
index 0000000000..c35c941e51
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/find-the-symmetric-difference.md
@@ -0,0 +1,150 @@
+---
+id: a3f503de51cf954ede28891d
+title: Знайдіть симетричну різницю множин
+challengeType: 5
+forumTopicId: 301611
+dashedName: find-the-symmetric-difference
+---
+
+# --description--
+
+Математичний термін <dfn> симетрична різниця</dfn> (`△` або `⊕`) двох множин - це набір елементів, які знаходяться в одній з множин, але не в обох. Наприклад, для множин `A = {1, 2, 3}` та `B = {2, 3, 4}`, `A △ B = {1, 4}`.
+
+Симетрична різниця множин - це двійкова операція, тобто вона діє лише на два елементи. Тому, щоб оцінити вираз, який містить симетричну різницю множин серед *трьох* елементів(`A △ B △ C`), потрібно виконувати лише одну операцію одночасно. Таким чином, для множин `A` та `B` вище, і `C = {2, 3}`, `A △ B △ C = (A △ B) △ C = {1, 4} △ {2, 3} = {1, 2, 3, 4}`.
+
+# --instructions--
+
+Створіть функцію, яка приймає два чи більше масиви, та повертає масив із їхньою симетричною різницею. Повернений масив має містити лише унікальні значення (* жодних дублікатів *).
+
+# --hints--
+
+`sym([1, 2, 3], [5, 2, 1, 4])` повинен повертатися як `[3, 4, 5]`.
+
+```js
+assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4]), [3, 4, 5]);
+```
+
+`sym([1, 2, 3], [5, 2, 1, 4])` має містити лише три елементи.
+
+```js
+assert.equal(sym([1, 2, 3], [5, 2, 1, 4]).length, 3);
+```
+
+`sym([1, 2, 3, 3], [5, 2, 1, 4])` повинен повертатися як `[3, 4, 5]`.
+
+```js
+assert.sameMembers(sym([1, 2, 3, 3], [5, 2, 1, 4]), [3, 4, 5]);
+```
+
+`sym([1, 2, 3, 3], [5, 2, 1, 4])` має містити лише три елементи.
+
+```js
+assert.equal(sym([1, 2, 3, 3], [5, 2, 1, 4]).length, 3);
+```
+
+`sym([1, 2, 3], [5, 2, 1, 4, 5])` повинен повертатися як `[3, 4, 5]`.
+
+```js
+assert.sameMembers(sym([1, 2, 3], [5, 2, 1, 4, 5]), [3, 4, 5]);
+```
+
+`sym([1, 2, 3], [5, 2, 1, 4, 5])` має містити лише три елементи.
+
+```js
+assert.equal(sym([1, 2, 3], [5, 2, 1, 4, 5]).length, 3);
+```
+
+`sym([1, 2, 5], [2, 3, 5], [3, 4, 5])` повинен повертатися як `[1, 4, 5]`
+
+```js
+assert.sameMembers(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]), [1, 4, 5]);
+```
+
+`sym([1, 2, 5], [2, 3, 5], [3, 4, 5])` має містити лише три елементи.
+
+```js
+assert.equal(sym([1, 2, 5], [2, 3, 5], [3, 4, 5]).length, 3);
+```
+
+`sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])` повинен повертатися як `[1, 4, 5]`.
+
+```js
+assert.sameMembers(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]), [1, 4, 5]);
+```
+
+`sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5])` має містити лише три елементи.
+
+```js
+assert.equal(sym([1, 1, 2, 5], [2, 2, 3, 5], [3, 4, 5, 5]).length, 3);
+```
+
+`sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])` повинен повертатися як `[2, 3, 4, 6, 7]`.
+
+```js
+assert.sameMembers(
+  sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]),
+  [2, 3, 4, 6, 7]
+);
+```
+
+`sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3])` має містити лише п'ять елементів.
+
+```js
+assert.equal(
+  sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3]).length,
+  5
+);
+```
+
+`sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])` повинен повертатися як `[1, 2, 4, 5, 6, 7, 8, 9]`.
+
+```js
+assert.sameMembers(
+  sym(
+    [3, 3, 3, 2, 5],
+    [2, 1, 5, 7],
+    [3, 4, 6, 6],
+    [1, 2, 3],
+    [5, 3, 9, 8],
+    [1]
+  ),
+  [1, 2, 4, 5, 6, 7, 8, 9]
+);
+```
+
+`sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])` має містити лише вісім елементів.
+
+```js
+assert.equal(
+  sym([3, 3, 3, 2, 5], [2, 1, 5, 7], [3, 4, 6, 6], [1, 2, 3], [5, 3, 9, 8], [1])
+    .length,
+  8
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sym(args) {
+  return args;
+}
+
+sym([1, 2, 3], [5, 2, 1, 4]);
+```
+
+# --solutions--
+
+```js
+function sym() {
+  var arrays = [].slice.call(arguments);
+  return arrays.reduce(function (symDiff, arr) {
+    return symDiff.concat(arr).filter(function (val, idx, theArr) {
+      return theArr.indexOf(val) === idx
+        && (symDiff.indexOf(val) === -1 || arr.indexOf(val) === -1);
+    });
+  });
+}
+sym([1, 2, 3], [5, 2, 1, 4]);
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-bubble-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-bubble-sort.md
new file mode 100644
index 0000000000..6b587568f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-bubble-sort.md
@@ -0,0 +1,138 @@
+---
+id: 8d5123c8c441eddfaeb5bdef
+title: Реалізація бульбашкового сортування
+challengeType: 1
+forumTopicId: 301612
+dashedName: implement-bubble-sort
+---
+
+# --description--
+
+Це перше із кількох завдань що стосуються алгоритмів сортування. Враховуючи масив несортованих елементів, ми хочемо повернути впорядкований масив. Ми побачимо кілька різних методів для цього і вивчимо певні компроміси між цими різними підходами. Хоча більшість сучасних мов мають вбудовані методи сортування для таких операцій, все ж важливо зрозуміти деякі загальні основні підходи та дізнатися, як їх можна здійснити.
+
+Тут ми розглянемо бульбашкове сортування. Метод бульбашкового сортування розпочинається на початку несортованого масиву і збільшує невідсортовані значення до кінця, повторюючи через масив поки він не буде повністю відсортованим. Це робиться шляхом порівняння суміжних елементів і їх заміни, якщо вони вийшли з ладу. Метод продовжує цикл по масиву, поки не відбудеться обмін, в якому масив буде відсортовано.
+
+Цей метод вимагає кількох ітерацій через масив, а для найгірших випадків має квадратичну складність часу. В той час як проста складність, як правило, непрактична у більшості ситуацій.
+
+**Instructions:** Напишіть функцію `bubbleSort` яка приймає масив цілих чисел як введення і повертає масив цих цілих чисел у відсортованому порядку від найменшого до найбільшого.
+
+# --hints--
+
+`bubbleSort` має бути функцією.
+
+```js
+assert(typeof bubbleSort == 'function');
+```
+
+`bubbleSort` повертає відсортований масив (як мінімум до найбільшого).
+
+```js
+assert(
+  isSorted(
+    bubbleSort([
+      1,
+      4,
+      2,
+      8,
+      345,
+      123,
+      43,
+      32,
+      5643,
+      63,
+      123,
+      43,
+      2,
+      55,
+      1,
+      234,
+      92
+    ])
+  )
+);
+```
+
+`bubbleSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` повертає масив без змін, окрім послідовності.
+
+```js
+assert.sameMembers(
+  bubbleSort([
+    1,
+    4,
+    2,
+    8,
+    345,
+    123,
+    43,
+    32,
+    5643,
+    63,
+    123,
+    43,
+    2,
+    55,
+    1,
+    234,
+    92
+  ]),
+  [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+);
+```
+
+`bubbleSort` не повинен використовувати вбудований `.sort()` метод.
+
+```js
+assert(isBuiltInSortUsed());
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+
+function isBuiltInSortUsed(){
+  let sortUsed = false;
+  Array.prototype.sort = () => sortUsed = true;
+  bubbleSort([0, 1]);
+  return !sortUsed;
+}
+```
+
+## --seed-contents--
+
+```js
+function bubbleSort(array) {
+  // Only change code below this line
+  return array;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function bubbleSort(array) {
+  for (let i = 0; i < array.length; i++) {
+    let swapped = false;
+    for (let j = 1; j < array.length; j++) {
+      if (array[j - 1] > array[j]) {
+        let temp = array[j-1];
+        array[j-1] =  array[j];
+        array[j] = temp;
+        swapped = true;
+      }
+    }
+    if (swapped === false) {
+      break;
+    }
+  }
+  return array;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-insertion-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-insertion-sort.md
new file mode 100644
index 0000000000..a749489d50
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-insertion-sort.md
@@ -0,0 +1,135 @@
+---
+id: 587d8259367417b2b2512c86
+title: Реалізація сортування вставками
+challengeType: 1
+forumTopicId: 301613
+dashedName: implement-insertion-sort
+---
+
+# --description--
+
+Наступний метод сортування, який ми розглянемо - це сортування вставками. Це метод створення відсортованого масиву на початку списку. Так, відсортований масив починається з першого елементу. Тоді йде перевірка наступного елемента і зміна його положення у відсортованому масиві, доки він не отримає відсортовану позицію. Після цього, список продовжує оновлюватися, а нові елементи стають на відсортовану позицію, аж поки сортування не завершиться. Цей алгоритм має квадратичну складність часу як у звичайних, так і у найгірших випадках.
+
+**Instructions:** Напишіть функцію `insertionSort`, де масив цілих чисел - це вхідні дані, і масив цих цілих чисел сортується від найменшого до найбільшого.
+
+# --hints--
+
+`insertionSort` має бути функцією.
+
+```js
+assert(typeof insertionSort == 'function');
+```
+
+`insertionSort` має повернути впорядкований масив (від меншого до більшого).
+
+```js
+assert(
+  isSorted(
+    insertionSort([
+      1,
+      4,
+      2,
+      8,
+      345,
+      123,
+      43,
+      32,
+      5643,
+      63,
+      123,
+      43,
+      2,
+      55,
+      1,
+      234,
+      92
+    ])
+  )
+);
+```
+
+`insertionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` має повернути масив без змін, окрім послідовності.
+
+```js
+assert.sameMembers(
+  insertionSort([
+    1,
+    4,
+    2,
+    8,
+    345,
+    123,
+    43,
+    32,
+    5643,
+    63,
+    123,
+    43,
+    2,
+    55,
+    1,
+    234,
+    92
+  ]),
+  [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+);
+```
+
+`insertionSort([5, 4, 33, 2, 8])` має повернути `[2, 4, 5, 8, 33]`.
+
+```js
+assert.deepEqual(insertionSort([5, 4, 33, 2, 8]), [2, 4, 5, 8, 33])
+```
+
+`insertionSort` не слід використовувати вбудований `.sort()` метод.
+
+```js
+assert(isBuiltInSortUsed());
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+
+function isBuiltInSortUsed(){
+  let sortUsed = false;
+  Array.prototype.sort = () => sortUsed = true;
+  insertionSort([0, 1]);
+  return !sortUsed;
+}
+```
+
+## --seed-contents--
+
+```js
+function insertionSort(array) {
+  // Only change code below this line
+  return array;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function insertionSort (array) {
+  for (let currentIndex = 0; currentIndex < array.length; currentIndex++) {
+    let current = array[currentIndex];
+    let j = currentIndex - 1;
+    while (j > -1 && array[j] > current) {
+      array[j + 1] = array[j];
+      j--;
+    }
+    array[j + 1] = current;
+  }
+  return array;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-merge-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-merge-sort.md
new file mode 100644
index 0000000000..19432130dd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-merge-sort.md
@@ -0,0 +1,156 @@
+---
+id: 587d825c367417b2b2512c8f
+title: Реалізація сортування злиттям
+challengeType: 1
+forumTopicId: 301614
+dashedName: implement-merge-sort
+---
+
+# --description--
+
+Ще один поширений алгоритм проміжного сортування - сортування злиттям. Як і швидке сортування, сортування злиттям також використовує метод розділяй і володарюй, рекурсивну методологію для сортування масиву. Він використовує перевагу в тому, що два масиви порівняно легко відсортувати, доки кожен з них відсортовано в першу чергу. Але ми почнемо тільки з одного масиву як з вхідного, то як же отримати з нього два відсортованих масиви? Ми можемо рекурсивно поділити початковий запис два, доки ми не досягнемо базового випадку масиву з одним предметом. Одноелементний масив природно відсортований, тому ми можемо почати комбінувати. Ця комбінація розгорне рекурсивні виклики, які розбивають оригінальний масив, врешті створюючи остаточний сортований масив усіх елементів. Кроки сортування злиттям:
+
+**1)** Рекурсивно розділити вхідний масив навпіл, поки підмасив лише з одним елементом не буде сформовано.
+
+**2)** Об'єднати кожен сортований підмасив разом для створення остаточного сортованого масиву.
+
+Сортування злиттям є ефективним методом сортування зі складністю часу *O(nlog(n))*. Цей алгоритм популярний, оскільки він є продуктивним та відносно простим для реалізації.
+
+До речі, це буде останній алгоритм сортування, який ми тут висвітлюємо. Однак пізніше в розділі про деревовидні структури даних ми опишемо сортування по купі, ще один ефективний метод сортування, який вимагає двійкової купи у своїй реалізації.
+
+**Instructions:**Напишіть функцію `mergeSort` яка приймає масив цілих чисел як введення і повертає масив цих цілих чисел у відсортованому порядку від найменшого до найбільшого. Хороший спосіб реалізувати це - написати одну функцію, наприклад `merge`, яка відповідає за злиття двох сортованих масивів, та інша функція, наприклад, `mergeSort`, яка відповідає за рекурсію, що виробляє одноелементні масиви, для каналу на злиття. Успіхів!
+
+# --hints--
+
+`mergeSort` повинен бути функцією.
+
+```js
+assert(typeof mergeSort == 'function');
+```
+
+`mergeSort` повинен повертати відсортований масив (від найменшого до найбільшого).
+
+```js
+assert(
+  isSorted(
+    mergeSort([
+      1,
+      4,
+      2,
+      8,
+      345,
+      123,
+      43,
+      32,
+      5643,
+      63,
+      123,
+      43,
+      2,
+      55,
+      1,
+      234,
+      92
+    ])
+  )
+);
+```
+
+`mergeSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` повинен повернути масив без змін, крім послідовності.
+
+```js
+assert.sameMembers(
+  mergeSort([
+    1,
+    4,
+    2,
+    8,
+    345,
+    123,
+    43,
+    32,
+    5643,
+    63,
+    123,
+    43,
+    2,
+    55,
+    1,
+    234,
+    92
+  ]),
+  [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+);
+```
+
+`mergeSort` не повинен використовувати вбудований `.sort()` метод.
+
+```js
+assert(isBuiltInSortUsed());
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+
+function isBuiltInSortUsed(){
+  let sortUsed = false;
+  Array.prototype.sort = () => sortUsed = true;
+  mergeSort([0, 1]);
+  return !sortUsed;
+}
+```
+
+## --seed-contents--
+
+```js
+function mergeSort(array) {
+  // Only change code below this line
+  return array;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function mergeSort(array) {
+  if (array.length === 1) {
+    return array;
+  } else {
+    const splitIndex = Math.floor(array.length / 2);
+    return merge(
+      mergeSort(array.slice(0, splitIndex)),
+      mergeSort(array.slice(splitIndex))
+    );
+  }
+
+  // Merge two sorted arrays
+  function merge(array1, array2) {
+    let merged = [];
+    while (array1.length && array2.length) {
+      if (array1[0] < array2[0]) {
+        merged.push(array1.shift());
+      } else if (array1[0] > array2[0]) {
+        merged.push(array2.shift());
+      } else {
+        merged.push(array1.shift(), array2.shift());
+      }
+    }
+
+    // After looping ends, one array is empty, and other array contains only
+    // values greater than all values in `merged`
+    return [...merged, ...array1, ...array2];
+  }
+}
+
+mergeSort([1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]);
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-quick-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-quick-sort.md
new file mode 100644
index 0000000000..b1267a7722
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-quick-sort.md
@@ -0,0 +1,142 @@
+---
+id: 587d825a367417b2b2512c89
+title: Реалізація швидкого сортування
+challengeType: 1
+forumTopicId: 301615
+dashedName: implement-quick-sort
+---
+
+# --description--
+
+Тут ми будемо рухатися до проміжного алгоритму сортування: швидке сортування. Швидке сортування - це ефективний, рекурсивний підхід "розподіляй і володарюй" у сортуванні масиву. В цьому методі, обираємо опорний елемент у вихідному масиві. Потім масив розділяється на два підмасиви із меншими і більшими значеннями ніж опорний елемент. Тоді ми об'єднуємо результат рекурсивного виклику алгоритму швидкого сортування в обидвох підмасивах. Це продовжується поки не буде досягнутий базовий регістр порожнього або єдиного елементу масиву, який ми повертаємо. Розмотування рекурсивних викликів повертає нам відсортований масив.
+
+Швидке сортування є дуже ефективним методом, в середньому забезпечує *O(nlog(n))* продуктивність. Також це відносно легко реалізувати. Ці властивості роблять його популярним і корисним методом сортування.
+
+**Інструкція:** записати функцію `quickSort`, яка приймає на вхід масив цілих чисел і повертає відсортований масив цих цілих чисел від найменшого до найбільшого. Незважаючи на те, що вибір опорного елемента є важливим, тут підійде будь-яке значення для наших цілей. Щоб було простіше, то можна використати перший або останній елемент.
+
+# --hints--
+
+`quickSort` повинен бути функцією.
+
+```js
+assert(typeof quickSort == 'function');
+```
+
+`quickSort` повинен повертати відсортований масив (від найменшого до найбільшого).
+
+```js
+assert(
+  isSorted(
+    quickSort([
+      1,
+      4,
+      2,
+      8,
+      345,
+      123,
+      43,
+      32,
+      5643,
+      63,
+      123,
+      43,
+      2,
+      55,
+      1,
+      234,
+      92
+    ])
+  )
+);
+```
+
+`quickSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` повинен повернути масив без змін, крім послідовності.
+
+```js
+assert.sameMembers(
+  quickSort([
+    1,
+    4,
+    2,
+    8,
+    345,
+    123,
+    43,
+    32,
+    5643,
+    63,
+    123,
+    43,
+    2,
+    55,
+    1,
+    234,
+    92
+  ]),
+  [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+);
+```
+
+`quickSort` не повинен використовувати вбудований `.sort()` метод.
+
+```js
+assert(isBuiltInSortUsed());
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+
+function isBuiltInSortUsed(){
+  let sortUsed = false;
+  Array.prototype.sort = () => sortUsed = true;
+  quickSort([0, 1]);
+  return !sortUsed;
+}
+```
+
+## --seed-contents--
+
+```js
+function quickSort(array) {
+  // Only change code below this line
+  return array;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function quickSort(array) {
+  if (array.length === 0) {
+    return [];
+  } else {
+    const pivotValue = array[0];
+
+    // Sort elements into three piles
+    let lesser = [];
+    let equal = [];
+    let greater = [];
+    for (let e of array) {
+      if (e < pivotValue) {
+        lesser.push(e);
+      } else if (e > pivotValue) {
+        greater.push(e);
+      } else {
+        equal.push(e);
+      }
+    }
+
+    return [...quickSort(lesser), ...equal, ...quickSort(greater)];
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-selection-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-selection-sort.md
new file mode 100644
index 0000000000..fcbdacfa2a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/implement-selection-sort.md
@@ -0,0 +1,131 @@
+---
+id: 587d8259367417b2b2512c85
+title: Реалізація сортування вибором
+challengeType: 1
+forumTopicId: 301616
+dashedName: implement-selection-sort
+---
+
+# --description--
+
+Тут ми виконаємо сортування вибором. Сортування вибором здійснюється шляхом вибору мінімального значення зі списку та його обміну з першим значенням у списку. Потім початок йде з другої позиції, обирається найменше значення з решти списку та здійснюється обмін цього значення з другим елементом. І такий процес обміну елементів продовжується, доки не дійдемо до кінця списку. Тепер список відсортовано. Сортування вибором завжди має квадратичну складність.
+
+**Instructions**: Напишіть функцію `selectionSort`, де масив цілих чисел - це вхідні дані, і масив цих цілих чисел сортується від найменшого до найбільшого.
+
+# --hints--
+
+`selectionSort` має бути функцією.
+
+```js
+assert(typeof selectionSort == 'function');
+```
+
+`selectionSort` має повернути впорядкований масив (від найменшого до найбільшого).
+
+```js
+assert(
+  isSorted(
+    selectionSort([
+      1,
+      4,
+      2,
+      8,
+      345,
+      123,
+      43,
+      32,
+      5643,
+      63,
+      123,
+      43,
+      2,
+      55,
+      1,
+      234,
+      92
+    ])
+  )
+);
+```
+
+`selectionSort([1,4,2,8,345,123,43,32,5643,63,123,43,2,55,1,234,92])` має повернути масив без змін, окрім послідовності.
+
+```js
+assert.sameMembers(
+  selectionSort([
+    1,
+    4,
+    2,
+    8,
+    345,
+    123,
+    43,
+    32,
+    5643,
+    63,
+    123,
+    43,
+    2,
+    55,
+    1,
+    234,
+    92
+  ]),
+  [1, 4, 2, 8, 345, 123, 43, 32, 5643, 63, 123, 43, 2, 55, 1, 234, 92]
+);
+```
+
+`selectionSort` не повинен використовувати вбудований `.sort()` метод.
+
+```js
+assert(isBuiltInSortUsed());
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+
+function isBuiltInSortUsed(){
+  let sortUsed = false;
+  Array.prototype.sort = () => sortUsed = true;
+  selectionSort([0, 1]);
+  return !sortUsed;
+}
+```
+
+## --seed-contents--
+
+```js
+function selectionSort(array) {
+  // Only change code below this line
+  return array;
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function selectionSort(array) {
+  for (let i = 0; i < array.length-1; i++) {
+    let minimumIndex = i;
+    for (let j = i+1; j < array.length; j++){
+      if (array[j] < array[minimumIndex]) {
+        minimumIndex = j;
+      }
+    }
+    let value = array[minimumIndex];
+    array[minimumIndex] = array[i];
+    array[i] = value;
+  }
+    return array;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/inventory-update.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/inventory-update.md
new file mode 100644
index 0000000000..110116d945
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/inventory-update.md
@@ -0,0 +1,228 @@
+---
+id: a56138aff60341a09ed6c480
+title: Оновлення інвентарю
+challengeType: 5
+forumTopicId: 16019
+dashedName: inventory-update
+---
+
+# --description--
+
+Порівняйте та оновіть інвентар з масиву 2D та інший масив 2D на нові предмети. Оновіть поточну кількість предметів у інвентарі (у `arr1`). Якщо неможливо знайти об'єкт, додайте новий об'єкт та його кількість у масив інвентарю. Об'єкти висхідного масиву інвентарю мають бути в алфавітному порядку.
+
+# --hints--
+
+Функція `updateInventory` має повернути масив.
+
+```js
+assert.isArray(
+  updateInventory(
+    [
+      [21, 'Bowling Ball'],
+      [2, 'Dirty Sock'],
+      [1, 'Hair Pin'],
+      [5, 'Microphone']
+    ],
+    [
+      [2, 'Hair Pin'],
+      [3, 'Half-Eaten Apple'],
+      [67, 'Bowling Ball'],
+      [7, 'Toothpaste']
+    ]
+  )
+);
+```
+
+`updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])` має повернути масив з довжиною 6.
+
+```js
+assert.equal(
+  updateInventory(
+    [
+      [21, 'Bowling Ball'],
+      [2, 'Dirty Sock'],
+      [1, 'Hair Pin'],
+      [5, 'Microphone']
+    ],
+    [
+      [2, 'Hair Pin'],
+      [3, 'Half-Eaten Apple'],
+      [67, 'Bowling Ball'],
+      [7, 'Toothpaste']
+    ]
+  ).length,
+  6
+);
+```
+
+`updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])` має повернути `[[88, "Bowling Ball"], [2, "Dirty Sock"], [3, "Hair Pin"], [3, "Half-Eaten Apple"], [5, "Microphone"], [7, "Toothpaste"]]`.
+
+```js
+assert.deepEqual(
+  updateInventory(
+    [
+      [21, 'Bowling Ball'],
+      [2, 'Dirty Sock'],
+      [1, 'Hair Pin'],
+      [5, 'Microphone']
+    ],
+    [
+      [2, 'Hair Pin'],
+      [3, 'Half-Eaten Apple'],
+      [67, 'Bowling Ball'],
+      [7, 'Toothpaste']
+    ]
+  ),
+  [
+    [88, 'Bowling Ball'],
+    [2, 'Dirty Sock'],
+    [3, 'Hair Pin'],
+    [3, 'Half-Eaten Apple'],
+    [5, 'Microphone'],
+    [7, 'Toothpaste']
+  ]
+);
+```
+
+`updateInventory([[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]], [])` має повернути `[[21, "Bowling Ball"], [2, "Dirty Sock"], [1, "Hair Pin"], [5, "Microphone"]]`.
+
+```js
+assert.deepEqual(
+  updateInventory(
+    [
+      [21, 'Bowling Ball'],
+      [2, 'Dirty Sock'],
+      [1, 'Hair Pin'],
+      [5, 'Microphone']
+    ],
+    []
+  ),
+  [
+    [21, 'Bowling Ball'],
+    [2, 'Dirty Sock'],
+    [1, 'Hair Pin'],
+    [5, 'Microphone']
+  ]
+);
+```
+
+`updateInventory([], [[2, "Hair Pin"], [3, "Half-Eaten Apple"], [67, "Bowling Ball"], [7, "Toothpaste"]])` має повернути `[[67, "Bowling Ball"], [2, "Hair Pin"], [3, "Half-Eaten Apple"], [7, "Toothpaste"]]`.
+
+```js
+assert.deepEqual(
+  updateInventory(
+    [],
+    [
+      [2, 'Hair Pin'],
+      [3, 'Half-Eaten Apple'],
+      [67, 'Bowling Ball'],
+      [7, 'Toothpaste']
+    ]
+  ),
+  [
+    [67, 'Bowling Ball'],
+    [2, 'Hair Pin'],
+    [3, 'Half-Eaten Apple'],
+    [7, 'Toothpaste']
+  ]
+);
+```
+
+`updateInventory([[0, "Bowling Ball"], [0, "Dirty Sock"], [0, "Hair Pin"], [0, "Microphone"]], [[1, "Hair Pin"], [1, "Half-Eaten Apple"], [1, "Bowling Ball"], [1, "Toothpaste"]])` має повернути `[[1, "Bowling Ball"], [0, "Dirty Sock"], [1, "Hair Pin"], [1, "Half-Eaten Apple"], [0, "Microphone"], [1, "Toothpaste"]]`.
+
+```js
+assert.deepEqual(
+  updateInventory(
+    [
+      [0, 'Bowling Ball'],
+      [0, 'Dirty Sock'],
+      [0, 'Hair Pin'],
+      [0, 'Microphone']
+    ],
+    [
+      [1, 'Hair Pin'],
+      [1, 'Half-Eaten Apple'],
+      [1, 'Bowling Ball'],
+      [1, 'Toothpaste']
+    ]
+  ),
+  [
+    [1, 'Bowling Ball'],
+    [0, 'Dirty Sock'],
+    [1, 'Hair Pin'],
+    [1, 'Half-Eaten Apple'],
+    [0, 'Microphone'],
+    [1, 'Toothpaste']
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function updateInventory(arr1, arr2) {
+    return arr1;
+}
+
+// Example inventory lists
+var curInv = [
+    [21, "Bowling Ball"],
+    [2, "Dirty Sock"],
+    [1, "Hair Pin"],
+    [5, "Microphone"]
+];
+
+var newInv = [
+    [2, "Hair Pin"],
+    [3, "Half-Eaten Apple"],
+    [67, "Bowling Ball"],
+    [7, "Toothpaste"]
+];
+
+updateInventory(curInv, newInv);
+```
+
+# --solutions--
+
+```js
+function updateInventory(arr1, arr2) {
+  arr2.forEach(function(item) {
+    createOrUpdate(arr1, item);
+  });
+  // All inventory must be accounted for or you're fired!
+  return arr1;
+}
+
+function createOrUpdate(arr1, item) {
+  var index = -1;
+  while (++index < arr1.length) {
+    if (arr1[index][1] === item[1]) {
+      arr1[index][0] += item[0];
+      return;
+    }
+    if (arr1[index][1] > item[1]) {
+      break;
+    }
+  }
+  arr1.splice(index, 0, item);
+}
+
+// Example inventory lists
+var curInv = [
+    [21, 'Bowling Ball'],
+    [2, 'Dirty Sock'],
+    [1, 'Hair Pin'],
+    [5, 'Microphone']
+];
+
+var newInv = [
+    [2, 'Hair Pin'],
+    [3, 'Half-Eaten Apple'],
+    [67, 'Bowling Ball'],
+    [7, 'Toothpaste']
+];
+
+updateInventory(curInv, newInv);
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/no-repeats-please.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/no-repeats-please.md
new file mode 100644
index 0000000000..366981362f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/no-repeats-please.md
@@ -0,0 +1,126 @@
+---
+id: a7bf700cd123b9a54eef01d5
+title: Без повторів, будь ласка
+challengeType: 5
+forumTopicId: 16037
+dashedName: no-repeats-please
+---
+
+# --description--
+
+Повертає кількість всіх перестановок заданого рядка, в яких не повторюються літери поспіль. Припустимо, що всі символи в заданому рядку унікальні.
+
+Наприклад, `aab` повинен повернути 2, тому що загалом він має 6 перестановок (`aab`, `aab`, `aba`, `aba`, `baa`, `baa`), але тільки 2 з них ( `aba` та `aba`) не мають повторення однієї і тієї ж букви (в даному випадку `a`).
+
+# --hints--
+
+`permAlone("aab")` має повертати число.
+
+```js
+assert.isNumber(permAlone('aab'));
+```
+
+`permAlone("aab")` має повертати 2.
+
+```js
+assert.strictEqual(permAlone('aab'), 2);
+```
+
+`permAlone("aaa")` має повертати 0.
+
+```js
+assert.strictEqual(permAlone('aaa'), 0);
+```
+
+`permAlone("aabb")` має повертати 8.
+
+```js
+assert.strictEqual(permAlone('aabb'), 8);
+```
+
+`permAlone("abcdefa")` має повертати 3600.
+
+```js
+assert.strictEqual(permAlone('abcdefa'), 3600);
+```
+
+`permAlone("abfdefa")` має повертати 2640.
+
+```js
+assert.strictEqual(permAlone('abfdefa'), 2640);
+```
+
+`permAlone("zzzzzzzz")` має повертати 0.
+
+```js
+assert.strictEqual(permAlone('zzzzzzzz'), 0);
+```
+
+`permAlone("a")` має повертати 1.
+
+```js
+assert.strictEqual(permAlone('a'), 1);
+```
+
+`permAlone("aaab")` має повертати 0.
+
+```js
+assert.strictEqual(permAlone('aaab'), 0);
+```
+
+`permAlone("aaabb")` має повертати 12.
+
+```js
+assert.strictEqual(permAlone('aaabb'), 12);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function permAlone(str) {
+  return str;
+}
+
+permAlone('aab');
+```
+
+# --solutions--
+
+```js
+function permAlone(str) {
+  return permuter(str).filter(function(perm) {
+    return !perm.match(/(.)\1/g);
+  }).length;
+}
+
+function permuter(str) {
+  // http://staff.roguecc.edu/JMiller/JavaScript/permute.html
+  //permArr: Global array which holds the list of permutations
+  //usedChars: Global utility array which holds a list of "currently-in-use" characters
+  var permArr = [], usedChars = [];
+  function permute(input) {
+    //convert input into a char array (one element for each character)
+    var i, ch, chars = input.split("");
+    for (i = 0; i < chars.length; i++) {
+      //get and remove character at index "i" from char array
+      ch = chars.splice(i, 1);
+      //add removed character to the end of used characters
+      usedChars.push(ch);
+      //when there are no more characters left in char array to add, add used chars to list of permutations
+      if (chars.length === 0) permArr[permArr.length] = usedChars.join("");
+      //send characters (minus the removed one from above) from char array to be permuted
+      permute(chars.join(""));
+      //add removed character back into char array in original position
+      chars.splice(i, 0, ch);
+      //remove the last character used off the end of used characters array
+      usedChars.pop();
+    }
+  }
+  permute(str);
+  return permArr;
+}
+
+permAlone('aab');
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/pairwise.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/pairwise.md
new file mode 100644
index 0000000000..57e6676468
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/algorithms/pairwise.md
@@ -0,0 +1,100 @@
+---
+id: a3f503de51cfab748ff001aa
+title: Парність
+challengeType: 5
+forumTopicId: 301617
+dashedName: pairwise
+---
+
+# --description--
+
+У масиві `arr`, знайдіть пари елементів, сума яких рівняється другому аргументу `arg` і поверніть суму їх індексів.
+
+Ви можете використовувати декілька пар, які мають однакові числові елементи, але різні індекси. У кожній парі варто використовувати найнижчі доступні індекси. Після того, як елемент було використано, його вже не можна використати для пари з іншим елементом. Наприклад, `pairwise([1, 1, 2], 3)` створює пару `[2, 1]`, де 1 має індекс 0, а не 1, оскільки 0+2 &lt; 1+2.
+
+Наприклад, `pairwise([7, 9, 11, 13, 15], 20)` повертає `6`. Пара з сумою 20 буде `[7, 13]` and `[9, 11]`. Тепер ми можемо записати масив з їхніми індексами і значеннями.
+
+<div style='margin-left: 2em;'>
+
+| Індекс | 0 | 1 | 2  | 3  | 4  |
+| ----- | - | - | -- | -- | -- |
+| Значення | 7 | 9 | 11 | 13 | 15 |
+
+</div>
+
+Нижче ми беремо відповідні індекси і додаємо.
+
+<div style='margin-left: 2em;'>
+
+7 + 13 = 20 → Індекси 0 + 3 = 3  
+9 + 11 = 20 → Індекси 1 + 2 = 3  
+3 + 3 = 6 → Повертає `6`
+
+</div>
+
+# --hints--
+
+`pairwise([1, 4, 2, 3, 0, 5], 7)` має повернути 11.
+
+```js
+assert.deepEqual(pairwise([1, 4, 2, 3, 0, 5], 7), 11);
+```
+
+`pairwise([1, 3, 2, 4], 4)` має повернути 1.
+
+```js
+assert.deepEqual(pairwise([1, 3, 2, 4], 4), 1);
+```
+
+`pairwise([1, 1, 1], 2)` має повернути 1.
+
+```js
+assert.deepEqual(pairwise([1, 1, 1], 2), 1);
+```
+
+`pairwise([0, 0, 0, 0, 1, 1], 1)` має повернути 10.
+
+```js
+assert.deepEqual(pairwise([0, 0, 0, 0, 1, 1], 1), 10);
+```
+
+`pairwise([], 100)` має повернути 0.
+
+```js
+assert.deepEqual(pairwise([], 100), 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pairwise(arr, arg) {
+  return arg;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+```
+
+# --solutions--
+
+```js
+function pairwise(arr, arg) {
+  var sum = 0;
+  arr.forEach(function(e, i, a) {
+    if (e != null) {
+      var diff = arg-e;
+      a[i] = null;
+      var dix = a.indexOf(diff);
+      if (dix !== -1) {
+        sum += dix;
+        sum += i;
+        a[dix] = null;
+      }
+    }
+  });
+  return sum;
+}
+
+pairwise([1,4,2,3,0,5], 7);
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.md
new file mode 100644
index 0000000000..36851478c4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-a-new-element-to-a-binary-search-tree.md
@@ -0,0 +1,191 @@
+---
+id: 587d8257367417b2b2512c7b
+title: Додавання нового елементу до двійкового дерева пошуку
+challengeType: 1
+forumTopicId: 301618
+dashedName: add-a-new-element-to-a-binary-search-tree
+---
+
+# --description--
+
+Цей ряд завдань ознайомить вас з деревоподібною структурою даних. Дерева є важливими та універсальними структурами даних в галузі інформатики. Очевидно, вони мають саме таку назву, оскільки своїм виглядом нагадують справжні дерева. Деревоподібна структура даних починається з одного вузла (його ще називають коренем), який розгалужується на додаткові вузли, причому кожен з них може мати й свої дочірні елементи і т. д. Зазвичай кореневий вузол такої структури даних знаходиться зверху, тому вона схожа на справжнє дерево, тільки перевернуте.
+
+Спершу опишімо загальну термінологію, яка знадобиться нам при роботі з деревами. Кореневий вузол - це верхівка дерева. Точки даних у дереві називають вузлами або вершинами. Батьківські вузли - це ті, гілки яких ведуть до інших вузлів. Останні називаються дочірніми вузлами. Інші складніші сімейні терміни використовуються так, як цього й можна було очікувати. Піддеревом називаються всі нащадки певного вузла, гілки можуть ще зватися ребрами, а листові вузли - це кінцеві вузли дерева, які не мають дочірніх елементів. Нарешті, зверніть увагу, що дерева за своєю суттю є рекурсивними структурами даних. Тобто будь-які дочірні елементи вузла є одночасно батьківськими для власного піддерева і т. д. Важливо розуміти рекурсивний характер дерев при розробці алгоритмів для загальних операцій з цими структурами даних.
+
+Для початку ми обговоримо конкретний тип дерева, а саме двійкове дерево. А точніше, ми розглянемо двійкове дерево пошуку. Опишімо його суть. В той час, як у деревоподібній структурі даних від одного вузла може відходити будь-яка кількість гілок, двійкове дерево може мати лише дві гілки для кожного вузла. Крім того, двійкове дерево пошуку впорядковане стосовно дочірніх піддерев таким чином, що значення кожного вузла в лівому піддереві є меншим за значення батьківського вузла, або ж рівним йому; а значення кожного вузла в правому піддереві є більшим від значення батьківського вузла чи рівним йому. Для кращого розуміння варто уявляти такий зв'язок:
+
+<div style='width: 100%; display: flex; justify-content: center; align-items: center;'><img style='width: 100%; max-width: 350px; background-color: var(--gray-05);' src='https://user-images.githubusercontent.com/18563015/32136009-1e665d98-bbd6-11e7-9133-63184f9f9182.png'></div>
+
+Тепер цей впорядкований зв'язок легко помітити. Зверніть увагу, що кожне значення ліворуч від 8 (кореневого вузла) - менше за 8, а кожне значення праворуч - більше за 8. Також варто зауважити, що цей зв'язок стосується і кожного з піддерев. Наприклад, перший дочірній елемент зліва - це піддерево. 3 - це батьківська вершина, і, за правилами двійкових дерев пошуку, вона має рівно два дочірніх вузли. Ми вже знаємо, що лівий дочірній вузол цієї вершини (власне, як і кожен з його дочірніх елементів) буде меншим за 3, а правий дочірній вузол (так само як і кожен з його дочірніх елементів) буде більшим за 3 (але водночас меншим, ніж значення кореня структури) і т. д.
+
+Двійкові дерева пошуку є дуже поширеними та потрібними структурами даних, оскільки в середньому випадку складності вони забезпечують логарифмічний час для виконання таких операцій як пошук, вставляння та видалення.
+
+# --instructions--
+
+Розпочнемо з простого. Ми окреслили основу структури двійкового дерева пошуку разом з функцією створення вузлів для нашого дерева. Зауважте, що кожен вузол може мати ліве та праве значення. Вони будуть призначатися дочірнім піддеревам за умови їх існування. Ви створите метод додавання нових значень до нашого двійкового дерева пошуку. Метод повинен називатися `add` і приймати ціле значення, яке буде додане до дерева. Необхідно зберігати інваріантність двійкового дерева пошуку: значення кожного лівого дочірнього елемента повинно бути меншим за батьківське значення або рівним йому, а значення кожного правого дочірнього елемента - більшим за батьківське значення або дорівнювати йому. Зробімо так, щоб наше дерево не містило повторюваних значень. Якщо ми спробуємо додати значення, яке вже існує, метод повинен повернути `null`. Успішне додавання повернеться як `undefined`.
+
+**Підказка:** дерева за своєю суттю є рекурсивними структурами даних!
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `add`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.add == 'function';
+  })()
+);
+```
+
+Метод додавання повинен додавати елементи відповідно до правил двійкових дерев пошуку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.add !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    const expectedResult = [1, 4, 7, 8, 34, 45, 73, 87];
+    const result = test.inOrder();
+    return expectedResult.toString() === result.toString();
+  })()
+);
+```
+
+Спроба додати елемент, який вже існує, повинна повернутися як `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.add !== 'function') {
+      return false;
+    }
+    test.add(4);
+    return test.add(4) == null;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    inOrder() {
+      if (!this.root) {
+        return null;
+      }
+      var result = new Array();
+      function traverseInOrder(node) {
+        node.left && traverseInOrder(node.left);
+        result.push(node.value);
+        node.right && traverseInOrder(node.right);
+      }
+      traverseInOrder(this.root);
+      return result;
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  this.add = function(element) {
+    let current = this.root;
+    if (!current) {
+      this.root = new Node(element);
+      return;
+    } else {
+      const searchTree = function(current) {
+        if (current.value > element) {
+          if (current.left) {
+            return searchTree(current.left);
+          } else {
+            current.left = new Node(element);
+            return;
+          }
+        } else if (current.value < element) {
+          if (current.right) {
+            return searchTree(current.right);
+          } else {
+            current.right = new Node(element);
+            return;
+          }
+        } else {
+          return null;
+        }
+      };
+      return searchTree(current);
+    }
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.md
new file mode 100644
index 0000000000..e4b7edab7e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/add-elements-at-a-specific-index-in-a-linked-list.md
@@ -0,0 +1,161 @@
+---
+id: 587d8252367417b2b2512c67
+title: Додавання елементів за конкретним індексом у зв'язаному списку
+challengeType: 1
+forumTopicId: 301619
+dashedName: add-elements-at-a-specific-index-in-a-linked-list
+---
+
+# --description--
+
+Створімо метод addAt(index,element), який додає елемент за заданим індексом. Як і при видаленні елементів за певним індексом, нам потрібно прослідкувати поточний індекс під час проходження зв'язаного списку. Коли поточний індекс currentIndex відповідає заданому, потрібно перепризначити властивість next попереднього вузла, щоб посилатись на новий доданий вузол. Новий вузол повинен посилатися на наступний вузол з поточним індексом. Як було у прикладі про лінію конга, нова людина хоче приєднатися до лінії, але посередині. Ви знаходитеся посередині лінії, тож ви забираєте руки від людини, що попереду. Нова людина підходить і кладе руки на ту людину, за яку ви тримались раніше; тепер ваші руки знаходяться на новій людині.
+
+# --instructions--
+
+Створімо метод `addAt(index,element)`, який додає елемент за заданим індексом. Він повернеться як false, якщо елемент неможливо додати. **Примітка:** Не забудьте перевірити, чи цей індекс є від'ємним або більшим за довжину зв'язаного списку.
+
+# --hints--
+
+Ваш метод `addAt` повинен перепризначити `head` на новий вузол, коли заданий індекс дорівнює 0.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.addAt(0, 'cat');
+    return test.head().element === 'cat';
+  })()
+);
+```
+
+Ваш метод `addAt` повинен збільшити довжину зв'язаного списку на одиницю після кожного нового вузла, доданого до цього списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.addAt(0, 'cat');
+    return test.size() === 3;
+  })()
+);
+```
+
+Ваш метод `addAt` повинен повертатися як `false`, якщо вузол не вдалося додати.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    return test.addAt(4, 'cat') === false;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element) {
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function() {
+    return head;
+  };
+
+  this.add = function(element) {
+    var node = new Node(element);
+    if (head === null) {
+      head = node;
+    } else {
+      var currentNode = head;
+
+      while (currentNode.next) {
+        currentNode = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if (head === null){
+        head = node;
+    } else {
+      var currentNode = head;
+
+      while (currentNode.next) {
+        currentNode = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+    length++;
+  };
+  this.addAt = function (index, element) {
+    if (index > length || index < 0) {
+      return false;
+    }
+    var newNode = new Node(element);
+    var currentNode = head;
+    if (index === 0) {
+      head = newNode;
+    } else {
+      var previousNode = null;
+      var i = 0;
+      while (currentNode && i < index) {
+        previousNode = currentNode;
+        currentNode = currentNode.next;
+        i++;
+      }
+      previousNode.next = newNode;
+    }
+    newNode.next = currentNode;
+    length++;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-list.md
new file mode 100644
index 0000000000..a5fdafe126
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-list.md
@@ -0,0 +1,91 @@
+---
+id: 587d8256367417b2b2512c77
+title: Список суміжності
+challengeType: 1
+forumTopicId: 301620
+dashedName: adjacency-list
+---
+
+# --description--
+
+Графи можуть бути представлені різними способами. Тут ми опишемо один з них. Він має назву <dfn>список суміжності</dfn>. По суті, список суміжності - це маркований список, де зліва - вузол, а справа перераховуються всі інші вузли, з якими з'єднаний поточний вузол. Нижче наведено представлення списку суміжності.
+
+<blockquote>Node1: Node2, Node3<br>Node2: Node1<br>Node3: Node1</blockquote>
+
+Вищенаведений приклад є неорієнтованим графом, оскільки `Node1` з'єднаний з `Node2` та `Node3`, і ця інформація відповідає з'єднанню `Node2` та `Node3`. Список суміжності для орієнтованого графу означатиме, що кожен рядок списку показує напрямок. Якби наведений вище граф був орієнтованим, то рядок `Node2: Node1` означав би, що ребро вказує напрямок від `Node2` до `Node1`. Ми можемо представити згаданий вище неорієнтований граф у вигляді списку суміжності, помістивши його в об'єкт JavaScript.
+
+```js
+var undirectedG = {
+  Node1: ["Node2", "Node3"],
+  Node2: ["Node1"],
+  Node3: ["Node1"]
+};
+```
+
+Також його можна легше представити у вигляді масиву, де вузли містять числа, а не стрічки.
+
+```js
+var undirectedGArr = [
+  [1, 2], // Node1
+  [0],    // Node2
+  [0]     // Node3
+];
+```
+
+# --instructions--
+
+Створіть соціальну мережу у вигляді неорієнтованого графа з 4 вузлами/людьми на ім'я `James`, `Jill`, `Jenny` та `Jeff`. Існують ребра/зв'язки між James і Jeff, Jill і Jenny, а також Jeff і Jenny.
+
+# --hints--
+
+`undirectedAdjList` повинен містити лише чотири вузли.
+
+```js
+assert(Object.keys(undirectedAdjList).length === 4);
+```
+
+Між `Jeff` і `James` повинне бути ребро.
+
+```js
+assert(
+  undirectedAdjList.James.indexOf('Jeff') !== -1 &&
+    undirectedAdjList.Jeff.indexOf('James') !== -1
+);
+```
+
+Між `Jill` і `Jenny` повинне бути ребро.
+
+```js
+assert(
+  undirectedAdjList.Jill.indexOf('Jenny') !== -1 &&
+    undirectedAdjList.Jenny.indexOf('Jill') !== -1
+);
+```
+
+Між `Jeff` і `Jenny` повинне бути ребро.
+
+```js
+assert(
+  undirectedAdjList.Jeff.indexOf('Jenny') !== -1 &&
+    undirectedAdjList.Jenny.indexOf('Jeff') !== -1
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var undirectedAdjList = {};
+```
+
+# --solutions--
+
+```js
+var undirectedAdjList = {
+  James: ['Jeff'],
+  Jill: ['Jenny'],
+  Jenny: ['Jill', 'Jeff'],
+  Jeff: ['James', 'Jenny']
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-matrix.md
new file mode 100644
index 0000000000..1531afc092
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/adjacency-matrix.md
@@ -0,0 +1,108 @@
+---
+id: 587d8256367417b2b2512c78
+title: Матриця суміжності
+challengeType: 1
+forumTopicId: 301621
+dashedName: adjacency-matrix
+---
+
+# --description--
+
+Ще один спосіб представлення графа - у вигляді <dfn>матриці суміжності</dfn>. <dfn>Матриця суміжності</dfn> - це двовимірний (2D) масив, де кожен внутрішній масив має таку ж кількість елементів, як і зовнішній. Іншими словами, це матриця або таблиця чисел, де числа являють собою ребра.
+
+**Зверніть увагу**: цифри зверху і зліва від матриці - це лише мітки для вузлів. Одиниці всередині матриці означають, що між вершинами (вузлами), які представляють рядок та стовпець, існує ребро. Нулі означають, що ребра чи зв'язку немає.
+
+<pre>
+    1 2 3
+  \------
+1 | 0 1 1
+2 | 1 0 0
+3 | 1 0 0
+</pre>
+
+Приклад вище - це дуже простий, неорієнтований граф з трьох вузлів, де перший вузол з'єднаний з другим та третім вузлами. Нижче подана реалізація цього прикладу за допомогою JavaScript.
+
+```js
+var adjMat = [
+  [0, 1, 1],
+  [1, 0, 0],
+  [1, 0, 0]
+];
+```
+
+На відміну від списку суміжності, кількість елементів у кожному "рядку" матриці повинна збігатися з кількістю вузлів у графі. Ось ми маємо матрицю 3 на 3, а це означає, що в нашому графі є три вузли. Подібно виглядає й орієнтований граф. Нижче наведено граф, в якому перший вузол має ребро, спрямоване до другого вузла, а другий вузол має ребро, з'єднане з третім вузлом.
+
+```js
+var adjMatDirected = [
+  [0, 1, 0],
+  [0, 0, 1],
+  [0, 0, 0]
+];
+```
+
+Графи також можуть мати <dfn>ваги</dfn> своїх ребер. Поки що ми маємо <dfn>незважені</dfn> ребра, де присутність і відсутність ребра є бінарним елементом (`0` або `1`). Ваги можуть бути різними в залежності від сфери застосування.
+
+# --instructions--
+
+Створіть матрицю суміжності для неорієнтованого графа з 5-ма вузлами. Ця матриця повинна бути у багатовимірному масиві. Ці п'ять вузлів мають такі зв'язки: між першим і четвертим вузлами, першим і третім вузлами, третім і п'ятим вузлами, четвертим і п'ятим вузлами. Всі ваги ребер - 1.
+
+# --hints--
+
+`undirectedAdjList` повинен містити лише п'ять вузлів.
+
+```js
+assert(
+  adjMatUndirected.length === 5 &&
+    adjMatUndirected
+      .map(function (x) {
+        return x.length === 5;
+      })
+      .reduce(function (a, b) {
+        return a && b;
+      })
+);
+```
+
+Між першим і четвертим вузлами повинне бути ребро.
+
+```js
+assert(adjMatUndirected[0][3] === 1 && adjMatUndirected[3][0] === 1);
+```
+
+Між першим і третім вузлами повинне бути ребро.
+
+```js
+assert(adjMatUndirected[0][2] === 1 && adjMatUndirected[2][0] === 1);
+```
+
+Між третім і п'ятим вузлами повинне бути ребро.
+
+```js
+assert(adjMatUndirected[2][4] === 1 && adjMatUndirected[4][2] === 1);
+```
+
+Між четвертим і п'ятим вузлами повинне бути ребро.
+
+```js
+assert(adjMatUndirected[3][4] === 1 && adjMatUndirected[4][3] === 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var adjMatUndirected = [];
+```
+
+# --solutions--
+
+```js
+var adjMatUndirected = [
+  [0, 0, 1, 1, 0],
+  [0, 0, 0, 0, 0],
+  [1, 0, 0, 0, 1],
+  [1, 0, 0, 0, 1],
+  [0, 0, 1, 1, 0]
+];
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/breadth-first-search.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/breadth-first-search.md
new file mode 100644
index 0000000000..4c7fb76dfb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/breadth-first-search.md
@@ -0,0 +1,182 @@
+---
+id: 587d825c367417b2b2512c90
+title: Пошук у ширину
+challengeType: 1
+forumTopicId: 301622
+dashedName: breadth-first-search
+---
+
+# --description--
+
+Ми вже вивчили різні способи подання графів. А що тепер? Виникає закономірне запитання: як визначити відстані між будь-якими двома вузлами графу? Дати на нього відповідь можуть <dfn>алгоритми для обходу графа</dfn>.
+
+<dfn>Алгоритми для обходу графа</dfn> - це алгоритми проходження вузлів графу. Одним з таких алгоритмів є пошук у ширину.
+
+Він починається в одному вузлі та обходить всі його сусідні вузли, які розташовані на відстані одного ребра. Після цього він відвідує всіх сусідів цих вузлів і так далі, допоки не обійде всі вузли графу.
+
+Важливою структурою даних, що допоможе реалізувати алгоритм пошуку в ширину, є черга. Це такий масив, до якого можна додавати елементи з одного кінця і вилучати їх з іншого. Тобто це структура даних, яка працює за принципом <dfn>Перший прийшов - перший пішов</dfn> (англ. <dfn>First-In-First-Out (FIFO))</dfn>.
+
+Візуальна демонстрація роботи цього алгоритму. ![Алгоритм пошуку в ширину рухається по дереву](https://camo.githubusercontent.com/2f57e6239884a1a03402912f13c49555dec76d06/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f342f34362f416e696d617465645f4246532e676966)
+
+Сірим кольором позначені вузли, які додаються до черги, а чорним - ті, що вилучаються з неї. Прослідкуйте, як щоразу, коли вузол видаляється з черги (він стає чорним), всі його сусіди додаються в чергу (і стають сірими).
+
+Для реалізації цього алгоритму вам потрібно буде ввести структуру графа і початковий вузол.
+
+Спочатку варто знати відстані або кількість ребер від початкового вузла. Алгоритм розпочнеться для усіх відстаней з великим показником, як-от `Infinity`. Це запобігає помилкам підрахунку, коли вузол не буде доступним з вашого початкового вузла. Далі вам потрібно перейти від початкового вузла до його сусідів. Вони знаходяться на відстані одного ребра, і на цьому етапі ви повинні збільшити на одиницю відстань, яку ви відстежуєте.
+
+# --instructions--
+
+Напишіть функцію `bfs()`, яка приймає матрицю суміжності графа (двомірний масив) та мітку початкового вузла як параметри. Міткою вузла буде ціле значення вузла між `0` і `n - 1`, де `n` - загальна кількість вузлів у графі.
+
+Ваша функція буде виводити пару ключ-значення об'єкта JavaScript з вузлом та його відстанню від кореня. Якщо даний вузол неможливо досягнути, то його відстань - `Infinity`.
+
+# --hints--
+
+Вхідний граф - `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `1` повинен повертатися як `{0: 1, 1: 0, 2: 1, 3: 2}`
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    var results = bfs(graph, 1);
+    return isEquivalent(results, { 0: 1, 1: 0, 2: 1, 3: 2 });
+  })()
+);
+```
+
+Вхідний граф - `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]` з початковим вузлом `1` повинен повертатися як `{0: 1, 1: 0, 2: 1, 3: Infinity}`
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 0],
+      [0, 0, 0, 0]
+    ];
+    var results = bfs(graph, 1);
+    return isEquivalent(results, { 0: 1, 1: 0, 2: 1, 3: Infinity });
+  })()
+);
+```
+
+Вхідний граф - `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `0` повинен повертатися як `{0: 0, 1: 1, 2: 2, 3: 3}`
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    var results = bfs(graph, 0);
+    return isEquivalent(results, { 0: 0, 1: 1, 2: 2, 3: 3 });
+  })()
+);
+```
+
+Вхідний граф - `[[0, 1], [1, 0]]` з початковим вузлом `0` повинен повертатися як `{0: 0, 1: 1}`
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1],
+      [1, 0]
+    ];
+    var results = bfs(graph, 0);
+    return isEquivalent(results, { 0: 0, 1: 1 });
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+// Source: http://adripofjavascript.com/blog/drips/object-equality-in-javascript.html
+function isEquivalent(a, b) {
+    // Create arrays of property names
+    var aProps = Object.getOwnPropertyNames(a);
+    var bProps = Object.getOwnPropertyNames(b);
+    // If number of properties is different,
+    // objects are not equivalent
+    if (aProps.length != bProps.length) {
+        return false;
+    }
+    for (var i = 0; i < aProps.length; i++) {
+        var propName = aProps[i];
+        // If values of same property are not equal,
+        // objects are not equivalent
+        if (a[propName] !== b[propName]) {
+            return false;
+        }
+    }
+    // If we made it this far, objects
+    // are considered equivalent
+    return true;
+}
+```
+
+## --seed-contents--
+
+```js
+function bfs(graph, root) {
+  var nodesLen = {};
+
+  return nodesLen;
+};
+
+var exBFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(bfs(exBFSGraph, 3));
+```
+
+# --solutions--
+
+```js
+function bfs(graph, root) {
+  var nodesLen = {};
+  // Set all distances to infinity
+  for (var i = 0; i < graph.length; i++) {
+    nodesLen[i] = Infinity;
+  }
+  nodesLen[root] = 0; // ...except root node
+  var queue = [root]; // Keep track of nodes to visit
+  var current; // Current node traversing
+  // Keep on going until no more nodes to traverse
+  while (queue.length !== 0) {
+    current = queue.shift();
+    // Get adjacent nodes from current node
+    var curConnected = graph[current]; // Get layer of edges from current
+    var neighborIdx = []; // List of nodes with edges
+    var idx = curConnected.indexOf(1); // Get first edge connection
+    while (idx !== -1) {
+      neighborIdx.push(idx); // Add to list of neighbors
+      idx = curConnected.indexOf(1, idx + 1); // Keep on searching
+    }
+    // Loop through neighbors and get lengths
+    for (var j = 0; j < neighborIdx.length; j++) {
+      // Increment distance for nodes traversed
+      if (nodesLen[neighborIdx[j]] === Infinity) {
+        nodesLen[neighborIdx[j]] = nodesLen[current] + 1;
+        queue.push(neighborIdx[j]); // Add new neighbors to queue
+      }
+    }
+  }
+  return nodesLen;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..d9d611ac8d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-an-element-is-present-in-a-binary-search-tree.md
@@ -0,0 +1,175 @@
+---
+id: 587d8257367417b2b2512c7c
+title: Перевірка наявності елементу у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301623
+dashedName: check-if-an-element-is-present-in-a-binary-search-tree
+---
+
+# --description--
+
+Тепер, коли ми маємо загальне уявлення про двійкове дерево пошуку, поговорімо про нього більш детально. Двійкове дерево пошуку забезпечує логарифмічний час для виконання таких загальних операцій, як пошук, додавання і видалення, в середньому випадку складності та лінійний час у найгіршому випадку. Чому ж це так? Кожна з цих базових операцій передбачає знаходження елемента в дереві (або під час вставляння елемента - пошуку його місця в дереві). Деревоподібна структура є причиною того, що на кожному батьківському вузлі є ліве та праве розгалуження, а це дозволяє нам практично виключити з розгляду половину дерева, що залишилося. Як наслідок, пошук є пропорційним логарифму кількості вузлів в дереві, що забезпечує логарифмічний час виконання цих операцій у середньому випадку. А як тоді щодо найгіршого випадку? Що ж, розгляньте можливість створення дерева з таких значень, додаючи їх зліва направо: `10` `12`, `17`, `25`. Відповідно до правил двійкового дерева пошуку, ми додамо `12` праворуч від `10`, `17` праворуч від них і наостанок `25` - також праворуч. Тепер наше дерево нагадує зв'язаний список, і знаходження в ньому числа `25` передбачатиме лінійний обхід усіх елементів. Таким чином, у найгіршому випадку - лінійний час. Проблема тут в тому, що дерево не збалансоване. Ми розглянемо це детальніше в наступних завданнях.
+
+# --instructions--
+
+У цьому завданні ми створимо сервісну програму для нашого дерева. Напишіть метод `isPresent`, який приймає ціле число як вхідне значення і повертає логічне значення для наявності або відсутності цього значення у двійковому дереві пошуку.
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `isPresent`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.isPresent == 'function';
+  })()
+);
+```
+
+Метод `isPresent` повинен правильно перевіряти наявність або відсутність елементів, доданих дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.isPresent !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(7);
+    test.add(411);
+    test.add(452);
+    return (
+      test.isPresent(452) &&
+      test.isPresent(411) &&
+      test.isPresent(7) &&
+      !test.isPresent(100)
+    );
+  })()
+);
+```
+
+Метод `isPresent` повинен також опрацьовувати випадки, коли дерево є порожнім.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.isPresent !== 'function') {
+      return false;
+    }
+    return test.isPresent(5) == false;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        function searchTree(node) {
+          if (value < node.value) {
+            if (node.left == null) {
+              node.left = new Node(value);
+              return;
+            } else if (node.left != null) {
+              return searchTree(node.left);
+            }
+          } else if (value > node.value) {
+            if (node.right == null) {
+              node.right = new Node(value);
+              return;
+            } else if (node.right != null) {
+              return searchTree(node.right);
+            }
+          } else {
+            return null;
+          }
+        }
+        return searchTree(node);
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  this.isPresent = function (value) {
+    var current = this.root
+    while (current) {
+      if (value === current.value) {
+        return true;
+      }
+      current = value < current.value ? current.left : current.right;
+    }
+    return false;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-binary-search-tree.md
new file mode 100644
index 0000000000..aec8119c6f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/check-if-binary-search-tree.md
@@ -0,0 +1,136 @@
+---
+id: 5cc0c1b32479e176caf3b422
+title: Перевірка, чи дерево є двійковим деревом пошуку
+challengeType: 1
+forumTopicId: 301624
+dashedName: check-if-tree-is-binary-search-tree
+---
+
+# --description--
+
+Ви вже знаєте, що таке двійкове дерево пошуку, а тому це завдання покаже, як можна з'ясувати, чи дерево є двійковим деревом пошуку.
+
+Основною відмінністю двійкового дерева пошуку є те, що його вузли є чітко впорядкованими. Кожен вузол такого дерева має не більше 2-х дочірніх вузлів (розміщених праворуч та/або ліворуч). Це залежить від значення дочірнього вузла: воно може або бути більшим від батьківського вузла чи дорівнювати йому (праворуч) або бути меншим від нього (ліворуч).
+
+# --instructions--
+
+У цьому завданні ви створите сервісну програму для свого дерева. Напишіть метод JavaScript `isBinarySearchTree`, який приймає вхідне дерево і повертає значення логічного типу щодо того, чи це дерево є двійковим деревом пошуку. За можливості використайте рекурсію.
+
+# --hints--
+
+Ваше двійкове дерево пошуку повинне повернути true при перевірці методом `isBinarySearchTree()`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    test.push(1);
+    test.push(5);
+    test.push(3);
+    test.push(2);
+    test.push(4);
+    return isBinarySearchTree(test) == true;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype.push = function(val) {
+  var root = this.root;
+
+  if (!root) {
+    this.root = new Node(val);
+    return;
+  }
+
+  var currentNode = root;
+  var newNode = new Node(val);
+
+  while (currentNode) {
+    if (val < currentNode.value) {
+      if (!currentNode.left) {
+        currentNode.left = newNode;
+        break;
+      } else {
+        currentNode = currentNode.left;
+      }
+    } else {
+      if (!currentNode.right) {
+        currentNode.right = newNode;
+        break;
+      } else {
+        currentNode = currentNode.right;
+      }
+    }
+  }
+};
+```
+
+## --seed-contents--
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+}
+function isBinarySearchTree(tree) {
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+}
+function isBinarySearchTree(tree) {
+  if (tree.root == null) {
+    return null;
+  } else {
+    let isBST = true;
+    function checkTree(node) {
+      if (node.left != null) {
+        const left = node.left;
+        if (left.value > node.value) {
+          isBST = false;
+        } else {
+          checkTree(left);
+        }
+      }
+      if (node.right != null) {
+        const right = node.right;
+        if (right.value < node.value) {
+          isBST = false;
+        } else {
+          checkTree(right);
+        }
+      }
+    }
+    checkTree(tree.root);
+    return isBST;
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-circular-queue.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-circular-queue.md
new file mode 100644
index 0000000000..cef5519595
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-circular-queue.md
@@ -0,0 +1,235 @@
+---
+id: 587d8255367417b2b2512c75
+title: Створення кругової черги
+challengeType: 1
+forumTopicId: 301625
+dashedName: create-a-circular-queue
+---
+
+# --description--
+
+У цьому завданні ви навчитеся створювати кругову чергу. Циклічна черга - це черга фіксованого розміру, яка записує до кінця набору даних, а потім починає перезаписувати її початок. Цей тип структури даних є корисним у певних ситуаціях. Наприклад, кругову чергу можна використати для медіапотоку. Після заповнення черги нові медіадані перезапишуть старі.
+
+Добре проілюструвати цю концепцію можна за допомогою масиву довжиною `5`:
+
+```js
+[null, null, null, null, null]
+ ^Read @ 0
+ ^Write @ 0
+```
+
+Тут і читання, і запис знаходяться на позиції `0`. Зараз черга отримує 3 нові записи `a`, `b` і `c`. Тепер наша черга виглядає так:
+
+```js
+[a, b, c, null, null]
+ ^Read @ 0
+          ^Write @ 3
+```
+
+При зчитуванні вказівник читання може видаляти або залишати значення:
+
+```js
+[null, null, null, null, null]
+                   ^Read @ 3
+                   ^Write @ 3
+```
+
+Тепер ми записуємо у чергу значення `d`, `e` і `f`. Як тільки запис досягне кінця масиву, він повернеться до початку:
+
+```js
+[f, null, null, d, e]
+                ^Read @ 3
+    ^Write @ 1
+```
+
+Цей підхід потребує сталого обсягу пам'яті, але дозволяє обробляти файли набагато більшого розміру.
+
+# --instructions--
+
+У цьому завданні ми реалізуємо кругову чергу. Кругова черга повинна забезпечувати методи `enqueue` і `dequeue`, які дозволять читати з черги та записувати в неї. Сам клас також повинен прийняти цілий аргумент, який визначає розмір черги при її створенні. Ми написали початкову версію цього класу для вас у редакторі коду.
+
+Коли ви записуєте елементи в чергу, то вказівник запису повинен рухатись вперед і повернутися до початку після того, як він досягне кінця черги. В разі успішного додавання метод `enqueue` повинен повернути доданий елемент; в іншому випадку він поверне `null`.
+
+Аналогічно при видаленні елементів з черги вказівник читання повинен рухатись вперед. Під час видалення елементу з черги, повинен повертатися цей елемент. Якщо ви не можете отримати елемент - повинен повернутися `null`.
+
+Вказівник запису не може пройти повз вказівника зчитування (наш клас не дозволить переписати дані, які ще не були зчитаними), і вказівник зчитування не може пройти повз дані, що ви записали.
+
+# --hints--
+
+Метод `enqueue` повинен додати елементи до кругової черги.
+
+```js
+assert(
+  (function () {
+    var test = new CircularQueue(3);
+    test.enqueue(17);
+    test.enqueue(32);
+    test.enqueue(591);
+    var print = test.print();
+    return print[0] === 17 && print[1] === 32 && print[2] === 591;
+  })()
+);
+```
+
+Ви не можете записати елементи повз вказівника зчитування.
+
+```js
+assert(
+  (function () {
+    var test = new CircularQueue(3);
+    test.enqueue(17);
+    test.enqueue(32);
+    test.enqueue(591);
+    test.enqueue(13);
+    test.enqueue(25);
+    test.enqueue(59);
+    var print = test.print();
+    return print[0] === 17 && print[1] === 32 && print[2] === 591;
+  })()
+);
+```
+
+Метод `dequeue` повинен отримати елементи з черги.
+
+```js
+assert(
+  (function () {
+    var test = new CircularQueue(3);
+    test.enqueue(17);
+    test.enqueue(32);
+    test.enqueue(591);
+    return (
+      test.dequeue() === 17 && test.dequeue() === 32 && test.dequeue() === 591
+    );
+  })()
+);
+```
+
+Після того як елемент був отриманий, його позиція в черзі повинна бути скинути до `null`.
+
+```js
+assert(
+  (function () {
+    var test = new CircularQueue(3);
+    test.enqueue(17);
+    test.enqueue(32);
+    test.enqueue(672);
+    test.dequeue();
+    test.dequeue();
+    var print = test.print();
+    return print[0] === null && print[1] === null && print[2] === 672;
+  })()
+);
+```
+
+Спроба отримання елемента повз вказівника запиту повинна повернути `null` і не обганяє значення вказівника запису.
+
+```js
+assert(
+  (function () {
+    var test = new CircularQueue(3);
+    test.enqueue(17);
+    test.enqueue(32);
+    test.enqueue(591);
+    return (
+      test.dequeue() === 17 &&
+      test.dequeue() === 32 &&
+      test.dequeue() === 591 &&
+      test.dequeue() === null &&
+      test.dequeue() === null &&
+      test.dequeue() === null &&
+      test.dequeue() === null &&
+      test.enqueue(100) === 100 &&
+      test.dequeue() === 100
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class CircularQueue {
+  constructor(size) {
+
+    this.queue = [];
+    this.read = 0;
+    this.write = 0;
+    this.max = size - 1;
+
+    while (size > 0) {
+      this.queue.push(null);
+      size--;
+    }
+  }
+
+  print() {
+    return this.queue;
+  }
+
+  enqueue(item) {
+    // Only change code below this line
+
+    // Only change code above this line
+  }
+
+  dequeue() {
+    // Only change code below this line
+
+    // Only change code above this line
+  }
+}
+```
+
+# --solutions--
+
+```js
+class CircularQueue {
+  constructor(size) {
+    this.queue = [];
+    this.read = 0;
+    this.write = 0;
+    this.max = size - 1;
+
+    while (size > 0) {
+      this.queue.push(null);
+      size--;
+    }
+  }
+
+  print() {
+    return this.queue;
+  }
+
+  enqueue(item) {
+    // Only change code below this line
+    console.log(this.write, this.max);
+    if (this.queue[this.write] === null) {
+      this.queue[this.write++] = item;
+
+      if (this.write > this.max) {
+        this.write = 0;
+      }
+      return item;
+    }
+    return null;
+    // Only change code above this line
+  }
+
+  dequeue() {
+    // Only change code below this line
+    if (this.queue[this.read] !== null) {
+      let item = this.queue[this.read];
+      this.queue[this.read++] = null;
+      if (this.read > this.max) {
+        this.read = 0;
+      }
+      return item;
+    }
+    return null;
+    // Only change code above this line
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-doubly-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-doubly-linked-list.md
new file mode 100644
index 0000000000..1de93e7705
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-doubly-linked-list.md
@@ -0,0 +1,216 @@
+---
+id: 587d825a367417b2b2512c87
+title: Створення двобічно зв'язаного списку
+challengeType: 1
+forumTopicId: 301626
+dashedName: create-a-doubly-linked-list
+---
+
+# --description--
+
+Всі зв'язані списки, які ми створювали до цього, були однобічними. Тут ми створимо <dfn>двобічний зв'язаний список</dfn>. Як випливає з назви, вузли у двобічно зв'язаному списку мають посилання на наступний і попередній вузол у списку.
+
+Це дозволяє нам обходити список в обох напрямках. Але також для цього потрібно більше пам'яті, оскільки кожен вузол повинен містити додаткове посилання на попередній вузол у списку.
+
+# --instructions--
+
+Ми задали об'єкт `Node` і почали наш `DoublyLinkedList`. Додаймо до нашого двобічно зв'язаного списку два методи під назвами `add` і `remove`. Метод `add` повинен додавати вказаний елемент до списку, а метод `remove` - видаляти всі входження заданого елемента у списку.
+
+Під час написання цих методів будьте уважні з обробкою будь-яких можливих граничних випадків, як-от видалення першого чи останнього елементу. Крім того, спроба видалення будь-якого елементу з порожнього списку має повертатися як `null`.
+
+# --hints--
+
+Повинна існувати структура даних DoublyLinkedList.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+У DoublyLinkedList повинен бути метод add.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    if (test.add == undefined) {
+      return false;
+    }
+    return typeof test.add == 'function';
+  })()
+);
+```
+
+У DoublyLinkedList повинен бути метод remove.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    if (test.remove == undefined) {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+Спроба видалення елементу з пустого списку має повертатися як null.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    return test.remove(100) == null;
+  })()
+);
+```
+
+Метод add має додавати елементи до списку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(5);
+    test.add(6);
+    test.add(723);
+    return test.print().join('') == '56723';
+  })()
+);
+```
+
+Кожен вузол повинен відстежувати попередній вузол.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(50);
+    test.add(68);
+    test.add(73);
+    return test.printReverse().join('') == '736850';
+  })()
+);
+```
+
+Повинна бути можливість видалити зі списку перший елемент.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(25);
+    test.add(35);
+    test.add(60);
+    test.remove(25);
+    return test.print().join('') == '3560';
+  })()
+);
+```
+
+Повинна бути можливість видалити зі списку останній елемент.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(25);
+    test.add(35);
+    test.add(60);
+    test.remove(60);
+    return test.print().join('') == '2535';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+DoublyLinkedList.prototype = Object.assign(
+  DoublyLinkedList.prototype,
+  {
+
+  print() {
+    if (this.head == null) {
+      return null;
+    } else {
+      var result = new Array();
+      var node = this.head;
+      while (node.next != null) {
+        result.push(node.data);
+        node = node.next;
+      };
+      result.push(node.data);
+      return result;
+    };
+  },
+  printReverse() {
+    if (this.tail == null) {
+      return null;
+    } else {
+      var result = new Array();
+      var node = this.tail;
+      while (node.prev != null) {
+        result.push(node.data);
+        node = node.prev;
+      };
+      result.push(node.data);
+      return result;
+    };
+  }
+});
+```
+
+## --seed-contents--
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-hash-table.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-hash-table.md
new file mode 100644
index 0000000000..a4752e3af3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-hash-table.md
@@ -0,0 +1,260 @@
+---
+id: 587d825b367417b2b2512c8e
+title: Створення геш-таблиці
+challengeType: 1
+forumTopicId: 301627
+dashedName: create-a-hash-table
+---
+
+# --description--
+
+У даному завданні ми вивчимо геш-таблиці. Геш-таблицю використовують для реалізації асоціативних масивів або для зберігання пар (ключ, значення), як-от об'єкти та карти, які ми нещодавно вивчали. Як приклад, ми можемо внести об'єкт JavaScript у вигляді геш-таблиці (практична реалізація чого залежатиме від середовища запуску). Геш-таблиці функціонують таким чином: вони приймають вхідний ключ й конвертують його у числове значення визначеним шляхом. Згодом це числове значення використовується як дійсний ключ, за яким зберігається числове значення, що асоціюється з цим ключем. Якщо ви згодом захочете отримати доступ до того самого ключа ще раз, геш-функція опрацює ключ і поверне те саме числове значення, за допомогою якого можна знайти асоціативне значення. Тому цей процес є ефективним і час його виконання становить в середньому 0(1).
+
+Геш-таблиці можна ще реалізувати у вигляді масивів, і тоді вони вираховуватимуть індекси за допомогою геш-функцій відповідно до заданого діапазону. У такому випадку визначення розміру масиву і сама геш-функція однаково важливі. А якщо геш-функція містить однакові значення для двох різних ключів? Що тоді? Такий випадок називається колізією (зіткненням). Як варіант, в такій ситуації можна зберегти обидві пари ключів-значень під одним індексом. Далі при пошуку кожної з них треба повторно переглянути всі елементи, щоб знайти потрібний ключ. Хороша геш-функція мінімізує колізії, щоб зберегти ефективний час пошуку.
+
+Поки що ми не будемо детально розглядати гешування чи реалізацію геш-таблиць, але спробуємо зрозуміти загальний принцип їх роботи.
+
+# --instructions--
+
+Створімо основні функції геш-таблиці. Ми створили для вас просту геш-функцію. Якщо ви задасте дані рядка для функції `hash`, то отримаєте геш-значення, яке можна використати як ключ для зберігання. Збережіть елементи, що базуються на цьому геш-значенні, в об'єкті під назвою `this.collection`. Створіть такі три методи: `add`, `remove`, та `lookup`. Перший повинен отримати пару ключ-значення, щоб додати їх до геш-таблиці. Другий метод повинен видалити пару ключ-значення після перегляду ключа. Третій метод повинен прийняти ключ та повернути пов'язане з ним значення або `null`, якщо ключ не був знайдений.
+
+Обов'язково напишіть код з врахуванням колізій!
+
+** Зауважте: ** Тестування методу `remove` не буде вважатися завершеним, допоки методи `add` та `lookup` не будуть реалізовані правильно.
+
+# --hints--
+
+Повинна існувати структура даних HashTable.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    return typeof test === 'object';
+  })()
+);
+```
+
+HashTable має містити метод add.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    return typeof test.add === 'function';
+  })()
+);
+```
+
+HashTable має мати метод lookup.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    return typeof test.lookup === 'function';
+  })()
+);
+```
+
+HashTable має мати метод remove.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    return typeof test.remove === 'function';
+  })()
+);
+```
+
+Метод add повинен додати пари ключів-значень, а метод lookup повинен повернути значення, пов'язані з заданим ключем.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    test.add('key', 'value');
+    return test.lookup('key') === 'value';
+  })()
+);
+```
+
+Після введення ключа метод remove вилучає асоціативну пару ключ-значення.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    var hashValue = hash('key');
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    test.add('key', 'value');
+
+    test.remove('key');
+    return !test.collection.hasOwnProperty(hashValue);
+  })()
+);
+```
+
+Метод remove вилучає тільки правильну пару ключ-значення.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    var hashValue = hash('key');
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    test.add('key', 'value');
+    test.add('yek', 'value');
+    test.add('altKey', 'value');
+
+    test.remove('yek');
+    if (test.lookup('yek') || !test.lookup('key') || !test.lookup('altKey')) {
+      return false;
+    }
+
+    test.remove('key');
+
+    return !test.collection.hasOwnProperty(hashValue) && test.lookup('altKey');
+  })()
+);
+```
+
+Елементи мають бути додані за допомогою геш-функції.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    called = 0;
+    test.add('key1', 'value1');
+    test.add('key2', 'value2');
+    test.add('key3', 'value3');
+    return called >= 3 && called % 3 === 0;
+  })()
+);
+```
+
+Геш-таблиці повинні опрацьовувати колізії.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof HashTable !== 'undefined') {
+      test = new HashTable();
+    }
+    called = 0;
+    test.add('key1', 'value1');
+    test.add('1key', 'value2');
+    test.add('ke1y', 'value3');
+    return (
+      test.lookup('key1') === 'value1' &&
+      test.lookup('1key') == 'value2' &&
+      test.lookup('ke1y') == 'value3'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var called = 0;
+var hash = string => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) {
+    hash += string.charCodeAt(i);
+  }
+  return hash;
+};
+```
+
+## --seed-contents--
+
+```js
+var called = 0;
+var hash = string => {
+  called++;
+  var hashed = 0;
+  for (var i = 0; i < string.length; i++) {
+    hashed += string.charCodeAt(i);
+  }
+  return hashed;
+};
+var HashTable = function() {
+  this.collection = {};
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+var called = 0;
+var hash = (string) => {
+  called++;
+  var hash = 0;
+  for (var i = 0; i < string.length; i++) { hash += string.charCodeAt(i); }
+  return hash;
+};
+var HashTable = function() {
+  this.collection = {};
+  // Only change code below this line
+
+  this.add = function(key, val) {
+    var theHash = hash(key);
+    if (!this.collection.hasOwnProperty(theHash)) {
+      this.collection[theHash] = {};
+    }
+    this.collection[theHash][key] = val;
+  }
+
+  this.remove = function(key) {
+    var theHash = hash(key);
+    var hashedObj = this.collection[theHash];
+    if (hashedObj.hasOwnProperty(key)) {
+      delete hashedObj[key];
+    }
+    if (!Object.keys(hashedObj).length) {
+      delete this.collection[theHash];
+    }
+  }
+
+  this.lookup = function(key) {
+    var theHash = hash(key);
+    if (this.collection.hasOwnProperty(theHash)) {
+      return this.collection[theHash][key];
+    }
+    return null
+  }
+  // Only change code above this line
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-linked-list-class.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-linked-list-class.md
new file mode 100644
index 0000000000..a7204c65d4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-linked-list-class.md
@@ -0,0 +1,145 @@
+---
+id: 587d8251367417b2b2512c62
+title: Створення класу Linked List (зв'язаний список)
+challengeType: 1
+forumTopicId: 301628
+dashedName: create-a-linked-list-class
+---
+
+# --description--
+
+Створімо клас `linked list`. Кожен зв'язаний список повинен починатися з кількох базових властивостей: `head` (перший елемент у списку) та `length` (кількість елементів у цьому списку). Іноді зустрічаються реалізації зв'язаних списків, які містять `tail`, що позначає останній елемент списку, але поки що ми розглянемо тільки ці дві властивості. Щоразу, коли ми додаємо елемент у зв'язаний список, наша властивість `length` має збільшуватися на одиницю.
+
+Нам знадобиться спосіб додавання елементів до нашого зв'язаного списку, тому перший метод, який ми створимо, - це метод `add`.
+
+Якщо наш список порожній, додати елемент до зв'язаного списку досить просто: ми перенесемо цей елемент в клас `Node` та присвоїмо йому властивість `head` нашого зв'язаного списку.
+
+Але що робити, якщо в нашому списку вже є один чи більше елементів? Як нам додати елемент до цього списку? Нагадаємо, що кожен вузол у зв'язаному списку має властивість `next`. Щоб додати вузол до списку, знайдіть останній вузол даного списку та вкажіть властивість цього останнього вузла `next` на наш новий вузол. (Підказка: Ви зрозумієте, що дійшли до кінця зв'язаного списку, коли властивість вузла `next` стає `null`.)
+
+# --instructions--
+
+Напишіть метод додавання (add), який присвоює `head` першому вузлу, який ви переміщаєте у зв'язаний список; після цього при додаванні вузла на кожен вузол повинна посилатися властивість `next` попереднього вузла.
+
+Зверніть увагу
+
+Довжина вашого списку `length` повинна збільшуватися на одиницю щоразу, коли у зв'язаний список додається новий елемент.
+
+# --hints--
+
+Ваш клас `LinkedList` повинен містити метод `add`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.add === 'function';
+  })()
+);
+```
+
+Ваш клас `LinkedList` повинен присвоїти властивість `head` першому доданому вузлу.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    return test.head().element === 'cat';
+  })()
+);
+```
+
+Попередній вузол `node` у вашому класі `LinkedList` має посилатися на найновіший вузол.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    return test.head().next.element === 'dog';
+  })()
+);
+```
+
+Розмір `size` вашого класу `LinkedList` має дорівнювати кількості вузлів у зв'язаному списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    return test.size() === 2;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+```
+
+# --solutions--
+
+```js
+function LinkedList() { 
+  var length = 0; 
+  var head = null; 
+
+  var Node = function(element){
+    this.element = element; 
+    this.next = null; 
+  }; 
+
+  this.head = function(){
+    return head;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.add = function(element){
+    // Only change code below this line
+    if (head == null) {
+      head = new Node(element);
+    } 
+    else {
+      let currentNode = head;
+      while (currentNode.next != null) {
+        // currentNode.next will be last node of linked list after loop
+        currentNode = currentNode.next;
+      }
+      currentNode.next = new Node(element);
+    }
+    length++;
+    // Only change code above this line
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-map-data-structure.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-map-data-structure.md
new file mode 100644
index 0000000000..33b37db9b0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-map-data-structure.md
@@ -0,0 +1,204 @@
+---
+id: 8d5823c8c441eddfaeb5bdef
+title: Створення структури даних Map (карта)
+challengeType: 1
+forumTopicId: 301629
+dashedName: create-a-map-data-structure
+---
+
+# --description--
+
+Наступні кілька завдань будуть присвячені картам та геш-таблицям. Карти - це структури даних, в яких зберігаються пари ключ-значення. В JavaScript вони доступні нам у вигляді об'єктів. Карти забезпечують швидкий пошук збережених елементів на основі ключових значень та є дуже поширеними й корисними структурами даних.
+
+# --instructions--
+
+Попрактикуймося ж трохи у створенні нашої власної карти. Оскільки об'єкти JavaScript забезпечують ефективнішу структуру карт, ніж будь-що, що ми могли б написати тут, ця вправа насамперед є навчальною. Однак об'єкти JavaScript лише надають нам доступ до певних операцій. А якщо ж ми захочемо визначити власні операції для користувачів? Використовуйте наданий тут об'єкт `Map` як обгортку навколо `object` у JavaScript. Створіть такі методи та операції для об'єкта Map:
+
+<ul>
+<li><code>add</code> приймає пару <code>key, value</code> і додає до карти.</li>
+<li><code>remove</code> приймає ключ та видаляє пов'язану з ним пару <code>key, value</code></li>
+<li><code>get</code> приймає ключ <code>key</code> та повертає збережене значення <code>value</code></li>
+<li><code>has</code> приймає ключ <code>key</code> та повертає <dfn>true</dfn>, якщо ключ існує, або <dfn>false</dfn>, якщо його не існує.</li>
+<li><code>values</code> повертається як масив усіх значень на карті</li>
+<li><code>size</code> повертається як кількість елементів на карті</li>
+<li><code>clear</code> очищає карту</li>
+</ul>
+
+# --hints--
+
+Повинна існувати структура даних Map.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Об'єкт Map має містити такі методи: add, remove, get, has, values, clear, and size.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    return (
+      typeof test.add == 'function' &&
+      typeof test.remove == 'function' &&
+      typeof test.get == 'function' &&
+      typeof test.has == 'function' &&
+      typeof test.values == 'function' &&
+      typeof test.clear == 'function' &&
+      typeof test.size == 'function'
+    );
+  })()
+);
+```
+
+Метод add має додавати елементи до карти.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    test.add(5, 6);
+    test.add(2, 3);
+    test.add(2, 5);
+    return test.size() == 2;
+  })()
+);
+```
+
+Метод has має повертати true для доданих елементів та false - для відсутніх.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    test.add('test', 'value');
+    return test.has('test') && !test.has('false');
+  })()
+);
+```
+
+Метод get має приймати ключі в якості вхідних даних та повертати пов'язані з ними значення.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    test.add('abc', 'def');
+    return test.get('abc') == 'def';
+  })()
+);
+```
+
+Метод values має повертати всі значення, що зберігаються в карті, у вигляді рядків масиву.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    test.add('a', 'b');
+    test.add('c', 'd');
+    test.add('e', 'f');
+    var vals = test.values();
+    return (
+      vals.indexOf('b') != -1 &&
+      vals.indexOf('d') != -1 &&
+      vals.indexOf('f') != -1
+    );
+  })()
+);
+```
+
+Метод clear має очистити карту, а метод size - повернути кількість елементів, що місяться в карті.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof Map !== 'undefined') {
+      test = new Map();
+    }
+    test.add('b', 'b');
+    test.add('c', 'd');
+    test.remove('asdfas');
+    var init = test.size();
+    test.clear();
+    return init == 2 && test.size() == 0;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var Map = function() {
+  this.collection = {};
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+var Map = function() {
+    this.collection = {};
+    // Only change code below this line
+
+    this.add = function(key,value) {
+      this.collection[key] = value;
+    }
+
+    this.remove = function(key) {
+      delete this.collection[key];
+    }
+
+    this.get = function(key) {
+      return this.collection[key];
+    }
+
+    this.has = function(key) {
+      return this.collection.hasOwnProperty(key)
+    }
+
+    this.values = function() {
+      return Object.values(this.collection);
+    }
+
+    this.size = function() {
+      return Object.keys(this.collection).length;
+    }
+
+    this.clear = function() {
+      for(let item of Object.keys(this.collection)) {
+        delete this.collection[item];
+      }
+    }
+    // Only change code above this line
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-priority-queue-class.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-priority-queue-class.md
new file mode 100644
index 0000000000..195e6e2dab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-priority-queue-class.md
@@ -0,0 +1,231 @@
+---
+id: 587d8255367417b2b2512c74
+title: Створення черги з пріоритетами
+challengeType: 1
+forumTopicId: 301630
+dashedName: create-a-priority-queue-class
+---
+
+# --description--
+
+В цьому завданні ви навчитеся створювати чергу з пріоритетами. Черга з пріоритетами - це особливий тип черги, в якій елементи можуть мати додаткову інформацію про їх пріоритет. Його можна просто представити цілим числом. Пріоритет елементів замінить порядок їх розміщення в черзі та визначить, в якій послідовності елементи вилучатимуться з неї. Якщо елемент з вищим пріоритетом розташований після елементу з нижчим пріоритетом, то першим все одно вилучиться елемент з вищим пріоритетом.
+
+До прикладу, уявімо, що в нашій черзі з пріоритетом є три елементи:
+
+```js
+[['kitten', 2], ['dog', 2], ['rabbit', 2]]
+```
+
+Тут друге значення (яке є цілим числом) вказує на пріоритет елемента. Якщо ми додамо в чергу елемент `['human', 1]` з пріоритетом `1` (за умови, що елементи з нижчим пріоритетом знаходяться перед ним), то саме цей елемент буде виключено з черги першим. Набір елементів має виглядати так:
+
+```js
+[['human', 1], ['kitten', 2], ['dog', 2], ['rabbit', 2]]
+```
+
+Ми почали писати чергу з пріоритетом `PriorityQueue` в редакторі коду. Вам потрібно буде додати метод `enqueue` для додавання елементів з пріоритетами, метод `dequeue` - для видалення та повернення елементів, метод `size` - для повернення кількості елементів в черзі, метод `front` - для повернення елементу на початок черги й нарешті метод `isEmpty`, який повертає `true`, якщо черга порожня, або `false`, якщо ні.
+
+Метод `enqueue` має приймати елементи у форматі, який показано вище (`['human', 1]`) де `1` - це пріоритет. Метод `dequeue` та `front` повинні повернути тільки ім'я елементу, а не його пріоритет.
+
+# --hints--
+
+Ваша черга з пріоритетом `PriorityQueue` повинна мати метод `enqueue`.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    return typeof test.enqueue === 'function';
+  })()
+);
+```
+
+Ваш `PriorityQueue` повинна мати `dequeue` метод.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    return typeof test.dequeue === 'function';
+  })()
+);
+```
+
+Ваша черга з пріоритетом `PriorityQueue` повинна мати метод `size`.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    return typeof test.size === 'function';
+  })()
+);
+```
+
+Ваша черга з пріоритетом `PriorityQueue` повинна мати метод `front`.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    return typeof test.front === 'function';
+  })()
+);
+```
+
+Ваша черга з пріоритетом `PriorityQueue` повинна мати метод `isEmpty`.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    return typeof test.isEmpty === 'function';
+  })()
+);
+```
+
+Ваша черга з пріоритетом `PriorityQueue` повинна правильно відстежувати поточну кількість елементів, використовуючи метод `size`, оскільки елементи додаються до та вилучаються з черги.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    test.enqueue(['David Brown', 2]);
+    test.enqueue(['Jon Snow', 1]);
+    var size1 = test.size();
+    test.dequeue();
+    var size2 = test.size();
+    test.enqueue(['A', 3]);
+    test.enqueue(['B', 3]);
+    test.enqueue(['C', 3]);
+    return size1 === 2 && size2 === 1 && test.size() === 4;
+  })()
+);
+```
+
+Метод `front` повинен правильно повертати елементи на початок черги, позаяк елементи додаються та вилучаються з черги.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    test.enqueue(['David Brown', 2]);
+    var front1 = test.front();
+    test.enqueue(['Jon Snow', 1]);
+    var front2 = test.front();
+    test.dequeue();
+    test.enqueue(['A', 3]);
+    var front3 = test.front();
+    test.enqueue(['B', 3]);
+    test.enqueue(['C', 3]);
+    test.dequeue();
+    var front4 = test.front();
+    return (
+      front1 === 'David Brown' &&
+      front2 === 'Jon Snow' &&
+      front3 === 'David Brown' &&
+      front4 === 'A'
+    );
+  })()
+);
+```
+
+Метод `isEmpty` повинен повернути `true`, коли черга порожня.
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    test.enqueue(['A', 1]);
+    test.enqueue(['B', 1]);
+    test.dequeue();
+    var first = test.isEmpty();
+    test.dequeue();
+    return !first && test.isEmpty();
+  })()
+);
+```
+
+Черга з пріоритетом повинна повертати елементи з вищим пріоритетом перед елементами з нижчим пріоритетом, а в іншому випадку - повертати елементи в порядку "перший прийшов - перший пішов".
+
+```js
+assert(
+  (function () {
+    var test = new PriorityQueue();
+    test.enqueue(['A', 5]);
+    test.enqueue(['B', 5]);
+    test.enqueue(['C', 5]);
+    test.enqueue(['D', 3]);
+    test.enqueue(['E', 1]);
+    test.enqueue(['F', 7]);
+    var result = [];
+    result.push(test.dequeue());
+    result.push(test.dequeue());
+    result.push(test.dequeue());
+    result.push(test.dequeue());
+    result.push(test.dequeue());
+    result.push(test.dequeue());
+    return result.join('') === 'EDABCF';
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function PriorityQueue () {
+  this.collection = [];
+  this.printCollection = function() {
+    console.log(this.collection);
+  };
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function PriorityQueue() {
+  this.collection = [];
+  this.printCollection = function () {
+    console.log(this.collection);
+  };
+  // Only change code below this line
+  this.enqueue = function (newitem) {
+    if (this.isEmpty()) {
+      return this.collection.push(newitem);
+    }
+
+    this.collection = this.collection.reverse();
+    var found_index = this.collection.findIndex(function (item) {
+      return newitem[1] >= item[1];
+    });
+    if (found_index === -1) {
+      this.collection.push(newitem);
+    } else {
+      this.collection.splice(found_index, 0, newitem);
+    }
+    this.collection = this.collection.reverse();
+  };
+  this.dequeue = function () {
+    if (!this.isEmpty()) {
+      return this.collection.shift()[0];
+    } else {
+      return "The queue is empty.";
+    }
+  };
+  this.size = function () {
+    return this.collection.length;
+  };
+  this.front = function () {
+    return this.collection[0][0];
+  };
+  this.isEmpty = function () {
+    return this.size() > 0 ? false : true;
+  };
+  // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-queue-class.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-queue-class.md
new file mode 100644
index 0000000000..f69b7e7ba2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-queue-class.md
@@ -0,0 +1,174 @@
+---
+id: 587d8250367417b2b2512c60
+title: Створення класу Queue (черга)
+challengeType: 1
+forumTopicId: 301631
+dashedName: create-a-queue-class
+---
+
+# --description--
+
+Подібно до стеків, черги — це набір елементів. Але на відміну від стеків, черги керуються принципом "перший прийшов — перший пішов". Елементи, додані до черги, переміщаються в кінець черги (її хвіст), і лише її початковий елемент може бути вилучений.
+
+Для представлення черги можна було б використати масив, але як і у випадку зі стеками, ми хочемо обмежити контроль над чергами.
+
+Два основні методи класу черга — це додавання до черги (enqueue) й вилучення з черги (dequeue). Метод додавання до черги (enqueue) переміщає елемент у кінець черги, а метод вилучення з черги (dequeue) вилучає та повертає елемент на початок. Іншими корисними методами є методи front, size та isEmpty.
+
+# --instructions--
+
+Напишіть метод `enqueue`, щоб перемістити елемент у кінець черги; метод `dequeue` - щоб вилучити й повернути початковий елемент; метод `front` - щоб побачити початковий елемент; метод `size` - щоб дізнатися довжину черги; метод `isEmpty` - щоб перевірити, чи черга порожня.
+
+# --hints--
+
+Клас `Queue` повинен мати метод `enqueue`.
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    return typeof test.enqueue === 'function';
+  })()
+);
+```
+
+Клас `Queue` повинен мати метод `dequeue`.
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    return typeof test.dequeue === 'function';
+  })()
+);
+```
+
+Клас `Queue` повинен мати метод `front`.
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    return typeof test.front === 'function';
+  })()
+);
+```
+
+Клас `Queue` повинен мати метод `size`.
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    return typeof test.size === 'function';
+  })()
+);
+```
+
+Клас `Queue` повинен мати метод `isEmpty`.
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    return typeof test.isEmpty === 'function';
+  })()
+);
+```
+
+Метод `dequeue` має вилучати й повертати передній елемент черги
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    test.enqueue('Smith');
+    test.enqueue('John');
+    return test.dequeue() === 'Smith';
+  })()
+);
+```
+
+Метод `front` має повертати значення переднього елемента черги
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    test.enqueue('Smith');
+    test.enqueue('John');
+    return test.front() === 'Smith';
+  })()
+);
+```
+
+Метод `size` має повертати довжину черги
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    test.enqueue('Smith');
+    return test.size() === 1;
+  })()
+);
+```
+
+Метод `isEmpty` має повертати `false` у разі наявності елементів у черзі
+
+```js
+assert(
+  (function () {
+    var test = new Queue();
+    test.enqueue('Smith');
+    return !test.isEmpty();
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Queue() {
+  var collection = [];
+  this.print = function() {
+    console.log(collection);
+  };
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function Queue () { 
+    var collection = [];
+    this.print = function() {
+        console.log(collection);
+    };
+    // Only change code below this line
+    this.enqueue = function(item) {
+        collection.push(item);
+    }
+
+    this.dequeue = function() {
+        return collection.shift();
+    }
+
+    this.front = function() {
+        return collection[0];
+    }
+
+    this.size = function(){
+        return collection.length;
+    }
+
+    this.isEmpty = function() {
+        return collection.length === 0 ? true : false;
+    }
+    // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-set-class.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-set-class.md
new file mode 100644
index 0000000000..a79cf4d56f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-set-class.md
@@ -0,0 +1,219 @@
+---
+id: 8d1323c8c441eddfaeb5bdef
+title: Створення класу Set
+challengeType: 1
+forumTopicId: 301632
+dashedName: create-a-set-class
+---
+
+# --description--
+
+У цій вправі ми створимо клас, який називається `Set`, для емуляції структури абстрактних даних під назвою "set". На відміну від масиву, вона не може містити однотипних значень. Цей тип даних часто використовують тоді, коли потрібно перевірити, чи наявний у коді певний елемент. Нижче можна побачити, як об'єкт `Set` працює в ES6:
+
+```js
+const set1 = new Set([1, 2, 3, 5, 5, 2, 0]);
+console.log(set1);
+// output: {1, 2, 3, 5, 0}
+console.log(set1.has(1));
+// output: true
+console.log(set1.has(6));
+// output: false
+```
+
+Спочатку ми створимо метод add, що додає значення до набору множини, якщо цього значення там ще немає. Потім ми запустимо метод remove, який вилучає значення з множини, якщо воно там уже є. Наприкінці згенеруємо метод size, який повертає кількість елементів у наборі множини.
+
+# --instructions--
+
+Створіть метод `add`, що додає унікальне значення до набору множини та повертає `true`, якщо це значення було додано успішно, і `false` — якщо ні.
+
+Створіть метод `remove`, який приймає значення та перевіряє, чи існує воно в множині. Якщо так, метод видалить його з набору множини й поверне `true`. В іншому випадку результатом буде `false`. Створіть метод `size`, що повертає розмір набору множини.
+
+# --hints--
+
+Клас `Set` повинен мати метод `add`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.add === 'function';
+  })()
+);
+```
+
+Метод `add` не повинен додавати однотипні значення.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    test.add('a');
+    test.add('b');
+    test.add('a');
+    var vals = test.values();
+    return vals[0] === 'a' && vals[1] === 'b' && vals.length === 2;
+  })()
+);
+```
+
+Метод `add` має повертати `true`, якщо значення додалося правильно.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    var result = test.add('a');
+    return result != undefined && result === true;
+  })()
+);
+```
+
+Метод `add` поверне `false` за умови, що ви додали однотипне значення.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    test.add('a');
+    var result = test.add('a');
+    return result != undefined && result === false;
+  })()
+);
+```
+
+Клас `Set` повинен мати метод `remove`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.remove === 'function';
+  })()
+);
+```
+
+Метод `remove` повинен видаляти лише ті елементи даних, які наявні в множині.
+
+```js
+assert.deepEqual(
+  (function () {
+    var test = new Set();
+    test.add('a');
+    test.add('b');
+    test.remove('c');
+    return test.values();
+  })(),
+  ['a', 'b']
+);
+```
+
+Метод `remove` має видалити даний елемент із множини.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    test.add('a');
+    test.add('b');
+    test.remove('a');
+    var vals = test.values();
+    return vals[0] === 'b' && vals.length === 1;
+  })()
+);
+```
+
+Клас `Set` повинен мати метод `size`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.size === 'function';
+  })()
+);
+```
+
+Метод `size` має повернути кількість елементів у наборі.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    test.add('a');
+    test.add('b');
+    test.remove('a');
+    return test.size() === 1;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class Set {
+  constructor() {
+    // Dictionary will hold the items of our set
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  // This method will check for the presence of an element and return true or false
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  // This method will return all the values in the set
+  values() {
+    return Object.values(this.dictionary);
+  }
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Set {
+  constructor() {
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  values() {
+    return Object.values(this.dictionary);
+  }
+
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = element;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+
+  size() {
+    return this.length;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-stack-class.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-stack-class.md
new file mode 100644
index 0000000000..38b07b26df
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-stack-class.md
@@ -0,0 +1,167 @@
+---
+id: 587d8250367417b2b2512c5f
+title: Створення класу Stack
+challengeType: 1
+forumTopicId: 301633
+dashedName: create-a-stack-class
+---
+
+# --description--
+
+В останньому розділі ми розібрали, що таке стек і як можна його представити за допомогою масиву. У цьому розділі ми створимо власний клас Stack. Хоча його й можна створити за допомогою масивів, все ж іноді краще обмежити контроль, який властивий стекам. Окрім методів `push` та `pop`, стеки мають й інші корисні методи. Додаймо до нашого класу Stack такі методи: `peek`, `isEmpty` та `clear`.
+
+# --instructions--
+
+Напишіть метод `push`, який додає елемент на верхівку стека; метод `pop`, який видаляє та повертає елемент, що знаходиться у верхівці стека; метод `peek`, який переглядає верхній елемент у стеку; метод `isEmpty`, який перевіряє, чи стек порожній; метод `clear`, який видаляє всі елементи зі стека. Також ми додали допоміжний метод `print`, який виводить набір консолі. Щоправда, стеки цього методу зазвичай не мають.
+
+# --hints--
+
+Ваш клас `Stack` повинен містити метод `push`.
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return typeof test.push === 'function';
+  })()
+);
+```
+
+Ваш клас `Stack` повинен містити метод `pop`.
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return typeof test.pop === 'function';
+  })()
+);
+```
+
+Ваш клас `Stack` повинен містити метод `peek`.
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return typeof test.peek === 'function';
+  })()
+);
+```
+
+Ваш клас `Stack` повинен містити метод `isEmpty`.
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return typeof test.isEmpty === 'function';
+  })()
+);
+```
+
+Ваш клас `Stack` повинен містити метод `clear`.
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return typeof test.clear === 'function';
+  })()
+);
+```
+
+Метод `peek` повинен повернути верхній елемент стека
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    test.push('CS61');
+    test.push('CS50');
+    return test.peek() === 'CS50' && test.peek() === 'CS50';
+  })()
+);
+```
+
+Метод `pop` повинен видалити та повернути верхній елемент стека
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    test.push('CS61');
+    test.push('CS50');
+    return test.pop() === 'CS50' && test.pop() === 'CS61';
+  })()
+);
+```
+
+Метод `isEmpty` повинен повернути true, якщо стек порожній
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    return test.isEmpty();
+  })()
+);
+```
+
+Метод `clear` повинен видалити всі елементи зі стека
+
+```js
+assert(
+  (function () {
+    var test = new Stack();
+    test.push('CS61');
+    test.push('CS50');
+    test.clear();
+    return test.isEmpty();
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Stack() {
+  var collection = [];
+  this.print = function() {
+    console.log(collection);
+  };
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Stack {
+  constructor() {
+    this.collection = [];
+  }
+  print() {
+    console.log(this.collection);
+  }
+  push(val) {
+    this.collection.push(val);
+  }
+  pop() {
+    return this.collection.pop();
+  }
+  peek() {
+    return this.collection[this.collection.length - 1];
+  }
+  isEmpty() {
+    return this.collection.length === 0;
+  }
+  clear() {
+    return (this.collection.length = 0);
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-trie-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-trie-search-tree.md
new file mode 100644
index 0000000000..a6f1ea34df
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-a-trie-search-tree.md
@@ -0,0 +1,151 @@
+---
+id: 587d8259367417b2b2512c84
+title: Створення префіксного дерева пошуку
+challengeType: 1
+forumTopicId: 301634
+dashedName: create-a-trie-search-tree
+---
+
+# --description--
+
+Далі ми відійдемо від вивчення двійкового дерева пошуку та розглянемо структуру іншого виду дерева пошуку під назвою префіксне. Префіксне дерево пошуку - це впорядкований вид дерева пошуку, який зазвичай містить рядки, досить часто дозволяє зберігати асоціативні масиви або динамічні сукупності даних, ключами яких є рядки. Їхньою перевагою є зберігання наборів даних у тих випадках, коли багато ключів мають однакові префікси, як-от усі слова у словнику. На відміну від двійкового дерева, вузли не пов'язані з реальними значеннями. Натомість шлях до вузла визначає певний ключ. До прикладу, якщо нам потрібно зберегти у префіксному дереві пошуку код у вигляді рядка, ми отримаємо чотири вузли, по одному на кожну букву: c — o — d — e. Застосовуючи цей шлях до всіх вузлів, ми отримаємо код у вигляді рядка, а сам шлях є ключем, який ми зберегли. Далі, якби ми хотіли додати рядкове кодування, він би розділив перші три вузли коду перед тим, як розгалузитись після d. У такому випадку, великий обсяг даних може зберігатися дуже компактно. Окрім цього, пошук може відбуватися дуже швидко, оскільки він практично обмежений довжиною рядка, який ми зберігаємо. А ще, на відміну від двійкових дерев вузол може зберігати будь-яку кількість дочірніх вузлів. Як можна було здогадатися із наведеного вище прикладу, деякі метадані зазвичай зберігаються у вузлах, які містять кінець ключа, тому під час наступних обходів дерева цей ключ все ще можна відновити. Скажімо, якби ми додали коди у зазначений вище приклад, нам потрібно було б якось дізнатися, що е в коді означає кінець введеного раніше ключа. В іншому випадку ця інформація буде втрачена при додаванні кодів.
+
+# --instructions--
+
+Створімо префіксне дерево пошуку для зберігання слів. Воно буде отримувати слова за допомогою методу `add` і зберігати їх у структурі даних префіксного дерева пошуку. А також він допоможе нам дізнатися, чи даний рядок містить слово з методом `isWord`, і вилучить всі слова, введені у префіксне дерево пошуку за допомогою способу `print`. Метод `isWord` повинен повернути логічне значення, а метод print - повернути масив всіх цих слів у вигляді рядкових значень. Аби впевнитись, що ця структура даних реалізована правильно, ми задали структуру `Node` для кожного вузла у дереві. Кожен вузол буде об'єктом із властивістю `keys`, яка є об'єктом JavaScript Map. Він міститиме окремі літери, які виступають дійсними ключами кожного вузла. Також ми створили для вузлів властивість `end`, яка може бути налаштована як `true`, якщо вузол являє собою закінчення слова.
+
+# --hints--
+
+Префіксне дерево пошуку має містити метод add.
+
+```js
+assert(
+  (function testTrie() {
+    var test = false;
+    if (typeof Trie !== 'undefined') {
+      test = new Trie();
+    } else {
+      return false;
+    }
+    return typeof test.add == 'function';
+  })()
+);
+```
+
+Префіксне дерево пошуку має містити метод print.
+
+```js
+assert(
+  (function testTrie() {
+    var test = false;
+    if (typeof Trie !== 'undefined') {
+      test = new Trie();
+    } else {
+      return false;
+    }
+    return typeof test.print == 'function';
+  })()
+);
+```
+
+Префіксне дерево пошуку має містити метод isWord.
+
+```js
+assert(
+  (function testTrie() {
+    var test = false;
+    if (typeof Trie !== 'undefined') {
+      test = new Trie();
+    } else {
+      return false;
+    }
+    return typeof test.isWord == 'function';
+  })()
+);
+```
+
+Метод print має повернути всі елементи, додані до префіксного дерева пошуку у вигляді рядків масиву.
+
+```js
+assert(
+  (function testTrie() {
+    var test = false;
+    if (typeof Trie !== 'undefined') {
+      test = new Trie();
+    } else {
+      return false;
+    }
+    test.add('jump');
+    test.add('jumps');
+    test.add('jumped');
+    test.add('house');
+    test.add('mouse');
+    var added = test.print();
+    return (
+      added.indexOf('jump') != -1 &&
+      added.indexOf('jumps') != -1 &&
+      added.indexOf('jumped') != -1 &&
+      added.indexOf('house') != -1 &&
+      added.indexOf('mouse') != -1 &&
+      added.length == 5
+    );
+  })()
+);
+```
+
+Метод isWord має повернути true лише для слів, доданих до префіксного дерева пошуку, і false - для всіх інших слів.
+
+```js
+assert(
+  (function testTrie() {
+    var test = false;
+    if (typeof Trie !== 'undefined') {
+      test = new Trie();
+    } else {
+      return false;
+    }
+    test.add('hop');
+    test.add('hops');
+    test.add('hopped');
+    test.add('hoppy');
+    test.add('hope');
+    return (
+      test.isWord('hop') &&
+      !test.isWord('ho') &&
+      test.isWord('hopped') &&
+      !test.isWord('hopp') &&
+      test.isWord('hoppy') &&
+      !test.isWord('hoping')
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+var Node = function() {
+  this.keys = new Map();
+  this.end = false;
+  this.setEnd = function() {
+    this.end = true;
+  };
+  this.isEnd = function() {
+    return this.end;
+  };
+};
+var Trie = function() {
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-an-es6-javascript-map.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-an-es6-javascript-map.md
new file mode 100644
index 0000000000..e9e5cb92a7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-an-es6-javascript-map.md
@@ -0,0 +1,45 @@
+---
+id: 587d825b367417b2b2512c8d
+title: Створення ES6 JavaScript Map
+challengeType: 1
+forumTopicId: 301635
+dashedName: create-an-es6-javascript-map
+---
+
+# --description--
+
+У новій версії JavaScript вбудований об'єкт Map, який передбачає наявність усіх тих функцій, які до цього ми мали писати самостійно. Незважаючи на те, що обʼєкт Map схожий на звичайні обʼєкти JavaScript, у ньому вбудований корисний функціонал, який відсутній у звичайних. Наприклад, ES6 Map відстежує порядок вставки елементів, які додаються до нього. Серед його методів є такі: метод `.has(key)` повертає true або false з огляду на наявність ключа; метод `.get(key)` повертає значення, повʼязане з ключем; метод `.set(key, value)` задає нову пару ключ-значення; метод `.delete(key)` видаляє пару ключ-значення; метод `.clear()` видаляє всі пари ключів-значень; метод `.entries()` повертає весь масив ключів у порядку їх вставки; метод `.values()` повертає весь масив значень у порядку їх вставки
+
+# --instructions--
+
+Визначте об’єкт JavaScript Map та призначте йому змінну під назвою myMap. Додайте до нього пару ключ-значення `freeCodeCamp`, `Awesome!`.
+
+# --hints--
+
+Повинен існувати об'єкт myMap.
+
+```js
+assert(typeof myMap === 'object');
+```
+
+myMap повинен містити пару ключ-значення `freeCodeCamp`, `Awesome!`.
+
+```js
+assert(myMap.get('freeCodeCamp') === 'Awesome!');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+const myMap = new Map();
+
+myMap.set("freeCodeCamp", "Awesome!");
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.md
new file mode 100644
index 0000000000..50b9233049
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/create-and-add-to-sets-in-es6.md
@@ -0,0 +1,92 @@
+---
+id: 587d8254367417b2b2512c70
+title: Створення та додавання до набору в ES6
+challengeType: 1
+forumTopicId: 301636
+dashedName: create-and-add-to-sets-in-es6
+---
+
+# --description--
+
+Ви вже попрацювати з ES5, а тепер виконаєте щось подібне в ES6. Це буде значно простіше. ES6 містить вбудовану структуру даних `Set`, тому тепер тут буде включено багато операцій, які ви зазвичай писали вручну. Погляньмо:
+
+Щоб створити новий порожній набір Set:
+
+```js
+var set = new Set();
+```
+
+Можна створити обʼєкт Set зі значенням:
+
+```js
+var set = new Set(1);
+```
+
+Можна створити обʼєкт Set з масивом:
+
+```js
+var set = new Set([1, 2, 3]);
+```
+
+До створеного набору Set ви можете додавати значення, використовуючи метод `add`:
+
+```js
+var set = new Set([1, 2, 3]);
+set.add([4, 5, 6]);
+```
+
+Нагадуємо, що набір Set - це структура даних, яка не може містити повторювані значення:
+
+```js
+var set = new Set([1, 2, 3, 1, 2, 3]);
+// set contains [1, 2, 3] only
+```
+
+# --instructions--
+
+Щоб потренуватись, повертайте набір Set з такими значеннями: `1, 2, 3, 'Taco', 'Cat', 'Awesome'`
+
+# --hints--
+
+Ваш набір `Set` повинен містити лише значення `1, 2, 3, Taco, Cat, Awesome`.
+
+```js
+assert(
+  (function () {
+    var test = checkSet();
+    return (
+      test.size == 6 &&
+      test.has(1) &&
+      test.has(2) &&
+      test.has(3) &&
+      test.has('Taco') &&
+      test.has('Cat') &&
+      test.has('Awesome')
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSet() {
+  var set = new Set([1, 2, 3, 3, 2, 1, 2, 3, 1]);
+  // Only change code below this line
+
+  // Only change code above this line
+  console.log(Array.from(set));
+  return set;
+}
+
+checkSet();
+```
+
+# --solutions--
+
+```js
+function checkSet(){var set = new Set([1,2,3,'Taco','Cat','Awesome']);
+return set;}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..e4f682bc46
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-leaf-node-in-a-binary-search-tree.md
@@ -0,0 +1,216 @@
+---
+id: 587d8258367417b2b2512c80
+title: Видалення листового вузла у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301637
+dashedName: delete-a-leaf-node-in-a-binary-search-tree
+---
+
+# --description--
+
+Це, власне, перше з трьох завдань, де ми реалізуємо складнішу операцію у двійковому дереві пошуку, а саме - видалення. Операція "видалення" є складною, оскільки шляхом вилучення вузлів руйнуються зв'язки в дереві. Щоб переконатися, що структура двійкового дерева пошуку зберігається, ці зв'язки потрібно ретельно перевстановити. Деякі видалення передбачають зміни в дереві. Загалом є три випадки, з якими ви можете зіткнутися при видаленні вузлів: Листовий Вузол: Ціль видалення не має дочірніх елементів. Один дочірній елемент: Ціль видалення має лише один дочірній елемент. Два дочірніх елементи: Ціль видалення має два дочірніх елементи. Видалити листовий вузол легко: ми просто вилучаємо його. Видалити вузол з одним дочірнім елементом теж відносно легко: ми просто вилучаємо його та з'єднуємо батьківську вершину з дочірнім елементом вилученого вузла. Видалити ж вузол з двома дочірніми елементами трохи складніше, оскільки в такому разі потрібно з'єднати два дочірні вузли з батьківським деревом. Як саме впоратися з таким випадком, розглянемо у третьому завданні. Крім того, при видаленні варто пам'ятати про ребра. А що робити, якщо дерево порожнє? Чи якщо ціль видалення - кореневий вузол? Чи якщо дерево складається лише з двох елементів? Наразі зосередимося на першому випадку, тобто видаленні листового вузла.
+
+# --instructions--
+
+Створіть у нашому двійковому дереві метод під назвою `remove`. Тут побудуємо алгоритм для нашої операції видалення. Спершу в межах видалення створіть функцію, що знаходить той вузол, який ми хочемо видалити в поточному дереві. Якщо у дереві немає цього вузла, то метод `remove` повинен повернути `null`. Якщо цільовий вузол є листовим (без дочірніх елементів), то посилання на нього у батьківському елементі має бути `null`. Таким чином можемо вилучити вузол з дерева. Для цього вам також доведеться слідкувати за батьком вузла, який ми намагаємося видалити. А ще варто створити спосіб, аби відстежувати кількість дітей цільового вузла: це допоможе визначити, з яким з трьох випадків ми маємо справу. Другий та третій випадки ми опрацюємо в наступних завданнях. Бажаємо успіхів!
+
+# --hints--
+
+Має існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне містити метод під назвою `remove`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+Спроба видалити елемент з порожнього дерева повинна повертати `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    return test.remove(100) == null;
+  })()
+);
+```
+
+Спроба видалити елемент, якого не існує, повинна повертати `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(15);
+    test.add(30);
+    return test.remove(100) == null;
+  })()
+);
+```
+
+Якщо кореневий вузол не має дочірніх елементів, його видалення має встановити кореневе значення `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(500);
+    test.remove(500);
+    return test.inorder() == null;
+  })()
+);
+```
+
+Метод `remove` повинен видалити листові вузли з дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(5);
+    test.add(3);
+    test.add(7);
+    test.add(6);
+    test.add(10);
+    test.add(12);
+    test.remove(3);
+    test.remove(12);
+    test.remove(10);
+    return test.inorder().join('') == '567';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        function searchTree(node) {
+          if (value < node.value) {
+            if (node.left == null) {
+              node.left = new Node(value);
+              return;
+            } else if (node.left != null) {
+              return searchTree(node.left);
+            }
+          } else if (value > node.value) {
+            if (node.right == null) {
+              node.right = new Node(value);
+              return;
+            } else if (node.right != null) {
+              return searchTree(node.right);
+            }
+          } else {
+            return null;
+          }
+        }
+        return searchTree(node);
+      }
+    },
+    inorder: function() {
+      if (this.root == null) {
+        return null;
+      } else {
+        var result = new Array();
+        function traverseInOrder(node) {
+          if (node.left != null) {
+            traverseInOrder(node.left);
+          }
+          result.push(node.value);
+          if (node.right != null) {
+            traverseInOrder(node.right);
+          }
+        }
+        traverseInOrder(this.root);
+        return result;
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+}
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..49c4175fc1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-one-child-in-a-binary-search-tree.md
@@ -0,0 +1,285 @@
+---
+id: 587d8258367417b2b2512c81
+title: Видалення вузла з одним дочірнім елементом у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301638
+dashedName: delete-a-node-with-one-child-in-a-binary-search-tree
+---
+
+# --description--
+
+Оскільки ми вже навчилися видаляти листові вузли з дерева, то зараз розглянемо другий випадок: видалення вузла з одним дочірнім елементом. Скажімо, у нас задане дерево з вузлами 1 — 2 — 3, де 1 - це кореневий вузол. Щоб видалити вузол 2, нам потрібно з'єднати вершину 1 з вершиною 3. Тобто для того, щоб видалити вузол, який має лише один дочірній елемент, ми робимо так, аби батьківський вузол посилався на наступний вузол у дереві.
+
+# --instructions--
+
+До методу `remove` ми внесли певний код, який виконує задачі з останнього завдання. Ми знаходимо цільовий вузол для видалення, а також його батька, і визначаємо кількість дочірніх елементів нашого цільового вузла. Додамо наступний випадок для цільових вузлів з одним дочірнім елементом. Тепер нам доведеться визначити, на якій гілці знаходиться дочірній елемент: лівій чи правій. Після цього ми повинні встановити правильне посилання на цей вузол у батьківському елементі. Крім того, врахуємо такий випадок, коли ціль видалення є кореневим вузлом (це означає, що батьківський вузол буде `null`). Можете сміливо змінювати початковий код на свій власний, але перевіряйте, чи він успішно проходить тестування.
+
+# --hints--
+
+Має існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `remove`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+Спроба видалити елемент, якого не існує, повинна повертати `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    return test.remove(100) == null;
+  })()
+);
+```
+
+Якщо кореневий вузол не має дочірніх елементів, його видалення має встановити кореневе значення `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(500);
+    test.remove(500);
+    return test.inorder() == null;
+  })()
+);
+```
+
+Метод `remove` повинен видалити листові вузли з дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(5);
+    test.add(3);
+    test.add(7);
+    test.add(6);
+    test.add(10);
+    test.add(12);
+    test.remove(3);
+    test.remove(12);
+    test.remove(10);
+    return test.inorder().join('') == '567';
+  })()
+);
+```
+
+Метод `remove` повинен видалити вузли з одним дочірнім елементом.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(-1);
+    test.add(3);
+    test.add(7);
+    test.add(16);
+    test.remove(16);
+    test.remove(7);
+    test.remove(3);
+    return test.inorder().join('') == '-1';
+  })()
+);
+```
+
+У дереві з двома вузлами спроба видалити корінь має встановити коренем другий вузол.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(15);
+    test.add(27);
+    test.remove(15);
+    return test.inorder().join('') == '27';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        function searchTree(node) {
+          if (value < node.value) {
+            if (node.left == null) {
+              node.left = new Node(value);
+              return;
+            } else if (node.left != null) {
+              return searchTree(node.left);
+            }
+          } else if (value > node.value) {
+            if (node.right == null) {
+              node.right = new Node(value);
+              return;
+            } else if (node.right != null) {
+              return searchTree(node.right);
+            }
+          } else {
+            return null;
+          }
+        }
+        return searchTree(node);
+      }
+    },
+    inorder: function() {
+      if (this.root == null) {
+        return null;
+      } else {
+        var result = new Array();
+        function traverseInOrder(node) {
+          if (node.left != null) {
+            traverseInOrder(node.left);
+          }
+          result.push(node.value);
+          if (node.right != null) {
+            traverseInOrder(node.right);
+          }
+        }
+        traverseInOrder(this.root);
+        return result;
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // Find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }.bind(this)());
+    if (target === null) {
+      return null;
+    }
+    // Count the children of the target to delete
+    var children =
+      (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // Case 1: Target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      } else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // Case 2: Target has one child
+    // Only change code below this line
+  };
+}
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..8c3f32f9a1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/delete-a-node-with-two-children-in-a-binary-search-tree.md
@@ -0,0 +1,399 @@
+---
+id: 587d8258367417b2b2512c82
+title: Видалення вузла з двома дочірніми елементами у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301639
+dashedName: delete-a-node-with-two-children-in-a-binary-search-tree
+---
+
+# --description--
+
+Найважчим для реалізації є видалення вузлів, що мають два дочірні елементи. При видаленні такого вузла утворюються два піддерева, які більше не з'єднані з вихідною структурою дерева. Як можна відновити їх з'єднання? Один з методів полягає у тому, аби знайти найменше значення у правому піддереві цільового вузла та замінити цільовий вузол саме цим значенням. Вибір заміни таким чином гарантує, що цей вузол буде більшим за кожен вузол лівого піддерева, новим батьківським вузлом якого він стає; але водночас він буде меншим за кожен вузол правого піддерева, новим батьківським вузлом якого він стає. Як тільки така заміна виконана, замінений вузол повинен потрібно вилучити з правого піддерева. Та навіть ця операція є підступною, оскільки заміна може бути листовим вузлом або ж і навіть батьківським елементом правого піддерева. Якщо це кінцевий вузол, ми повинні видалити посилання на нього у батьківському елементі. В іншому випадку він повинен бути правим дочірнім елементом цільового вузла видалення. У цьому разі ми повинні замінити цільове значення значенням заміни та зробити так, щоб цільовий вузол посилався на правий дочірній елемент заміни.
+
+# --instructions--
+
+Завершімо наш метод `remove` розглядом третього варіанту. Ми знову задали код для перших двох випадків. А тепер додайте код для обробки цільових вузлів з двома дочірніми елементами. Чи є граничні випадки, на які слід звернути увагу? А що робити, якщо дерево складається лише з трьох вузлів? Після завершення роботи наша операція видалення для двійкових дерев пошуку буде виконана. Чудово впоралися! Це досить складне завдання!
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод `remove`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+Спроба видалити відсутній елемент повинна повернути `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function' ? test.remove(100) == null : false;
+  })()
+);
+```
+
+Якщо кореневий вузол не має дочірніх елементів, його видалення має встановити кореневе значення `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    test.add(500);
+    test.remove(500);
+    return typeof test.remove == 'function' ? test.inorder() == null : false;
+  })()
+);
+```
+
+Метод `remove` повинен видалити з дерева листові вузли.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    test.add(5);
+    test.add(3);
+    test.add(7);
+    test.add(6);
+    test.add(10);
+    test.add(12);
+    test.remove(3);
+    test.remove(12);
+    test.remove(10);
+    return typeof test.remove == 'function'
+      ? test.inorder().join('') == '567'
+      : false;
+  })()
+);
+```
+
+Метод `remove` повинен видалити вузли з одним дочірнім елементом.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(-1);
+    test.add(3);
+    test.add(7);
+    test.add(16);
+    test.remove(16);
+    test.remove(7);
+    test.remove(3);
+    return test.inorder().join('') == '-1';
+  })()
+);
+```
+
+Спроба видалити корінь з дерева, що складається з двох вузлів, має встановити коренем другий вузол.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(15);
+    test.add(27);
+    test.remove(15);
+    return test.inorder().join('') == '27';
+  })()
+);
+```
+
+Метод `remove` повинен видалити вузли з двома дочірніми елементами, зберігаючи при цьому структуру двійкового дерева пошуку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(1);
+    test.add(4);
+    test.add(3);
+    test.add(7);
+    test.add(9);
+    test.add(11);
+    test.add(14);
+    test.add(15);
+    test.add(19);
+    test.add(50);
+    test.remove(9);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(11);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(14);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(19);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(3);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(50);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    test.remove(15);
+    if (!test.isBinarySearchTree()) {
+      return false;
+    }
+    return test.inorder().join('') == '147';
+  })()
+);
+```
+
+Корінь слід видаляти з дерева, що містить три вузли.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.remove !== 'function') {
+      return false;
+    }
+    test.add(100);
+    test.add(50);
+    test.add(300);
+    test.remove(100);
+    return test.inorder().join('') == 50300;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        function searchTree(node) {
+          if (value < node.value) {
+            if (node.left == null) {
+              node.left = new Node(value);
+              return;
+            } else if (node.left != null) {
+              return searchTree(node.left);
+            }
+          } else if (value > node.value) {
+            if (node.right == null) {
+              node.right = new Node(value);
+              return;
+            } else if (node.right != null) {
+              return searchTree(node.right);
+            }
+          } else {
+            return null;
+          }
+        }
+        return searchTree(node);
+      }
+    },
+    inorder: function() {
+      if (this.root == null) {
+        return null;
+      } else {
+        var result = new Array();
+        function traverseInOrder(node) {
+          if (node.left != null) {
+            traverseInOrder(node.left);
+          }
+          result.push(node.value);
+          if (node.right != null) {
+            traverseInOrder(node.right);
+          }
+        }
+        traverseInOrder(this.root);
+        return result;
+      }
+    },
+    isBinarySearchTree() {
+      if (this.root == null) {
+        return null;
+      } else {
+        var check = true;
+        function checkTree(node) {
+          if (node.left != null) {
+            var left = node.left;
+            if (left.value > node.value) {
+              check = false;
+            } else {
+              checkTree(left);
+            }
+          }
+          if (node.right != null) {
+            var right = node.right;
+            if (right.value < node.value) {
+              check = false;
+            } else {
+              checkTree(right);
+            }
+          }
+        }
+        checkTree(this.root);
+        return check;
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.remove = function(value) {
+    if (this.root === null) {
+      return null;
+    }
+    var target;
+    var parent = null;
+    // Find the target value and its parent
+    (function findValue(node = this.root) {
+      if (value == node.value) {
+        target = node;
+      } else if (value < node.value && node.left !== null) {
+        parent = node;
+        return findValue(node.left);
+      } else if (value < node.value && node.left === null) {
+        return null;
+      } else if (value > node.value && node.right !== null) {
+        parent = node;
+        return findValue(node.right);
+      } else {
+        return null;
+      }
+    }.bind(this)());
+    if (target === null) {
+      return null;
+    }
+    // Count the children of the target to delete
+    var children =
+      (target.left !== null ? 1 : 0) + (target.right !== null ? 1 : 0);
+    // Case 1: Target has no children
+    if (children === 0) {
+      if (target == this.root) {
+        this.root = null;
+      } else {
+        if (parent.left == target) {
+          parent.left = null;
+        } else {
+          parent.right = null;
+        }
+      }
+    }
+    // Case 2: Target has one child
+    else if (children == 1) {
+      var newChild = target.left !== null ? target.left : target.right;
+      if (parent === null) {
+        target.value = newChild.value;
+        target.left = null;
+        target.right = null;
+      } else if (newChild.value < parent.value) {
+        parent.left = newChild;
+      } else {
+        parent.right = newChild;
+      }
+      target = null;
+    }
+    // Case 3: Target has two children
+    // Only change code below this line
+  };
+}
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/depth-first-search.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/depth-first-search.md
new file mode 100644
index 0000000000..4c4c843e7f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/depth-first-search.md
@@ -0,0 +1,208 @@
+---
+id: 587d825d367417b2b2512c96
+title: Пошук у глибину
+challengeType: 1
+forumTopicId: 301640
+dashedName: depth-first-search
+---
+
+# --description--
+
+Тут ми ознайомимося з алгоритмом обходу графу під назвою <dfn>пошук у глибину</dfn>, який є подібним до <dfn>пошуку у ширину</dfn>.
+
+Під час пошуку в ширину робота алгоритму починається з вихідного вузла, а далі він проходить по вузлах таким чином, що кожне наступне ребро є довшим за попереднє. В той час алгоритм <dfn>Пошук у глибину</dfn> спочатку обирає найдовше ребро.
+
+Коли пошук досягне кінця шляху, він повернеться до останнього вузла з невідвіданим ребром і продовжить пошук.
+
+На анімації нижче наочно показано, яким чином працює цей алгоритм. Алгоритм починається з верхнього вузла і проходить по вузлах так, як пронумеровано в анімації.
+
+<img class='img-responsive' src='https://camo.githubusercontent.com/aaad9e39961daf34d967c616edeb50abf3bf1235/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f372f37662f44657074682d46697273742d5365617263682e676966' />
+
+Зверніть увагу: щоразу, коли даний алгоритм відвідує якийсь вузол, він не проходить по всіх сусідніх вузлах (в цьому полягає його відмінність від пошуку в ширину). Натомість він спочатку відвідує одну з сусідніх вершин і далі проходить вниз, допоки не відвідає всі вершини на цьому шляху.
+
+Для реалізації цього алгоритму краще використати стек. Стек - це масив, в якому останній доданий елемент видаляється першим. Тобто це структура даних, яка працює за принципом <dfn>Останній прийшов - перший пішов</dfn> (англ. Last-In-First-Out (LIFO)). Стек допоможе при пошуку в глибину, адже (коли ми додаємо до стеку сусідні елементи) нам потрібно спочатку відвідати останніх доданих сусідів і вилучити їх зі стеку.
+
+В простому випадку цей алгоритм виводить список вузлів, доступних з даного вузла. Таким чином, також краще відстежувати відвідані вузли.
+
+# --instructions--
+
+Напишіть функцію `dfs()`, яка приймає неорієнтовану матрицю суміжності `graph` та мітку вузла `root` як параметри. Міткою вузла буде ціле значення вузла між `0` і `n - 1`, де `n` - загальна кількість вузлів у графі.
+
+Ваша функція повинна виводити масив усіх вузлів, які можна досягти з `root`.
+
+# --hints--
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `1` повинен повертатися як масив з чисел `0`, `1`, `2` і `3`.
+
+```js
+assert.sameMembers(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 1);
+  })(),
+  [0, 1, 2, 3]
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `1` повинен повертатися як масив з чотирьох елементів.
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 1);
+  })().length === 4
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]` з початковим вузлом `3` повинен повертатися як масив з числом `3`.
+
+```js
+assert.sameMembers(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 0],
+      [0, 0, 0, 0]
+    ];
+    return dfs(graph, 3);
+  })(),
+  [3]
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 0]]` з початковим вузлом `3` повинен повертатися як масив з одним елементом.
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 1, 0],
+      [0, 1, 0, 0],
+      [0, 0, 0, 0]
+    ];
+    return dfs(graph, 3);
+  })().length === 1
+);
+```
+
+Вхідний граф`[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `3` повинен повертатися як масив з чисел `2` і `3`.
+
+```js
+assert.sameMembers(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 0, 0],
+      [0, 0, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 3);
+  })(),
+  [2, 3]
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `3` повинен повертатися як масив з двох елементів.
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 0, 0],
+      [0, 0, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 3);
+  })().length === 2
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `0` повинен повертатися як масив з чисел `0` і `1`.
+
+```js
+assert.sameMembers(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 0, 0],
+      [0, 0, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 0);
+  })(),
+  [0, 1]
+);
+```
+
+Вхідний граф `[[0, 1, 0, 0], [1, 0, 0, 0], [0, 0, 0, 1], [0, 0, 1, 0]]` з початковим вузлом `0` повинен повертатися як масив з двох елементів.
+
+```js
+assert(
+  (function () {
+    var graph = [
+      [0, 1, 0, 0],
+      [1, 0, 0, 0],
+      [0, 0, 0, 1],
+      [0, 0, 1, 0]
+    ];
+    return dfs(graph, 0);
+  })().length === 2
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function dfs(graph, root) {
+
+}
+
+var exDFSGraph = [
+  [0, 1, 0, 0],
+  [1, 0, 1, 0],
+  [0, 1, 0, 1],
+  [0, 0, 1, 0]
+];
+console.log(dfs(exDFSGraph, 3));
+```
+
+# --solutions--
+
+```js
+function dfs(graph, root) {
+    var stack = [];
+    var tempV;
+    var visited = [];
+    var tempVNeighbors = [];
+    stack.push(root);
+    while (stack.length > 0) {
+        tempV = stack.pop();
+        if (visited.indexOf(tempV) == -1) {
+            visited.push(tempV);
+            tempVNeighbors = graph[tempV];
+            for (var i = 0; i < tempVNeighbors.length; i++) {
+                if (tempVNeighbors[i] == 1) {
+                    stack.push(i);
+                }
+            }
+        }
+    }
+    return visited;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.md
new file mode 100644
index 0000000000..9bb1aff9f8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-height-of-a-binary-search-tree.md
@@ -0,0 +1,346 @@
+---
+id: 587d8257367417b2b2512c7d
+title: Знайдіть мінімальну та максимальну висоту двійкового дерева пошуку
+challengeType: 1
+forumTopicId: 301641
+dashedName: find-the-minimum-and-maximum-height-of-a-binary-search-tree
+---
+
+# --description--
+
+В останньому завданні ми описали ситуацію, коли двійкове дерево пошуку може стати незбалансованим. Щоб зрозуміти поняття балансу, розглянемо ще одну властивість дерева - його висоту. Висота дерева - це відстань від кореневого вузла до будь-якого заданого листового вузла. Різні шляхи в структурі дерева з великою кількістю гілок можуть мати неоднакову висоту. Однак для заданого дерева існує мінімальна та максимальна висота. Якщо дерево збалансоване, ці значення будуть відрізнятися максимум на одиницю. Це означає, що у збалансованому дереві всі листові вузли або існують в межах одного рівня; або, якщо це не так, відрізняються щонайбільше на один рівень.
+
+Як властивість двійкових дерев пошуку, баланс має велике значення, оскільки він визначає ефективність операцій у дереві. Згідно з поясненням в останньому завданні, незбалансовані дерева є для нас чи не найскладнішим викликом. Самозбалансовані двійкові дерева пошуку зазвичай використовуються для розв'язання цієї проблеми в деревах з динамічними наборами даних. До таких належать АВЛ-дерева, червоно-чорні дерева та Б-дерева. Усі ці типи дерев містять додатковий внутрішній алгоритм, що перебалансовує дерево тоді, коли вставка чи вилучення елементів призводять до порушення його балансу.
+
+**Примітка:**Окрім висоти, двійкові дерева пошуку мають подібну властивість - глибину. Вона позначає відстань від кореня до даного вузла.
+
+# --instructions--
+
+Для нашого двійкового дерева напишіть два методи: `findMinHeight` and `findMaxHeight`. Ці методи повинні повернути ціле значення для мінімальної та максимальної висоти в заданому двійковому дереві відповідно. Якщо вузол порожній, присвоїмо йому висоту `-1` (базовий випадок). І, нарешті, додайте третій метод `isBalanced`, який повертається як `true` or `false` в залежності від того, збалансоване дерево чи ні. Щоб це визначити, можна застосувати перші два методи, які ви щойно написали.
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `findMinHeight`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.findMinHeight == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `findMaxHeight`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.findMaxHeight == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `isBalanced`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.isBalanced == 'function';
+  })()
+);
+```
+
+Метод під назвою `findMinHeight` повинен повертати мінімальну висоту дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMinHeight !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    return test.findMinHeight() == 1;
+  })()
+);
+```
+
+Метод `findMaxHeight` повинен повертати максимальну висоту дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMaxHeight !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    return test.findMaxHeight() == 5;
+  })()
+);
+```
+
+Порожнє дерево повинне повернути висоту `-1`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMaxHeight !== 'function') {
+      return false;
+    }
+    return test.findMaxHeight() == -1;
+  })()
+);
+```
+
+Якщо двійкове дерево пошуку є незбалансованим, метод `isBalanced` повинен повернутися як `false`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.isBalanced !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    return test.isBalanced() === false;
+  })()
+);
+```
+
+Якщо двійкове дерево пошуку є збалансованим, метод `isBalanced` повинен повернутися як `true`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.isBalanced !== 'function') {
+      return false;
+    }
+    test.add(10);
+    test.add(3);
+    test.add(22);
+    test.add(1);
+    test.add(4);
+    test.add(17);
+    test.add(32);
+    return test.isBalanced() === true;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      function searchTree(node) {
+        if (value < node.value) {
+          if (node.left == null) {
+            node.left = new Node(value);
+            return;
+          } else if (node.left != null) {
+            return searchTree(node.left);
+          }
+        } else if (value > node.value) {
+          if (node.right == null) {
+            node.right = new Node(value);
+            return;
+          } else if (node.right != null) {
+            return searchTree(node.right);
+          }
+        } else {
+          return null;
+        }
+      }
+
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        return searchTree(node);
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+  this.findMinHeight = function(root = this.root) {
+    // empty tree.
+    if (root === null) {
+      return -1;
+    }
+    // leaf node.
+    if (root.left === null && root.right === null) {
+      return 0;
+    }
+    if (root.left === null) {
+      return this.findMinHeight(root.right) + 1;
+    }
+    if (root.right === null) {
+      return this.findMinHeight(root.left) + 1;
+    }
+    const lHeight = this.findMinHeight(root.left);
+    const rHeight = this.findMinHeight(root.right);
+    return Math.min(lHeight, rHeight) + 1;
+  };
+  this.findMaxHeight = function(root = this.root) {
+    // empty tree.
+    if (root === null) {
+      return -1;
+    }
+    // leaf node.
+    if (root.left === null && root.right === null) {
+      return 0;
+    }
+    if (root.left === null) {
+      return this.findMaxHeight(root.right) + 1;
+    }
+    if (root.right === null) {
+      return this.findMaxHeight(root.left) + 1;
+    }
+    const lHeight = this.findMaxHeight(root.left);
+    const rHeight = this.findMaxHeight(root.right);
+    return Math.max(lHeight, rHeight) + 1;
+  };
+  this.isBalanced = function(root = this.root) {
+    if (root === null) {
+      return true;
+    }
+
+    if (root.left === null && root.right === null) {
+      return true;
+    }
+
+    if (root.left === null) {
+      return this.findMaxHeight(root.right) <= 0;
+    }
+
+    if (root.right === null) {
+      return this.findMaxHeight(root.left) <= 0;
+    }
+
+    const lHeight = this.findMaxHeight(root.left);
+    const rHeight = this.findMaxHeight(root.right);
+    if (Math.abs(lHeight - rHeight) > 1) {
+      return false;
+    }
+    return this.isBalanced(root.left) && this.isBalanced(root.right);
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..b213350ded
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/find-the-minimum-and-maximum-value-in-a-binary-search-tree.md
@@ -0,0 +1,369 @@
+---
+id: 587d8256367417b2b2512c7a
+title: Знайдіть мінімальне та максимальне значення двійкового дерева пошуку
+challengeType: 1
+forumTopicId: 301642
+dashedName: find-the-minimum-and-maximum-value-in-a-binary-search-tree
+---
+
+# --description--
+
+В цьому завданні ви ознайомитеся з двома методами: `findMin` and `findMax`. Вони повинні повертати мінімальне та максимальне значення, що міститься у двійковому дереві пошуку (наразі не звертайте уваги на додавання значень до дерева, ми додали кілька у фоновому режимі). Якщо ви трохи заплуталися, згадайте про незмінний принцип двійкових дерев пошуку: кожне ліве піддерево повинне бути не меншим за свій батьківський елемент, або дорівнювати йому; кожне праве піддерево - більшим за свій батьківський елемент або дорівнювати йому. Нехай наше дерево зберігає виключно цілі значення. Якщо дерево порожнє, обидва методи повинні повернути `null`.
+
+# --hints--
+
+Має існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `findMin`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.findMin == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `findMax`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.findMax == 'function';
+  })()
+);
+```
+
+Метод `findMin` повинен повернути мінімальне значення у двійковому дереві пошуку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMin !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    return test.findMin() == 1;
+  })()
+);
+```
+
+Метод `findMax` повинен повернути максимальне значення у двійковому дереві пошуку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMax !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    return test.findMax() == 87;
+  })()
+);
+```
+
+Для порожнього дерева методи `findMin` та `findMax` повинні повернути `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.findMin !== 'function') {
+      return false;
+    }
+    if (typeof test.findMax !== 'function') {
+      return false;
+    }
+    return test.findMin() == null && test.findMax() == null;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      function searchTree(node) {
+        if (value < node.value) {
+          if (node.left == null) {
+            node.left = new Node(value);
+            return;
+          } else if (node.left != null) {
+            return searchTree(node.left);
+          }
+        } else if (value > node.value) {
+          if (node.right == null) {
+            node.right = new Node(value);
+            return;
+          } else if (node.right != null) {
+            return searchTree(node.right);
+          }
+        } else {
+          return null;
+        }
+      }
+
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        return searchTree(node);
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+
+function BinarySearchTree() {
+  this.root = null;
+  this.findMin = function() {
+    // Empty tree.
+    if (!this.root) {
+      return null;
+    }
+    let currentNode = this.root;
+    while (currentNode.left) {
+      currentNode = currentNode.left;
+    }
+    return currentNode.value;
+  };
+  this.findMax = function() {
+    // Empty tree.
+    if (!this.root) {
+      return null;
+    }
+    let currentNode = this.root;
+    while (currentNode.right) {
+      currentNode = currentNode.right;
+    }
+    return currentNode.value;
+  };
+  this.add = function(value) {
+    // Empty tree.
+    if (!this.root) {
+      this.root = new Node(value);
+      return undefined;
+    }
+    return this.addNode(this.root, value);
+  };
+  this.addNode = function(node, value) {
+    // Check if value already exists.
+    if (node.value === value) return null;
+    if (value < node.value) {
+      if (node.left) {
+        return this.addNode(node.left, value);
+      } else {
+        node.left = new Node(value);
+        return undefined;
+      }
+    } else {
+      if (node.right) {
+        return this.addNode(node.right, value);
+      } else {
+        node.right = new Node(value);
+        return undefined;
+      }
+    }
+  };
+  this.isPresent = function(value) {
+    if (!this.root) {
+      return null;
+    }
+    return this.isNodePresent(this.root, value);
+  };
+  this.isNodePresent = function(node, value) {
+    if (node.value === value) return true;
+    if (value < node.value) {
+      return node.left ? this.isNodePresent(node.left, value) : false;
+    } else {
+      return node.right ? this.isNodePresent(node.right, value) : false;
+    }
+    return false;
+  };
+  this.findMinHeight = function() {
+    if (!this.root) {
+      return -1;
+    }
+    let heights = {};
+    let height = 0;
+    this.traverseTree(this.root, height, heights);
+    return Math.min(...Object.keys(heights));
+  };
+  this.findMaxHeight = function() {
+    if (!this.root) {
+      return -1;
+    }
+    let heights = {};
+    let height = 0;
+    this.traverseTree(this.root, height, heights);
+    return Math.max(...Object.keys(heights));
+  };
+  this.traverseTree = function(node, height, heights) {
+    if (node.left === null && node.right === null) {
+      return (heights[height] = true);
+    }
+    if (node.left) {
+      this.traverseTree(node.left, height + 1, heights);
+    }
+    if (node.right) {
+      this.traverseTree(node.right, height + 1, heights);
+    }
+  };
+  this.isBalanced = function() {
+    return this.findMaxHeight() > this.findMinHeight() + 1;
+  };
+  // DFS tree traversal.
+  this.inorder = function() {
+    if (!this.root) return null;
+    let result = [];
+
+    function traverseInOrder(node) {
+      if (node.left) traverseInOrder(node.left);
+      result.push(node.value);
+      if (node.right) traverseInOrder(node.right);
+    }
+    traverseInOrder(this.root);
+    return result;
+  };
+  this.preorder = function() {
+    if (!this.root) return null;
+    let result = [];
+
+    function traverseInOrder(node) {
+      result.push(node.value);
+      if (node.left) traverseInOrder(node.left);
+      if (node.right) traverseInOrder(node.right);
+    }
+    traverseInOrder(this.root);
+    return result;
+  };
+  this.postorder = function() {
+    if (!this.root) return null;
+    let result = [];
+
+    function traverseInOrder(node) {
+      if (node.left) traverseInOrder(node.left);
+      if (node.right) traverseInOrder(node.right);
+      result.push(node.value);
+    }
+    traverseInOrder(this.root);
+    return result;
+  };
+  // BFS tree traversal.
+  this.levelOrder = function() {
+    if (!this.root) return null;
+    let queue = [this.root];
+    let result = [];
+    while (queue.length) {
+      let node = queue.shift();
+      result.push(node.value);
+      if (node.left) queue.push(node.left);
+      if (node.right) queue.push(node.right);
+    }
+    return result;
+  };
+  this.reverseLevelOrder = function() {
+    if (!this.root) return null;
+    let queue = [this.root];
+    let result = [];
+    while (queue.length) {
+      let node = queue.shift();
+      result.push(node.value);
+      if (node.right) queue.push(node.right);
+      if (node.left) queue.push(node.left);
+    }
+    return result;
+  };
+  // Delete a leaf node.
+}
+let bst = new BinarySearchTree();
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.md
new file mode 100644
index 0000000000..84277bc107
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/implement-heap-sort-with-a-min-heap.md
@@ -0,0 +1,144 @@
+---
+id: 587d825b367417b2b2512c8c
+title: Пірамідальне сортування за допомогою неспадної купи
+challengeType: 1
+forumTopicId: 301643
+dashedName: implement-heap-sort-with-a-min-heap
+---
+
+# --description--
+
+Тепер, коли ми можемо додавати та видаляти елементи, подивимось, для яких програм можна використовувати купи. Купи зазвичай використовуються для реалізації черг з пріоритетом, оскільки вони завжди зберігають елемент найбільшого чи найменшого значення на першій позиції. Крім того, їх застосовують для реалізації алгоритму сортування, який називається пірамідальне сортування. Тут ми побачимо, як реалізувати даний алгоритм. Пірамідальне сортування використовує неспадну купу, яка є протилежною до незростаючої купи. Неспадна купа завжди зберігає елемент з найменшим значенням в корені дерева (піраміди).
+
+Пірамідальне сортування працює таким чином: кожен елемент додається до неспадної купи в несортованому масиві, а тоді кожен елемент вилучається з цієї неспадної купи до нового відсортованого масиву. Структура неспадної купи гарантує, що у новому масиві вхідні елементи будуть розташовані від найменшого до найбільшого. Це один з найефективніших алгоритмів сортування у середньому та найгіршому випадках складності O(nlog(n)).
+
+# --instructions--
+
+Реалізуймо пірамідальне сортування з неспадною купою. Не соромтеся адаптувати свій код незростаючої купи. Створіть об'єкт `MinHeap` з методами `insert`, `remove` та `sort`. Метод `sort` повинен повертати масив усіх елементів у неспадну купу, де вони будуть відсортовані від найменшого до найбільшого.
+
+# --hints--
+
+Повинна існувати структура даних MinHeap (неспадна купа).
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MinHeap !== 'undefined') {
+      test = new MinHeap();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+MinHeap повинна мати метод під назвою insert.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MinHeap !== 'undefined') {
+      test = new MinHeap();
+    } else {
+      return false;
+    }
+    return typeof test.insert == 'function';
+  })()
+);
+```
+
+MinHeap повинна мати метод під назвою remove.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MinHeap !== 'undefined') {
+      test = new MinHeap();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+MinHeap повинна мати метод під назвою sort.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MinHeap !== 'undefined') {
+      test = new MinHeap();
+    } else {
+      return false;
+    }
+    return typeof test.sort == 'function';
+  })()
+);
+```
+
+Метод sort повинен повертати масив, що містить усі елементи, додані до неспадної купи, у відсортованому порядку.
+
+```js
+assert(
+  (() => {
+    if (typeof MinHeap === 'undefined') {
+      return false;
+    }
+
+    const heap = new MinHeap();
+    const arr = createRandomArray(25);
+
+    for (let i of arr) {
+      heap.insert(i);
+    }
+
+    const result = heap.sort();
+    arr.sort((a, b) => a - b);
+
+    for (let i = 0; i < arr.length; i++) {
+      if (arr[i] !== result[i]) {
+        return false;
+      }
+    }
+    return true;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isSorted(a){
+  for(let i = 0; i < a.length - 1; i++)
+    if(a[i] > a[i + 1])
+      return false;
+  return true;
+}
+// Generate a randomly filled array
+function createRandomArray(size = 5){
+  let a = new Array(size);
+  for(let i = 0; i < size; i++)
+    a[i] = Math.floor(Math.random() * 100);
+
+  return a;
+}
+const array = createRandomArray(25);
+
+var MinHeap = function() {
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/incidence-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/incidence-matrix.md
new file mode 100644
index 0000000000..6d924c5e44
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/incidence-matrix.md
@@ -0,0 +1,110 @@
+---
+id: 587d8256367417b2b2512c79
+title: Матриця інцидентності
+challengeType: 1
+forumTopicId: 301644
+dashedName: incidence-matrix
+---
+
+# --description--
+
+Граф можна представити ще й іншим способом — помістити його в <dfn>матрицю інцидентності</dfn>
+
+<dfn>Матриця інцидентності</dfn> — це двовимірний масив. У цілому, цей термін використовують на позначення двох різних класів об'єктів між двома вимірами. Цей тип матриці має схожі властивості з матрицею суміжності. Однак тут рядки та стовпці означають дещо інше.
+
+Графи мають ребра та вершини. Це і є "два різних класи об'єктів". Відповідно рядки в цій матриці відповідають вершинам, а стовпці — ребрам. А отже, ми можемо мати непарну кількість рядків та стовпців.
+
+Кожний стовпець представляє відповідне ребро. Крім того, кожне ребро з'єднує дві вершини. Щоб показати, що між двома вершинами є ребро, помістіть 1 у два рядки певного стовпця. Нижче розташований граф, що складається з трьох вершин та одного ребра між вузлами 1 та 3.
+
+<blockquote>    1<br>   ---<br>1 | 1<br>2 | 0<br>3 | 1</blockquote>
+
+Ось приклад матриці інцидентності `incidence matrix` з 4-ма ребрами та 4-ма вершинами. Пам'ятайте, стовпці — це ребра, а рядки — вершини.
+
+<blockquote>    1 2 3 4<br>   --------<br>1 | 0 1 1 1<br>2 | 1 1 0 0<br>3 | 1 0 0 1<br>4 | 0 0 1 0</blockquote>
+
+Нижче видно реалізацію попереднього прикладу в JavaScript.
+
+```js
+var incMat = [
+  [0, 1, 1, 1],
+  [1, 1, 0, 0],
+  [1, 0, 0, 1],
+  [0, 0, 1, 0]
+];
+```
+
+Щоб створити орієнтований граф, використовуйте `-1` для ребра, який виходить з певної вершини, і `1` для ребра, що входить у вершину.
+
+```js
+var incMatDirected = [
+  [ 0, -1,  1, -1],
+  [-1,  1,  0,  0],
+  [ 1,  0,  0,  1],
+  [ 0,  0, -1,  0]
+];
+```
+
+Графи також можуть мати <dfn>ваги</dfn> для своїх ребер. Поки що ми маємо <dfn>незважені</dfn> ребра, де наявність і відсутність ребра є бінарним елементом (`0` або `1`). Ваги можуть бути різними в залежності від застосування. Різна вага представлена у вигляді чисел більших за 1.
+
+# --instructions--
+
+Створіть матрицю інцидентності для неорієнтованого графа з 5-ма вершинами та 4-ма ребрами. Вона повинна бути в багатовимірному масиві.
+
+Ці 5 вершин розташовані в такому порядку. Перше ребро лежить між першою та другою вершинами. Друге ребро знаходиться між другою та третьою вершинами. Між третьою та п'ятою вершинами — третє ребро. А четверте ребро — між четвертою та другою вершинами. Вага ребер дорівнює 1, причому їх порядок також важливий.
+
+# --hints--
+
+`incMatUndirected` має містити виключно 5 вершин.
+
+```js
+assert(
+  incMatUndirected.length === 5 &&
+    incMatUndirected
+      .map(function (x) {
+        return x.length === 4;
+      })
+      .reduce(function (a, b) {
+        return a && b;
+      })
+);
+```
+
+Між першою та другою вершинами повинне бути перше ребро.
+
+```js
+assert(incMatUndirected[0][0] === 1 && incMatUndirected[1][0] === 1);
+```
+
+Між другою і третьою вершинами має бути друге ребро.
+
+```js
+assert(incMatUndirected[1][1] === 1 && incMatUndirected[2][1] === 1);
+```
+
+Третє ребро повинне бути між третьою та п'ятою вершинами.
+
+```js
+assert(incMatUndirected[2][2] === 1 && incMatUndirected[4][2] === 1);
+```
+
+Четверте ребро повинне бути між другою та четвертою вершинами.
+
+```js
+assert(incMatUndirected[1][3] === 1 && incMatUndirected[3][3] === 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var incMatUndirected = [
+
+];
+```
+
+# --solutions--
+
+```js
+var incMatUndirected = [[1, 0, 0, 0],[1, 1, 0, 1],[0, 1, 1, 0],[0, 0, 0, 1],[0, 0, 1, 0]];
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.md
new file mode 100644
index 0000000000..85cb5e0519
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/insert-an-element-into-a-max-heap.md
@@ -0,0 +1,165 @@
+---
+id: 587d825a367417b2b2512c8a
+title: Вставити елемент у максимальну купу
+challengeType: 1
+forumTopicId: 301703
+dashedName: insert-an-element-into-a-max-heap
+---
+
+# --description--
+
+А тепер перейдемо до іншої деревоподібної структури даних — двійкової купи. Двійкова купка — це частково впорядковане двійкове дерево, яке задовольняє властивість купи. Властивість купи визначає співвідношення між батьківським та дочірнім вузлами. Існує зростаюча купа, у якої всі батьківські вузли мають більше або рівне значення відносно дочірніх вузлів, та неспадна купа, де ця умова діє у зворотньому напрямку. Двійкові купи — це ще також повні двійкові дерева. Це означає, що всі рівні дерева повністю заповнені або, якщо останній рівень неповний, він заповнений зліва направо.
+
+І хоч двійкові купи реалізуються у вигляді дерева з вузлами, що ростуть уліво та вправо, відповідно до властивості купи вона може бути представлена масивом, за умови часткового впорядкування. Нас цікавить співвідношення батьківський-дочірній вузол, а з допомогою простої арифметики ми зможемо обрахувати кількість дочірних елементів певного батьківського вузла та батьків конкретного дочірнього вузла.
+
+Приміром, розглянемо наступну двійкову неспадну купу у вигляді масиву:
+
+```js
+[ 6, 22, 30, 37, 63, 48, 42, 76 ]
+```
+
+Перший елемент — кореневий вузол — `6`. Його дочірні вузли — `22` та `30`. Якщо поглянути на відношення між індексами масиву цих значень, то для індексу `i` дочірніми вузлами будуть `2 * i + 1` and `2 * i + 2`. Схожим чином елемент в індексі `0` буде мати батьківське відношення стосовно цих двох дочірніх вузлів в індексі `1` і `2`. Загалом можна знайти батьківський вузол у будь-якому індексі, використовуючи такий шаблон: `Math.floor((i - 1) / 2)`. За ним можна отримувати правдиву інформацію незалежно від розміру дерева. На завершення, ми можемо зробити незначне коригування, щоб полегшити обчислення, пропустивши перший елемент у рядку. Ця дія створює зв'язки з кожним елементом із заданим індексом `i`:
+
+Приклад відображення масиву:
+
+```js
+[ null, 6, 22, 30, 37, 63, 48, 42, 76 ]
+```
+
+Лівий дочірній вузол елемента: `i * 2`
+
+Правий дочірній вузол елемента: `i * 2 + 1`
+
+Батьківський вузол елемента: `Math.floor(i / 2)`
+
+Як тільки ці обрахунки вклалися у голові, використання двійкового масиву стане у пригоді, оскільки це уможливить швидке визначення розташування вузла, водночас використання пам'яті зменшується за відсутності потреби зберігати посилання на дочірні вузли.
+
+# --instructions--
+
+Інструкції: Як створити зростаючу купу. Розпочніть із створення методу `insert` за допомогою якого елементи можна додати до купи. Під час вставки важливо завжди підтримувати властивості купи. Щодо незростаючої купи, кореневий елемент дерева має найбільшу вагу, а усі дочірні вузли не перевищують значення батьківських вузлів. Перетворення масиву у незростаючу купу зазвичай відбувається у три етапи:
+
+<ol>
+  <li>Додайте новий елемент у кінець масиву.</li>
+  <li>Якщо цей елемент більший від батьківського, перемкніть їх.</li>
+  <li>Продовжуйте перемикати, поки значення нового елемента не стане меншим від батьківського, або поки він не досягне кореня дерева.</li>
+</ol>
+
+Наостанок, скористайтеся процедурою `print` яка повертає до масиву усі елементи, які додали у купу.
+
+# --hints--
+
+Дані незростаючої купи повинні бути структуровані.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Незростаюча купа повинна містити процедуру insert.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    return typeof test.insert == 'function';
+  })()
+);
+```
+
+Незростаюча купа повинна містити процедуру print.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    return typeof test.print == 'function';
+  })()
+);
+```
+
+Процедура insert додає елементи відповідно до властивостей купи.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    test.insert(50);
+    test.insert(100);
+    test.insert(700);
+    test.insert(32);
+    test.insert(51);
+    test.insert(800);
+    const result = test.print();
+    const solution = JSON.stringify([null,800,51,700,32,50,100]);
+    const solutionWithoutNull = JSON.stringify([800,51,700,32,50,100]);
+
+    return (result.length == 6) ? (JSON.stringify(result) == solutionWithoutNull) : (JSON.stringify(result) == solution);
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var MaxHeap = function() {
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+var MaxHeap = function() {
+    // Only change code below this line
+    this.heap = [];
+    this.parent = index => {
+      return Math.floor((index - 1) / 2);
+    }
+    this.insert = element => {
+      this.heap.push(element);
+      this.heapifyUp(this.heap.length - 1);
+    }
+    this.heapifyUp = index => {
+      let currentIndex = index,
+      parentIndex = this.parent(currentIndex);
+      while (currentIndex > 0 && this.heap[currentIndex] > this.heap[parentIndex]) {
+        this.swap(currentIndex, parentIndex);
+        currentIndex = parentIndex;
+        parentIndex = this.parent(parentIndex);
+      }
+    }
+    this.swap = (index1, index2) => {
+      [this.heap[index1], this.heap[index2]] = [this.heap[index2], this.heap[index1]];
+    }
+    this.print = () => {
+      return this.heap;
+    }
+    // Only change code above this line
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/invert-a-binary-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/invert-a-binary-tree.md
new file mode 100644
index 0000000000..91f340bbdc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/invert-a-binary-tree.md
@@ -0,0 +1,192 @@
+---
+id: 587d8259367417b2b2512c83
+title: Інвертування двійкового дерева
+challengeType: 1
+forumTopicId: 301704
+dashedName: invert-a-binary-tree
+---
+
+# --description--
+
+Тут ми створимо функцію інвертування двійкового дерева. На основі поданого двійкового дерева ми хочемо створити нове дерево, що є його дзеркальним відображенням. Запуск серединного обходу інвертованого дерева досліджує вузли у зворотному порядку у порівнянні з серединним обходом вхідного дерева. Для цього напишіть у нашому двійковому дереві метод під назвою `invert`. Цей метод повинен інвертувати поточну структуру дерева. В ідеалі ми б хотіли зробити це in-place за лінійний час. Тобто ми відвідуємо кожен вузол лише один раз і змінюємо вхідну структуру дерева без використання додаткової пам’яті. Успіхів!
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `invert`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.invert == 'function';
+  })()
+);
+```
+
+Метод `invert` повинен правильно інвертувати структуру дерева.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.invert !== 'function') {
+      return false;
+    }
+    test.add(4);
+    test.add(1);
+    test.add(7);
+    test.add(87);
+    test.add(34);
+    test.add(45);
+    test.add(73);
+    test.add(8);
+    test.invert();
+    return test.inorder().join('') == '877345348741';
+  })()
+);
+```
+
+Спроба інвертування порожнього дерева має повертатися як `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.invert !== 'function') {
+      return false;
+    }
+    return test.invert() == null;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      function searchTree(node) {
+        if (value < node.value) {
+          if (node.left == null) {
+            node.left = new Node(value);
+            return;
+          } else if (node.left != null) {
+            return searchTree(node.left)
+          };
+        } else if (value > node.value) {
+          if (node.right == null) {
+            node.right = new Node(value);
+            return;
+          } else if (node.right != null) {
+            return searchTree(node.right);
+          };
+        } else {
+          return null;
+        };
+      }
+
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        return searchTree(node);
+      };
+    },
+    inorder: function() {
+      if (this.root == null) {
+        return null;
+      } else {
+        var result = new Array();
+        function traverseInOrder(node) {
+          if (node.left != null) {
+            traverseInOrder(node.left);
+          };
+          result.push(node.value);
+          if (node.right != null) {
+            traverseInOrder(node.right);
+          };
+        }
+        traverseInOrder(this.root);
+        return result;
+      };
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = (tree) => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+  this.invert = function(node = this.root) {
+    if (node) {
+      const temp = node.left;
+      node.left = node.right;
+      node.right = temp;
+      this.invert(node.left);
+      this.invert(node.right);
+    }
+    return node;
+  }
+    // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/learn-how-a-stack-works.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/learn-how-a-stack-works.md
new file mode 100644
index 0000000000..92d0d80142
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/learn-how-a-stack-works.md
@@ -0,0 +1,71 @@
+---
+id: 587d8250367417b2b2512c5e
+title: Основи роботи зі стеком
+challengeType: 1
+forumTopicId: 301705
+dashedName: learn-how-a-stack-works
+---
+
+# --description--
+
+На вашому столі, певно, є стос книг. Ви, ймовірно, використовували функцію скасування в текстовому редакторі, правда ж? А ще, вірогідно, ви часто натискаєте на кнопку "Назад" у вашому телефоні, щоб повернутися до попередньої переглянутої вкладки в застосунку.
+
+Знаєте, що у них спільного? Всі вони зберігають дані так, щоб ви могли повернутися до них.
+
+Верхня книга у стосі це та, яку поклали туди останньою. Якщо ви заберете цю книгу зі стосу, то побачите наступну - ту, яку поклали туди перед останньою, і так далі.
+
+А тепер подумаймо: у всіх вищенаведених прикладах ви отримуєте тип сервісу <dfn>Last-In-First-Out</dfn> (Останній прийшов - перший пішов). Ми спробуємо зімітувати цей принцип за допомогою нашого коду.
+
+Така схема зберігання даних називається <dfn>стеком</dfn>. Зокрема, нам потрібно буде реалізувати метод `push()`, який поміщає об'єкти JavaScript до вершини стеку; та метод `pop()`, який вилучає об'єкт JavaScript, який на цей момент знаходиться на вершині стеку.
+
+# --instructions--
+
+Ось наш стек домашніх завдань, поданих у вигляді масиву: `"BIO12"` - в основі стеку, а `"PSY44"` - на його вершині.
+
+Змініть даний масив і розгляньте його як `stack`, використовуючи згадані вище методи JavaScript. Вилучіть верхній елемент `"PSY44"` зі стека. Потім додайте `"CS50"` у якості нового верхнього елемента стеку.
+
+# --hints--
+
+Стек `homeworkStack` повинен містити лише 4 елементи.
+
+```js
+assert(homeworkStack.length === 4);
+```
+
+Останній елемент у стеку `homeworkStack` має бути `"CS50"`.
+
+```js
+assert(homeworkStack[3] === 'CS50');
+```
+
+Стек `homeworkStack` не повинен містити елементу `"PSY44"`.
+
+```js
+assert(homeworkStack.indexOf('PSY44') === -1);
+```
+
+Початковий опис стеку `homeworkStack` не повинен бути зміненим.
+
+```js
+assert(
+  code.match(/=/g).length === 1 &&
+    /homeworkStack\s*=\s*\["BIO12"\s*,\s*"HIS80"\s*,\s*"MAT122"\s*,\s*"PSY44"\]/.test(
+      code
+    )
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var homeworkStack = ["BIO12","HIS80","MAT122","PSY44"];
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.md
new file mode 100644
index 0000000000..d97a303ddc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-difference-on-two-sets-of-data.md
@@ -0,0 +1,219 @@
+---
+id: 587d8254367417b2b2512c6e
+title: Різниця двох множин даних
+challengeType: 1
+forumTopicId: 301706
+dashedName: perform-a-difference-on-two-sets-of-data
+---
+
+# --description--
+
+У цій вправі ви навчитеся знаходити різницю двох множин даних. У нашій структурі даних `Set` ми створимо метод під назвою `difference`. Різниця двох множин повинна порівнювати їх та повертати ті елементи, які наявні у першій множині, але відсутні у другій. Цей метод повинен використовувати іншу множину `Set` як аргумент та повертати `difference` (різницю) двох множин.
+
+Наприклад, якщо множина `setA = ['a','b','c']`, а множина `setB = ['a','b','d','e']`, то різниця множин setA та setB буде такою: `setA.difference(setB) = ['c']`.
+
+# --hints--
+
+Ваш клас `Set` повинен мати метод `difference`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.difference === 'function';
+  })()
+);
+```
+
+Метод `difference` повинен повертатися як правильна множина даних.
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setA.add('c');
+    setB.add('c');
+    setB.add('d');
+    var differenceSetAB = setA.difference(setB);
+    return (
+      differenceSetAB.size() === 2 &&
+      DeepEqual(differenceSetAB.values(), ['a', 'b'])
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class Set {
+  constructor() {
+    // This will hold the set
+    this.dictionary = {};
+    this.length = 0;
+  }
+  // This method will check for the presence of an element and return true or false
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+  // This method will return all the values in the set
+  values() {
+    return Object.keys(this.dictionary);
+  }
+  // This method will add an element to the set
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will remove an element from a set
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will return the size of the set
+  size() {
+    return this.length;
+  }
+  // This is our union method 
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+  // This is our intersection method
+  intersection(set) {
+    const newSet = new Set();
+
+    let largeSet;
+    let smallSet;
+    if (this.dictionary.length > set.length) {
+      largeSet = this;
+      smallSet = set;
+    } else {
+      largeSet = set;
+      smallSet = this;
+    }
+
+    smallSet.values().forEach(value => {
+      if (largeSet.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Set {
+  constructor() {
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  values() {
+    return Object.keys(this.dictionary);
+  }
+
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+
+  size() {
+    return this.length;
+  }
+
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+
+  intersection(set) {
+    const newSet = new Set();
+
+    let largeSet;
+    let smallSet;
+    if (this.dictionary.length > set.length) {
+      largeSet = this;
+      smallSet = set;
+    } else {
+      largeSet = set;
+      smallSet = this;
+    }
+
+    smallSet.values().forEach(value => {
+      if (largeSet.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+
+  difference(set) {
+    const newSet = new Set();
+
+    this.values().forEach(value => {
+      if (!set.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.md
new file mode 100644
index 0000000000..60a1e7996a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-subset-check-on-two-sets-of-data.md
@@ -0,0 +1,302 @@
+---
+id: 587d8254367417b2b2512c6f
+title: Перевірка підмножин двох множин даних
+challengeType: 1
+forumTopicId: 301707
+dashedName: perform-a-subset-check-on-two-sets-of-data
+---
+
+# --description--
+
+У цій вправі ви навчитеся виконувати перевірку підмножин двох множин даних. У нашій структурі даних `Set` ми створимо метод під назвою `isSubsetOf`. Він дасть нам змогу порівняти першу множину з другою, і якщо перша повністю міститься в другій, то метод повернеться як `true`.
+
+Наприклад, якщо множина `setA = ['a','b']`, а множина `setB = ['a','b','c','d']`, то `setA` є підмножиною `setB`, а отже метод `setA.isSubsetOf(setB)` повинен повернутися як `true`.
+
+# --hints--
+
+Ваш клас `Set` має містити метод `isSubsetOf`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.isSubsetOf === 'function';
+  })()
+);
+```
+
+Перша множина Set() повинна міститися у другій
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setB.add('b');
+    setB.add('c');
+    setB.add('a');
+    setB.add('d');
+    var aIsSubsetOfB = setA.isSubsetOf(setB);
+    return aIsSubsetOfB === true;
+  })()
+);
+```
+
+Метод `['a', 'b'].isSubsetOf(['a', 'b', 'c', 'd'])` повинен повернутися як `true`
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setB.add('a');
+    setB.add('b');
+    setB.add('c');
+    setB.add('d');
+    var aIsSubsetOfB = setA.isSubsetOf(setB);
+    return aIsSubsetOfB === true;
+  })()
+);
+```
+
+Метод `['a', 'b', 'c'].isSubsetOf(['a', 'b'])` повинен повернутися як `false`
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setA.add('c');
+    setB.add('a');
+    setB.add('b');
+    var aIsSubsetOfB = setA.isSubsetOf(setB);
+    return aIsSubsetOfB === false;
+  })()
+);
+```
+
+Метод `[].isSubsetOf([])` повинен повернутися як `true`
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    var aIsSubsetOfB = setA.isSubsetOf(setB);
+    return aIsSubsetOfB === true;
+  })()
+);
+```
+
+Метод `['a', 'b'].isSubsetOf(['c', 'd'])` повинен повернутися як `false`
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setB.add('c');
+    setB.add('d');
+    var aIsSubsetOfB = setA.isSubsetOf(setB);
+    return aIsSubsetOfB === false;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class Set {
+  constructor() {
+    // This will hold the set
+    this.dictionary = {};
+    this.length = 0;
+  }
+  // This method will check for the presence of an element and return true or false
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+  // This method will return all the values in the set
+  values() {
+    return Object.keys(this.dictionary);
+  }
+  // This method will add an element to the set
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will remove an element from a set
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will return the size of the set
+  size() {
+    return this.length;
+  }
+  // This is our union method 
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+  // This is our intersection method
+  intersection(set) {
+    const newSet = new Set();
+
+    let largeSet;
+    let smallSet;
+    if (this.dictionary.length > set.length) {
+      largeSet = this;
+      smallSet = set;
+    } else {
+      largeSet = set;
+      smallSet = this;
+    }
+
+    smallSet.values().forEach(value => {
+      if (largeSet.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+
+  difference(set) {
+    const newSet = new Set();
+
+    this.values().forEach(value => {
+      if (!set.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Set {
+  constructor() {
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  values() {
+    return Object.keys(this.dictionary);
+  }
+
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+
+  size() {
+    return this.length;
+  }
+
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+
+  intersection(set) {
+    const newSet = new Set();
+
+    let largeSet;
+    let smallSet;
+    if (this.dictionary.length > set.length) {
+      largeSet = this;
+      smallSet = set;
+    } else {
+      largeSet = set;
+      smallSet = this;
+    }
+
+    smallSet.values().forEach(value => {
+      if (largeSet.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }  
+
+  difference(set) {
+    const newSet = new Set();
+
+    this.values().forEach(value => {
+      if (!set.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+
+  isSubsetOf(set) {
+    for(const value of this.values()){
+      if(!set.dictionary[value]) return false;
+    }
+    return true
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-union-on-two-sets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-union-on-two-sets.md
new file mode 100644
index 0000000000..dc924f46ef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-a-union-on-two-sets.md
@@ -0,0 +1,155 @@
+---
+id: 587d8253367417b2b2512c6c
+title: Об'єднання двох множин
+challengeType: 1
+forumTopicId: 301708
+dashedName: perform-a-union-on-two-sets
+---
+
+# --description--
+
+У цій вправі ви навчитеся виконувати об'єднання двох множин даних. У нашій структурі даних `Set` ми створимо метод під назвою `union`. Цей метод повинен використовувати іншу множину `Set` як аргумент та повертати `union` (об'єднання) двох множин, виключаючи будь-які повторювані у цих множинах значення.
+
+Наприклад, якщо множина `setA = ['a','b','c']`, а множина `setB = ['a','b','d','e']`, то об'єднання множин setA та setB буде таким: `setA.union(setB) = ['a', 'b', 'c', 'd', 'e']`.
+
+# --hints--
+
+Ваш клас `Set` повинен мати метод `union`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.union === 'function';
+  })()
+);
+```
+
+Спроба об'єднання множини, що містить значення ["a", "b", "c"], та множини, що містить значення ["c", "d"], повинна повертатися як нова множина зі значеннями ["a", "b", "c", "d"].
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setA.add('c');
+    setB.add('c');
+    setB.add('d');
+    var unionSetAB = setA.union(setB);
+    var final = unionSetAB.values();
+    return (
+      final.indexOf('a') !== -1 &&
+      final.indexOf('b') !== -1 &&
+      final.indexOf('c') !== -1 &&
+      final.indexOf('d') !== -1 &&
+      final.length === 4
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class Set {
+  constructor() {
+    // This will hold the set
+    this.dictionary = {};
+    this.length = 0;
+  }
+  // This method will check for the presence of an element and return true or false
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+  // This method will return all the values in the set
+  values() {
+    return Object.values(this.dictionary);
+  }
+  // This method will add an element to the set
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = element;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will remove an element from a set
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will return the size of the set
+  size() {
+    return this.length;
+  }
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Set {
+  constructor() {
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  values() {
+    return Object.values(this.dictionary);
+  }
+
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = element;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+
+  size() {
+    return this.length;
+  }
+
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.md
new file mode 100644
index 0000000000..04a062f62f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/perform-an-intersection-on-two-sets-of-data.md
@@ -0,0 +1,184 @@
+---
+id: 587d8253367417b2b2512c6d
+title: Перетин двох множин даних
+challengeType: 1
+forumTopicId: 301709
+dashedName: perform-an-intersection-on-two-sets-of-data
+---
+
+# --description--
+
+У цій вправі ви навчитеся реалізовувати перетин двох множин даних. У нашій структурі даних `Set` ми створимо метод під назвою `intersection`. Перетин множин - це всі значення, спільні для двох чи більше множин. Цей метод повинен використовувати іншу множину `Set` як аргумент та повертати `intersection` (перетин) цих двох множин.
+
+Наприклад, якщо множина `setA = ['a','b','c']`, а множина `setB = ['a','b','d','e']`, то перетин множин setA та setB буде таким: `setA.intersection(setB) = ['a', 'b']`.
+
+# --hints--
+
+Ваш клас `Set` повинен містити метод під назвою `intersection`.
+
+```js
+assert(
+  (function () {
+    var test = new Set();
+    return typeof test.intersection === 'function';
+  })()
+);
+```
+
+В результаті повинна повернутися правильна множина.
+
+```js
+assert(
+  (function () {
+    var setA = new Set();
+    var setB = new Set();
+    setA.add('a');
+    setA.add('b');
+    setA.add('c');
+    setB.add('c');
+    setB.add('d');
+    var intersectionSetAB = setA.intersection(setB);
+    return (
+      intersectionSetAB.size() === 1 && intersectionSetAB.values()[0] === 'c'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+class Set {
+  constructor() {
+    // This will hold the set
+    this.dictionary = {};
+    this.length = 0;
+  }
+  // This method will check for the presence of an element and return true or false
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+  // This method will return all the values in the set
+  values() {
+    return Object.keys(this.dictionary);
+  }
+  // This method will add an element to the set
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will remove an element from a set
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+  // This method will return the size of the set
+  size() {
+    return this.length;
+  }
+  // This is our union method 
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+class Set {
+  constructor() {
+    this.dictionary = {};
+    this.length = 0;
+  }
+
+  has(element) {
+    return this.dictionary[element] !== undefined;
+  }
+
+  values() {
+    return Object.keys(this.dictionary);
+  }
+
+  add(element) {
+    if (!this.has(element)) {
+      this.dictionary[element] = true;
+      this.length++;
+      return true;
+    }
+
+    return false;
+  }
+
+  remove(element) {
+    if (this.has(element)) {
+      delete this.dictionary[element];
+      this.length--;
+      return true;
+    }
+
+    return false;
+  }
+
+  size() {
+    return this.length;
+  }
+
+  union(set) {
+    const newSet = new Set();
+    this.values().forEach(value => {
+      newSet.add(value);
+    })
+    set.values().forEach(value => {
+      newSet.add(value);
+    })
+
+    return newSet;
+  }
+
+  intersection(set) {
+    const newSet = new Set();
+
+    let largeSet;
+    let smallSet;
+    if (this.dictionary.length > set.length) {
+      largeSet = this;
+      smallSet = set;
+    } else {
+      largeSet = set;
+      smallSet = this;
+    }
+
+    smallSet.values().forEach(value => {
+      if (largeSet.dictionary[value]) {
+        newSet.add(value);
+      }
+    })
+
+    return newSet;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.md
new file mode 100644
index 0000000000..516f1c1fad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-an-element-from-a-max-heap.md
@@ -0,0 +1,151 @@
+---
+id: 587d825b367417b2b2512c8b
+title: Вилучення елементів з незростаючої купи
+challengeType: 1
+forumTopicId: 301710
+dashedName: remove-an-element-from-a-max-heap
+---
+
+# --description--
+
+Ми вже вміємо додавати елементи до нашої купи, тож тепер навчимося їх видаляти. Насправді алгоритми видалення та додавання елементів є схожими. У незростаючій купі зазвичай видаляють найбільше значення, тому потрібно просто вилучити його з кореня дерева. Властивість купи у цьому дереві зруйнується, а отже потрібно якось її відновити. У випадку з незростаючою купою це можна зробити таким чином:
+
+<ol>
+  <li>Перемістіть останній елемент купи до кореневої позиції.</li>
+  <li>Якщо будь-який дочірній елемент кореня більший, ніж сам корінь, то треба замінити корінь дочірнім елементом з більшим значенням.</li>
+  <li>Продовжуйте заміну до тих пір, поки батьківський вузол не стане більшим за обидва дочірні, або ж поки не дійдете до останнього рівня у дереві.</li>
+</ol>
+
+# --instructions--
+
+Інструкції: Додайте до незростаючої купи метод під назвою `remove`. Цей метод повинен повернути найбільше значення, додане до незростаючої купи, та видалити його з цієї купи. Він також має змінити порядок розміщення в купі, щоб зберегти її властивість. Після видалення елементу коренем повинен стати наступний найбільший елемент купи.
+
+# --hints--
+
+Повинна існувати структура даних MaxHeap.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+У MaxHeap повинен бути метод під назвою print.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    return typeof test.print == 'function';
+  })()
+);
+```
+
+У MaxHeap повинен бути метод під назвою insert.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    return typeof test.insert == 'function';
+  })()
+);
+```
+
+У MaxHeap повинен бути метод під назвою remove.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    return typeof test.remove == 'function';
+  })()
+);
+```
+
+Метод remove має видаляти найбільший елемент з незростаючої купи, зберігаючи при цьому властивість купи.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof MaxHeap !== 'undefined') {
+      test = new MaxHeap();
+    } else {
+      return false;
+    }
+    test.insert(30);
+    test.insert(300);
+    test.insert(500);
+    test.insert(10);
+    let result = [];
+    result.push(test.remove());
+    result.push(test.remove());
+    result.push(test.remove());
+    result.push(test.remove());
+    return result.join('') == '5003003010';
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var MaxHeap = function () {
+  this.heap = [];
+  this.parent = index => {
+    return Math.floor((index - 1) / 2);
+  }
+  this.insert = element => {
+    this.heap.push(element);
+    this.heapifyUp(this.heap.length - 1);
+  }
+  this.heapifyUp = index => {
+    let currentIndex = index,
+    parentIndex = this.parent(currentIndex);
+    while (currentIndex > 0 && this.heap[currentIndex] > this.heap[parentIndex]) {
+      this.swap(currentIndex, parentIndex);
+      currentIndex = parentIndex;
+      parentIndex = this.parent(parentIndex);
+    }
+  }
+  this.swap = (index1, index2) => {
+    [this.heap[index1], this.heap[index2]] = [this.heap[index2], this.heap[index1]];
+  }
+  this.print = () => {
+    return this.heap;
+  }
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.md
new file mode 100644
index 0000000000..72c8d18e87
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list-by-index.md
@@ -0,0 +1,242 @@
+---
+id: 587d8251367417b2b2512c65
+title: Видалення елементів зі зв'язаного списку за індексом
+challengeType: 1
+forumTopicId: 301711
+dashedName: remove-elements-from-a-linked-list-by-index
+---
+
+# --description--
+
+Перед тим, як перейти до іншої структури даних, попрактикуймося ще зі зв'язаними списками.
+
+Напишімо метод `removeAt`, який видаляє `element` із заданим `index`. Метод повинен мати назву `removeAt(index)`. Щоб видалити `element` з певним `index`, нам знадобиться поновлюваний перелік кожного вузла у зв'язаному списку.
+
+Зазвичай, щоб пройтися елементами зв'язаного списку, користуються технікою, що містить <dfn>'runner'</dfn>, або вартового, який "вказує" на вузли, які порівнює ваш код. Оскільки в нашому випадку ми почнемо з `head` (голови) списку, то змінна `currentIndex` починається з `0`. `currentIndex` має збільшуватись на одиницю для кожного пройденого вузла.
+
+Як і з методом `remove(element)`, який [ми вивчили на минулому уроці](/learn/coding-interview-prep/data-structures/remove-elements-from-a-linked-list), потрібно бути обережним, щоб не осиротити решту елементів нашого списку при видаленні вузла за допомогою методу `removeAt(index)`. Ми зберігаємо ланцюг вузлів, переконавшись, що вузол, в якому міститься посилання на видалений вузол, має ще й посилання на наступний.
+
+# --instructions--
+
+Напишіть метод `removeAt(index)`, який видаляє і повертає вузол із заданим `index`. Цей метод повинен повернути `null`, якщо заданий `index` від'ємний, рівний довжині `length` зв'язаного списку або ж більший за неї.
+
+**Примітка:** не забувайте підраховувати `currentIndex`.
+
+# --hints--
+
+Ваш клас `LinkedList` має містити метод `removeAt`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.removeAt === 'function';
+  })()
+);
+```
+
+Ваш метод `removeAt` має зменшити `length` зв'язаного списку на одиницю.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    test.removeAt(1);
+    return test.size() === 2;
+  })()
+);
+```
+
+Ваш метод `removeAt` має видалити зі зв'язаного списку елемент із вказаним індексом.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    test.add('bird');
+    test.removeAt(1);
+    return (
+      JSON.stringify(test.head()) ===
+      '{"element":"cat","next":{"element":"kitten","next":{"element":"bird","next":null}}}'
+    );
+  })()
+);
+```
+
+Якщо в цьому зв'язаному списку міститься лише один елемент, ваш метод `removeAt` має видалити й повернути елемент із зазначеним індексом і зменшити довжину зв'язаного списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    var removedItem = test.removeAt(0);
+    return test.head() === null && test.size() === 0 && removedItem === 'cat';
+  })()
+);
+```
+
+Ваш метод `removeAt` має повернути елемент видаленого вузла.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.removeAt(1) === 'dog';
+  })()
+);
+```
+
+Ваш метод `removeAt` має повернути `null`, і зв'язаний список не має змінитися, якщо значення вказаного індексу менше за `0`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    var removedItem = test.removeAt(-1);
+    return (
+      removedItem === null &&
+      JSON.stringify(test.head()) ===
+        '{"element":"cat","next":{"element":"dog","next":{"element":"kitten","next":null}}}'
+    );
+  })()
+);
+```
+
+Ваш метод `removeAt` має повернути `null`, і зв'язаний список не має змінитися, якщо задане значення індексу дорівнює довжині `length` цього списку або є більшим за неї.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    var removedItem = test.removeAt(3);
+    return (
+      removedItem === null &&
+      JSON.stringify(test.head()) ===
+        '{"element":"cat","next":{"element":"dog","next":{"element":"kitten","next":null}}}'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+      head = node;
+    } else {
+      var currentNode = head;
+
+      while(currentNode.next){
+        currentNode  = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function (element) {
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function () {
+    return length;
+  };
+
+  this.head = function () {
+    return head;
+  };
+
+  this.add = function (element) {
+    var node = new Node(element);
+    if (head === null) {
+      head = node;
+    } else {
+      var currentNode = head;
+
+      while (currentNode.next) {
+        currentNode = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.removeAt = function (index) {
+    var currentNode = head;
+    var previous = head;
+    var count = 0;
+    if (index >= length || index < 0) {
+      return null;
+    }
+    if (index === 0) {
+      var removed = head.element;
+      head = currentNode.next;
+    } else {
+      while (count < index) {
+        previous = currentNode;
+        currentNode = currentNode.next;
+        count++;
+      }
+      var removed = previous.next.element;
+      previous.next = currentNode.next;
+    }
+    length--;
+    return removed;
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.md
new file mode 100644
index 0000000000..887398837c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-elements-from-a-linked-list.md
@@ -0,0 +1,210 @@
+---
+id: 587d8251367417b2b2512c63
+title: Видалення елементів зі зв'язаного списку
+challengeType: 1
+forumTopicId: 301712
+dashedName: remove-elements-from-a-linked-list
+---
+
+# --description--
+
+Метод `remove` – це наступний важливий метод, необхідний у будь-якому зв'язаному списку. Цей метод повинен приймати елемент, який ми хочемо видалити, як аргумент, а потім виконувати пошук по списку, щоб знайти та видалити вузол, який містить цей елемент.
+
+Щоразу, коли ми видаляємо вузол зі зв'язаного списку, важливо, щоб ми таким чином не осиротили ненароком решту списку. Нагадуємо, що кожен вузол має властивість `next`, яка вказує на наступний вузол після даного у списку. Якщо ми видаляємо, скажімо, середній елемент, то нам потрібно переконатися в тому, що є з'єднання між властивістю `next` попереднього вузла та властивістю `next` цього середнього елементу (яка вказує на наступний вузол у списку!)
+
+Це може здатися доволі заплутано, тому повернімося до прикладу з лінією конга, щоб у нас була гарна концептуальна модель. Уявіть себе у лінії конга, причому людина, що стояла безпосередньо перед вами, виходить з лінії. Ця людина більше нікого не тримає руками в цій лінії, а ви відповідно більше не тримаєте цю людину, адже вона покинула лінію. Ви робите крок вперед і кладете руки на наступну людину, яку бачите.
+
+Якщо елемент, який ми хочемо видалити, це голова зв'язаного списку, тобто `head`, ми перепризначаємо `head` другому вузлу цього списку.
+
+# --instructions--
+
+Напишіть метод `remove`, який видаляє елемент зі зв'язаного списку.
+
+**Примітка:** довжина `length` зв'язаного списку повинна зменшуватися на одиницю щоразу, коли елемент вилучено з цього списку.
+
+# --hints--
+
+Ваш клас `LinkedList` має містити метод `remove`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.remove === 'function';
+  })()
+);
+```
+
+Метод `remove` повинен перепризначити `head` другому вузлу після вилучення першого вузла.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.remove('cat');
+    return test.head().element === 'dog';
+  })()
+);
+```
+
+Метод `remove` повинен зменшити довжину `length` зв'язаного списку на одиницю після видалення кожного вузла.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('hamster');
+    test.remove('cat');
+    test.remove('fish');
+    return test.size() === 2;
+  })()
+);
+```
+
+Метод `remove` повинен перепризначити посилання в попередньому вузлі посиланню `next` у вилученому вузлі.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('snake');
+    test.add('kitten');
+    test.remove('snake');
+    return test.head().next.next.element === 'kitten';
+  })()
+);
+```
+
+Метод `remove` не повинен змінювати наш зв'язаний список, якщо заданого елемента не існує в цьому списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    test.remove('elephant');
+    return (
+      JSON.stringify(test.head()) ===
+      '{"element":"cat","next":{"element":"dog","next":{"element":"kitten","next":null}}}'
+    );
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+      var currentNode = head;
+
+      while(currentNode.next){
+        currentNode  = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    // Only change code below this line
+
+    // Only change code above this line
+  };
+}
+```
+
+# --solutions--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function(){
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        var currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    if (head === null) {
+      return;
+    }
+    var previous;
+    var currentNode = head;
+
+    while (currentNode.next !== null && currentNode.element !== element) {
+      previous = currentNode;
+      currentNode = currentNode.next;
+    }
+
+    if (currentNode.next === null && currentNode.element !== element) {
+      return;
+    }
+    else if (previous) {
+      previous.next = currentNode.next;
+    } else {
+      head = currentNode.next;
+    }
+
+    length--;
+  };
+} 
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.md
new file mode 100644
index 0000000000..1eb9c9b9ab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/remove-items-from-a-set-in-es6.md
@@ -0,0 +1,67 @@
+---
+id: 587d8254367417b2b2512c71
+title: Видалення елементів з множини даних в ES6
+challengeType: 1
+forumTopicId: 301713
+dashedName: remove-items-from-a-set-in-es6
+---
+
+# --description--
+
+Попрактикуймо видалення елементів з множини ES6 Set за допомогою методу `delete`.
+
+Насамперед створіть ES6 Set:
+
+```js
+var set = new Set([1,2,3]);
+```
+
+Тепер видаліть елемент з вашої множини за допомогою методу `delete`.
+
+```js
+set.delete(1);
+console.log([...set]) // should return [ 2, 3 ]
+```
+
+# --instructions--
+
+А тепер створіть множину з цілими числами 1, 2, 3, 4, & 5.
+
+Видаліть значення 2 і 5, а тоді поверніть цю множину.
+
+# --hints--
+
+Ваша множина повинна містити значення 1, 3, & 4
+
+```js
+assert(
+  (function () {
+    var test = checkSet();
+    return test.has(1) && test.has(3) && test.has(4) && test.size === 3;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSet(){
+  // Only change code below this line
+  var set = null;
+
+  // Only change code above this line
+  return set;   
+}
+```
+
+# --solutions--
+
+```js
+function checkSet(){
+var set = new Set([1,2,3,4,5]);
+set.delete(2);
+set.delete(5);
+return set;}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.md
new file mode 100644
index 0000000000..e791dff3ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/reverse-a-doubly-linked-list.md
@@ -0,0 +1,205 @@
+---
+id: 587d825a367417b2b2512c88
+title: Реверсування двобічно зв'язаного списку
+challengeType: 1
+forumTopicId: 301714
+dashedName: reverse-a-doubly-linked-list
+---
+
+# --description--
+
+Для нашого двобічно зв'язаного списку створімо ще один метод під назвою reverse, який реверсує (перевертає) список без використання додаткової пам'яті. Як тільки метод виконано, голова (head) списку повинна вказувати на попередній хвіст (tail), а хвіст - на попередню голову. Тепер при обході списку з голови до хвоста ми повинні побачити вузли у зворотному порядку у порівнянні з початковим списком. Спроба перевернути порожній список повинна повернутися як null.
+
+# --hints--
+
+Повинна існувати структура даних DoublyLinkedList.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+DoublyLinkedList повинен мати метод під назвою reverse.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    if (test.reverse == undefined) {
+      return false;
+    }
+    return typeof test.reverse == 'function';
+  })()
+);
+```
+
+Спроба перевернути порожній список повинна повернутися як null.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    return test.reverse() == null;
+  })()
+);
+```
+
+Метод reverse повинен перевертати список.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(58);
+    test.add(61);
+    test.add(32);
+    test.add(95);
+    test.add(41);
+    test.reverse();
+    return test.print().join('') == '4195326158';
+  })()
+);
+```
+
+У перевернутому списку повинні правильно підтримуватися посилання на наступні та попередні елементи.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof DoublyLinkedList !== 'undefined') {
+      test = new DoublyLinkedList();
+    }
+    test.add(11);
+    test.add(22);
+    test.add(33);
+    test.add(44);
+    test.add(55);
+    test.reverse();
+    return test.printReverse().join('') == '1122334455';
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+DoublyLinkedList.prototype = Object.assign(
+  DoublyLinkedList.prototype,
+  {
+    add(data) {
+      if (this.head == null) {
+        this.head = new Node(data, null);
+        this.tail = this.head;
+      } else {
+        var node = this.head;
+        var prev = null;
+        while (node.next != null) {
+          prev = node;
+          node = node.next;
+        };
+        var newNode = new Node(data, node);
+        node.next = newNode;
+        this.tail = newNode;
+      };
+    },
+    print() {
+      if (this.head == null) {
+        return null;
+      } else {
+        var result = new Array();
+        var node = this.head;
+        while (node.next != null) {
+          result.push(node.data);
+          node = node.next;
+        };
+        result.push(node.data);
+        return result;
+      };
+    },
+    printReverse() {
+      if (this.tail == null) {
+        return null;
+      } else {
+        var result = new Array();
+        var node = this.tail;
+        while (node.prev != null) {
+          result.push(node.data);
+          node = node.prev;
+        };
+        result.push(node.data);
+        return result;
+      };
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var Node = function(data, prev) {
+  this.data = data;
+  this.prev = prev;
+  this.next = null;
+};
+var DoublyLinkedList = function() {
+  this.head = null;
+  this.tail = null;
+  // Only change code below this line
+
+  // Only change code above this line
+};
+```
+
+# --solutions--
+
+```js
+  var Node = function(data, prev) {
+    this.data = data;
+    this.prev = prev;
+    this.next = null;
+  };
+  var DoublyLinkedList = function() {
+    this.head = null;
+    this.tail = null;
+
+    this.reverse = function() {
+      if (!this.head || !this.head.next) {
+        return this.head
+      }
+
+      let tail;
+      let temp;
+      let current = this.head;
+      while(current !== null) {
+        if(!tail) tail = current;
+        temp = current.prev;
+        current.prev = current.next;
+        current.next = temp;
+        current = current.prev;
+      }
+
+      this.head = temp.prev;
+      this.tail = tail
+    }
+  };
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/search-within-a-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/search-within-a-linked-list.md
new file mode 100644
index 0000000000..fb28ddadf4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/search-within-a-linked-list.md
@@ -0,0 +1,293 @@
+---
+id: 587d8251367417b2b2512c64
+title: Пошук по зв'язаному списку
+challengeType: 1
+forumTopicId: 301715
+dashedName: search-within-a-linked-list
+---
+
+# --description--
+
+Додаймо ще кілька корисних методів до нашого класу зв'язаного списку. Хіба б не було корисно, якби ми могли визначити, порожній наш список чи ні, подібно до класів `Stack` та `Queue`?
+
+Також ми повинні мати змогу знайти певні елементи в нашому зв'язаному списку. Обхід структур даних - саме те, з чим вам варто добряче попрактикуватись! Створімо метод `indexOf`, який приймає `element` як аргумент і повертає індекс елементу `index` у зв'язаний список. Якщо елемент не знайдено у зв'язаному списку, то цей метод повертає `-1`.
+
+Застосуймо метод, який робить протилежне: метод `elementAt`, який приймає `index` як аргумент і повертає `element` за заданим індексом `index`. Якщо жоден `element` не знайдено, він повертає `undefined`.
+
+# --instructions--
+
+Напишіть метод `isEmpty`, який перевірятиме, чи зв'язаний список порожній; метод `indexOf`, який повертає індекс `index` даного елементу; метод `elementAt`, який повертає `element` за заданим індексом `index.`
+
+# --hints--
+
+Ваш клас `LinkedList` має містити метод `isEmpty`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.isEmpty === 'function';
+  })()
+);
+```
+
+Ваш метод `isEmpty` має повертатися як `false`, коли у зв'язаному списку є хоча б один елемент.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.isEmpty() === false;
+  })()
+);
+```
+
+Ваш метод `isEmpty` має повертатися як `true`, коли у зв'язаному списку немає елементів.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return test.isEmpty() === true;
+  })()
+);
+```
+
+Ваш клас `LinkedList` має містити метод `indexOf`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.indexOf === 'function';
+  })()
+);
+```
+
+Ваш метод `indexOf` повинен повертати індекс заданого елементу, знайденого у зв'язаному списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.indexOf('cat') === 0;
+  })()
+);
+```
+
+Ваш метод `indexOf` повинен повертати `-1`, якщо заданий елемент не було знайдено у зв'язаному списку
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.indexOf('pony') === -1;
+  })()
+);
+```
+
+Ваш клас `LinkedList` має містити метод `elementAt`.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    return typeof test.elementAt === 'function';
+  })()
+);
+```
+
+Ваш метод `elementAt` повинен повертати елемент, знайдений за даним індексом у зв’язаному списку.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.elementAt(1) === 'dog';
+  })()
+);
+```
+
+Ваш метод `elementAt` повинен повертати `undefined`, якщо у зв'язаному списку не було знайдено заданий елемент за заданим індексом.
+
+```js
+assert(
+  (function () {
+    var test = new LinkedList();
+    test.add('cat');
+    test.add('dog');
+    test.add('kitten');
+    return test.elementAt(5) === undefined;
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+      var currentNode = head;
+
+      while(currentNode.next){
+        currentNode = currentNode.next;
+      }
+
+      currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+      head = currentNode.next;
+    } else {
+      while(currentNode.element !== element) {
+        previousNode = currentNode;
+        currentNode = currentNode.next;
+      }
+
+      previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function LinkedList() {
+  var length = 0;
+  var head = null;
+
+  var Node = function(element){
+    this.element = element;
+    this.next = null;
+  };
+
+  this.size = function() {
+    return length;
+  };
+
+  this.head = function(){
+    return head;
+  };
+
+  this.add = function(element){
+    var node = new Node(element);
+    if(head === null){
+        head = node;
+    } else {
+        var currentNode = head;
+
+        while(currentNode.next){
+            currentNode  = currentNode.next;
+        }
+
+        currentNode.next = node;
+    }
+
+    length++;
+  };
+
+  this.remove = function(element){
+    var currentNode = head;
+    var previousNode;
+    if(currentNode.element === element){
+        head = currentNode.next;
+    } else {
+        while(currentNode.element !== element) {
+            previousNode = currentNode;
+            currentNode = currentNode.next;
+        }
+
+        previousNode.next = currentNode.next;
+    }
+
+    length --;
+  };
+
+  this.indexOf = function(element) {
+    if (head === null) return -1
+
+    let current = head;
+    let index = 0;
+
+    while (current.element !== element && current.next !== null) {
+      current = current.next;
+      index++
+    }
+
+    if (current.element !== element && current.next === null) {
+      return -1
+    }
+
+    return index;
+  }
+
+  this.elementAt = function(index) {
+    if (head === null) return undefined;
+
+    let current = head;
+    let currentIndex = 0;
+
+    while (currentIndex !== index && current.next !== null) {
+      current = current.next;
+      currentIndex++
+    }
+
+    if (currentIndex !== index && current.next === null) {
+      return undefined;
+    }
+
+    return current.element;
+  }
+
+  this.isEmpty = function() {
+    return length === 0;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/typed-arrays.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/typed-arrays.md
new file mode 100644
index 0000000000..e104e0aabc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/typed-arrays.md
@@ -0,0 +1,94 @@
+---
+id: 587d8253367417b2b2512c6a
+title: Типізовані масиви
+challengeType: 1
+forumTopicId: 301716
+dashedName: typed-arrays
+---
+
+# --description--
+
+Масивами вважаються об'єкти JavaScript, які містять безліч інших елементів.
+
+```js
+var complexArr = [1, 5, "2", "Word", {"name": "James"}];
+```
+
+По суті, автоматичний процес виділення браузером достатнього обсягу пам'яті для певного масиву відбувається у фоновому режимі. Також за необхідності він зміниться, якщо ми додамо або видалимо дані.
+
+Проте у світі різноманітних високоефективних типів елементів інколи потрібно конкретизувати, скільки пам'яті займає масив.
+
+З цим допоможуть <dfn>Типізовані масиви</dfn>. Адже тепер ви маєте можливість визначити обсяг пам'яті, який займатиме масив. Нижче ви знайдете загальну інформацію з оглядом різних видів масивів, а також розмір кожного елементу масиву в байтах.
+
+<table class='table table-striped'><tbody><tr><th>Вид</th><th>Розмір елементу в байтах</th></tr><tr><td><code>Int8Array</code></td><td>1</td></tr><tr><td><code>Uint8Array</code></td><td>1</td></tr><tr><td><code>Uint8ClampedArray</code></td><td>1</td></tr><tr><td><code>Int16Array</code></td><td>2</td></tr><tr><td><code>Uint16Array</code></td><td>2</td></tr><tr><td><code>Int32Array</code></td><td>4</td></tr><tr><td><code>Uint32Array</code></td><td>4</td></tr><tr><td><code>Float32Array</code></td><td>4</td></tr><tr><td><code>Float64Array</code></td><td>8</td></tr></tbody></table>
+
+Ми можемо створити такі види масивів двома способами. Один з них - створити їх напряму. Нижче показано, як створити `Int16Array` довжиною 3.
+
+```js
+var i8 = new Int16Array(3);
+console.log(i8);
+// Returns [0, 0, 0]
+```
+
+Також можна створити <dfn>буфер</dfn>, щоб вирахувати, скільки даних (у байтах) займе цей масив. **Зауважте**  
+Щоб створити типізовані буферні масиви, потрібно, щоб число байтів було кратним зазначеним вище числам.
+
+```js
+// Create same Int16Array array differently
+var byteSize = 6; // Needs to be multiple of 2
+var buffer = new ArrayBuffer(byteSize);
+var i8View = new Int16Array(buffer);
+buffer.byteLength; // Returns 6
+i8View.byteLength; // Returns 6
+console.log(i8View); // Returns [0, 0, 0]
+```
+
+<dfn>Буфери</dfn> - це об'єкти загального призначення, які лише зберігають дані. Ви не можете просто отримати доступ до них. Щоб його отримати, ви повинні спершу створити <dfn>розріз даних</dfn>.
+
+```js
+i8View[0] = 42;
+console.log(i8View); // Returns [42, 0, 0]
+```
+
+**Зауважте**  
+Не всі методи, властиві звичайним масивам, доступні й для типізованих. Серед таких методів є `.pop()` or `.push()`. Також типізовані масиви не містять методу `Array.isArray()`, який перевіряє, чи певний об'єкт є масивом. Простіше кажучи, їх легше реалізовувати менш складним рушіям JavaScript.
+
+# --instructions--
+
+Спершу створіть 64-байтовий `buffer`. Далі створіть типізований масив `Int32Array`, який міститиме розріз даних із найменуванням `i32View`.
+
+# --hints--
+
+Ваш `buffer` повинен мати розмір 64 байти.
+
+```js
+assert(buffer.byteLength === 64);
+```
+
+Розріз даних вашого буфера `i32View` повинен мати розмір 64 байти.
+
+```js
+assert(i32View.byteLength === 64);
+```
+
+Розріз даних вашого буфера `i32View` повинен складатися з 16 елементів.
+
+```js
+assert(i32View.length === 16);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var buffer;
+var i32View;
+```
+
+# --solutions--
+
+```js
+var buffer = new ArrayBuffer(64);
+var i32View = new Int32Array(buffer);
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.md
new file mode 100644
index 0000000000..00da32a8d4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-.has-and-.size-on-an-es6-set.md
@@ -0,0 +1,73 @@
+---
+id: 587d8255367417b2b2512c72
+title: .has і .size в ES6 Set
+challengeType: 1
+forumTopicId: 301717
+dashedName: use--has-and--size-on-an-es6-set
+---
+
+# --description--
+
+Розгляньмо методи .has і .size, які доступні для об'єкту ES6 Set.
+
+Спершу створімо ES6 Set
+
+```js
+var set = new Set([1,2,3]);
+```
+
+Метод .has визначить, чи існує елемент із певним значенням в об'єкті Set.
+
+```js
+var hasTwo = set.has(2);
+```
+
+Метод .size поверне ціле число на позначення розміру об'єкту Set
+
+```js
+var howBig = set.size;
+```
+
+# --instructions--
+
+У цьому завданні ми передамо масив і значення до функції checkSet(). Ваша функція повинна створити об'єкт ES6 set з масиву-аргументу. Перевірте об'єкт set на наявність аргументу зі значенням. Визначте розмір об'єкту set. Потім поверніть ті два значення в масив.
+
+# --hints--
+
+Функція `checkSet([4, 5, 6], 3)` повинна повернути [ false, 3 ]
+
+```js
+assert(
+  (function () {
+    var test = checkSet([4, 5, 6], 3);
+    return DeepEqual(test, [false, 3]);
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSet(arrToBeSet, checkValue){
+
+   // Only change code below this line
+
+   // Only change code above this line
+
+}
+```
+
+# --solutions--
+
+```js
+function checkSet(arrToBeSet, checkValue){
+var set = new Set(arrToBeSet);
+var result = [
+set.has(checkValue),
+set.size
+];
+return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..cc743ed07c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-breadth-first-search-in-a-binary-search-tree.md
@@ -0,0 +1,261 @@
+---
+id: 587d8258367417b2b2512c7f
+title: Використання пошуку в ширину у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301718
+dashedName: use-breadth-first-search-in-a-binary-search-tree
+---
+
+# --description--
+
+Існує ще один метод для обходу дерева - пошук у ширину. Саме з ним ви зараз і познайомитеся. На відміну від пошуку в глибину, пошук у ширину відвідує всі вузли на даному рівні дерева, а потім переходить до наступного. Зазвичай допоміжними структурами даних в розробці алгоритмів пошуку в ширину є черги.
+
+У цьому методі ми спочатку додаємо кореневий вузол до черги. Потім починаємо цикл, в якому перший елемент черги вилучається, додається до нового масиву, а тоді перевіряються обидва дочірні піддерева. Якщо дочірні елементи не є нулями (null), то вони додаються до черги. Цей процес повторюється, допоки черга не стає порожньою.
+
+# --instructions--
+
+Створімо в нашому дереві метод пошуку в ширину під назвою `levelOrder`. Він повинен повертати масив, що містить значення всіх вузлів дерева, досліджених під час пошуку в ширину. Переконайтеся, що в масиві повернулися не самі вузли, а їхні значення. Обхід рівня відбувається зліва направо. А далі напишімо подібний метод під назвою `reverseLevelOrder`, який на кожному рівні здійснює такий самий пошук, але у зворотному напрямку (тобто справа наліво).
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `levelOrder`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.levelOrder == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `reverseLevelOrder`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.reverseLevelOrder == 'function';
+  })()
+);
+```
+
+Метод `levelOrder` повинен повернути масив зі значеннями вузлів дерева, досліджених в рівневому порядку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.levelOrder !== 'function') {
+      return false;
+    }
+    test.add(7);
+    test.add(1);
+    test.add(9);
+    test.add(0);
+    test.add(3);
+    test.add(8);
+    test.add(10);
+    test.add(2);
+    test.add(5);
+    test.add(4);
+    test.add(6);
+    return test.levelOrder().join('') == '719038102546';
+  })()
+);
+```
+
+Метод `reverseLevelOrder` повинен повернути масив зі значеннями вузлів дерева, досліджених у зворотному порядку.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.reverseLevelOrder !== 'function') {
+      return false;
+    }
+    test.add(7);
+    test.add(1);
+    test.add(9);
+    test.add(0);
+    test.add(3);
+    test.add(8);
+    test.add(10);
+    test.add(2);
+    test.add(5);
+    test.add(4);
+    test.add(6);
+    return test.reverseLevelOrder().join('') == '791108305264';
+  })()
+);
+```
+
+Для порожнього дерева метод `levelOrder` повинен повернутися як `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.levelOrder !== 'function') {
+      return false;
+    }
+    return test.levelOrder() == null;
+  })()
+);
+```
+
+Для порожнього дерева метод `reverseLevelOrder` повинен повернутися як `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.reverseLevelOrder !== 'function') {
+      return false;
+    }
+    return test.reverseLevelOrder() == null;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      function searchTree(node) {
+        if (value < node.value) {
+          if (node.left == null) {
+            node.left = new Node(value);
+            return;
+          } else if (node.left != null) {
+            return searchTree(node.left);
+          }
+        } else if (value > node.value) {
+          if (node.right == null) {
+            node.right = new Node(value);
+            return;
+          } else if (node.right != null) {
+            return searchTree(node.right);
+          }
+        } else {
+          return null;
+        }
+      }
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        return searchTree(node);
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+  this.levelOrder = (root = this.root) => {
+    if(!root) return null;
+    let queue = [root];
+    let results = [];
+    while(queue.length > 0) {
+      let node = queue.shift();
+      results.push(node.value);
+      if(node.left) queue.push(node.left);
+      if(node.right) queue.push(node.right);
+    }
+    return results;
+  }
+
+  this.reverseLevelOrder = (root = this.root) => {
+    if(!root) return null;
+    let queue = [root];
+    let results = [] ;
+    while ( queue.length > 0) {
+      let node = queue.shift();
+      results.push(node.value);
+      if(node.right) queue.push(node.right);
+      if(node.left ) queue.push(node.left);
+    }
+    return results;
+  }
+  // Only change code above this line
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.md
new file mode 100644
index 0000000000..283c032e5c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-depth-first-search-in-a-binary-search-tree.md
@@ -0,0 +1,328 @@
+---
+id: 587d8257367417b2b2512c7e
+title: Використання пошуку в глибину у двійковому дереві пошуку
+challengeType: 1
+forumTopicId: 301719
+dashedName: use-depth-first-search-in-a-binary-search-tree
+---
+
+# --description--
+
+Нам уже відомо, як у двійковому дереві пошуку знайти певне значення. А якщо ми хочемо обійти дерево повністю? Або якщо нам потрібно просто знайти якесь значення, але при цьому ми не маємо впорядкованого дерева? Саме тому ми познайомимо вас з деякими методами обходу дерева, які використовуються для дослідження деревоподібних структур даних. Спершу розглянемо пошук у глибину. Цей метод дозволяє дослідити дане піддерево настільки глибоко, наскільки це можливо, перед тим, як продовжити пошук на іншому піддереві. Пошук може здійснюватися трьома різними способами. Серединний порядок (inorder): з крайнього лівого вузла до крайнього правого вузла. Прямий порядок (pre-order): обхід всіх кореневих, а потім листових вузлів. Зворотний порядок (post-order): обхід всіх листових, а потім кореневих вузлів. Нескладно здогадатися, що можна обирати різні пошукові методи залежно від того, які дані зберігає дерево і що ви шукаєте. Для двійкового дерева пошуку серединний обхід повертає вузли у сортованому порядку.
+
+# --instructions--
+
+Створімо в нашому двійковому дереві пошуку вищезгадані три методи. Пошук у глибину має за основу рекурсивну операцію, яка продовжує досліджувати наступні піддерева за умови, що є дочірні вузли. Коли ви зрозумієте основні поняття, то зможете легко змінювати порядок обходу вузлів та піддерев, щоб реалізувати будь-який з вищезгаданих пошуків. До прикладу, під час зворотного пошуку ми захотіли б рекурсувати весь шлях до листового вузла перед тим, як повернути всі вузли. А під час прямого пошуку ми б хотіли спочатку повернути вузли, а тоді продовжити обходити дерево далі вниз. Визначте в нашому дереві методи `inorder`, `preorder` і `postorder`. Кожен з них повинен повернути масив елементів, які представляють обхід дерева. Переконайтеся, що в масиві повернулися цілі значення кожного вузла, а не самі вузли. Якщо дерево порожнє, повинен повертатися `null`.
+
+# --hints--
+
+Повинна існувати структура даних `BinarySearchTree`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    }
+    return typeof test == 'object';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `inorder`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.inorder == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `preorder`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.preorder == 'function';
+  })()
+);
+```
+
+Двійкове дерево пошуку повинне мати метод під назвою `postorder`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    return typeof test.postorder == 'function';
+  })()
+);
+```
+
+Метод `inorder` повинен повернути масив зі значеннями вузлів, які отримуються в результаті серединного обходу.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.inorder !== 'function') {
+      return false;
+    }
+    test.add(7);
+    test.add(1);
+    test.add(9);
+    test.add(0);
+    test.add(3);
+    test.add(8);
+    test.add(10);
+    test.add(2);
+    test.add(5);
+    test.add(4);
+    test.add(6);
+    return test.inorder().join('') == '012345678910';
+  })()
+);
+```
+
+Метод `preorder` повинен повертати масив зі значеннями вузлів, які отримуються в результаті прямого обходу.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.preorder !== 'function') {
+      return false;
+    }
+    test.add(7);
+    test.add(1);
+    test.add(9);
+    test.add(0);
+    test.add(3);
+    test.add(8);
+    test.add(10);
+    test.add(2);
+    test.add(5);
+    test.add(4);
+    test.add(6);
+    return test.preorder().join('') == '710325469810';
+  })()
+);
+```
+
+Метод `postorder` повинен повернути масив зі значеннями вузлів, які отримуються в результаті зворотного обходу.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.postorder !== 'function') {
+      return false;
+    }
+    test.add(7);
+    test.add(1);
+    test.add(9);
+    test.add(0);
+    test.add(3);
+    test.add(8);
+    test.add(10);
+    test.add(2);
+    test.add(5);
+    test.add(4);
+    test.add(6);
+    return test.postorder().join('') == '024653181097';
+  })()
+);
+```
+
+Для порожнього дерева метод `inorder` повинен повернути `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.inorder !== 'function') {
+      return false;
+    }
+    return test.inorder() == null;
+  })()
+);
+```
+
+Для порожнього дерева метод `preorder` повинен повернути `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.preorder !== 'function') {
+      return false;
+    }
+    return test.preorder() == null;
+  })()
+);
+```
+
+Для порожнього дерева метод `postorder` повинен повернути `null`.
+
+```js
+assert(
+  (function () {
+    var test = false;
+    if (typeof BinarySearchTree !== 'undefined') {
+      test = new BinarySearchTree();
+    } else {
+      return false;
+    }
+    if (typeof test.postorder !== 'function') {
+      return false;
+    }
+    return test.postorder() == null;
+  })()
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+BinarySearchTree.prototype = Object.assign(
+  BinarySearchTree.prototype,
+  {
+    add: function(value) {
+      function searchTree(node) {
+        if (value < node.value) {
+          if (node.left == null) {
+            node.left = new Node(value);
+            return;
+          } else if (node.left != null) {
+            return searchTree(node.left);
+          }
+        } else if (value > node.value) {
+          if (node.right == null) {
+            node.right = new Node(value);
+            return;
+          } else if (node.right != null) {
+            return searchTree(node.right);
+          }
+        } else {
+          return null;
+        }
+      }
+
+      var node = this.root;
+      if (node == null) {
+        this.root = new Node(value);
+        return;
+      } else {
+        return searchTree(node);
+      }
+    }
+  }
+);
+```
+
+## --seed-contents--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  // Only change code below this line
+
+  // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+var displayTree = tree => console.log(JSON.stringify(tree, null, 2));
+function Node(value) {
+  this.value = value;
+  this.left = null;
+  this.right = null;
+}
+function BinarySearchTree() {
+  this.root = null;
+  this.result = [];
+
+  this.inorder = function(node) {
+    if (!node) node = this.root;
+    if (!node) return null;
+
+    if (node.left) this.inorder(node.left);
+    this.result.push(node.value);
+    if (node.right) this.inorder(node.right);
+    return this.result;
+  };
+  this.preorder = function(node) {
+    if (!node) node = this.root;
+    if (!node) return null;
+
+    this.result.push(node.value);
+    if (node.left) this.preorder(node.left);
+    if (node.right) this.preorder(node.right);
+    return this.result;
+  };
+  this.postorder = function(node) {
+    if (!node) node = this.root;
+    if (!node) return null;
+
+    if (node.left) this.postorder(node.left);
+    if (node.right) this.postorder(node.right);
+    this.result.push(node.value);
+
+    return this.result;
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.md
new file mode 100644
index 0000000000..b0d444b506
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/use-spread-and-notes-for-es5-set-integration.md
@@ -0,0 +1,59 @@
+---
+id: 587d8255367417b2b2512c73
+title: Використання Spread і Notes для інтеграції ES5 Set()
+challengeType: 1
+forumTopicId: 301720
+dashedName: use-spread-and-notes-for-es5-set-integration
+---
+
+# --description--
+
+Пригадуєте оператора розкидання ES6 `...`?
+
+`...` може підібрати об'єкти-ітератори в ES6 і перетворити їх на масиви.
+
+Створімо Set та перевіримо функцію spread.
+
+```js
+var set = new Set([1,2,3]);
+var setToArr = [...set]
+console.log(setToArr) // returns [ 1, 2, 3 ]
+```
+
+# --instructions--
+
+У цій вправі ми передамо заданий об'єкт до функції `checkSet`. Функція повинна повернути масив, що містить значення обʼєкта Set.
+
+Тепер ви успішно дізналися, як використовувати об'єкт ES6 `Set()`. Гарна робота!
+
+# --hints--
+
+Функція `checkSet(new Set([1,2,3,4,5,6,7])` повинна повернути `[1, 2, 3, 4, 5, 6, 7]`.
+
+```js
+assert(
+  (function () {
+    var test = checkSet(new Set([1, 2, 3, 4, 5, 6, 7]));
+    return DeepEqual(test, [1, 2, 3, 4, 5, 6, 7]);
+  })()
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function checkSet(set){
+   // Only change code below this line
+
+   // Only change code above this line
+}
+```
+
+# --solutions--
+
+```js
+function checkSet(set){
+return [...set];}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.md
new file mode 100644
index 0000000000..5d7a11aee9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/data-structures/work-with-nodes-in-a-linked-list.md
@@ -0,0 +1,55 @@
+---
+id: 587d8251367417b2b2512c61
+title: Робота з вузлами у звʼязаному списку
+challengeType: 1
+forumTopicId: 301721
+dashedName: work-with-nodes-in-a-linked-list
+---
+
+# --description--
+
+Ще одна поширена структура даних, яку зустрінете в інформатиці, - це <dfn>linked list</dfn> (звʼязаний список). Звʼязаний список - це лінійний набір елементів даних, що називаються "вузлами", кожен з яких вказує на наступний. Кожен вузол <dfn>node</dfn> у звʼязаному списку містить два ключові фрагменти інформації: сам елемент `element` і посилання на наступний `node`.
+
+Уявіть, що ви стоїте у лінії конга. Ви кладете руки на плечі людини, що стоїть перед вами, а людина позаду вас кладе руки на ваші плечі. Ви бачите її, але вона ж перешкоджає тому, щоб ви побачили й тих, хто стоїть попереду неї у цій лінії. Ця людина попереду вас знає, хто вона сама, може побачити лише наступну людину в лінії, але не знає про існування інших людей попереду чи позаду. Так само і вузол.
+
+# --instructions--
+
+У нашому редакторі коду створено два вузли під назвою `Kitten` і `Puppy`, і ми вручну приєднали вузол `Kitten` до вузла `Puppy`.
+
+Створіть вузол `Cat` і вузол `Dog` й вручну додайте їх у лінію.
+
+# --hints--
+
+Ваш вузол `Puppy` повинен мати посилання на вузол `Cat`.
+
+```js
+assert(Puppy.next.element === 'Cat');
+```
+
+Ваш вузол `Cat` повинен мати посилання на вузол `Dog`.
+
+```js
+assert(Cat.next.element === 'Dog');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+var Node = function(element) {
+  this.element = element;
+  this.next = null;
+};
+var Kitten = new Node('Kitten');
+var Puppy = new Node('Puppy');
+
+Kitten.next = Puppy;
+// Only change code below this line
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.md
new file mode 100644
index 0000000000..cf0363f778
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-1-multiples-of-3-and-5.md
@@ -0,0 +1,73 @@
+---
+id: 5900f36e1000cf542c50fe80
+title: 'Завдання 1: Числа кратні 3 та 5'
+challengeType: 5
+forumTopicId: 301722
+dashedName: problem-1-multiples-of-3-and-5
+---
+
+# --description--
+
+Якщо ми запишемо усі натуральні числа до 10, кратні числам 3 та 5, то отримаємо 3, 5, 6 та 9. Сума цих кратних — 23.
+
+Знайдіть суму всіх чисел кратних 3 та 5, які менші певного заданого значення: `number`.
+
+# --hints--
+
+`multiplesOf3and5(10)` має повертати число.
+
+```js
+assert(typeof multiplesOf3and5(10) === 'number');
+```
+
+`multiplesOf3and5(49)` має повертати 543.
+
+```js
+assert.strictEqual(multiplesOf3and5(49), 543);
+```
+
+`multiplesOf3and5(1000)` має повернути 233168.
+
+```js
+assert.strictEqual(multiplesOf3and5(1000), 233168);
+```
+
+`multiplesOf3and5(8456)` має повертати 16687353.
+
+```js
+assert.strictEqual(multiplesOf3and5(8456), 16687353);
+```
+
+`multiplesOf3and5(19564)` має повертати 89301183.
+
+```js
+assert.strictEqual(multiplesOf3and5(19564), 89301183);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function multiplesOf3and5(number) {
+
+  return true;
+}
+
+multiplesOf3and5(1000);
+```
+
+# --solutions--
+
+```js
+const multiplesOf3and5 = (number) => {
+  var total = 0;
+
+  for(var i = 0; i < number; i++) {
+    if(i % 3 == 0 || i % 5 == 0) {
+      total += i;
+    }
+  }
+  return total;
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-10-summation-of-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-10-summation-of-primes.md
new file mode 100644
index 0000000000..511333a554
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-10-summation-of-primes.md
@@ -0,0 +1,81 @@
+---
+id: 5900f3761000cf542c50fe89
+title: 'Завдання 10: Сума простих чисел'
+challengeType: 5
+forumTopicId: 301723
+dashedName: problem-10-summation-of-primes
+---
+
+# --description--
+
+Сума простих чисел, які менші 10 буде 2 + 3 + 5 + 7 = 17.
+
+Знайдіть суму всіх простих чисел, які менші `n`.
+
+# --hints--
+
+`primeSummation(17)` має повернути число.
+
+```js
+assert(typeof primeSummation(17) === 'number');
+```
+
+`primeSummation(17)` має повернути 41.
+
+```js
+assert.strictEqual(primeSummation(17), 41);
+```
+
+`primeSummation(2001)` має повернути 277050.
+
+```js
+assert.strictEqual(primeSummation(2001), 277050);
+```
+
+`primeSummation(140759)` має повернути 873608362.
+
+```js
+assert.strictEqual(primeSummation(140759), 873608362);
+```
+
+`primeSummation(2000000)` має повернути 142913828922.
+
+```js
+assert.strictEqual(primeSummation(2000000), 142913828922);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeSummation(n) {
+
+  return true;
+}
+
+primeSummation(2000000);
+```
+
+# --solutions--
+
+```js
+function primeSummation(n) {
+  if (n < 3) { return 0 };
+  let nums = [0, 0, 2];
+  for (let i = 3; i < n; i += 2){
+    nums.push(i);
+    nums.push(0);
+  }
+  let sum = 2;
+  for (let i = 3; i < n; i += 2){
+    if (nums[i] !== 0){
+      sum += nums[i];
+      for (let j = i*i; j < n; j += i){
+        nums[j] = 0;
+      }
+    }
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
new file mode 100644
index 0000000000..fa7a2f4097
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-100-arranged-probability.md
@@ -0,0 +1,87 @@
+---
+id: 5900f3d01000cf542c50fee3
+title: 'Завдання 100: Ймовірні комбінації'
+challengeType: 5
+forumTopicId: 301724
+dashedName: problem-100-arranged-probability
+---
+
+# --description--
+
+Припустимо, що в коробці є двадцять один кольоровий диск, з яких п’ятнадцять - синього кольору, а шість - червоного; два диски обрали навмання, тож, є ймовірність, що обрали одразу два синіх диски.
+
+$${P(BB)} = \frac{15}{21}×\frac{14}{20} = \frac{1}{2}$$
+
+Наступний варіант розміщення дисків, за якого вірогідність взяти навмання два синіх диски становить 50%, це коли у коробці є вісімдесят п’ять синіх і тридцять п’ять червоних дисків.
+
+Визначте ймовірну кількість синіх дисків у коробці, якщо у першому варіанті загальна кількість становить більше `limit` дисків.
+
+# --hints--
+
+`arrangedProbability(20)` дорівнює числу.
+
+```js
+assert(typeof arrangedProbability(10) === 'number');
+```
+
+`arrangedProbability(20)` має повернути `15`.
+
+```js
+assert.strictEqual(arrangedProbability(20), 15);
+```
+
+`arrangedProbability(100)` має повернути `85`.
+
+```js
+assert.strictEqual(arrangedProbability(100), 85);
+```
+
+`arrangedProbability(100000)` має повернути `97513`.
+
+```js
+assert.strictEqual(arrangedProbability(100000), 97513);
+```
+
+`arrangedProbability(1000000000)` має повернути `3822685023`.
+
+```js
+assert.strictEqual(arrangedProbability(1000000000), 3822685023);
+```
+
+`arrangedProbability(1000000000000)` має повернути `756872327473`.
+
+```js
+assert.strictEqual(arrangedProbability(1000000000000), 756872327473);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function arrangedProbability(limit) {
+
+  return true;
+}
+
+arrangedProbability(20);
+```
+
+# --solutions--
+
+```js
+function arrangedProbability(limit) {
+  // Based on https://www.mathblog.dk/project-euler-100-blue-discs-two-blue/
+  let blue = 15;
+  let discs = 21;
+
+  while (discs < limit) {
+    const nextBlue = 3 * blue + 2 * discs - 2;
+    const nextDiscs = 4 * blue + 3 * discs - 3;
+
+    blue = nextBlue;
+    discs = nextDiscs;
+  }
+  return blue;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
new file mode 100644
index 0000000000..8affe9ba91
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-101-optimum-polynomial.md
@@ -0,0 +1,56 @@
+---
+id: 5900f3d21000cf542c50fee4
+title: 'Завдання 101: Оптимальний многочлен'
+challengeType: 5
+forumTopicId: 301725
+dashedName: problem-101-optimum-polynomial
+---
+
+# --description--
+
+Якщо нам представлені перші k членів послідовності, неможливо з упевненістю назвати значення наступного члена, оскільки існує нескінченно багато поліноміальних функцій, які можуть моделювати послідовність.
+
+Як приклад, розгляньмо послідовність кубів чисел. Вона визначається твірною функцією, $u_n = n^3: 1, 8, 27, 64, 125, 216, \ldots$
+
+Припустимо, що нам відомі лише перші два члена цієї послідовності. Керуючись принципом "чим простіше – тим краще", припустимо лінійну залежність та передбачимо, що значення наступного члена дорівнює 15 (різниця арифметичної прогресії дорівнює 7). Навіть, якщо б нам були відомі перші три члени, згідно з тим самим принципом "простоти", слід припустити квадратичну залежність.
+
+Визначимо $OP(k, n)$ як член $n^{th}$ оптимальний многочлен твірної функції для перших k членів послідовності. Треба чітко розуміти, що $OP(k, n)$ буде точно генерувати члени послідовності для $n ≤ k$, тоді, потенційно, першим неправильним членом (FIT) (з англ. – First incorrect term) буде $OP(k, k+1)$; у цьому випадку назвемо його поганим оптимальним многочленом (BOP) (від англ.– Bad optimum polynomial).
+
+За основу візьмемо випадок коли відомо лише перший член послідовності, тоді раціональніше було б припустити постійність, тобто для $n ≥ 2, OP(1, n) = u_1$.
+
+Звідси отримуємо такі оптимальні многочлени для кубічної послідовності:
+
+$$\begin{array}{ll} OP(1, n) = 1          & 1, {\color{red}1}, 1, 1, \ldots     \\\\ OP(2, n) = 7n−6       & 1, 8, {\color{red}{15}}, \ldots     \\\\ OP(3, n) = 6n^2−11n+6 & 1, 8, 27, {\color{red}{58}}, \ldots \\\\ OP(4, n) = n^3        & 1, 8, 27, 64, 125, \ldots \end{array}$$
+
+Очевидно, не існує BOP для k ≥ 4. Враховуючи суму перших неправильних членів, створених поганими оптимальними многочленами (зазначені у $\color{red}{red}$ вище), отримуємо 1 + 15 + 58 = 74. Розгляньмо твірну функцію для многочлена десятого степеня:
+
+$$u_n = 1 − n + n^2 − n^3 + n^4 − n^5 + n^6 − n^7 + n^8 − n^9 + n^{10}$$
+
+Знайдіть суму перших неправильних членів (FIT) для поганих оптимальних многочленів (BOP).
+
+# --hints--
+
+`optimumPolynomial()` має повертати `37076114526`.
+
+```js
+assert.strictEqual(optimumPolynomial(), 37076114526);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function optimumPolynomial() {
+
+  return true;
+}
+
+optimumPolynomial();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-102-triangle-containment.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-102-triangle-containment.md
new file mode 100644
index 0000000000..c165086336
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-102-triangle-containment.md
@@ -0,0 +1,156 @@
+---
+id: 5900f3d21000cf542c50fee5
+title: 'Завдання 102: Координати точок трикутника'
+challengeType: 5
+forumTopicId: 301726
+dashedName: problem-102-triangle-containment
+---
+
+# --description--
+
+Три різні точки розташовані навмання на декартовій системі координат, для якої -1000 ≤ x, y 1000, утворюють трикутник.
+
+Розглянемо наступні два трикутники:
+
+```js
+const exampleTriangles = [
+  [[-340, 495], [-153, -910], [835, -947]],
+  [[-175, 41], [-421, -714], [574, -645]]
+];
+```
+
+Відомо, що перший трикутник містить точку початку координат, а другий трикутник - ні.
+
+Знайдіть кількість трикутників, що містять точку початку координат, використовуючи `triangles` масив, що містить координати трикутників.
+
+# --hints--
+
+`triangleContainment(exampletriangles)` має повернути число.
+
+```js
+assert(typeof triangleContainment(_exampleTriangles) === 'number');
+```
+
+`triangleContainment(exampleTriangles)` має повернути `1`.
+
+```js
+assert.strictEqual(triangleContainment(_exampleTriangles), 1);
+```
+
+`triangleContainment(testTriangles1)` повинен повернути `19`.
+
+```js
+assert.strictEqual(triangleContainment(_testTriangles1), 19);
+```
+
+`triangleContainment(testTriangles2)` має повернути `228`.
+
+```js
+assert.strictEqual(triangleContainment(_testTriangles2), 228);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _exampleTriangles = [
+  [[-340, 495], [-153, -910], [835, -947]],
+  [[-175, 41], [-421, -714], [574, -645]]
+];
+const _testTriangles1 = [
+  [[-866,121],[-928,358],[459,-843]],[[-568,-631],[-352,-580],[-349,189]],[[-737,849],[-963,-486],[-662,970]],[[135,334],[-967,-71],[-365,-792]],[[789,21],[-227,51],[990,-275]],[[240,412],[-886,230],[591,256]],[[-609,472],[-853,-754],[959,661]],[[401,521],[521,314],[929,982]],[[-499,784],[-208,71],[-302,296]],[[-557,-948],[-553,-526],[-864,793]],[[270,-626],[828,44],[37,14]],[[-412,224],[617,-593],[502,699]],[[41,-908],[81,562],[-849,163]],[[165,917],[761,-197],[331,-341]],[[-687,314],[799,755],[-969,648]],[[-164,25],[578,439],[-334,-576]],[[213,535],[874,-177],[-551,24]],[[-689,291],[-795,-225],[-496,-125]],[[465,461],[558,-118],[-568,-909]],[[567,660],[-810,46],[-485,878]],[[-147,606],[685,-690],[-774,984]],[[568,-886],[-43,854],[-738,616]],[[-800,386],[-614,585],[764,-226]],[[-518,23],[-225,-732],[-79,440]],[[-173,-291],[-689,636],[642,-447]],[[-598,-16],[227,410],[496,211]],[[-474,-930],[-656,-321],[-420,36]],[[-435,165],[-819,555],[540,144]],[[-969,149],[828,568],[394,648]],[[65,-848],[257,720],[-625,-851]],[[981,899],[275,635],[465,-877]],[[80,290],[792,760],[-191,-321]],[[-605,-858],[594,33],[706,593]],[[585,-472],[318,-35],[354,-927]],[[-365,664],[803,581],[-965,-814]],[[-427,-238],[-480,146],[-55,-606]],[[879,-193],[250,-890],[336,117]],[[-226,-322],[-286,-765],[-836,-218]],[[-913,564],[-667,-698],[937,283]],[[872,-901],[810,-623],[-52,-709]],[[473,171],[717,38],[-429,-644]],[[225,824],[-219,-475],[-180,234]],[[-530,-797],[-948,238],[851,-623]],[[85,975],[-363,529],[598,28]],[[-799,166],[-804,210],[-769,851]],[[-687,-158],[885,736],[-381,-461]],[[447,592],[928,-514],[-515,-661]],[[-399,-777],[-493,80],[-544,-78]],[[-884,631],[171,-825],[-333,551]],[[191,268],[-577,676],[137,-33]],[[212,-853],[709,798],[583,-56]],[[-908,-172],[-540,-84],[-135,-56]],[[303,311],[406,-360],[-240,811]],[[798,-708],[824,59],[234,-57]],[[491,693],[-74,585],[-85,877]],[[509,-65],[-936,329],[-51,722]],[[-122,858],[-52,467],[-77,-609]],[[850,760],[547,-495],[-953,-952]],[[-460,-541],[890,910],[286,724]],[[-914,843],[-579,-983],[-387,-460]],[[989,-171],[-877,-326],[-899,458]],[[846,175],[-915,540],[-1000,-982]],[[-852,-920],[-306,496],[530,-18]],[[338,-991],[160,85],[-455,-661]],[[-186,-311],[-460,-563],[-231,-414]],[[-932,-302],[959,597],[793,748]],[[-366,-402],[-788,-279],[514,53]],[[-940,-956],[447,-956],[211,-285]],[[564,806],[-911,-914],[934,754]],[[575,-858],[-277,15],[409,-714]]
+];
+const _testTriangles2 = [
+  [[-340,495],[-153,-910],[835,-947]],[[-175,41],[-421,-714],[574,-645]],[[-547,712],[-352,579],[951,-786]],[[419,-864],[-83,650],[-399,171]],[[-429,-89],[-357,-930],[296,-29]],[[-734,-702],[823,-745],[-684,-62]],[[-971,762],[925,-776],[-663,-157]],[[162,570],[628,485],[-807,-896]],[[641,91],[-65,700],[887,759]],[[215,-496],[46,-931],[422,-30]],[[-119,359],[668,-609],[-358,-494]],[[440,929],[968,214],[760,-857]],[[-700,785],[838,29],[-216,411]],[[-770,-458],[-325,-53],[-505,633]],[[-752,-805],[349,776],[-799,687]],[[323,5],[561,-36],[919,-560]],[[-907,358],[264,320],[204,274]],[[-728,-466],[350,969],[292,-345]],[[940,836],[272,-533],[748,185]],[[411,998],[813,520],[316,-949]],[[-152,326],[658,-762],[148,-651]],[[330,507],[-9,-628],[101,174]],[[551,-496],[772,-541],[-702,-45]],[[-164,-489],[-90,322],[631,-59]],[[673,366],[-4,-143],[-606,-704]],[[428,-609],[801,-449],[740,-269]],[[453,-924],[-785,-346],[-853,111]],[[-738,555],[-181,467],[-426,-20]],[[958,-692],[784,-343],[505,-569]],[[620,27],[263,54],[-439,-726]],[[804,87],[998,859],[871,-78]],[[-119,-453],[-709,-292],[-115,-56]],[[-626,138],[-940,-476],[-177,-274]],[[-11,160],[142,588],[446,158]],[[538,727],[550,787],[330,810]],[[420,-689],[854,-546],[337,516]],[[872,-998],[-607,748],[473,-192]],[[653,440],[-516,-985],[808,-857]],[[374,-158],[331,-940],[-338,-641]],[[137,-925],[-179,771],[734,-715]],[[-314,198],[-115,29],[-641,-39]],[[759,-574],[-385,355],[590,-603]],[[-189,-63],[-168,204],[289,305]],[[-182,-524],[-715,-621],[911,-255]],[[331,-816],[-833,471],[168,126]],[[-514,581],[-855,-220],[-731,-507]],[[129,169],[576,651],[-87,-458]],[[783,-444],[-881,658],[-266,298]],[[603,-430],[-598,585],[368,899]],[[43,-724],[962,-376],[851,409]],[[-610,-646],[-883,-261],[-482,-881]],[[-117,-237],[978,641],[101,-747]],[[579,125],[-715,-712],[208,534]],[[672,-214],[-762,372],[874,533]],[[-564,965],[38,715],[367,242]],[[500,951],[-700,-981],[-61,-178]],[[-382,-224],[-959,903],[-282,-60]],[[-355,295],[426,-331],[-591,655]],[[892,128],[958,-271],[-993,274]],[[-454,-619],[302,138],[-790,-874]],[[-642,601],[-574,159],[-290,-318]],[[266,-109],[257,-686],[54,975]],[[162,628],[-478,840],[264,-266]],[[466,-280],[982,1],[904,-810]],[[721,839],[730,-807],[777,981]],[[-129,-430],[748,263],[943,96]],[[434,-94],[410,-990],[249,-704]],[[237,42],[122,-732],[44,-51]],[[909,-116],[-229,545],[292,717]],[[824,-768],[-807,-370],[-262,30]],[[675,58],[332,-890],[-651,791]],[[363,825],[-717,254],[684,240]],[[405,-715],[900,166],[-589,422]],[[-476,686],[-830,-319],[634,-807]],[[633,837],[-971,917],[-764,207]],[[-116,-44],[-193,-70],[908,809]],[[-26,-252],[998,408],[70,-713]],[[-601,645],[-462,842],[-644,-591]],[[-160,653],[274,113],[-138,687]],[[369,-273],[-181,925],[-167,-693]],[[-338,135],[480,-967],[-13,-840]],[[-90,-270],[-564,695],[161,907]],[[607,-430],[869,-713],[461,-469]],[[919,-165],[-776,522],[606,-708]],[[-203,465],[288,207],[-339,-458]],[[-453,-534],[-715,975],[838,-677]],[[-973,310],[-350,934],[546,-805]],[[-835,385],[708,-337],[-594,-772]],[[-14,914],[900,-495],[-627,594]],[[833,-713],[-213,578],[-296,699]],[[-27,-748],[484,455],[915,291]],[[270,889],[739,-57],[442,-516]],[[119,811],[-679,905],[184,130]],[[-678,-469],[925,553],[612,482]],[[101,-571],[-732,-842],[644,588]],[[-71,-737],[566,616],[957,-663]],[[-634,-356],[90,-207],[936,622]],[[598,443],[964,-895],[-58,529]],[[847,-467],[929,-742],[91,10]],[[-633,829],[-780,-408],[222,-30]],[[-818,57],[275,-38],[-746,198]],[[-722,-825],[-549,597],[-391,99]],[[-570,908],[430,873],[-103,-360]],[[342,-681],[512,434],[542,-528]],[[297,850],[479,609],[543,-357]],[[9,784],[212,548],[56,859]],[[-152,560],[-240,-969],[-18,713]],[[140,-133],[34,-635],[250,-163]],[[-272,-22],[-169,-662],[989,-604]],[[471,-765],[355,633],[-742,-118]],[[-118,146],[942,663],[547,-376]],[[583,16],[162,264],[715,-33]],[[-230,-446],[997,-838],[561,555]],[[372,397],[-729,-318],[-276,649]],[[92,982],[-970,-390],[-922,922]],[[-981,713],[-951,-337],[-669,670]],[[-999,846],[-831,-504],[7,-128]],[[455,-954],[-370,682],[-510,45]],[[822,-960],[-892,-385],[-662,314]],[[-668,-686],[-367,-246],[530,-341]],[[-723,-720],[-926,-836],[-142,757]],[[-509,-134],[384,-221],[-873,-639]],[[-803,-52],[-706,-669],[373,-339]],[[933,578],[631,-616],[770,555]],[[741,-564],[-33,-605],[-576,275]],[[-715,445],[-233,-730],[734,-704]],[[120,-10],[-266,-685],[-490,-17]],[[-232,-326],[-457,-946],[-457,-116]],[[811,52],[639,826],[-200,147]],[[-329,279],[293,612],[943,955]],[[-721,-894],[-393,-969],[-642,453]],[[-688,-826],[-352,-75],[371,79]],[[-809,-979],[407,497],[858,-248]],[[-485,-232],[-242,-582],[-81,849]],[[141,-106],[123,-152],[806,-596]],[[-428,57],[-992,811],[-192,478]],[[864,393],[122,858],[255,-876]],[[-284,-780],[240,457],[354,-107]],[[956,605],[-477,44],[26,-678]],[[86,710],[-533,-815],[439,327]],[[-906,-626],[-834,763],[426,-48]],[[201,-150],[-904,652],[475,412]],[[-247,149],[81,-199],[-531,-148]],[[923,-76],[-353,175],[-121,-223]],[[427,-674],[453,472],[-410,585]],[[931,776],[-33,85],[-962,-865]],[[-655,-908],[-902,208],[869,792]],[[-316,-102],[-45,-436],[-222,885]],[[-309,768],[-574,653],[745,-975]],[[896,27],[-226,993],[332,198]],[[323,655],[-89,260],[240,-902]],[[501,-763],[-424,793],[813,616]],[[993,375],[-938,-621],[672,-70]],[[-880,-466],[-283,770],[-824,143]],[[63,-283],[886,-142],[879,-116]],[[-964,-50],[-521,-42],[-306,-161]],[[724,-22],[866,-871],[933,-383]],[[-344,135],[282,966],[-80,917]],[[-281,-189],[420,810],[362,-582]],[[-515,455],[-588,814],[162,332]],[[555,-436],[-123,-210],[869,-943]],[[589,577],[232,286],[-554,876]],[[-773,127],[-58,-171],[-452,125]],[[-428,575],[906,-232],[-10,-224]],[[437,276],[-335,-348],[605,878]],[[-964,511],[-386,-407],[168,-220]],[[307,513],[912,-463],[-423,-416]],[[-445,539],[273,886],[-18,760]],[[-396,-585],[-670,414],[47,364]],[[143,-506],[754,906],[-971,-203]],[[-544,472],[-180,-541],[869,-465]],[[-779,-15],[-396,890],[972,-220]],[[-430,-564],[503,182],[-119,456]],[[89,-10],[-739,399],[506,499]],[[954,162],[-810,-973],[127,870]],[[890,952],[-225,158],[828,237]],[[-868,952],[349,465],[574,750]],[[-915,369],[-975,-596],[-395,-134]],[[-135,-601],[575,582],[-667,640]],[[413,890],[-560,-276],[-555,-562]],[[-633,-269],[561,-820],[-624,499]],[[371,-92],[-784,-593],[864,-717]],[[-971,655],[-439,367],[754,-951]],[[172,-347],[36,279],[-247,-402]],[[633,-301],[364,-349],[-683,-387]],[[-780,-211],[-713,-948],[-648,543]],[[72,58],[762,-465],[-66,462]],[[78,502],[781,-832],[713,836]],[[-431,-64],[-484,-392],[208,-343]],[[-64,101],[-29,-860],[-329,844]],[[398,391],[828,-858],[700,395]],[[578,-896],[-326,-604],[314,180]],[[97,-321],[-695,185],[-357,852]],[[854,839],[283,-375],[951,-209]],[[194,96],[-564,-847],[162,524]],[[-354,532],[494,621],[580,560]],[[419,-678],[-450,926],[-5,-924]],[[-661,905],[519,621],[-143,394]],[[-573,268],[296,-562],[-291,-319]],[[-211,266],[-196,158],[564,-183]],[[18,-585],[-398,777],[-581,864]],[[790,-894],[-745,-604],[-418,70]],[[848,-339],[150,773],[11,851]],[[-954,-809],[-53,-20],[-648,-304]],[[658,-336],[-658,-905],[853,407]],[[-365,-844],[350,-625],[852,-358]],[[986,-315],[-230,-159],[21,180]],[[-15,599],[45,-286],[-941,847]],[[-613,-68],[184,639],[-987,550]],[[334,675],[-56,-861],[923,340]],[[-848,-596],[960,231],[-28,-34]],[[707,-811],[-994,-356],[-167,-171]],[[-470,-764],[72,576],[-600,-204]],[[379,189],[-542,-576],[585,800]],[[440,540],[-445,-563],[379,-334]],[[-155,64],[514,-288],[853,106]],[[-304,751],[481,-520],[-708,-694]],[[-709,132],[594,126],[-844,63]],[[723,471],[421,-138],[-962,892]],[[-440,-263],[39,513],[-672,-954]],[[775,809],[-581,330],[752,-107]],[[-376,-158],[335,-708],[-514,578]],[[-343,-769],[456,-187],[25,413]],[[548,-877],[-172,300],[-500,928]],[[938,-102],[423,-488],[-378,-969]],[[-36,564],[-55,131],[958,-800]],[[-322,511],[-413,503],[700,-847]],[[-966,547],[-88,-17],[-359,-67]],[[637,-341],[-437,-181],[527,-153]],[[-74,449],[-28,3],[485,189]],[[-997,658],[-224,-948],[702,-807]],[[-224,736],[-896,127],[-945,-850]],[[-395,-106],[439,-553],[-128,124]],[[-841,-445],[-758,-572],[-489,212]],[[633,-327],[13,-512],[952,771]],[[-940,-171],[-6,-46],[-923,-425]],[[-142,-442],[-817,-998],[843,-695]],[[340,847],[-137,-920],[-988,-658]],[[-653,217],[-679,-257],[651,-719]],[[-294,365],[-41,342],[74,-892]],[[690,-236],[-541,494],[408,-516]],[[180,-807],[225,790],[494,59]],[[707,605],[-246,656],[284,271]],[[65,294],[152,824],[442,-442]],[[-321,781],[-540,341],[316,415]],[[420,371],[-2,545],[995,248]],[[56,-191],[-604,971],[615,449]],[[-981,-31],[510,592],[-390,-362]],[[-317,-968],[913,365],[97,508]],[[832,63],[-864,-510],[86,202]],[[-483,456],[-636,340],[-310,676]],[[981,-847],[751,-508],[-962,-31]],[[-157,99],[73,797],[63,-172]],[[220,858],[872,924],[866,-381]],[[996,-169],[805,321],[-164,971]],[[896,11],[-625,-973],[-782,76]],[[578,-280],[730,-729],[307,-905]],[[-580,-749],[719,-698],[967,603]],[[-821,874],[-103,-623],[662,-491]],[[-763,117],[661,-644],[672,-607]],[[592,787],[-798,-169],[-298,690]],[[296,644],[-526,-762],[-447,665]],[[534,-818],[852,-120],[57,-379]],[[-986,-549],[-329,294],[954,258]],[[-133,352],[-660,-77],[904,-356]],[[748,343],[215,500],[317,-277]],[[311,7],[910,-896],[-809,795]],[[763,-602],[-753,313],[-352,917]],[[668,619],[-474,-597],[-650,650]],[[-297,563],[-701,-987],[486,-902]],[[-461,-740],[-657,233],[-482,-328]],[[-446,-250],[-986,-458],[-629,520]],[[542,-49],[-327,-469],[257,-947]],[[121,-575],[-634,-143],[-184,521]],[[30,504],[455,-645],[-229,-945]],[[-12,-295],[377,764],[771,125]],[[-686,-133],[225,-25],[-376,-143]],[[-6,-46],[338,270],[-405,-872]],[[-623,-37],[582,467],[963,898]],[[-804,869],[-477,420],[-475,-303]],[[94,41],[-842,-193],[-768,720]],[[-656,-918],[415,645],[-357,460]],[[-47,-486],[-911,468],[-608,-686]],[[-158,251],[419,-394],[-655,-895]],[[272,-695],[979,508],[-358,959]],[[-776,650],[-918,-467],[-690,-534]],[[-85,-309],[-626,167],[-366,-429]],[[-880,-732],[-186,-924],[970,-875]],[[517,645],[-274,962],[-804,544]],[[721,402],[104,640],[478,-499]],[[198,684],[-134,-723],[-452,-905]],[[-245,745],[239,238],[-826,441]],[[-217,206],[-32,462],[-981,-895]],[[-51,989],[526,-173],[560,-676]],[[-480,-659],[-976,-580],[-727,466]],[[-996,-90],[-995,158],[-239,642]],[[302,288],[-194,-294],[17,924]],[[-943,969],[-326,114],[-500,103]],[[-619,163],[339,-880],[230,421]],[[-344,-601],[-795,557],[565,-779]],[[590,345],[-129,-202],[-125,-58]],[[-777,-195],[159,674],[775,411]],[[-939,312],[-665,810],[121,855]],[[-971,254],[712,815],[452,581]],[[442,-9],[327,-750],[61,757]],[[-342,869],[869,-160],[390,-772]],[[620,601],[565,-169],[-69,-183]],[[-25,924],[-817,964],[321,-970]],[[-64,-6],[-133,978],[825,-379]],[[601,436],[-24,98],[-115,940]],[[-97,502],[614,-574],[922,513]],[[-125,262],[-946,695],[99,-220]],[[429,-721],[719,-694],[197,-558]],[[326,689],[-70,-908],[-673,338]],[[-468,-856],[-902,-254],[-358,305]],[[-358,530],[542,355],[-253,-47]],[[-438,-74],[-362,963],[988,788]],[[137,717],[467,622],[319,-380]],[[-86,310],[-336,851],[918,-288]],[[721,395],[646,-53],[255,-425]],[[255,175],[912,84],[-209,878]],[[-632,-485],[-400,-357],[991,-608]],[[235,-559],[992,-297],[857,-591]],[[87,-71],[148,130],[647,578]],[[-290,-584],[-639,-788],[-21,592]],[[386,984],[625,-731],[-993,-336]],[[-538,634],[-209,-828],[-150,-774]],[[-754,-387],[607,-781],[976,-199]],[[412,-798],[-664,295],[709,-537]],[[-412,932],[-880,-232],[561,852]],[[-656,-358],[-198,-964],[-433,-848]],[[-762,-668],[-632,186],[-673,-11]],[[-876,237],[-282,-312],[-83,682]],[[403,73],[-57,-436],[-622,781]],[[-587,873],[798,976],[-39,329]],[[-369,-622],[553,-341],[817,794]],[[-108,-616],[920,-849],[-679,96]],[[290,-974],[234,239],[-284,-321]],[[-22,394],[-417,-419],[264,58]],[[-473,-551],[69,923],[591,-228]],[[-956,662],[-113,851],[-581,-794]],[[-258,-681],[413,-471],[-637,-817]],[[-866,926],[992,-653],[-7,794]],[[556,-350],[602,917],[831,-610]],[[188,245],[-906,361],[492,174]],[[-720,384],[-818,329],[638,-666]],[[-246,846],[890,-325],[-59,-850]],[[-118,-509],[620,-762],[-256,15]],[[-787,-536],[-452,-338],[-399,813]],[[458,560],[525,-311],[-608,-419]],[[494,-811],[-825,-127],[-812,894]],[[-801,890],[-629,-860],[574,925]],[[-709,-193],[-213,138],[-410,-403]],[[861,91],[708,-187],[5,-222]],[[789,646],[777,154],[90,-49]],[[-267,-830],[-114,531],[591,-698]],[[-126,-82],[881,-418],[82,652]],[[-894,130],[-726,-935],[393,-815]],[[-142,563],[654,638],[-712,-597]],[[-759,60],[-23,977],[100,-765]],[[-305,595],[-570,-809],[482,762]],[[-161,-267],[53,963],[998,-529]],[[-300,-57],[798,353],[703,486]],[[-990,696],[-764,699],[-565,719]],[[-232,-205],[566,571],[977,369]],[[740,865],[151,-817],[-204,-293]],[[94,445],[-768,229],[537,-406]],[[861,620],[37,-424],[-36,656]],[[390,-369],[952,733],[-464,569]],[[-482,-604],[959,554],[-705,-626]],[[-396,-615],[-991,108],[272,-723]],[[143,780],[535,142],[-917,-147]],[[138,-629],[-217,-908],[905,115]],[[915,103],[-852,64],[-468,-642]],[[570,734],[-785,-268],[-326,-759]],[[738,531],[-332,586],[-779,24]],[[870,440],[-217,473],[-383,415]],[[-296,-333],[-330,-142],[-924,950]],[[118,120],[-35,-245],[-211,-652]],[[61,634],[153,-243],[838,789]],[[726,-582],[210,105],[983,537]],[[-313,-323],[758,234],[29,848]],[[-847,-172],[-593,733],[-56,617]],[[54,255],[-512,156],[-575,675]],[[-873,-956],[-148,623],[95,200]],[[700,-370],[926,649],[-978,157]],[[-639,-202],[719,130],[747,222]],[[194,-33],[955,943],[505,114]],[[-226,-790],[28,-930],[827,783]],[[-392,-74],[-28,714],[218,-612]],[[209,626],[-888,-683],[-912,495]],[[487,751],[614,933],[631,445]],[[-348,-34],[-411,-106],[835,321]],[[-689,872],[-29,-800],[312,-542]],[[-52,566],[827,570],[-862,-77]],[[471,992],[309,-402],[389,912]],[[24,520],[-83,-51],[555,503]],[[-265,-317],[283,-970],[-472,690]],[[606,526],[137,71],[-651,150]],[[217,-518],[663,66],[-605,-331]],[[-562,232],[-76,-503],[205,-323]],[[842,-521],[546,285],[625,-186]],[[997,-927],[344,909],[-546,974]],[[-677,419],[81,121],[-705,771]],[[719,-379],[-944,-797],[784,-155]],[[-378,286],[-317,-797],[-111,964]],[[-288,-573],[784,80],[-532,-646]],[[-77,407],[-248,-797],[769,-816]],[[-24,-637],[287,-858],[-927,-333]],[[-902,37],[894,-823],[141,684]],[[125,467],[-177,-516],[686,399]],[[-321,-542],[641,-590],[527,-224]],[[-400,-712],[-876,-208],[632,-543]],[[-676,-429],[664,-242],[-269,922]],[[-608,-273],[-141,930],[687,380]],[[786,-12],[498,494],[310,326]],[[-739,-617],[606,-960],[804,188]],[[384,-368],[-243,-350],[-459,31]],[[-550,397],[320,-868],[328,-279]],[[969,-179],[853,864],[-110,514]],[[910,793],[302,-822],[-285,488]],[[-605,-128],[218,-283],[-17,-227]],[[16,324],[667,708],[750,3]],[[485,-813],[19,585],[71,930]],[[-218,816],[-687,-97],[-732,-360]],[[-497,-151],[376,-23],[3,315]],[[-412,-989],[-610,-813],[372,964]],[[-878,-280],[87,381],[-311,69]],[[-609,-90],[-731,-679],[150,585]],[[889,27],[-162,605],[75,-770]],[[448,617],[-988,0],[-103,-504]],[[-800,-537],[-69,627],[608,-668]],[[534,686],[-664,942],[830,920]],[[-238,775],[495,932],[-793,497]],[[-343,958],[-914,-514],[-691,651]],[[568,-136],[208,359],[728,28]],[[286,912],[-794,683],[556,-102]],[[-638,-629],[-484,445],[-64,-497]],[[58,505],[-801,-110],[872,632]],[[-390,777],[353,267],[976,369]],[[-993,515],[105,-133],[358,-572]],[[964,996],[355,-212],[-667,38]],[[-725,-614],[-35,365],[132,-196]],[[237,-536],[-416,-302],[312,477]],[[-664,574],[-210,224],[48,-925]],[[869,-261],[-256,-240],[-3,-698]],[[712,385],[32,-34],[916,-315]],[[895,-409],[-100,-346],[728,-624]],[[-806,327],[-450,889],[-781,-939]],[[-586,-403],[698,318],[-939,899]],[[557,-57],[-920,659],[333,-51]],[[-441,232],[-918,-205],[246,1]],[[783,167],[-797,-595],[245,-736]],[[-36,-531],[-486,-426],[-813,-160]],[[777,-843],[817,313],[-228,-572]],[[735,866],[-309,-564],[-81,190]],[[-413,645],[101,719],[-719,218]],[[-83,164],[767,796],[-430,-459]],[[122,779],[-15,-295],[-96,-892]],[[462,379],[70,548],[834,-312]],[[-630,-534],[124,187],[-737,114]],[[-299,-604],[318,-591],[936,826]],[[-879,218],[-642,-483],[-318,-866]],[[-691,62],[-658,761],[-895,-854]],[[-822,493],[687,569],[910,-202]],[[-223,784],[304,-5],[541,925]],[[-914,541],[737,-662],[-662,-195]],[[-622,615],[414,358],[881,-878]],[[339,745],[-268,-968],[-280,-227]],[[-364,855],[148,-709],[-827,472]],[[-890,-532],[-41,664],[-612,577]],[[-702,-859],[971,-722],[-660,-920]],[[-539,-605],[737,149],[973,-802]],[[800,42],[-448,-811],[152,511]],[[-933,377],[-110,-105],[-374,-937]],[[-766,152],[482,120],[-308,390]],[[-568,775],[-292,899],[732,890]],[[-177,-317],[-502,-259],[328,-511]],[[612,-696],[-574,-660],[132,31]],[[-119,563],[-805,-864],[179,-672]],[[425,-627],[183,-331],[839,318]],[[-711,-976],[-749,152],[-916,261]],[[181,-63],[497,211],[262,406]],[[-537,700],[-859,-765],[-928,77]],[[892,832],[231,-749],[-82,613]],[[816,216],[-642,-216],[-669,-912]],[[-6,624],[-937,-370],[-344,268]],[[737,-710],[-869,983],[-324,-274]],[[565,952],[-547,-158],[374,-444]],[[51,-683],[645,-845],[515,636]],[[-953,-631],[114,-377],[-764,-144]],[[-8,470],[-242,-399],[-675,-730]],[[-540,689],[-20,47],[-607,590]],[[-329,-710],[-779,942],[-388,979]],[[123,829],[674,122],[203,563]],[[46,782],[396,-33],[386,610]],[[872,-846],[-523,-122],[-55,-190]],[[388,-994],[-525,974],[127,596]],[[781,-680],[796,-34],[-959,-62]],[[-749,173],[200,-384],[-745,-446]],[[379,618],[136,-250],[-224,970]],[[-58,240],[-921,-760],[-901,-626]],[[366,-185],[565,-100],[515,688]],[[489,999],[-893,-263],[-637,816]],[[838,-496],[-316,-513],[419,479]],[[107,676],[-15,882],[98,-397]],[[-999,941],[-903,-424],[670,-325]],[[171,-979],[835,178],[169,-984]],[[-609,-607],[378,-681],[184,402]],[[-316,903],[-575,-800],[224,983]],[[591,-18],[-460,551],[-167,918]],[[-756,405],[-117,441],[163,-320]],[[456,24],[6,881],[-836,-539]],[[-489,-585],[915,651],[-892,-382]],[[-177,-122],[73,-711],[-386,591]],[[181,724],[530,686],[-131,241]],[[737,288],[886,216],[233,33]],[[-548,-386],[-749,-153],[-85,-982]],[[-835,227],[904,160],[-99,25]],[[-9,-42],[-162,728],[840,-963]],[[217,-763],[870,771],[47,-846]],[[-595,808],[-491,556],[337,-900]],[[-134,281],[-724,441],[-134,708]],[[-789,-508],[651,-962],[661,315]],[[-839,-923],[339,402],[41,-487]],[[300,-790],[48,703],[-398,-811]],[[955,-51],[462,-685],[960,-717]],[[910,-880],[592,-255],[-51,-776]],[[-885,169],[-793,368],[-565,458]],[[-905,940],[-492,-630],[-535,-988]],[[245,797],[763,869],[-82,550]],[[-310,38],[-933,-367],[-650,824]],[[-95,32],[-83,337],[226,990]],[[-218,-975],[-191,-208],[-785,-293]],[[-672,-953],[517,-901],[-247,465]],[[681,-148],[261,-857],[544,-923]],[[640,341],[446,-618],[195,769]],[[384,398],[-846,365],[671,815]],[[578,576],[-911,907],[762,-859]],[[548,-428],[144,-630],[-759,-146]],[[710,-73],[-700,983],[-97,-889]],[[-46,898],[-973,-362],[-817,-717]],[[151,-81],[-125,-900],[-478,-154]],[[483,615],[-537,-932],[181,-68]],[[786,-223],[518,25],[-306,-12]],[[-422,268],[-809,-683],[635,468]],[[983,-734],[-694,-608],[-110,4]],[[-786,-196],[749,-354],[137,-8]],[[-181,36],[668,-200],[691,-973]],[[-629,-838],[692,-736],[437,-871]],[[-208,-536],[-159,-596],[8,197]],[[-3,370],[-686,170],[913,-376]],[[44,-998],[-149,-993],[-200,512]],[[-519,136],[859,497],[536,434]],[[77,-985],[972,-340],[-705,-837]],[[-381,947],[250,360],[344,322]],[[-26,131],[699,750],[707,384]],[[-914,655],[299,193],[406,955]],[[-883,-921],[220,595],[-546,794]],[[-599,577],[-569,-404],[-704,489]],[[-594,-963],[-624,-460],[880,-760]],[[-603,88],[-99,681],[55,-328]],[[976,472],[139,-453],[-531,-860]],[[192,-290],[513,-89],[666,432]],[[417,487],[575,293],[567,-668]],[[655,711],[-162,449],[-980,972]],[[-505,664],[-685,-239],[603,-592]],[[-625,-802],[-67,996],[384,-636]],[[365,-593],[522,-666],[-200,-431]],[[-868,708],[560,-860],[-630,-355]],[[-702,785],[-637,-611],[-597,960]],[[-137,-696],[-93,-803],[408,406]],[[891,-123],[-26,-609],[-610,518]],[[133,-832],[-198,555],[708,-110]],[[791,617],[-69,487],[696,315]],[[-900,694],[-565,517],[-269,-416]],[[914,135],[-781,600],[-71,-600]],[[991,-915],[-422,-351],[-837,313]],[[-840,-398],[-302,21],[590,146]],[[62,-558],[-702,-384],[-625,831]],[[-363,-426],[-924,-496],[792,-908]],[[73,361],[-817,-466],[400,922]],[[-626,-164],[-626,860],[-524,286]],[[255,26],[-944,809],[-606,986]],[[-457,-256],[-103,50],[-867,-871]],[[-223,803],[196,480],[612,136]],[[-820,-928],[700,780],[-977,721]],[[717,332],[53,-933],[-128,793]],[[-602,-648],[562,593],[890,702]],[[-469,-875],[-527,911],[-475,-222]],[[110,-281],[-552,-536],[-816,596]],[[-981,654],[413,-981],[-75,-95]],[[-754,-742],[-515,894],[-220,-344]],[[795,-52],[156,408],[-603,76]],[[474,-157],[423,-499],[-807,-791]],[[260,688],[40,-52],[702,-122]],[[-584,-517],[-390,-881],[302,-504]],[[61,797],[665,708],[14,668]],[[366,166],[458,-614],[564,-983]],[[72,539],[-378,796],[381,-824]],[[-485,201],[-588,842],[736,379]],[[-149,-894],[-298,705],[-303,-406]],[[660,-935],[-580,521],[93,633]],[[-382,-282],[-375,-841],[-828,171]],[[-567,743],[-100,43],[144,122]],[[-281,-786],[-749,-551],[296,304]],[[11,-426],[-792,212],[857,-175]],[[594,143],[-699,289],[315,137]],[[341,596],[-390,107],[-631,-804]],[[-751,-636],[-424,-854],[193,651]],[[-145,384],[749,675],[-786,517]],[[224,-865],[-323,96],[-916,258]],[[-309,403],[-388,826],[35,-270]],[[-942,709],[222,158],[-699,-103]],[[-589,842],[-997,29],[-195,-210]],[[264,426],[566,145],[-217,623]],[[217,965],[507,-601],[-453,507]],[[-206,307],[-982,4],[64,-292]],[[676,-49],[-38,-701],[550,883]],[[5,-850],[-438,659],[745,-773]],[[933,238],[-574,-570],[91,-33]],[[-866,121],[-928,358],[459,-843]],[[-568,-631],[-352,-580],[-349,189]],[[-737,849],[-963,-486],[-662,970]],[[135,334],[-967,-71],[-365,-792]],[[789,21],[-227,51],[990,-275]],[[240,412],[-886,230],[591,256]],[[-609,472],[-853,-754],[959,661]],[[401,521],[521,314],[929,982]],[[-499,784],[-208,71],[-302,296]],[[-557,-948],[-553,-526],[-864,793]],[[270,-626],[828,44],[37,14]],[[-412,224],[617,-593],[502,699]],[[41,-908],[81,562],[-849,163]],[[165,917],[761,-197],[331,-341]],[[-687,314],[799,755],[-969,648]],[[-164,25],[578,439],[-334,-576]],[[213,535],[874,-177],[-551,24]],[[-689,291],[-795,-225],[-496,-125]],[[465,461],[558,-118],[-568,-909]],[[567,660],[-810,46],[-485,878]],[[-147,606],[685,-690],[-774,984]],[[568,-886],[-43,854],[-738,616]],[[-800,386],[-614,585],[764,-226]],[[-518,23],[-225,-732],[-79,440]],[[-173,-291],[-689,636],[642,-447]],[[-598,-16],[227,410],[496,211]],[[-474,-930],[-656,-321],[-420,36]],[[-435,165],[-819,555],[540,144]],[[-969,149],[828,568],[394,648]],[[65,-848],[257,720],[-625,-851]],[[981,899],[275,635],[465,-877]],[[80,290],[792,760],[-191,-321]],[[-605,-858],[594,33],[706,593]],[[585,-472],[318,-35],[354,-927]],[[-365,664],[803,581],[-965,-814]],[[-427,-238],[-480,146],[-55,-606]],[[879,-193],[250,-890],[336,117]],[[-226,-322],[-286,-765],[-836,-218]],[[-913,564],[-667,-698],[937,283]],[[872,-901],[810,-623],[-52,-709]],[[473,171],[717,38],[-429,-644]],[[225,824],[-219,-475],[-180,234]],[[-530,-797],[-948,238],[851,-623]],[[85,975],[-363,529],[598,28]],[[-799,166],[-804,210],[-769,851]],[[-687,-158],[885,736],[-381,-461]],[[447,592],[928,-514],[-515,-661]],[[-399,-777],[-493,80],[-544,-78]],[[-884,631],[171,-825],[-333,551]],[[191,268],[-577,676],[137,-33]],[[212,-853],[709,798],[583,-56]],[[-908,-172],[-540,-84],[-135,-56]],[[303,311],[406,-360],[-240,811]],[[798,-708],[824,59],[234,-57]],[[491,693],[-74,585],[-85,877]],[[509,-65],[-936,329],[-51,722]],[[-122,858],[-52,467],[-77,-609]],[[850,760],[547,-495],[-953,-952]],[[-460,-541],[890,910],[286,724]],[[-914,843],[-579,-983],[-387,-460]],[[989,-171],[-877,-326],[-899,458]],[[846,175],[-915,540],[-1000,-982]],[[-852,-920],[-306,496],[530,-18]],[[338,-991],[160,85],[-455,-661]],[[-186,-311],[-460,-563],[-231,-414]],[[-932,-302],[959,597],[793,748]],[[-366,-402],[-788,-279],[514,53]],[[-940,-956],[447,-956],[211,-285]],[[564,806],[-911,-914],[934,754]],[[575,-858],[-277,15],[409,-714]],[[848,462],[100,-381],[135,242]],[[330,718],[-24,-190],[860,-78]],[[479,458],[941,108],[-866,-653]],[[212,980],[962,-962],[115,841]],[[-827,-474],[-206,881],[323,765]],[[506,-45],[-30,-293],[524,-133]],[[832,-173],[547,-852],[-561,-842]],[[-397,-661],[-708,819],[-545,-228]],[[521,51],[-489,852],[36,-258]],[[227,-164],[189,465],[-987,-882]],[[-73,-997],[641,-995],[449,-615]],[[151,-995],[-638,415],[257,-400]],[[-663,-297],[-748,537],[-734,198]],[[-585,-401],[-81,-782],[-80,-105]],[[99,-21],[238,-365],[-704,-368]],[[45,416],[849,-211],[-371,-1]],[[-404,-443],[795,-406],[36,-933]],[[272,-363],[981,-491],[-380,77]],[[713,-342],[-366,-849],[643,911]],[[-748,671],[-537,813],[961,-200]],[[-194,-909],[703,-662],[-601,188]],[[281,500],[724,286],[267,197]],[[-832,847],[-595,820],[-316,637]],[[520,521],[-54,261],[923,-10]],[[4,-808],[-682,-258],[441,-695]],[[-793,-107],[-969,905],[798,446]],[[-108,-739],[-590,69],[-855,-365]],[[380,-623],[-930,817],[468,713]],[[759,-849],[-236,433],[-723,-931]],[[95,-320],[-686,124],[-69,-329]],[[-655,518],[-210,-523],[284,-866]],[[144,303],[639,70],[-171,269]],[[173,-333],[947,-304],[55,40]],[[274,878],[-482,-888],[-835,375]],[[-982,-854],[-36,-218],[-114,-230]],[[905,-979],[488,-485],[-479,114]],[[877,-157],[553,-530],[-47,-321]],[[350,664],[-881,442],[-220,-284]],[[434,-423],[-365,878],[-726,584]],[[535,909],[-517,-447],[-660,-141]],[[-966,191],[50,353],[182,-642]],[[-785,-634],[123,-907],[-162,511]],[[146,-850],[-214,814],[-704,25]],[[692,1],[521,492],[-637,274]],[[-662,-372],[-313,597],[983,-647]],[[-962,-526],[68,-549],[-819,231]],[[740,-890],[-318,797],[-666,948]],[[-190,-12],[-468,-455],[948,284]],[[16,478],[-506,-888],[628,-154]],[[272,630],[-976,308],[433,3]],[[-169,-391],[-132,189],[302,-388]],[[109,-784],[474,-167],[-265,-31]],[[-177,-532],[283,464],[421,-73]],[[650,635],[592,-138],[1,-387]],[[-932,703],[-827,-492],[-355,686]],[[586,-311],[340,-618],[645,-434]],[[-951,736],[647,-127],[-303,590]],[[188,444],[903,718],[-931,500]],[[-872,-642],[-296,-571],[337,241]],[[23,65],[152,125],[880,470]],[[512,823],[-42,217],[823,-263]],[[180,-831],[-380,886],[607,762]],[[722,443],[-149,-216],[-115,759]],[[-19,660],[-36,901],[923,231]],[[562,-322],[-626,-968],[194,-825]],[[204,-920],[938,784],[362,150]],[[-410,-266],[-715,559],[-672,124]],[[-198,446],[-140,454],[-461,-447]],[[83,-346],[830,-493],[-759,-382]],[[-881,601],[581,234],[-134,-925]],[[-494,914],[-42,899],[235,629]],[[-390,50],[956,437],[774,-700]],[[-514,514],[44,-512],[-576,-313]],[[63,-688],[808,-534],[-570,-399]],[[-726,572],[-896,102],[-294,-28]],[[-688,757],[401,406],[955,-511]],[[-283,423],[-485,480],[-767,908]],[[-541,952],[-594,116],[-854,451]],[[-273,-796],[236,625],[-626,257]],[[-407,-493],[373,826],[-309,297]],[[-750,955],[-476,641],[-809,713]],[[8,415],[695,226],[-111,2]],[[733,209],[152,-920],[401,995]],[[921,-103],[-919,66],[871,-947]],[[-907,89],[-869,-214],[851,-559]],[[-307,748],[524,-755],[314,-711]],[[188,897],[-72,-763],[482,103]],[[545,-821],[-232,-596],[-334,-754]],[[-217,-788],[-820,388],[-200,-662]],[[779,160],[-723,-975],[-142,-998]],[[-978,-519],[-78,-981],[842,904]],[[-504,-736],[-295,21],[-472,-482]],[[391,115],[-705,574],[652,-446]],[[813,-988],[865,830],[-263,487]],[[194,80],[774,-493],[-761,-872]],[[-415,-284],[-803,7],[-810,670]],[[-484,-4],[881,-872],[55,-852]],[[-379,822],[-266,324],[-48,748]],[[-304,-278],[406,-60],[959,-89]],[[404,756],[577,-643],[-332,658]],[[291,460],[125,491],[-312,83]],[[311,-734],[-141,582],[282,-557]],[[-450,-661],[-981,710],[-177,794]],[[328,264],[-787,971],[-743,-407]],[[-622,518],[993,-241],[-738,229]],[[273,-826],[-254,-917],[-710,-111]],[[809,770],[96,368],[-818,725]],[[-488,773],[502,-342],[534,745]],[[-28,-414],[236,-315],[-484,363]],[[179,-466],[-566,713],[-683,56]],[[560,-240],[-597,619],[916,-940]],[[893,473],[872,-868],[-642,-461]],[[799,489],[383,-321],[-776,-833]],[[980,490],[-508,764],[-512,-426]],[[917,961],[-16,-675],[440,559]],[[-812,212],[784,-987],[-132,554]],[[-886,454],[747,806],[190,231]],[[910,341],[21,-66],[708,725]],[[29,929],[-831,-494],[-303,389]],[[-103,492],[-271,-174],[-515,529]],[[-292,119],[419,788],[247,-951]],[[483,543],[-347,-673],[664,-549]],[[-926,-871],[-437,337],[162,-877]],[[299,472],[-771,5],[-88,-643]],[[-103,525],[-725,-998],[264,22]],[[-505,708],[550,-545],[823,347]],[[-738,931],[59,147],[-156,-259]],[[456,968],[-162,889],[132,-911]],[[535,120],[968,-517],[-864,-541]],[[24,-395],[-593,-766],[-565,-332]],[[834,611],[825,-576],[280,629]],[[211,-548],[140,-278],[-592,929]],[[-999,-240],[-63,-78],[793,573]],[[-573,160],[450,987],[529,322]],[[63,353],[315,-187],[-461,577]],[[189,-950],[-247,656],[289,241]],[[209,-297],[397,664],[-805,484]],[[-655,452],[435,-556],[917,874]],[[253,-756],[262,-888],[-778,-214]],[[793,-451],[323,-251],[-401,-458]],[[-396,619],[-651,-287],[-668,-781]],[[698,720],[-349,742],[-807,546]],[[738,280],[680,279],[-540,858]],[[-789,387],[530,-36],[-551,-491]],[[162,579],[-427,-272],[228,710]],[[689,356],[917,-580],[729,217]],[[-115,-638],[866,424],[-82,-194]],[[411,-338],[-917,172],[227,-29]],[[-612,63],[630,-976],[-64,-204]],[[-200,911],[583,-571],[682,-579]],[[91,298],[396,-183],[788,-955]],[[141,-873],[-277,149],[-396,916]],[[321,958],[-136,573],[541,-777]],[[797,-909],[-469,-877],[988,-653]],[[784,-198],[129,883],[-203,399]],[[-68,-810],[223,-423],[-467,-512]],[[531,-445],[-603,-997],[-841,641]],[[-274,-242],[174,261],[-636,-158]],[[-574,494],[-796,-798],[-798,99]],[[95,-82],[-613,-954],[-753,986]],[[-883,-448],[-864,-401],[938,-392]],[[913,930],[-542,-988],[310,410]],[[506,-99],[43,512],[790,-222]],[[724,31],[49,-950],[260,-134]],[[-287,-947],[-234,-700],[56,588]],[[-33,782],[-144,948],[105,-791]],[[548,-546],[-652,-293],[881,-520]],[[691,-91],[76,991],[-631,742]],[[-520,-429],[-244,-296],[724,-48]],[[778,646],[377,50],[-188,56]],[[-895,-507],[-898,-165],[-674,652]],[[654,584],[-634,177],[-349,-620]],[[114,-980],[355,62],[182,975]],[[516,9],[-442,-298],[274,-579]],[[-238,262],[-431,-896],[506,-850]],[[47,748],[846,821],[-537,-293]],[[839,726],[593,285],[-297,840]],[[634,-486],[468,-304],[-887,-567]],[[-864,914],[296,-124],[335,233]],[[88,-253],[-523,-956],[-554,803]],[[-587,417],[281,-62],[-409,-363]],[[-136,-39],[-292,-768],[-264,876]],[[-127,506],[-891,-331],[-744,-430]],[[778,584],[-750,-129],[-479,-94]],[[-876,-771],[-987,-757],[180,-641]],[[-777,-694],[411,-87],[329,190]],[[-347,-999],[-882,158],[-754,232]],[[-105,918],[188,237],[-110,-591]],[[-209,703],[-838,77],[838,909]],[[-995,-339],[-762,750],[860,472]],[[185,271],[-289,173],[811,-300]],[[2,65],[-656,-22],[36,-139]],[[765,-210],[883,974],[961,-905]],[[-212,295],[-615,-840],[77,474]],[[211,-910],[-440,703],[-11,859]],[[-559,-4],[-196,841],[-277,969]],[[-73,-159],[-887,126],[978,-371]],[[-569,633],[-423,-33],[512,-393]],[[503,143],[-383,-109],[-649,-998]],[[-663,339],[-317,-523],[-2,596]],[[690,-380],[570,378],[-652,132]],[[72,-744],[-930,399],[-525,935]],[[865,-983],[115,37],[995,826]],[[594,-621],[-872,443],[188,-241]],[[-1000,291],[754,234],[-435,-869]],[[-868,901],[654,-907],[59,181]],[[-868,-793],[-431,596],[-446,-564]],[[900,-944],[-680,-796],[902,-366]],[[331,430],[943,853],[-851,-942]],[[315,-538],[-354,-909],[139,721]],[[170,-884],[-225,-818],[-808,-657]],[[-279,-34],[-533,-871],[-972,552]],[[691,-986],[-800,-950],[654,-747]],[[603,988],[899,841],[-630,591]],[[876,-949],[809,562],[602,-536]],[[-693,363],[-189,495],[738,-1000]],[[-383,431],[-633,297],[665,959]],[[-740,686],[-207,-803],[188,-520]],[[-820,226],[31,-339],[10,121]],[[-312,-844],[624,-516],[483,621]],[[-822,-529],[69,-278],[800,328]],[[834,-82],[-759,420],[811,-264]],[[-960,-240],[-921,561],[173,46]],[[-324,909],[-790,-814],[-2,-785]],[[976,334],[-290,-891],[704,-581]],[[150,-798],[689,-823],[237,-639]],[[-551,-320],[876,-502],[-622,-628]],[[-136,845],[904,595],[-702,-261]],[[-857,-377],[-522,-101],[-943,-805]],[[-682,-787],[-888,-459],[-752,-985]],[[-571,-81],[623,-133],[447,643]],[[-375,-158],[72,-387],[-324,-696]],[[-660,-650],[340,188],[569,526]],[[727,-218],[16,-7],[-595,-988]],[[-966,-684],[802,-783],[-272,-194]],[[115,-566],[-888,47],[712,180]],[[-237,-69],[45,-272],[981,-812]],[[48,897],[439,417],[50,325]],[[348,616],[180,254],[104,-784]],[[-730,811],[-548,612],[-736,790]],[[138,-810],[123,930],[65,865]],[[-768,-299],[-49,-895],[-692,-418]],[[487,-531],[802,-159],[-12,634]],[[808,-179],[552,-73],[470,717]],[[720,-644],[886,-141],[625,144]],[[-485,-505],[-347,-244],[-916,66]],[[600,-565],[995,-5],[324,227]],[[-771,-35],[904,-482],[753,-303]],[[-701,65],[426,-763],[-504,-479]],[[409,733],[-823,475],[64,718]],[[865,975],[368,893],[-413,-433]],[[812,-597],[-970,819],[813,624]],[[193,-642],[-381,-560],[545,398]],[[711,28],[-316,771],[717,-865]],[[-509,462],[809,-136],[786,635]],[[618,-49],[484,169],[635,547]],[[-747,685],[-882,-496],[-332,82]],[[-501,-851],[870,563],[290,570]],[[-279,-829],[-509,397],[457,816]],[[-508,80],[850,-188],[483,-326]],[[860,-100],[360,119],[-205,787]],[[-870,21],[-39,-827],[-185,932]],[[826,284],[-136,-866],[-330,-97]],[[-944,-82],[745,899],[-97,365]],[[929,262],[564,632],[-115,632]],[[244,-276],[713,330],[-897,-214]],[[-890,-109],[664,876],[-974,-907]],[[716,249],[816,489],[723,141]],[[-96,-560],[-272,45],[-70,645]],[[762,-503],[414,-828],[-254,-646]],[[909,-13],[903,-422],[-344,-10]],[[658,-486],[743,545],[50,674]],[[-241,507],[-367,18],[-48,-241]],[[886,-268],[884,-762],[120,-486]],[[-412,-528],[879,-647],[223,-393]],[[851,810],[234,937],[-726,797]],[[-999,942],[839,-134],[-996,-189]],[[100,979],[-527,-521],[378,800]],[[544,-844],[-832,-530],[-77,-641]],[[43,889],[31,442],[-934,-503]],[[-330,-370],[-309,-439],[173,547]],[[169,945],[62,-753],[-542,-597]],[[208,751],[-372,-647],[-520,70]],[[765,-840],[907,-257],[379,918]],[[334,-135],[-689,730],[-427,618]],[[137,-508],[66,-695],[78,169]],[[-962,-123],[400,-417],[151,969]],[[328,689],[666,427],[-555,-642]],[[-907,343],[605,-341],[-647,582]],[[-667,-363],[-571,818],[-265,-399]],[[525,-938],[904,898],[725,692]],[[-176,-802],[-858,-9],[780,275]],[[580,170],[-740,287],[691,-97]],[[365,557],[-375,361],[-288,859]],[[193,737],[842,-808],[520,282]],[[-871,65],[-799,836],[179,-720]],[[958,-144],[744,-789],[797,-48]],[[122,582],[662,912],[68,757]],[[595,241],[-801,513],[388,186]],[[-103,-677],[-259,-731],[-281,-857]],[[921,319],[-696,683],[-88,-997]],[[775,200],[78,858],[648,768]],[[316,821],[-763,68],[-290,-741]],[[564,664],[691,504],[760,787]],[[694,-119],[973,-385],[309,-760]],[[777,-947],[-57,990],[74,19]],[[971,626],[-496,-781],[-602,-239]],[[-651,433],[11,-339],[939,294]],[[-965,-728],[560,569],[-708,-247]]
+];
+```
+
+## --seed-contents--
+
+```js
+function triangleContainment(triangles) {
+
+  return true;
+}
+
+const testTriangles1 = [
+  [[-866,121],[-928,358],[459,-843]],[[-568,-631],[-352,-580],[-349,189]],[[-737,849],[-963,-486],[-662,970]],[[135,334],[-967,-71],[-365,-792]],[[789,21],[-227,51],[990,-275]],[[240,412],[-886,230],[591,256]],[[-609,472],[-853,-754],[959,661]],[[401,521],[521,314],[929,982]],[[-499,784],[-208,71],[-302,296]],[[-557,-948],[-553,-526],[-864,793]],[[270,-626],[828,44],[37,14]],[[-412,224],[617,-593],[502,699]],[[41,-908],[81,562],[-849,163]],[[165,917],[761,-197],[331,-341]],[[-687,314],[799,755],[-969,648]],[[-164,25],[578,439],[-334,-576]],[[213,535],[874,-177],[-551,24]],[[-689,291],[-795,-225],[-496,-125]],[[465,461],[558,-118],[-568,-909]],[[567,660],[-810,46],[-485,878]],[[-147,606],[685,-690],[-774,984]],[[568,-886],[-43,854],[-738,616]],[[-800,386],[-614,585],[764,-226]],[[-518,23],[-225,-732],[-79,440]],[[-173,-291],[-689,636],[642,-447]],[[-598,-16],[227,410],[496,211]],[[-474,-930],[-656,-321],[-420,36]],[[-435,165],[-819,555],[540,144]],[[-969,149],[828,568],[394,648]],[[65,-848],[257,720],[-625,-851]],[[981,899],[275,635],[465,-877]],[[80,290],[792,760],[-191,-321]],[[-605,-858],[594,33],[706,593]],[[585,-472],[318,-35],[354,-927]],[[-365,664],[803,581],[-965,-814]],[[-427,-238],[-480,146],[-55,-606]],[[879,-193],[250,-890],[336,117]],[[-226,-322],[-286,-765],[-836,-218]],[[-913,564],[-667,-698],[937,283]],[[872,-901],[810,-623],[-52,-709]],[[473,171],[717,38],[-429,-644]],[[225,824],[-219,-475],[-180,234]],[[-530,-797],[-948,238],[851,-623]],[[85,975],[-363,529],[598,28]],[[-799,166],[-804,210],[-769,851]],[[-687,-158],[885,736],[-381,-461]],[[447,592],[928,-514],[-515,-661]],[[-399,-777],[-493,80],[-544,-78]],[[-884,631],[171,-825],[-333,551]],[[191,268],[-577,676],[137,-33]],[[212,-853],[709,798],[583,-56]],[[-908,-172],[-540,-84],[-135,-56]],[[303,311],[406,-360],[-240,811]],[[798,-708],[824,59],[234,-57]],[[491,693],[-74,585],[-85,877]],[[509,-65],[-936,329],[-51,722]],[[-122,858],[-52,467],[-77,-609]],[[850,760],[547,-495],[-953,-952]],[[-460,-541],[890,910],[286,724]],[[-914,843],[-579,-983],[-387,-460]],[[989,-171],[-877,-326],[-899,458]],[[846,175],[-915,540],[-1000,-982]],[[-852,-920],[-306,496],[530,-18]],[[338,-991],[160,85],[-455,-661]],[[-186,-311],[-460,-563],[-231,-414]],[[-932,-302],[959,597],[793,748]],[[-366,-402],[-788,-279],[514,53]],[[-940,-956],[447,-956],[211,-285]],[[564,806],[-911,-914],[934,754]],[[575,-858],[-277,15],[409,-714]]
+];
+
+triangleContainment(testTriangles1);
+```
+
+# --solutions--
+
+```js
+function triangleContainment(triangles) {
+  function isInTriangle(triangle, point) {
+    // Based on https://stackoverflow.com/a/14382692
+    const area = triangleArea(triangle);
+    const s = getS(area, point, triangle);
+    const t = getT(area, point, triangle);
+
+    if (s > 0 && t > 0 && 1 - s - t > 0) {
+      return true;
+    }
+    return false;
+  }
+
+  function getS(area, point, triangle) {
+    return (
+      (1 / (2 * area)) *
+      (triangle.A.y * triangle.C.x -
+        triangle.A.x * triangle.C.y +
+        point.x * (triangle.C.y - triangle.A.y) +
+        point.y * (triangle.A.x - triangle.C.x))
+    );
+  }
+
+  function getT(area, point, triangle) {
+    return (
+      (1 / (2 * area)) *
+      (triangle.A.x * triangle.B.y -
+        triangle.A.y * triangle.B.x +
+        point.x * (triangle.A.y - triangle.B.y) +
+        point.y * (triangle.B.x - triangle.A.x))
+    );
+  }
+
+  function triangleArea(triangle) {
+    return (
+      0.5 *
+      (-triangle.B.y * triangle.C.x +
+        triangle.A.y * (-triangle.B.x + triangle.C.x) +
+        triangle.A.x * (triangle.B.y - triangle.C.y) +
+        triangle.B.x * triangle.C.y)
+    );
+  }
+
+  function parseTriangle(triangle) {
+    const points = [];
+    for (let i = 0; i < triangle.length; i++) {
+      const [coordinateX, coordinateY] = triangle[i];
+      points.push({ x: coordinateX, y: coordinateY });
+    }
+    const [pointA, pointB, pointC] = points;
+    return {
+      A: pointA,
+      B: pointB,
+      C: pointC
+    };
+  }
+
+  const origin = { x: 0, y: 0 };
+
+  let trianglesInside = 0;
+  for (let i = 0; i < triangles.length; i++) {
+    const triangle = parseTriangle(triangles[i]);
+
+    if (isInTriangle(triangle, origin)) {
+      trianglesInside++;
+    }
+  }
+  return trianglesInside;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
new file mode 100644
index 0000000000..9b8f6d63b5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-103-special-subset-sums-optimum.md
@@ -0,0 +1,53 @@
+---
+id: 5900f3d61000cf542c50fee7
+title: 'Завдання 103: Особливі суми підмножини: оптимізація'
+challengeType: 5
+forumTopicId: 301727
+dashedName: problem-103-special-subset-sums-optimum
+---
+
+# --description--
+
+Нехай $S(A)$ показує суму елементів у наборі A з розміром набору n. Назвемо це особливим набором сум, якщо для будь-яких двох не порожніх неперетинних підмножин В і С, виконуються умови:
+
+1. $S(B) ≠ S(C)$; тобто суми підмножин не можуть бути рівними.
+2. Якщо В містить більше елементів ніж C, тоді $S(B) > S(C)$.
+
+Якщо $S(A)$ обмежене даним n, назвемо його оптимальним набором особливих сум. Перші п'ять оптимальних особливих сум наведені нижче.
+
+$\begin{align} & n = 1: \\{1\\} \\\\ & n = 2: \\{1, 2\\} \\ & n = 3: \\{2, 3, 3, 4\\} \\\\ & n = 4: \\{3, 5, 6, 7\\} \\\\ & n = 5: \\{6, 9, 11, 12, 13\\} \\\\ \end{align}$$
+
+Здається, що для даного оптимального набору $A = \\{a_1, a_2, \ldots, a_n\\}$, наступний оптимальний набір у вигляді $B = \\{b, a_1 + b, a_2 + b, \ldots, a_n + b\\}$, де b - середній елемент з попереднього рядка.
+
+Застосувавши цю "умову", очікуємо такий оптимальний набір для $n = 6$ буде $A = \\{11, 17, 20, 22, 23, 24\\}$, з $S(А) = 117$. Однак, це не набір оптимальних множин, оскільки ми просто застосували алгоритм для забезпечення майже оптимального набору. Для $n = 6$ оптимальний набір - $A = \\{11, 18, 19, 20, 22, 25\\}$, з $S(A) = 115$ та відповідний рядок у наборі: `111819202225`.
+
+Якщо відомо, що А є оптимальною спеціальною сумою, заданою для $n = 7$, знайдіть її в рядку.
+
+**Примітка:** Це завдання пов'язане із завданнями 105 та 106.
+
+# --hints--
+
+`optimumSpecialSumSet()` повинен повернути рядок `20313839404245`.
+
+```js
+assert.strictEqual(optimumSpecialSumSet(), '20313839404245');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function optimumSpecialSumSet() {
+
+  return true;
+}
+
+optimumSpecialSumSet();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
new file mode 100644
index 0000000000..5ce769d616
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-104-pandigital-fibonacci-ends.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3d51000cf542c50fee6
+title: 'Завдання 104: Пан-цифрові кінці чисел Фібоначчі'
+challengeType: 5
+forumTopicId: 301728
+dashedName: problem-104-pandigital-fibonacci-ends
+---
+
+# --description--
+
+Послідовність Фібоначчі визначається таким рекурентним співвідношенням:
+
+$F_n = F_{n − 1} + F_{n − 2}$, де $F_1 = 1$ та $F_2 = 1$
+
+Виявляється, що число $F_{541}$, що складається з 113 цифр, є першим числом Фібоначчі, у якого останні дев'ять цифр утворюють панцифрове число з цифрами 1 - 9 (воно містить всі цифри від 1 до 9, але не обов'язково в порядку зростання). А число $F_{2749}$, що складається з 575 цифр, є першим числом Фібоначчі, у якого перші дев'ять цифр утворюють панцифрове число з цифрами від 1 до 9.
+
+Відомо, що число $F_k$ є першим числом Фібоначчі, у якого як перші, ТАК і останні дев'ять цифр утворюють пан-цифрові числа з цифрами 1-9, знайдіть `k`.
+
+# --hints--
+
+`pandigitalFibonacciEnds()` має повернути `329468`.
+
+```js
+assert.strictEqual(pandigitalFibonacciEnds(), 329468);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pandigitalFibonacciEnds() {
+
+  return true;
+}
+
+pandigitalFibonacciEnds();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
new file mode 100644
index 0000000000..820ce20438
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-105-special-subset-sums-testing.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3d61000cf542c50fee8
+title: 'Завдання 105: Особливі підмножини суми: тестування'
+challengeType: 5
+forumTopicId: 301729
+dashedName: problem-105-special-subset-sums-testing
+---
+
+# --description--
+
+Нехай $S(A)$ показує суму елементів у множині A розміру n. Будемо називати це спеціальним набором сум, якщо для будь-яких двох непустих неперетинних підмножин, В і С, такі властивості правдиві:
+
+1. $S(B) ≠ S(C)$; тобто суми підмножин не можуть бути рівними.
+2. Якщо B містить більше елементів ніж C, тоді $S(B) > S(C)$.
+
+Наприклад, {81, 88, 75, 87, 84, 86, 65} не є набором спеціальних сум, тому що 65 + 87 + 88 = 75 + 84, тоді як {157, 150, 164, 119, 79, 159, 169, 139, 158} відповідає обом правилам для всіх можливих комбінацій підмножин і $S(A) = 1286$.
+
+Використовуючи `sets`, масив з однією сотнею наборів, який містить від семи до дванадцяти елементів (два подані вище приклади є першими двома наборами), визначте всі набори спеціальних сум, $A_1, A_2, \ldots, A_k$, та знайдіть значення $(A_1) + S(A_2) + \cdots + S(A_k)$.
+
+**Note:** Це завдання пов'язане зі Завданням 103 та Завданням 106.
+
+# --hints--
+
+`testingSpecialSubsetSums(testSets)` повинен повернутися як `73702`.
+
+```js
+assert.strictEqual(testingSpecialSubsetSums(_testSets), 73702);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testSets = [
+  [81,88,75,42,87,84,86,65],[157,150,164,119,79,159,161,139,158],[673,465,569,603,629,592,584,300,601,599,600],[90,85,83,84,65,87,76,46],[165,168,169,190,162,85,176,167,127],[224,275,278,249,277,279,289,295,139],[354,370,362,384,359,324,360,180,350,270],[599,595,557,298,448,596,577,667,597,588,602],[175,199,137,88,187,173,168,171,174],[93,187,196,144,185,178,186,202,182],[157,155,81,158,119,176,152,167,159],[184,165,159,166,163,167,174,124,83],[1211,1212,1287,605,1208,1189,1060,1216,1243,1200,908,1210],[339,299,153,305,282,304,313,306,302,228],[94,104,63,112,80,84,93,96],[41,88,82,85,61,74,83,81],[90,67,84,83,82,97,86,41],[299,303,151,301,291,302,307,377,333,280],[55,40,48,44,25,42,41],[1038,1188,1255,1184,594,890,1173,1151,1186,1203,1187,1195],[76,132,133,144,135,99,128,154],[77,46,108,81,85,84,93,83],[624,596,391,605,529,610,607,568,604,603,453],[83,167,166,189,163,174,160,165,133],[308,281,389,292,346,303,302,304,300,173],[593,1151,1187,1184,890,1040,1173,1186,1195,1255,1188,1203],[68,46,64,33,60,58,65],[65,43,88,87,86,99,93,90],[83,78,107,48,84,87,96,85],[1188,1173,1256,1038,1187,1151,890,1186,1184,1203,594,1195],[302,324,280,296,294,160,367,298,264,299],[521,760,682,687,646,664,342,698,692,686,672],[56,95,86,97,96,89,108,120],[344,356,262,343,340,382,337,175,361,330],[47,44,42,27,41,40,37],[139,155,161,158,118,166,154,156,78],[118,157,164,158,161,79,139,150,159],[299,292,371,150,300,301,281,303,306,262],[85,77,86,84,44,88,91,67],[88,85,84,44,65,91,76,86],[138,141,127,96,136,154,135,76],[292,308,302,346,300,324,304,305,238,166],[354,342,341,257,348,343,345,321,170,301],[84,178,168,167,131,170,193,166,162],[686,701,706,673,694,687,652,343,683,606,518],[295,293,301,367,296,279,297,263,323,159],[1038,1184,593,890,1188,1173,1187,1186,1195,1150,1203,1255],[343,364,388,402,191,383,382,385,288,374],[1187,1036,1183,591,1184,1175,888,1197,1182,1219,1115,1167],[151,291,307,303,345,238,299,323,301,302],[140,151,143,138,99,69,131,137],[29,44,42,59,41,36,40],[348,329,343,344,338,315,169,359,375,271],[48,39,34,37,50,40,41],[593,445,595,558,662,602,591,297,610,580,594],[686,651,681,342,541,687,691,707,604,675,699],[180,99,189,166,194,188,144,187,199],[321,349,335,343,377,176,265,356,344,332],[1151,1255,1195,1173,1184,1186,1188,1187,1203,593,1038,891],[90,88,100,83,62,113,80,89],[308,303,238,300,151,304,324,293,346,302],[59,38,50,41,42,35,40],[352,366,174,355,344,265,343,310,338,331],[91,89,93,90,117,85,60,106],[146,186,166,175,202,92,184,183,189],[82,67,96,44,80,79,88,76],[54,50,58,66,31,61,64],[343,266,344,172,308,336,364,350,359,333],[88,49,87,82,90,98,86,115],[20,47,49,51,54,48,40],[159,79,177,158,157,152,155,167,118],[1219,1183,1182,1115,1035,1186,591,1197,1167,887,1184,1175],[611,518,693,343,704,667,686,682,677,687,725],[607,599,634,305,677,604,603,580,452,605,591],[682,686,635,675,692,730,687,342,517,658,695],[662,296,573,598,592,584,553,593,595,443,591],[180,185,186,199,187,210,93,177,149],[197,136,179,185,156,182,180,178,99],[271,298,218,279,285,282,280,238,140],[1187,1151,890,593,1194,1188,1184,1173,1038,1186,1255,1203],[169,161,177,192,130,165,84,167,168],[50,42,43,41,66,39,36],[590,669,604,579,448,599,560,299,601,597,598],[174,191,206,179,184,142,177,180,90],[298,299,297,306,164,285,374,269,329,295],[181,172,162,138,170,195,86,169,168],[1184,1197,591,1182,1186,889,1167,1219,1183,1033,1115,1175],[644,695,691,679,667,687,340,681,770,686,517],[606,524,592,576,628,593,591,584,296,444,595],[94,127,154,138,135,74,136,141],[179,168,172,178,177,89,198,186,137],[302,299,291,300,298,149,260,305,280,370],[678,517,670,686,682,768,687,648,342,692,702],[302,290,304,376,333,303,306,298,279,153],[95,102,109,54,96,75,85,97],[150,154,146,78,152,151,162,173,119],[150,143,157,152,184,112,154,151,132],[36,41,54,40,25,44,42],[37,48,34,59,39,41,40],[681,603,638,611,584,303,454,607,606,605,596]
+];
+```
+
+## --seed-contents--
+
+```js
+function testingSpecialSubsetSums(sets) {
+
+  return true;
+}
+
+const testSets = [
+  [81,88,75,42,87,84,86,65],[157,150,164,119,79,159,161,139,158],[673,465,569,603,629,592,584,300,601,599,600],[90,85,83,84,65,87,76,46],[165,168,169,190,162,85,176,167,127],[224,275,278,249,277,279,289,295,139],[354,370,362,384,359,324,360,180,350,270],[599,595,557,298,448,596,577,667,597,588,602],[175,199,137,88,187,173,168,171,174],[93,187,196,144,185,178,186,202,182],[157,155,81,158,119,176,152,167,159],[184,165,159,166,163,167,174,124,83],[1211,1212,1287,605,1208,1189,1060,1216,1243,1200,908,1210],[339,299,153,305,282,304,313,306,302,228],[94,104,63,112,80,84,93,96],[41,88,82,85,61,74,83,81],[90,67,84,83,82,97,86,41],[299,303,151,301,291,302,307,377,333,280],[55,40,48,44,25,42,41],[1038,1188,1255,1184,594,890,1173,1151,1186,1203,1187,1195],[76,132,133,144,135,99,128,154],[77,46,108,81,85,84,93,83],[624,596,391,605,529,610,607,568,604,603,453],[83,167,166,189,163,174,160,165,133],[308,281,389,292,346,303,302,304,300,173],[593,1151,1187,1184,890,1040,1173,1186,1195,1255,1188,1203],[68,46,64,33,60,58,65],[65,43,88,87,86,99,93,90],[83,78,107,48,84,87,96,85],[1188,1173,1256,1038,1187,1151,890,1186,1184,1203,594,1195],[302,324,280,296,294,160,367,298,264,299],[521,760,682,687,646,664,342,698,692,686,672],[56,95,86,97,96,89,108,120],[344,356,262,343,340,382,337,175,361,330],[47,44,42,27,41,40,37],[139,155,161,158,118,166,154,156,78],[118,157,164,158,161,79,139,150,159],[299,292,371,150,300,301,281,303,306,262],[85,77,86,84,44,88,91,67],[88,85,84,44,65,91,76,86],[138,141,127,96,136,154,135,76],[292,308,302,346,300,324,304,305,238,166],[354,342,341,257,348,343,345,321,170,301],[84,178,168,167,131,170,193,166,162],[686,701,706,673,694,687,652,343,683,606,518],[295,293,301,367,296,279,297,263,323,159],[1038,1184,593,890,1188,1173,1187,1186,1195,1150,1203,1255],[343,364,388,402,191,383,382,385,288,374],[1187,1036,1183,591,1184,1175,888,1197,1182,1219,1115,1167],[151,291,307,303,345,238,299,323,301,302],[140,151,143,138,99,69,131,137],[29,44,42,59,41,36,40],[348,329,343,344,338,315,169,359,375,271],[48,39,34,37,50,40,41],[593,445,595,558,662,602,591,297,610,580,594],[686,651,681,342,541,687,691,707,604,675,699],[180,99,189,166,194,188,144,187,199],[321,349,335,343,377,176,265,356,344,332],[1151,1255,1195,1173,1184,1186,1188,1187,1203,593,1038,891],[90,88,100,83,62,113,80,89],[308,303,238,300,151,304,324,293,346,302],[59,38,50,41,42,35,40],[352,366,174,355,344,265,343,310,338,331],[91,89,93,90,117,85,60,106],[146,186,166,175,202,92,184,183,189],[82,67,96,44,80,79,88,76],[54,50,58,66,31,61,64],[343,266,344,172,308,336,364,350,359,333],[88,49,87,82,90,98,86,115],[20,47,49,51,54,48,40],[159,79,177,158,157,152,155,167,118],[1219,1183,1182,1115,1035,1186,591,1197,1167,887,1184,1175],[611,518,693,343,704,667,686,682,677,687,725],[607,599,634,305,677,604,603,580,452,605,591],[682,686,635,675,692,730,687,342,517,658,695],[662,296,573,598,592,584,553,593,595,443,591],[180,185,186,199,187,210,93,177,149],[197,136,179,185,156,182,180,178,99],[271,298,218,279,285,282,280,238,140],[1187,1151,890,593,1194,1188,1184,1173,1038,1186,1255,1203],[169,161,177,192,130,165,84,167,168],[50,42,43,41,66,39,36],[590,669,604,579,448,599,560,299,601,597,598],[174,191,206,179,184,142,177,180,90],[298,299,297,306,164,285,374,269,329,295],[181,172,162,138,170,195,86,169,168],[1184,1197,591,1182,1186,889,1167,1219,1183,1033,1115,1175],[644,695,691,679,667,687,340,681,770,686,517],[606,524,592,576,628,593,591,584,296,444,595],[94,127,154,138,135,74,136,141],[179,168,172,178,177,89,198,186,137],[302,299,291,300,298,149,260,305,280,370],[678,517,670,686,682,768,687,648,342,692,702],[302,290,304,376,333,303,306,298,279,153],[95,102,109,54,96,75,85,97],[150,154,146,78,152,151,162,173,119],[150,143,157,152,184,112,154,151,132],[36,41,54,40,25,44,42],[37,48,34,59,39,41,40],[681,603,638,611,584,303,454,607,606,605,596]
+];
+
+testingSpecialSubsetSums(testSets);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
new file mode 100644
index 0000000000..f394d32f86
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-106-special-subset-sums-meta-testing.md
@@ -0,0 +1,49 @@
+---
+id: 5900f3d71000cf542c50fee9
+title: 'Завдання 106: Особливі суми підмножини: метаналіз'
+challengeType: 5
+forumTopicId: 301730
+dashedName: problem-106-special-subset-sums-meta-testing
+---
+
+# --description--
+
+Нехай $S(A)$ - сума елементів у наборі A з розміром набору n. Назвемо це спеціальним набором сум, якщо для будь-яких двох не порожніх неперетинних множин В і С, виконуються умови:
+
+1. $S(B) ≠ S(C)$; тобто суми підмножин не можуть бути рівними.
+2. Якщо B містить більше елементів, ніж C, то $S(B) > S(C)$.
+
+У цьому завданні, припустимо, що даний набір містить n кількість елементів, що закономірно збільшуються, і для нього справджується друга умова.
+
+Несподівано, що з 25 можливих пар підмножин, які можна отримати з набору, для яких n = 4, лише 1 пару потрібно перевірити на відповідність першій умові. Аналогічно, якщо n = 7, треба перевірити лише 70 з 966 пар підмножин.
+
+Скільки з 261625 можливих пар підмножин треба перевірити на відповідність першій умові, якщо n = 12?
+
+**Примітка:** Це Завдання пов'язане з Завданням 103 та Завданням 105.
+
+# --hints--
+
+`numberRotations()`має повертати`21384`.
+
+```js
+assert.strictEqual(subsetSumsMetaTesting(), 21384);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function subsetSumsMetaTesting() {
+
+  return true;
+}
+
+subsetSumsMetaTesting();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-107-minimal-network.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
new file mode 100644
index 0000000000..0312ca5e29
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-107-minimal-network.md
@@ -0,0 +1,71 @@
+---
+id: 5900f3d91000cf542c50feea
+title: 'Завдання 107: мінімальна мережа'
+challengeType: 5
+forumTopicId: 301731
+dashedName: problem-107-minimal-network
+---
+
+# --description--
+
+Дана неспрямована мережа складається із семи вершин та дванадцяти ребер, що мають загальну вагу 243.
+
+<img class="img-responsive center-block" alt="Мережа з сімома вершинами та дванадцятьма ребрами" src="https://cdn.freecodecamp.org/curriculum/project-euler/minimal-network-1.png" style="background-color: white; padding: 10px;" />
+
+Ту саму мережу можна записати наступною матрицею.
+
+|   | А  | В  | С  | D  | E  | F  | G  |
+| - | -- | -- | -- | -- | -- | -- | -- |
+| A | -  | 16 | 12 | 21 | -  | -  | -  |
+| B | 16 | -  | -  | 17 | 20 | -  | -  |
+| C | 12 | -  | -  | 28 | -  | 31 | -  |
+| D | 21 | 17 | 28 | -  | 18 | 19 | 23 |
+| E | -  | 20 | -  | 18 | -  | -  | 11 |
+| F | -  | -  | 31 | 19 | -  | -  | 27 |
+| G | -  | -  | -  | 23 | 11 | 27 | -  |
+
+
+Однак можна оптимізувати мережу, видаливши деякі ребра, при цьому всі точки мережі залишаться з'єднаними. Нижче відображена максимально оптимізована мережа. Вона має вагу - 93, оптимізація становить 243 − 93 = 150 з вихідної мережі.
+
+<img class="img-responsive center-block" alt="Мережа з сімома вершинами та шістьма ребрами, що залишились: AB, BD, CA, DE, DF, EG" src="https://cdn.freecodecamp.org/curriculum/project-euler/minimal-network-2.png" style="background-color: white; padding: 10px;" />
+
+Використовуючи `network`, 2D масив, що представляє мережу у формі матриці, знайдіть максимальний рівень оптимізації, який можна досягти, усунувши зайві ребра, при цьому мережа повинна залишатись з'єднаною. Вершини, що не мають з'єднання, будуть представлені `-1`.
+
+# --hints--
+
+`minimalNetwork(testNetwork)` має становити `259679`.
+
+```js
+assert.strictEqual(minimalNetwork(_testNetwork), 259679);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testNetwork = [
+  [-1,-1,-1,427,668,495,377,678,-1,177,-1,-1,870,-1,869,624,300,609,131,-1,251,-1,-1,-1,856,221,514,-1,591,762,182,56,-1,884,412,273,636,-1,-1,774],[-1,-1,262,-1,-1,508,472,799,-1,956,578,363,940,143,-1,162,122,910,-1,729,802,941,922,573,531,539,667,607,-1,920,-1,-1,315,649,937,-1,185,102,636,289],[-1,262,-1,-1,926,-1,958,158,647,47,621,264,81,-1,402,813,649,386,252,391,264,637,349,-1,-1,-1,108,-1,727,225,578,699,-1,898,294,-1,575,168,432,833],[427,-1,-1,-1,366,-1,-1,635,-1,32,962,468,893,854,718,427,448,916,258,-1,760,909,529,311,404,-1,-1,588,680,875,-1,615,-1,409,758,221,-1,-1,76,257],[668,-1,926,366,-1,-1,-1,250,268,-1,503,944,-1,677,-1,727,793,457,981,191,-1,-1,-1,351,969,925,987,328,282,589,-1,873,477,-1,-1,19,450,-1,-1,-1],[495,508,-1,-1,-1,-1,-1,765,711,819,305,302,926,-1,-1,582,-1,861,-1,683,293,-1,-1,66,-1,27,-1,-1,290,-1,786,-1,554,817,33,-1,54,506,386,381],[377,472,958,-1,-1,-1,-1,-1,-1,120,42,-1,134,219,457,639,538,374,-1,-1,-1,966,-1,-1,-1,-1,-1,449,120,797,358,232,550,-1,305,997,662,744,686,239],[678,799,158,635,250,765,-1,-1,-1,35,-1,106,385,652,160,-1,890,812,605,953,-1,-1,-1,79,-1,712,613,312,452,-1,978,900,-1,901,-1,-1,225,533,770,722],[-1,-1,647,-1,268,711,-1,-1,-1,283,-1,172,-1,663,236,36,403,286,986,-1,-1,810,761,574,53,793,-1,-1,777,330,936,883,286,-1,174,-1,-1,-1,828,711],[177,956,47,32,-1,819,120,35,283,-1,50,-1,565,36,767,684,344,489,565,-1,-1,103,810,463,733,665,494,644,863,25,385,-1,342,470,-1,-1,-1,730,582,468],[-1,578,621,962,503,305,42,-1,-1,50,-1,155,519,-1,-1,256,990,801,154,53,474,650,402,-1,-1,-1,966,-1,-1,406,989,772,932,7,-1,823,391,-1,-1,933],[-1,363,264,468,944,302,-1,106,172,-1,155,-1,-1,-1,380,438,-1,41,266,-1,-1,104,867,609,-1,270,861,-1,-1,165,-1,675,250,686,995,366,191,-1,433,-1],[870,940,81,893,-1,926,134,385,-1,565,519,-1,-1,313,851,-1,-1,-1,248,220,-1,826,359,829,-1,234,198,145,409,68,359,-1,814,218,186,-1,-1,929,203,-1],[-1,143,-1,854,677,-1,219,652,663,36,-1,-1,313,-1,132,-1,433,598,-1,-1,168,870,-1,-1,-1,128,437,-1,383,364,966,227,-1,-1,807,993,-1,-1,526,17],[869,-1,402,718,-1,-1,457,160,236,767,-1,380,851,132,-1,-1,596,903,613,730,-1,261,-1,142,379,885,89,-1,848,258,112,-1,900,-1,-1,818,639,268,600,-1],[624,162,813,427,727,582,639,-1,36,684,256,438,-1,-1,-1,-1,539,379,664,561,542,-1,999,585,-1,-1,321,398,-1,-1,950,68,193,-1,697,-1,390,588,848,-1],[300,122,649,448,793,-1,538,890,403,344,990,-1,-1,433,596,539,-1,-1,73,-1,318,-1,-1,500,-1,968,-1,291,-1,-1,765,196,504,757,-1,542,-1,395,227,148],[609,910,386,916,457,861,374,812,286,489,801,41,-1,598,903,379,-1,-1,-1,946,136,399,-1,941,707,156,757,258,251,-1,807,-1,-1,-1,461,501,-1,-1,616,-1],[131,-1,252,258,981,-1,-1,605,986,565,154,266,248,-1,613,664,73,-1,-1,686,-1,-1,575,627,817,282,-1,698,398,222,-1,649,-1,-1,-1,-1,-1,654,-1,-1],[-1,729,391,-1,191,683,-1,953,-1,-1,53,-1,220,-1,730,561,-1,946,686,-1,-1,389,729,553,304,703,455,857,260,-1,991,182,351,477,867,-1,-1,889,217,853],[251,802,264,760,-1,293,-1,-1,-1,-1,474,-1,-1,168,-1,542,318,136,-1,-1,-1,-1,392,-1,-1,-1,267,407,27,651,80,927,-1,974,977,-1,-1,457,117,-1],[-1,941,637,909,-1,-1,966,-1,810,103,650,104,826,870,261,-1,-1,399,-1,389,-1,-1,-1,202,-1,-1,-1,-1,867,140,403,962,785,-1,511,-1,1,-1,707,-1],[-1,922,349,529,-1,-1,-1,-1,761,810,402,867,359,-1,-1,999,-1,-1,575,729,392,-1,-1,388,939,-1,959,-1,83,463,361,-1,-1,512,931,-1,224,690,369,-1],[-1,573,-1,311,351,66,-1,79,574,463,-1,609,829,-1,142,585,500,941,627,553,-1,202,388,-1,164,829,-1,620,523,639,936,-1,-1,490,-1,695,-1,505,109,-1],[856,531,-1,404,969,-1,-1,-1,53,733,-1,-1,-1,-1,379,-1,-1,707,817,304,-1,-1,939,164,-1,-1,616,716,728,-1,889,349,-1,963,150,447,-1,292,586,264],[221,539,-1,-1,925,27,-1,712,793,665,-1,270,234,128,885,-1,968,156,282,703,-1,-1,-1,829,-1,-1,-1,822,-1,-1,-1,736,576,-1,697,946,443,-1,205,194],[514,667,108,-1,987,-1,-1,613,-1,494,966,861,198,437,89,321,-1,757,-1,455,267,-1,959,-1,616,-1,-1,-1,349,156,339,-1,102,790,359,-1,439,938,809,260],[-1,607,-1,588,328,-1,449,312,-1,644,-1,-1,145,-1,-1,398,291,258,698,857,407,-1,-1,620,716,822,-1,-1,293,486,943,-1,779,-1,6,880,116,775,-1,947],[591,-1,727,680,282,290,120,452,777,863,-1,-1,409,383,848,-1,-1,251,398,260,27,867,83,523,728,-1,349,293,-1,212,684,505,341,384,9,992,507,48,-1,-1],[762,920,225,875,589,-1,797,-1,330,25,406,165,68,364,258,-1,-1,-1,222,-1,651,140,463,639,-1,-1,156,486,212,-1,-1,349,723,-1,-1,186,-1,36,240,752],[182,-1,578,-1,-1,786,358,978,936,385,989,-1,359,966,112,950,765,807,-1,991,80,403,361,936,889,-1,339,943,684,-1,-1,965,302,676,725,-1,327,134,-1,147],[56,-1,699,615,873,-1,232,900,883,-1,772,675,-1,227,-1,68,196,-1,649,182,927,962,-1,-1,349,736,-1,-1,505,349,965,-1,474,178,833,-1,-1,555,853,-1],[-1,315,-1,-1,477,554,550,-1,286,342,932,250,814,-1,900,193,504,-1,-1,351,-1,785,-1,-1,-1,576,102,779,341,723,302,474,-1,689,-1,-1,-1,451,-1,-1],[884,649,898,409,-1,817,-1,901,-1,470,7,686,218,-1,-1,-1,757,-1,-1,477,974,-1,512,490,963,-1,790,-1,384,-1,676,178,689,-1,245,596,445,-1,-1,343],[412,937,294,758,-1,33,305,-1,174,-1,-1,995,186,807,-1,697,-1,461,-1,867,977,511,931,-1,150,697,359,6,9,-1,725,833,-1,245,-1,949,-1,270,-1,112],[273,-1,-1,221,19,-1,997,-1,-1,-1,823,366,-1,993,818,-1,542,501,-1,-1,-1,-1,-1,695,447,946,-1,880,992,186,-1,-1,-1,596,949,-1,91,-1,768,273],[636,185,575,-1,450,54,662,225,-1,-1,391,191,-1,-1,639,390,-1,-1,-1,-1,-1,1,224,-1,-1,443,439,116,507,-1,327,-1,-1,445,-1,91,-1,248,-1,344],[-1,102,168,-1,-1,506,744,533,-1,730,-1,-1,929,-1,268,588,395,-1,654,889,457,-1,690,505,292,-1,938,775,48,36,134,555,451,-1,270,-1,248,-1,371,680],[-1,636,432,76,-1,386,686,770,828,582,-1,433,203,526,600,848,227,616,-1,217,117,707,369,109,586,205,809,-1,-1,240,-1,853,-1,-1,-1,768,-1,371,-1,540],[774,289,833,257,-1,381,239,722,711,468,933,-1,-1,17,-1,-1,148,-1,-1,853,-1,-1,-1,-1,264,194,260,947,-1,752,147,-1,-1,343,112,273,344,680,540,-1]
+];
+```
+
+## --seed-contents--
+
+```js
+function minimalNetwork(network) {
+
+  return true;
+}
+
+const testNetwork = [
+  [-1,-1,-1,427,668,495,377,678,-1,177,-1,-1,870,-1,869,624,300,609,131,-1,251,-1,-1,-1,856,221,514,-1,591,762,182,56,-1,884,412,273,636,-1,-1,774],[-1,-1,262,-1,-1,508,472,799,-1,956,578,363,940,143,-1,162,122,910,-1,729,802,941,922,573,531,539,667,607,-1,920,-1,-1,315,649,937,-1,185,102,636,289],[-1,262,-1,-1,926,-1,958,158,647,47,621,264,81,-1,402,813,649,386,252,391,264,637,349,-1,-1,-1,108,-1,727,225,578,699,-1,898,294,-1,575,168,432,833],[427,-1,-1,-1,366,-1,-1,635,-1,32,962,468,893,854,718,427,448,916,258,-1,760,909,529,311,404,-1,-1,588,680,875,-1,615,-1,409,758,221,-1,-1,76,257],[668,-1,926,366,-1,-1,-1,250,268,-1,503,944,-1,677,-1,727,793,457,981,191,-1,-1,-1,351,969,925,987,328,282,589,-1,873,477,-1,-1,19,450,-1,-1,-1],[495,508,-1,-1,-1,-1,-1,765,711,819,305,302,926,-1,-1,582,-1,861,-1,683,293,-1,-1,66,-1,27,-1,-1,290,-1,786,-1,554,817,33,-1,54,506,386,381],[377,472,958,-1,-1,-1,-1,-1,-1,120,42,-1,134,219,457,639,538,374,-1,-1,-1,966,-1,-1,-1,-1,-1,449,120,797,358,232,550,-1,305,997,662,744,686,239],[678,799,158,635,250,765,-1,-1,-1,35,-1,106,385,652,160,-1,890,812,605,953,-1,-1,-1,79,-1,712,613,312,452,-1,978,900,-1,901,-1,-1,225,533,770,722],[-1,-1,647,-1,268,711,-1,-1,-1,283,-1,172,-1,663,236,36,403,286,986,-1,-1,810,761,574,53,793,-1,-1,777,330,936,883,286,-1,174,-1,-1,-1,828,711],[177,956,47,32,-1,819,120,35,283,-1,50,-1,565,36,767,684,344,489,565,-1,-1,103,810,463,733,665,494,644,863,25,385,-1,342,470,-1,-1,-1,730,582,468],[-1,578,621,962,503,305,42,-1,-1,50,-1,155,519,-1,-1,256,990,801,154,53,474,650,402,-1,-1,-1,966,-1,-1,406,989,772,932,7,-1,823,391,-1,-1,933],[-1,363,264,468,944,302,-1,106,172,-1,155,-1,-1,-1,380,438,-1,41,266,-1,-1,104,867,609,-1,270,861,-1,-1,165,-1,675,250,686,995,366,191,-1,433,-1],[870,940,81,893,-1,926,134,385,-1,565,519,-1,-1,313,851,-1,-1,-1,248,220,-1,826,359,829,-1,234,198,145,409,68,359,-1,814,218,186,-1,-1,929,203,-1],[-1,143,-1,854,677,-1,219,652,663,36,-1,-1,313,-1,132,-1,433,598,-1,-1,168,870,-1,-1,-1,128,437,-1,383,364,966,227,-1,-1,807,993,-1,-1,526,17],[869,-1,402,718,-1,-1,457,160,236,767,-1,380,851,132,-1,-1,596,903,613,730,-1,261,-1,142,379,885,89,-1,848,258,112,-1,900,-1,-1,818,639,268,600,-1],[624,162,813,427,727,582,639,-1,36,684,256,438,-1,-1,-1,-1,539,379,664,561,542,-1,999,585,-1,-1,321,398,-1,-1,950,68,193,-1,697,-1,390,588,848,-1],[300,122,649,448,793,-1,538,890,403,344,990,-1,-1,433,596,539,-1,-1,73,-1,318,-1,-1,500,-1,968,-1,291,-1,-1,765,196,504,757,-1,542,-1,395,227,148],[609,910,386,916,457,861,374,812,286,489,801,41,-1,598,903,379,-1,-1,-1,946,136,399,-1,941,707,156,757,258,251,-1,807,-1,-1,-1,461,501,-1,-1,616,-1],[131,-1,252,258,981,-1,-1,605,986,565,154,266,248,-1,613,664,73,-1,-1,686,-1,-1,575,627,817,282,-1,698,398,222,-1,649,-1,-1,-1,-1,-1,654,-1,-1],[-1,729,391,-1,191,683,-1,953,-1,-1,53,-1,220,-1,730,561,-1,946,686,-1,-1,389,729,553,304,703,455,857,260,-1,991,182,351,477,867,-1,-1,889,217,853],[251,802,264,760,-1,293,-1,-1,-1,-1,474,-1,-1,168,-1,542,318,136,-1,-1,-1,-1,392,-1,-1,-1,267,407,27,651,80,927,-1,974,977,-1,-1,457,117,-1],[-1,941,637,909,-1,-1,966,-1,810,103,650,104,826,870,261,-1,-1,399,-1,389,-1,-1,-1,202,-1,-1,-1,-1,867,140,403,962,785,-1,511,-1,1,-1,707,-1],[-1,922,349,529,-1,-1,-1,-1,761,810,402,867,359,-1,-1,999,-1,-1,575,729,392,-1,-1,388,939,-1,959,-1,83,463,361,-1,-1,512,931,-1,224,690,369,-1],[-1,573,-1,311,351,66,-1,79,574,463,-1,609,829,-1,142,585,500,941,627,553,-1,202,388,-1,164,829,-1,620,523,639,936,-1,-1,490,-1,695,-1,505,109,-1],[856,531,-1,404,969,-1,-1,-1,53,733,-1,-1,-1,-1,379,-1,-1,707,817,304,-1,-1,939,164,-1,-1,616,716,728,-1,889,349,-1,963,150,447,-1,292,586,264],[221,539,-1,-1,925,27,-1,712,793,665,-1,270,234,128,885,-1,968,156,282,703,-1,-1,-1,829,-1,-1,-1,822,-1,-1,-1,736,576,-1,697,946,443,-1,205,194],[514,667,108,-1,987,-1,-1,613,-1,494,966,861,198,437,89,321,-1,757,-1,455,267,-1,959,-1,616,-1,-1,-1,349,156,339,-1,102,790,359,-1,439,938,809,260],[-1,607,-1,588,328,-1,449,312,-1,644,-1,-1,145,-1,-1,398,291,258,698,857,407,-1,-1,620,716,822,-1,-1,293,486,943,-1,779,-1,6,880,116,775,-1,947],[591,-1,727,680,282,290,120,452,777,863,-1,-1,409,383,848,-1,-1,251,398,260,27,867,83,523,728,-1,349,293,-1,212,684,505,341,384,9,992,507,48,-1,-1],[762,920,225,875,589,-1,797,-1,330,25,406,165,68,364,258,-1,-1,-1,222,-1,651,140,463,639,-1,-1,156,486,212,-1,-1,349,723,-1,-1,186,-1,36,240,752],[182,-1,578,-1,-1,786,358,978,936,385,989,-1,359,966,112,950,765,807,-1,991,80,403,361,936,889,-1,339,943,684,-1,-1,965,302,676,725,-1,327,134,-1,147],[56,-1,699,615,873,-1,232,900,883,-1,772,675,-1,227,-1,68,196,-1,649,182,927,962,-1,-1,349,736,-1,-1,505,349,965,-1,474,178,833,-1,-1,555,853,-1],[-1,315,-1,-1,477,554,550,-1,286,342,932,250,814,-1,900,193,504,-1,-1,351,-1,785,-1,-1,-1,576,102,779,341,723,302,474,-1,689,-1,-1,-1,451,-1,-1],[884,649,898,409,-1,817,-1,901,-1,470,7,686,218,-1,-1,-1,757,-1,-1,477,974,-1,512,490,963,-1,790,-1,384,-1,676,178,689,-1,245,596,445,-1,-1,343],[412,937,294,758,-1,33,305,-1,174,-1,-1,995,186,807,-1,697,-1,461,-1,867,977,511,931,-1,150,697,359,6,9,-1,725,833,-1,245,-1,949,-1,270,-1,112],[273,-1,-1,221,19,-1,997,-1,-1,-1,823,366,-1,993,818,-1,542,501,-1,-1,-1,-1,-1,695,447,946,-1,880,992,186,-1,-1,-1,596,949,-1,91,-1,768,273],[636,185,575,-1,450,54,662,225,-1,-1,391,191,-1,-1,639,390,-1,-1,-1,-1,-1,1,224,-1,-1,443,439,116,507,-1,327,-1,-1,445,-1,91,-1,248,-1,344],[-1,102,168,-1,-1,506,744,533,-1,730,-1,-1,929,-1,268,588,395,-1,654,889,457,-1,690,505,292,-1,938,775,48,36,134,555,451,-1,270,-1,248,-1,371,680],[-1,636,432,76,-1,386,686,770,828,582,-1,433,203,526,600,848,227,616,-1,217,117,707,369,109,586,205,809,-1,-1,240,-1,853,-1,-1,-1,768,-1,371,-1,540],[774,289,833,257,-1,381,239,722,711,468,933,-1,-1,17,-1,-1,148,-1,-1,853,-1,-1,-1,-1,264,194,260,947,-1,752,147,-1,-1,343,112,273,344,680,540,-1]
+];
+
+minimalNetwork(testNetwork);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
new file mode 100644
index 0000000000..ad301a8890
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-108-diophantine-reciprocals-i.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3d91000cf542c50feeb
+title: 'Завдання 108: Діофантові рівняння першого степеня'
+challengeType: 5
+forumTopicId: 301732
+dashedName: problem-108-diophantine-reciprocals-i
+---
+
+# --description--
+
+У наступному рівнянні x, y і n - цілі натуральні числа.
+
+$$\frac{1}{x} + \frac{{1}{y} = \frac{1}{n}$$
+
+Для `n` = 4 існує три різних рішення:
+
+$$\begin{align} & \frac{1}{5} + \frac{1}{20} = \frac{1}{4}\\\\ \\\\ & \frac{1}{6} + \frac{1}{12} = \frac{1}{4}\\\\ \\\\ & \frac{1}{8} + \frac{1}{8} = \frac{1}{4} \end{align}$$
+
+Яке найменше значення `n`, для якого кількість рішень перевищує тисячу?
+
+# --hints--
+
+`diophantineOne()` має повертати ` 180180 `.
+
+```js
+assert.strictEqual(diophantineOne(), 180180);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diophantineOne() {
+
+  return true;
+}
+
+diophantineOne();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-109-darts.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-109-darts.md
new file mode 100644
index 0000000000..91c818ee5f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-109-darts.md
@@ -0,0 +1,52 @@
+---
+id: 5900f3db1000cf542c50feec
+title: 'Завдання 109: Дартс'
+challengeType: 5
+forumTopicId: 301733
+dashedName: problem-109-darts
+---
+
+# --description--
+
+У грі дартс гравець кидає три дротики у мішень, розділену на двадцять рівних секторів, пронумерованих від одного до двадцяти.
+
+<img class="img-responsive center-block" alt="Мішень для дартс" src="https://cdn.freecodecamp.org/curriculum/project-euler/darts.png" style="background-color: white; padding: 10px;" />
+
+Кількість очків визначається номером сектору, у який потрапив дротик. Влучення дротика за межами червоного/зеленого зовнішнього кільця очок не приносить. Кожному чорному та білому сектору всередині цього кільця привласнене окреме число. Червоне/зелене зовнішнє та середнє кільця подвоюють чи потроюють числа сектора відповідно.
+
+У центрі дошки – два кола, їх називають "яблучко" або "бичаче око". Влучання у центральне зелене кільце приносить 25 очок, а у червоне – 50 очок.
+
+Існує чимало різновидів гри, зокрема, у найпопулярнішій з них гравці починають з рахунку 301 (варіант 501). Перемагає гравець, який перший зменшить рахунок до нуля. Також можна грати в "подвоєну" систему: гравець повинен потрапити у зону подвоєння (включно з бичачим оком у центрі мішені) під час останнього метання; попадання в інший сектор, що привів рахунок до перебору або одиниці, означає, що очки серії не зараховуються.
+
+"Чекаут" – коли гравець може завершити гру при поточному рахунку; найвищий чекаут – 170: T20 T25 D25 (два попадання у потрійне 20 та в яблучко). Існує одинадцять різних варіантів чекауту при рахунку 6:
+
+$$\початок{array} \text{D3} &    &    \\\\ D1        & D2 &    \\\\ S2        & D2 &    \\\\ D2        & D1 &    \\\\ S4        & D1 &    \\\\ S1        & S1 & D2 \\\\ S1        & T1 & D1 \\\\ S1        & S3 & D1 \\\\ D1        & D1 & D1 \\\\ D1        & S2 & D1 \\\\ S2        & S2 & D1 \кінець{array}$$
+
+Зверніть увагу, що D1 D2 відрізняється від D2 D1, оскільки вони закінчуються різними подвоєннями. Однак, комбінація S1 T1 D1 вважається такою ж, як і T1 S1 D1. До того ж, не потрібно вказувати промахи у комбінаціях; наприклад, D3 це те саме, що й 0 D3 і 0 0 D3. Неймовірно, що загалом існує 42336 різних способів чекауту. Скільки різних способів чекауту має гравець з балом меншим за 100?
+
+# --hints--
+
+`darts()` повинен повертатися як `38182`.
+
+```js
+assert.strictEqual(darts(), 38182);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function darts() {
+
+  return true;
+}
+
+darts();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.md
new file mode 100644
index 0000000000..677f8dce8f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-11-largest-product-in-a-grid.md
@@ -0,0 +1,182 @@
+---
+id: 5900f3781000cf542c50fe8a
+title: 'Завдання 11: Найбільший добуток у таблиці'
+challengeType: 5
+forumTopicId: 301734
+dashedName: problem-11-largest-product-in-a-grid
+---
+
+# --description--
+
+Нижче зображена таблиця розміром 20х20, у якій 4 числа, розташованих по діагоналі, позначені червоним.
+
+<div style='text-align: center;'>
+  08 02 22 97 38 15 00 40 00 75 04 05 07 78 52 12 50 77 91 08<br>
+  49 49 99 40 17 81 18 57 60 87 17 40 98 43 69 48 04 56 62 00<br>
+  81 49 31 73 55 79 14 29 93 71 40 67 53 88 30 03 49 13 36 65<br>
+  52 70 95 23 04 60 11 42 69 24 68 56 01 32 56 71 37 02 36 91<br>
+  22 31 16 71 51 67 63 89 41 92 36 54 22 40 40 28 66 33 13 80<br>
+  24 47 32 60 99 03 45 02 44 75 33 53 78 36 84 20 35 17 12 50<br>
+  32 98 81 28 64 23 67 10 <span style='color: red'><b>26</b></span> 38 40 67 59 54 70 66 18 38 64 70<br>
+  67 26 20 68 02 62 12 20 95 <span style='color: red'><b>63</b></span> 94 39 63 08 40 91 66 49 94 21<br>
+  24 55 58 05 66 73 99 26 97 17 <span style='color: red'><b>78</b></span> 78 96 83 14 88 34 89 63 72<br>
+  21 36 23 09 75 00 76 44 20 45 35 <span style='color: red'><b>14</b></span> 00 61 33 97 34 31 33 95<br>
+  78 17 53 28 22 75 31 67 15 94 03 80 04 62 16 14 09 53 56 92<br>
+  16 39 05 42 96 35 31 47 55 58 88 24 00 17 54 24 36 29 85 57<br>
+  86 56 00 48 35 71 89 07 05 44 44 37 44 60 21 58 51 54 17 58<br>
+  19 80 81 68 05 94 47 69 28 73 92 13 86 52 17 77 04 89 55 40<br>
+  04 52 08 83 97 35 99 16 07 97 57 32 16 26 26 79 33 27 98 66<br>
+  88 36 68 87 57 62 20 72 03 46 33 67 46 55 12 32 63 93 53 69<br>
+  04 42 16 73 38 25 39 11 24 94 72 18 08 46 29 32 40 62 76 36<br>
+  20 69 36 41 72 30 23 88 34 62 99 69 82 67 59 85 74 04 36 16<br>
+  20 73 35 29 78 31 90 01 74 31 49 71 48 86 81 16 23 57 05 54<br>
+  01 70 54 71 83 51 54 69 16 92 33 48 61 43 52 01 89 19 67 48<br>
+</div>
+
+Добутком виразу 26 × 63 × 78 × 14 є число 1788696.
+
+Який найбільший добуток чотирьох чисел, розташованих в одному напрямку у (зверху-вниз, знизу-вверх, справа-наліво, зліва-направо, діагонально) у сітці`arr`?
+
+# --hints--
+
+`largestGridProduct(testGrid)` має повернути число.
+
+```js
+assert(typeof largestGridProduct(testGrid) === 'number');
+```
+
+`largestGridProduct(testGrid)` має повернути число 14169081.
+
+```js
+assert.strictEqual(largestGridProduct(testGrid), 14169081);
+```
+
+`largestGridProduct(grid)` має повернути число 70600674.
+
+```js
+assert.strictEqual(largestGridProduct(grid), 70600674);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestGridProduct(arr) {
+
+  return true;
+}
+
+// Only change code above this line
+const grid = [
+  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+
+largestGridProduct(testGrid);
+```
+
+# --solutions--
+
+```js
+function largestGridProduct(arr) {
+  let maxProduct = 0;
+  let currProduct = 0;
+
+  function maxProductChecker(n) {
+    if (n > maxProduct) {
+      return maxProduct = n;
+    }
+  }
+
+  // loop rows
+  for (let r = 0; r < arr.length; r++) {
+    // loop columns
+    for (let c = 0; c < arr[r].length; c++) {
+      const limit = arr[r].length - 3;
+
+      // check horizontal
+      if (c < limit) {
+        currProduct = arr[r][c] * arr[r][c + 1] * arr[r][c + 2] * arr[r][c + 3];
+        maxProductChecker(currProduct);
+      }
+
+      // check vertical
+      if (r < limit) {
+        currProduct = arr[r][c] * arr[r + 1][c] * arr[r + 2][c] * arr[r + 3][c];
+        maxProductChecker(currProduct);
+      }
+
+      // check diagonal [\]
+      if (c < limit && r < limit) {
+        currProduct = arr[r][c] * arr[r + 1][c + 1] * arr[r + 2][c + 2] * arr[r + 3][c + 3];
+        maxProductChecker(currProduct);
+      }
+
+      // check diagonal [/]
+      if (c > 3 && r < limit) {
+        currProduct = arr[r][c] * arr[r + 1][c - 1] * arr[r + 2][c - 2] * arr[r + 3][c - 3];
+        maxProductChecker(currProduct);
+      }
+    }
+  }
+
+  return maxProduct;
+}
+
+ const grid = [  [8, 2, 22, 97, 38, 15, 0, 40, 0, 75, 4, 5, 7, 78, 52, 12, 50, 77, 91, 8],
+  [49, 49, 99, 40, 17, 81, 18, 57, 60, 87, 17, 40, 98, 43, 69, 48, 4, 56, 62, 0],
+  [81, 49, 31, 73, 55, 79, 14, 29, 93, 71, 40, 67, 53, 88, 30, 3, 49, 13, 36, 65],
+  [52, 70, 95, 23, 4, 60, 11, 42, 69, 24, 68, 56, 1, 32, 56, 71, 37, 2, 36, 91],
+  [22, 31, 16, 71, 51, 67, 63, 89, 41, 92, 36, 54, 22, 40, 40, 28, 66, 33, 13, 80],
+  [24, 47, 32, 60, 99, 3, 45, 2, 44, 75, 33, 53, 78, 36, 84, 20, 35, 17, 12, 50],
+  [32, 98, 81, 28, 64, 23, 67, 10, 26, 38, 40, 67, 59, 54, 70, 66, 18, 38, 64, 70],
+  [67, 26, 20, 68, 2, 62, 12, 20, 95, 63, 94, 39, 63, 8, 40, 91, 66, 49, 94, 21],
+  [24, 55, 58, 5, 66, 73, 99, 26, 97, 17, 78, 78, 96, 83, 14, 88, 34, 89, 63, 72],
+  [21, 36, 23, 9, 75, 0, 76, 44, 20, 45, 35, 14, 0, 61, 33, 97, 34, 31, 33, 95],
+  [78, 17, 53, 28, 22, 75, 31, 67, 15, 94, 3, 80, 4, 62, 16, 14, 9, 53, 56, 92],
+  [16, 39, 5, 42, 96, 35, 31, 47, 55, 58, 88, 24, 0, 17, 54, 24, 36, 29, 85, 57],
+  [86, 56, 0, 48, 35, 71, 89, 7, 5, 44, 44, 37, 44, 60, 21, 58, 51, 54, 17, 58],
+  [19, 80, 81, 68, 5, 94, 47, 69, 28, 73, 92, 13, 86, 52, 17, 77, 4, 89, 55, 40],
+  [4, 52, 8, 83, 97, 35, 99, 16, 7, 97, 57, 32, 16, 26, 26, 79, 33, 27, 98, 66],
+  [88, 36, 68, 87, 57, 62, 20, 72, 3, 46, 33, 67, 46, 55, 12, 32, 63, 93, 53, 69],
+  [4, 42, 16, 73, 38, 25, 39, 11, 24, 94, 72, 18, 8, 46, 29, 32, 40, 62, 76, 36],
+  [20, 69, 36, 41, 72, 30, 23, 88, 34, 62, 99, 69, 82, 67, 59, 85, 74, 4, 36, 16],
+  [20, 73, 35, 29, 78, 31, 90, 1, 74, 31, 49, 71, 48, 86, 81, 16, 23, 57, 5, 54],
+  [1, 70, 54, 71, 83, 51, 54, 69, 16, 92, 33, 48, 61, 43, 52, 1, 89, 19, 67, 48]
+];
+
+const testGrid = [
+  [40, 17, 81, 18, 57],
+  [74, 4, 36, 16, 29],
+  [36, 42, 69, 73, 45],
+  [51, 54, 69, 16, 92],
+  [7, 97, 57, 32, 16]
+];
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.md
new file mode 100644
index 0000000000..bf38a1e7b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-110-diophantine-reciprocals-ii.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3db1000cf542c50feed
+title: 'Задача 110: Діофантові обернені числа. Частина 2'
+challengeType: 5
+forumTopicId: 301735
+dashedName: problem-110-diophantine-reciprocals-ii
+---
+
+# --description--
+
+У наступному рівнянні x, y та n є цілими натуральними числами.
+
+$$\дріб{1}{x} + \дріб{1}{y} = \дріб{1}{n}$$
+
+Можна перевірити, що коли `n` = 1260 існує 113 різних рішень, і це найменше значення `n`, для якого загальна кількість різних рішень перевищує сотню.
+
+Яке найменше значення `n`, для якого кількість окремих рішень перевищує чотири мільйони?
+
+**Примітка:** Ця проблема є набагато складнішою версією Задачі 108, оскільки вона виходить за межі обмежень підходу грубої сили, вона вимагає розумної реалізації.
+
+# --hints--
+
+`diophantineTwo()` має повертати `9350130049860600`.
+
+```js
+assert.strictEqual(diophantineTwo(), 9350130049860600);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diophantineTwo() {
+
+  return true;
+}
+
+diophantineTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-111-primes-with-runs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-111-primes-with-runs.md
new file mode 100644
index 0000000000..ab5f6be50e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-111-primes-with-runs.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3db1000cf542c50feee
+title: 'Задача 111: Прості числа з прогонами'
+challengeType: 5
+forumTopicId: 301736
+dashedName: problem-111-primes-with-runs
+---
+
+# --description--
+
+Розглядаючи чотиризначні прості числа, що містять повторювані цифри, стає зрозумілим, що вони не можуть бути однаковими: 1111 ділиться на 11, 2222 ділиться на 22 тощо. Але є дев’ять 4-значних простих чисел, що містять три одиниці:
+
+$$1117, 1151, 1171, 1181, 1511, 1811, 2111, 4111, 8111$$
+
+Ми можемо сказати, що $M(n, d)$ являє собою максимальну кількість повторюваних цифр для n-значного простого числа, де d-повторювана цифра, в той час як $N(n, d)$ - це кількість таких простих чисел, а $S(n, d)$ - сума цих простих чисел.
+
+Отже, $M(4, 1) = 3$ - це максимальна кількість повторюваних цифр для 4-значного простого числа, де одна з них повторювана цифра, є прості числа $N(4, 1) = 9$, а сума цих простих чисел $S(4, 1) = 22275 $. Виявляється, що при d = 0, можливо лише $M(4, 0) = 2$ повторюваних цифр, але таких випадків лише $N(4, 0) = 13$.
+
+Таким же чином, ми отримуємо наступні результати для 4-значних простих чисел.
+
+| Число, d | $M(4, d)$ | $N(4, d)$ | $S(4, d)$ |
+| -------- | --------- | --------- | --------- |
+| 0        | 2         | 13        | 67061     |
+| 1        | 3         | 9         | 22275     |
+| 2        | 3         | 1         | 2221      |
+| 3        | 3         | 12        | 46214     |
+| 4        | 3         | 2         | 8888      |
+| 5        | 3         | 1         | 5557      |
+| 6        | 3         | 1         | 6661      |
+| 7        | 3         | 9         | 57863     |
+| 8        | 3         | 1         | 8887      |
+| 9        | 3         | 7         | 48073     |
+
+Для d = від 0 до 9 сума всіх $S (4, d)$ дорівнює 273700. Знайдіть суму всіх $S(10, d)$.
+
+# --hints--
+
+`primesWithRuns ()` має повертати `612407567715`.
+
+```js
+assert.strictEqual(primesWithRuns(), 612407567715);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primesWithRuns() {
+
+  return true;
+}
+
+primesWithRuns();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-112-bouncy-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-112-bouncy-numbers.md
new file mode 100644
index 0000000000..4bbdc763d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-112-bouncy-numbers.md
@@ -0,0 +1,48 @@
+---
+id: 5900f3dd1000cf542c50feef
+title: 'Завдання 112: стрибучі числа'
+challengeType: 5
+forumTopicId: 301738
+dashedName: problem-112-bouncy-numbers
+---
+
+# --description--
+
+Якщо, читаючи число зліва направо, жодна цифра не перевищує цифру праворуч від неї, таке число називається зростаючим; наприклад, 134468.
+
+Таким же чином, якщо жодна цифра не перевищує цифру зліва від неї, число називається спадним; наприклад, 66420.
+
+Назвемо натуральне число, яке не є ні зростаючим, ні спадним, "стрибучим" числом; наприклад, 155349.
+
+Очевидно, що стрибучі числа не можуть бути меншими за сотні. Трохи більше половини чисел, що менші за одну тисячу (525), є стрибучими. Насправді ж, найменшим числом, для якого частка стрибучих чисел відразу досягає 50%, є число 538.
+
+Як не дивно, стрибучі числа зустрічаються все частіше і частіше, і до моменту досягнення числа 21780 частка стрибучих чисел становить 90%.
+
+Знайдіть найменше число, для якого частка стрибучих чисел дорівнює 99%.
+
+# --hints--
+
+`bouncyNumbers()` повинні повертатися як `1587000`.
+
+```js
+assert.strictEqual(bouncyNumbers(), 1587000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bouncyNumbers() {
+
+  return true;
+}
+
+bouncyNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.md
new file mode 100644
index 0000000000..d441631aaf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-113-non-bouncy-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3dd1000cf542c50fef0
+title: 'Завдання 113: Нестрибучі числа'
+challengeType: 5
+forumTopicId: 301739
+dashedName: problem-113-non-bouncy-numbers
+---
+
+# --description--
+
+Якщо, читаючи число зліва направо, жодна цифра не перевищує цифру праворуч від неї, таке число називається зростаючим; наприклад, 134468.
+
+Таким же чином, якщо жодна цифра не перевищує цифру зліва від неї, число називається спадним; наприклад, 66420.
+
+Назвемо натуральне число, яке не є ні зростаючим, ні спадним, "стрибучим" числом; наприклад, 155349.
+
+При збільшенні n збільшується пропорція стрибучих чисел менше n. Таким чином, існує тільки 12951 нестрибучих чисел до мільйона, і тільки 277 032 нестрибучих чисел нижче ${10}^{10}$.
+
+Скільки чисел менше гугола (${10}^{100}$) не є "стрибучими"?
+
+# --hints--
+
+`nonBouncyNumbers()` повинен повертатися як `51161058134250`.
+
+```js
+assert.strictEqual(nonBouncyNumbers(), 51161058134250);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonBouncyNumbers() {
+
+  return true;
+}
+
+nonBouncyNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.md
new file mode 100644
index 0000000000..68c0880096
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-114-counting-block-combinations-i.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3e01000cf542c50fef2
+title: 'Завдання 114: Підрахунок комбінацій блоків І'
+challengeType: 5
+forumTopicId: 301740
+dashedName: problem-114-counting-block-combinations-i
+---
+
+# --description--
+
+Рядок завдовжки сім одиниць містить червоні блоки, мінімальна довжина яких становить три одиниці, тому будь-які два червоні блоки (які можуть бути будь-якої довжини) розділені принаймні одним червоним квадратом. Є рівно 17 способів зробити це.
+
+<img class="img-responsive center-block" alt="Можливі способи розміщення кубиків з мінімальною довжиною у три одиниці у рядку довжиною сім одиниць" src="https://cdn.freecodecamp.org/curriculum/project-euler/counting-block-combinations-i.png" style="background-color: white; padding: 10px;" />
+
+Скількома способами можна заповнити ряд довжиною 50 одиниць?
+
+**Примітка:** Хоча наведений вище приклад не дає такої можливості, загалом дозволяється змішувати розміри блоків. Наприклад, у рядку довжиною вісім одиниць можна використати червоний (3), чорний (1) та червоний (4).
+
+# --hints--
+
+`countingBlockOne()` повинен повертатися як `16475640049`.
+
+```js
+assert.strictEqual(countingBlockOne(), 16475640049);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingBlockOne() {
+
+  return true;
+}
+
+countingBlockOne();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.md
new file mode 100644
index 0000000000..1050825bb0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-115-counting-block-combinations-ii.md
@@ -0,0 +1,50 @@
+---
+id: 5900f3df1000cf542c50fef1
+title: 'Завдання 115: Підрахунок комбінацій блоків ІІ'
+challengeType: 5
+forumTopicId: 301741
+dashedName: problem-115-counting-block-combinations-ii
+---
+
+# --description--
+
+Рядок довжиною `n` одиниць містить червоні блоки з мінімальною довжиною `m` одиниць, тому будь-які два червоні блоки (які можуть бути будь-якої довжини) розділені як мінімум одним чорним квадратом.
+
+Нехай функція підрахунку $F(m, n)$ представляє кількість способів заповнення рядка.
+
+Наприклад, $F(3, 29) = 673135$ та $F(3, 30) = 1089155$.
+
+Тобто для m = 3 видно, що n = 30 — це найменше значення, для якого функція fill-count перевищує один мільйон.
+
+Точно так само для m = 10 можна перевірити, що $F(10, 56) = 880711$ та $F(10, 57) = 1148904$, то ж n = 57 — це найменше значення, для якого функція fill-count перевищує один мільйон.
+
+Для m = 50, знайдіть найменше значення `n`, для якого функція fill-count спочатку перевищує один мільйон.
+
+**Примітка:** Це — складніша версія Завдання 114.
+
+# --hints--
+
+`countingBlockTwo()` повинен повертатися як `168`.
+
+```js
+assert.strictEqual(countingBlockTwo(), 168);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingBlockTwo() {
+
+  return true;
+}
+
+countingBlockTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.md
new file mode 100644
index 0000000000..1e7c21583b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-116-red-green-or-blue-tiles.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3e01000cf542c50fef3
+title: 'Завдання 116: Червоні, зелені та сині комірки'
+challengeType: 5
+forumTopicId: 301742
+dashedName: problem-116-red-green-or-blue-tiles
+---
+
+# --description--
+
+Ряд із п'яти чорних квадратних комірок повинен бути замінений на кольорові довгасті комірки: червоні (2 одиниці), зелені (3 одиниці) або ж сині (4 одиниці).
+
+Якщо вибрати червоні комірки, є рівно 7 способів це зробити.
+
+<img class="img-responsive center-block" alt="Можливі способи розміщення червоних комірок у ряд довжиною п'ять одиниць" src="https://cdn.freecodecamp.org/curriculum/project-euler/red-green-or-blue-tiles-1.png" style="background-color: white; padding: 10px;" />
+
+Якщо вибрати зелені комірки, є три способи.
+
+<img class="img-responsive center-block" alt="Можливі способи розміщення зелених комірок у ряд довжиною п'ять одиниць" src="https://cdn.freecodecamp.org/curriculum/project-euler/red-green-or-blue-tiles-2.png" style="background-color: white; padding: 10px;" />
+
+І якщо вибрати сині комірки, маємо 2 способи.
+
+<img class="img-responsive center-block" alt="Можливі способи розміщення синіх комірок у ряд довжиною п'ять одиниць" src="https://cdn.freecodecamp.org/curriculum/project-euler/red-green-or-blue-tiles-3.png" style="background-color: white; padding: 10px;" />
+
+Припустимо, що кольори не можуть бути змішаними, тоді існує 7 + 3 + 2 = 12 способів заміни чорних комірок в рядку довжиною п'ять одиниць. Скількома різними способами можна замінити чорні комірки у рядку довжиною п’ятдесят одиниць, якщо кольори не можна змішувати та необхідно використати хоча б одну кольорову плитку?
+
+**Примітка:** Це пов'язано із завданням 117.
+
+# --hints--
+
+`redGreenBlueOne()`should return`20492570929`.
+
+```js
+assert.strictEqual(redGreenBlueOne(), 20492570929);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function redGreenBlueOne() {
+
+  return true;
+}
+
+redGreenBlueOne();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.md
new file mode 100644
index 0000000000..b30853532b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-117-red-green-and-blue-tiles.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3e21000cf542c50fef4
+title: 'Завдання 117: Червоні, зелені та сині комірки'
+challengeType: 5
+forumTopicId: 301743
+dashedName: problem-117-red-green-and-blue-tiles
+---
+
+# --description--
+
+Використовуючи комбінацію чорних квадратних комірок і довгастих комірок, вибраних з: червоних комірок розміром дві одиниці, зелених комірок розміром три одиниці та синіх комірок розміром чотири одиниці, можна створити ряд довжиною п'ять одиниць рівно п'ятнадцятьма різними способами.
+
+<img class="img-responsive center-block" alt="Можливі способи розміщення червоних, зелених і синіх довгастих комірок ряду довжиною в п'ять одиниць" src="https://cdn.freecodecamp.org/curriculum/project-euler/red-green-and-blue-tiles.png" style="background-color: white; padding: 10px;" />
+
+Скількома способами можна викласти ряд довжиною 50 одиниць?
+
+**Примітка**: Це пов'язано з завданням 116.
+
+# --hints--
+
+`redGreenBlueTilesTwo()` should return `100808458960497`.
+
+```js
+assert.strictEqual(redGreenBlueTilesTwo(), 100808458960497);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function redGreenBlueTilesTwo() {
+
+  return true;
+}
+
+redGreenBlueTilesTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.md
new file mode 100644
index 0000000000..6390320b5d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-118-pandigital-prime-sets.md
@@ -0,0 +1,40 @@
+---
+id: 5900f3e21000cf542c50fef5
+title: 'Задача 118: Цифрові прості числа'
+challengeType: 5
+forumTopicId: 301744
+dashedName: problem-118-pandigital-prime-sets
+---
+
+# --description--
+
+Використовуючи всі цифри від 1 до 9 і вільно їх об'єднуючи для формування десяткових цілих чисел, можна формувати різні набори. Цікаво, що $\\{2, 5, 47, 89, 631\\}$ є простими числами.
+
+Скільки різних наборів, що містять кожну з цифр від однієї до дев’яти, точно хоча б один раз містять лише прості елементи?
+
+# --hints--
+
+`pandigitalPrimeSets()` має повертати `44680`.
+
+```js
+assert.strictEqual(pandigitalPrimeSets(), 44680);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pandigitalPrimeSets() {
+
+  return true;
+}
+
+pandigitalPrimeSets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-119-digit-power-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-119-digit-power-sum.md
new file mode 100644
index 0000000000..e72a4f3f78
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-119-digit-power-sum.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3e41000cf542c50fef6
+title: 'Задача 119: Сума чисел'
+challengeType: 5
+forumTopicId: 301745
+dashedName: problem-119-digit-power-sum
+---
+
+# --description--
+
+Число 512 цікаве тим, що воно дорівнює сумі його цифр, зведених у десяткову ступінь: $5 + 1 + 2 = 8$, і $8^3 = 512$. Інший приклад числа з цією властивістю - $614656 = 28^4$.
+
+Ми визначимо $a_n$ як $n-th$ член цієї послідовності і наполягатимемо на тому, що число повинне містити щонайменше дві цифри, щоб мати суму.
+
+Вам дано, що $a_2 = 512$ і $a_{10} = 614656$.
+
+Знайдіть $a_{30}$.
+
+# --hints--
+
+`digitPowerSum()` повинен повертатися як `248155780267521`.
+
+```js
+assert.strictEqual(digitPowerSum(), 248155780267521);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitPowerSum() {
+
+  return true;
+}
+
+digitPowerSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.md
new file mode 100644
index 0000000000..bbf1bed22c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-12-highly-divisible-triangular-number.md
@@ -0,0 +1,139 @@
+---
+id: 5900f3781000cf542c50fe8b
+title: 'Завдання 12: Дільники трикутного числа'
+challengeType: 5
+forumTopicId: 301746
+dashedName: problem-12-highly-divisible-triangular-number
+---
+
+# --description--
+
+Послідовність трикутних чисел утворюється додаванням натуральних чисел. Отже, 7-е трикутне число буде 1 + 2 + 3 + 4 + 5 + 6 + 7 = 28. Перші десять членів послідовності:
+
+<div style='text-align: center;'>1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ...</div>
+
+Перерахуємо множники перших семи трикутних чисел:
+
+<div style='padding-left: 4em;'><b>1:</b> 1</div>
+<div style='padding-left: 4em;'><b>3:</b> 1, 3</div>
+<div style='padding-left: 4em;'><b>6:</b> 1, 2, 3, 6</div>
+<div style='padding-left: 4em;'><b>10:</b> 1, 2, 5, 10</div>
+<div style='padding-left: 4em;'><b>15:</b> 1, 3, 5, 15</div>
+<div style='padding-left: 4em;'><b>21:</b> 1, 3, 7, 21</div>
+<div style='padding-left: 4em;'><b>28:</b> 1, 2, 4, 7, 14, 28</div>
+
+Бачимо, що 28 є першим трикутним числом, яке має більше п'яти дільників.
+
+Яке значення першого трикутного числа, що має більше `n` дільників?
+
+# --hints--
+
+`divisibleTriangleNumber(5)` має повернути число.
+
+```js
+assert(typeof divisibleTriangleNumber(5) === 'number');
+```
+
+`divisibleTriangleNumber(5)` повертає 28.
+
+```js
+assert.strictEqual(divisibleTriangleNumber(5), 28);
+```
+
+`divisibleTriangleNumber(23)` повертає 630.
+
+```js
+assert.strictEqual(divisibleTriangleNumber(23), 630);
+```
+
+`divisibleTriangleNumber(167)` повертає 1385280.
+
+```js
+assert.strictEqual(divisibleTriangleNumber(167), 1385280);
+```
+
+`divisibleTriangleNumber(374)` повертає 17907120.
+
+```js
+assert.strictEqual(divisibleTriangleNumber(374), 17907120);
+```
+
+`divisibleTriangleNumber(500)` повертає 76576500.
+
+```js
+assert.strictEqual(divisibleTriangleNumber(500), 76576500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function divisibleTriangleNumber(n) {
+
+  return true;
+}
+
+divisibleTriangleNumber(500);
+```
+
+# --solutions--
+
+```js
+function divisibleTriangleNumber(n) {
+  if (n === 1) return 3;
+  let counter = 1;
+  let triangleNumber = counter++;
+
+
+ while (noOfFactors(triangleNumber) < n) {
+   triangleNumber += counter++;
+ }
+return triangleNumber;
+}
+
+function noOfFactors(num) {
+  const primeFactors = getPrimeFactors(num);
+  let prod = 1;
+  for(let p in primeFactors) {
+    prod *= (primeFactors[p] + 1)
+  }
+  return prod;
+}
+
+function getPrimeFactors(num) {
+  let n = num;
+  let primes = {};
+
+  let p = 2;
+  let sqrt = Math.sqrt(num);
+
+  function checkAndUpdate(inc) {
+    if (n % p === 0) {
+      const curr = primes[p];
+      if (curr) {
+        primes[p]++
+      } else {
+        primes[p] = 1;
+      }
+      n /= p;
+    } else {
+      p += inc;
+    }
+  }
+
+  while(p === 2 && p <= n) {
+    checkAndUpdate(1);
+  }
+
+  while (p <= n && p <= sqrt) {
+    checkAndUpdate(2);
+  }
+  if(Object.keys(primes).length === 0) {
+    primes[num] = 1;
+  } else if(n !== 1) {
+    primes[n] = 1;
+  }
+  return primes;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-120-square-remainders.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-120-square-remainders.md
new file mode 100644
index 0000000000..a93b1053e2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-120-square-remainders.md
@@ -0,0 +1,42 @@
+---
+id: 5900f3e41000cf542c50fef7
+title: 'Завдання 120: Квадратні остачі'
+challengeType: 5
+forumTopicId: 301747
+dashedName: problem-120-square-remainders
+---
+
+# --description--
+
+Нехай `r` буде остачею при діленні ${(a − 1)}^n + {(a + 1)}^n$ на $a^2$.
+
+Наприклад, якщо $a = 7$ і $n = 3$, тоді $r = 42: 6^3 + 8^3 = 728 ≡ 42 \\ \text{mod}\\ 49$. І оскільки змінюється `n`, те ж відбувається і з `r`, але для $a = 7$ виходить так, що $r_{max} = 42$.
+
+Знайдіть $\sum{r}_{max}$ для 3 ≤ a ≤ 1000$.
+
+# --hints--
+
+`squareRemainders()` має вивести `333082500`.
+
+```js
+assert.strictEqual(squareRemainders(), 333082500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squareRemainders() {
+
+  return true;
+}
+
+squareRemainders();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.md
new file mode 100644
index 0000000000..571261b4ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-121-disc-game-prize-fund.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3e51000cf542c50fef8
+title: 'Завдання 121: Призовий фонд гри з дисками'
+challengeType: 5
+forumTopicId: 301748
+dashedName: problem-121-disc-game-prize-fund
+---
+
+# --description--
+
+У торбі лежать один червоний диск і один синій диск. У грі на вдачу гравець навмання дістає один диск і відзначає його колір. Після кожного ходу диск повертається в торбу, куди додається ще додатковий червоний диск, і знову потрібно навмання дістати інший диск.
+
+Гравець платить £1 за гру і виграє, якщо до кінця гри дістає більше синіх дисків, ніж червоних.
+
+Якщо гра складається з чотирьох ходів, ймовірність виграшу для гравця становить 11/120, тому максимальний призовий фонд в даному випадку повинен складати £10, щоб не зазнати збитків. Зверніть увагу, що будь-яка виплата проводиться цілим числом фунтів стерлінгів, а також включає в себе вартість гри в розмірі £1, так що в даному прикладі гравець насправді виграє £9.
+
+Знайдіть максимальний призовий фонд, який треба виділити для однієї гри з п'ятнадцятьма ходами.
+
+# --hints--
+
+`discGamePrize()` повинен повертатися як `2269`.
+
+```js
+assert.strictEqual(discGamePrize(), 2269);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function discGamePrize() {
+
+  return true;
+}
+
+discGamePrize();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.md
new file mode 100644
index 0000000000..f3723dfd77
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-122-efficient-exponentiation.md
@@ -0,0 +1,52 @@
+---
+id: 5900f3e61000cf542c50fef9
+title: 'Завдання 122: Ефективний метод піднесення до степеня'
+challengeType: 5
+forumTopicId: 301749
+dashedName: problem-122-efficient-exponentiation
+---
+
+# --description--
+
+Найпростіший спосіб обчислення $n^{15}$ вимагає виконання 14 множень:
+
+$$n × n × \ldots × n = n^{15}$$
+
+Якщо скористатися "двійковим" методом, можна обчислити, виконавши 6 множень:
+
+$$\begin{align} & n × n = n^2\\\\ & n^2 × n^2 = n^4\\\\ & n^4 × n^4 = n^8\\\\ & n^8 × n^4 = n^{12}\\\\ & n^{12} × n^2 = n^{14}\\\\ & n^{14} × n = n^{15} \end{align}$$
+
+Проте кількість множень ще можна зменшити до 5:
+
+$$\begin{align} & n × n = n^2\\\\ & n^2 × n = n^3\\\\ & n^3 × n^3 = n^6\\\\ & n^6 × n^6 = n^{12}\\\\ & n^{12} × n^3 = n^{15} \end{align}$$
+
+Визначаємо $m(k)$ як мінімальну кількість множень для обчислення $n^k$. Наприклад, $m(15) = 5$.
+
+Знайдіть $\sum{m(k)}$ для $1 ≤ k ≤ 200$.
+
+# --hints--
+
+`efficientExponentation()` має повернути `1582`.
+
+```js
+assert.strictEqual(efficientExponentation(), 1582);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function efficientExponentation() {
+
+  return true;
+}
+
+efficientExponentation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-123-prime-square-remainders.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-123-prime-square-remainders.md
new file mode 100644
index 0000000000..3934d413c7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-123-prime-square-remainders.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3e71000cf542c50fefa
+title: 'Завдання 123: Прості квадратні остачі'
+challengeType: 5
+forumTopicId: 301750
+dashedName: problem-123-prime-square-remainders
+---
+
+# --description--
+
+Нехай $p_n$ $n$ - просте число: 2, 3, 5, 7, 11, ..., і нехай $r$ - остача, коли ${(p_n − 1)}^n + {(p_n + 1)}^n$ ділиться на ${p_n}^2$.
+
+Наприклад, коли $n = 3, p_3 = 5$ і $4^3 + 6^3 = 280 ≡ 5\\ mod\\ 25$.
+
+Найменше значення $n$, для якого остача спочатку перевищує $10^9$, становить 7037.
+
+Знайдіть найменше значення $n$, для якого остача спочатку перевищує $10^{10}$.
+
+# --hints--
+
+`primeSquareRemainders()` повинен повернути `21035`.
+
+```js
+assert.strictEqual(primeSquareRemainders(), 21035);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeSquareRemainders() {
+
+  return true;
+}
+
+primeSquareRemainders();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-125-palindromic-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-125-palindromic-sums.md
new file mode 100644
index 0000000000..9ff8919a7f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-125-palindromic-sums.md
@@ -0,0 +1,42 @@
+---
+id: 5900f3e91000cf542c50fefc
+title: 'Задача 125: Сума цифр числа паліндром'
+challengeType: 5
+forumTopicId: 301752
+dashedName: problem-125-palindromic-sums
+---
+
+# --description--
+
+Паліндромне число 595 цікаве тим, що його можна записати як суму послідовних квадратів: $6^2 + 7^2 + 8^2 + 9^2 + 10^2 + 11^2 + 12^2$.
+
+Існує рівно одинадцять паліндромів менших за одну тисячу, які можна записати як послідовність суми квадратів, і сума цифр цих паліндромів дорівнює 4164. Зауважте, що число $1 = 0^2 + 1^2$ не було враховане, оскільки ця задача стосується квадратів лише натуральних чисел.
+
+Знайдіть суму всіх чисел, менших ніж $10^8$, які є одночасно паліндромами і можуть бути записані як сума послідовних квадратів.
+
+# --hints--
+
+`palindromicSums()` має повернути `2906969179`.
+
+```js
+assert.strictEqual(palindromicSums(), 2906969179);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function palindromicSums() {
+
+  return true;
+}
+
+palindromicSums();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-126-cuboid-layers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-126-cuboid-layers.md
new file mode 100644
index 0000000000..a0fecce5e8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-126-cuboid-layers.md
@@ -0,0 +1,50 @@
+---
+id: 5900f3ea1000cf542c50fefd
+title: 'Завдання 126: Шари кубоїдів'
+challengeType: 5
+forumTopicId: 301753
+dashedName: problem-126-cuboid-layers
+---
+
+# --description--
+
+Мінімальна кількість кубів, що охоплюють кожну видиму грань кубоїда розміром 3 x 2 x 1, становить двадцять два.
+
+<img class="img-responsive center-block" alt="Кубоїд 3x2x1, покритий двадцятьма двома кубиками 1x1x1" src="https://cdn.freecodecamp.org/curriculum/project-euler/cuboid-layers.png" style="background-color: white; padding: 10px;" />
+
+Якщо ми додамо другий шар до цього блоку, то для покриття кожної видимої грані знадобиться сорок шість кубів, для третього шару знадобиться сімдесят вісім кубиків, а для четвертого шару знадобиться сто вісімнадцять кубів, щоб покрити кожну видиму грань.
+
+Однак перший шар на кубоїді розміром 5 x 1 x 1 також вимагає двадцяти двох кубів; так само перший шар на кубоїдах розмірами 5 x 3 x 1, 7 x 2 x 1 та 11 x 1 x 1 містить усі сорок шість кубів.
+
+Визначимо $C(n)$, щоб показати кількість кубоїдів, які містять $n$ кубів в одному зі своїх шарів. Отже, $C(22) = 2$, $C(46) = 4$, $C(78) = 5$ і $C(118) = 8$.
+
+Виявляється, що 154 - це найменше значення для $n$, для якого $C(n) = 10$.
+
+Знайдіть найменше значення $n$, для якого $C(n) = 1000$.
+
+# --hints--
+
+`cuboidLayers()` повинен повернути `18522`.
+
+```js
+assert.strictEqual(cuboidLayers(), 18522);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cuboidLayers() {
+
+  return true;
+}
+
+cuboidLayers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-127-abc-hits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-127-abc-hits.md
new file mode 100644
index 0000000000..856b7014d4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-127-abc-hits.md
@@ -0,0 +1,56 @@
+---
+id: 5900f3ec1000cf542c50fefe
+title: 'Завдання 127: abc-збіги'
+challengeType: 5
+forumTopicId: 301754
+dashedName: problem-127-abc-hits
+---
+
+# --description--
+
+Радикалом числа $n$, $rad(n)$ називають добуток простих множників $n$. Наприклад, $504 = 2^3 × 3^2 × 7$, отже $rad(504) = 2 × 7 = 42$.
+
+Нехай число-триплет з додатними цілими числами (a, b, c) abc-збіг, якщо:
+
+1. $GCD(a, b) = GCD(a, c) = GCD(b, c) = 1$
+2. $a &lt; b$
+3. $a + b = c$
+4. $rad(abc) &lt; c$
+
+Наприклад, (5, 27, 32) - це abc-збіг, тому що:
+
+1. $GCD(5, 27) = GCD(5, 32) = GCD(27, 32) = 1$
+2. $5 &lt; 27$
+3. $5 + 27 = 32$
+4. $rad(4320) = 30 &lt; 32$
+
+Виявляється, abc-збіги - досить рідкісні і існує тільки 31 abc-збігів для $c &lt; 1000$, with $\sum{c} = 12523$.
+
+Знайдіть $\sum{c}$ для $c &lt; 120000$.
+
+# --hints--
+
+`abcHits()` повинен повертатися як `18407904`.
+
+```js
+assert.strictEqual(abcHits(), 18407904);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function abcHits() {
+
+  return true;
+}
+
+abcHits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.md
new file mode 100644
index 0000000000..6ea78f0a19
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-128-hexagonal-tile-differences.md
@@ -0,0 +1,54 @@
+---
+id: 5900f3ec1000cf542c50feff
+title: 'Завдання 128: Різниці шестикутних плиток'
+challengeType: 5
+forumTopicId: 301755
+dashedName: problem-128-hexagonal-tile-differences
+---
+
+# --description--
+
+Шестикутна плитка з числом 1 оточена кільцем із шести шестикутних плиток, які, починаючи із «12-ї години», пронумеровані від 2 до 7 у напрямку проти годинникової стрілки.
+
+Нові кільця додані так само, і пронумеровані від 8 до 19, від 20 до 37, від 38 до 61 і так далі. Подана нижче діаграма показує перші три кільця.
+
+<img class="img-responsive center-block" alt="перші три кільця упорядкованих шестикутних плиток з числами від 1 до 37 і з виділеними плитками 8 та 17" src="https://cdn.freecodecamp.org/curriculum/project-euler/hexagonal-tile-differences.png" style="background-color: white; padding: 10px;" />
+
+Знайшовши різницю між плиткою $n$ та кожним із її шести сусідів, визначимо $PD(n)$ як кількість тих різниць, які є простими.
+
+Наприклад, працюючи за годинниковою стрілкою навколо клітинки 8, різницями є 12, 29, 11, 6, 1 та 13. Отже $PD(8) = 3$.
+
+Точно так само різницями навколо плитки 17 є 1, 17, 16, 1, 11 та 10, тому $PD(17) = 2$.
+
+Можна показати, що максимальним значенням $PD(n)$ є $3$.
+
+Якщо всі плитки, для яких $PD(n) = 3$, перераховані в порядку зростання для формування послідовності, то 10-та плитка буде 271.
+
+Знайдіть 2000-ну плитку в цій послідовності.
+
+# --hints--
+
+`hexagonalTile()` повинен повернути `14516824220`.
+
+```js
+assert.strictEqual(hexagonalTile(), 14516824220);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hexagonalTile() {
+
+  return true;
+}
+
+hexagonalTile();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-129-repunit-divisibility.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-129-repunit-divisibility.md
new file mode 100644
index 0000000000..3bc5f9e848
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-129-repunit-divisibility.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3ef1000cf542c50ff01
+title: 'Завдання 129: Подільність реп''юніта'
+challengeType: 5
+forumTopicId: 301756
+dashedName: problem-129-repunit-divisibility
+---
+
+# --description--
+
+Число, що повністю складається з одиниць, називається реп'юнітом. Визначимо, що $R(k)$ є реп'юнітом довжини $k$; наприклад, $R(6) = 111111$.
+
+Враховуючи, що $n$ є цілим додатним числом і $GCD(n, 10) = 1$, можна бачити, що завжди існує значення $k$, для якого $R(k)$ ділиться на $n$, і нехай $A(n)$ буде найменшим таким значенням $k$; наприклад, $A(7) = 6$ і $A(41) = 5$.
+
+Найменше значення $n$, для якого $A(n)$ спочатку перевищує десять, дорівнює 17.
+
+Знайдіть найменше значення $n$, для якого $A(n)$ спочатку перевищує мільйон.
+
+# --hints--
+
+`repunitDivisibility()` повинен повернути `1000023`.
+
+```js
+assert.strictEqual(repunitDivisibility(), 1000023);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function repunitDivisibility() {
+
+  return true;
+}
+
+repunitDivisibility();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-13-large-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-13-large-sum.md
new file mode 100644
index 0000000000..9eccfa0fd8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-13-large-sum.md
@@ -0,0 +1,286 @@
+---
+id: 5900f37a1000cf542c50fe8c
+title: 'Завдання 13: Велика сума'
+challengeType: 5
+forumTopicId: 301757
+dashedName: problem-13-large-sum
+---
+
+# --description--
+
+Опрацюйте перші десять цифр суми наступних ста 50-значних чисел.
+
+<div style='padding-left: 4em;'>
+  37107287533902102798797998220837590246510135740250<br>
+  46376937677490009712648124896970078050417018260538<br>
+  74324986199524741059474233309513058123726617309629<br>
+  91942213363574161572522430563301811072406154908250<br>
+  23067588207539346171171980310421047513778063246676<br>
+  89261670696623633820136378418383684178734361726757<br>
+  28112879812849979408065481931592621691275889832738<br>
+  44274228917432520321923589422876796487670272189318<br>
+  47451445736001306439091167216856844588711603153276<br>
+  70386486105843025439939619828917593665686757934951<br>
+  62176457141856560629502157223196586755079324193331<br>
+  64906352462741904929101432445813822663347944758178<br>
+  92575867718337217661963751590579239728245598838407<br>
+  58203565325359399008402633568948830189458628227828<br>
+  80181199384826282014278194139940567587151170094390<br>
+  35398664372827112653829987240784473053190104293586<br>
+  86515506006295864861532075273371959191420517255829<br>
+  71693888707715466499115593487603532921714970056938<br>
+  54370070576826684624621495650076471787294438377604<br>
+  53282654108756828443191190634694037855217779295145<br>
+  36123272525000296071075082563815656710885258350721<br>
+  45876576172410976447339110607218265236877223636045<br>
+  17423706905851860660448207621209813287860733969412<br>
+  81142660418086830619328460811191061556940512689692<br>
+  51934325451728388641918047049293215058642563049483<br>
+  62467221648435076201727918039944693004732956340691<br>
+  15732444386908125794514089057706229429197107928209<br>
+  55037687525678773091862540744969844508330393682126<br>
+  18336384825330154686196124348767681297534375946515<br>
+  80386287592878490201521685554828717201219257766954<br>
+  78182833757993103614740356856449095527097864797581<br>
+  16726320100436897842553539920931837441497806860984<br>
+  48403098129077791799088218795327364475675590848030<br>
+  87086987551392711854517078544161852424320693150332<br>
+  59959406895756536782107074926966537676326235447210<br>
+  69793950679652694742597709739166693763042633987085<br>
+  41052684708299085211399427365734116182760315001271<br>
+  65378607361501080857009149939512557028198746004375<br>
+  35829035317434717326932123578154982629742552737307<br>
+  94953759765105305946966067683156574377167401875275<br>
+  88902802571733229619176668713819931811048770190271<br>
+  25267680276078003013678680992525463401061632866526<br>
+  36270218540497705585629946580636237993140746255962<br>
+  24074486908231174977792365466257246923322810917141<br>
+  91430288197103288597806669760892938638285025333403<br>
+  34413065578016127815921815005561868836468420090470<br>
+  23053081172816430487623791969842487255036638784583<br>
+  11487696932154902810424020138335124462181441773470<br>
+  63783299490636259666498587618221225225512486764533<br>
+  67720186971698544312419572409913959008952310058822<br>
+  95548255300263520781532296796249481641953868218774<br>
+  76085327132285723110424803456124867697064507995236<br>
+  37774242535411291684276865538926205024910326572967<br>
+  23701913275725675285653248258265463092207058596522<br>
+  29798860272258331913126375147341994889534765745501<br>
+  18495701454879288984856827726077713721403798879715<br>
+  38298203783031473527721580348144513491373226651381<br>
+  34829543829199918180278916522431027392251122869539<br>
+  40957953066405232632538044100059654939159879593635<br>
+  29746152185502371307642255121183693803580388584903<br>
+  41698116222072977186158236678424689157993532961922<br>
+  62467957194401269043877107275048102390895523597457<br>
+  23189706772547915061505504953922979530901129967519<br>
+  86188088225875314529584099251203829009407770775672<br>
+  11306739708304724483816533873502340845647058077308<br>
+  82959174767140363198008187129011875491310547126581<br>
+  97623331044818386269515456334926366572897563400500<br>
+  42846280183517070527831839425882145521227251250327<br>
+  55121603546981200581762165212827652751691296897789<br>
+  32238195734329339946437501907836945765883352399886<br>
+  75506164965184775180738168837861091527357929701337<br>
+  62177842752192623401942399639168044983993173312731<br>
+  32924185707147349566916674687634660915035914677504<br>
+  99518671430235219628894890102423325116913619626622<br>
+  73267460800591547471830798392868535206946944540724<br>
+  76841822524674417161514036427982273348055556214818<br>
+  97142617910342598647204516893989422179826088076852<br>
+  87783646182799346313767754307809363333018982642090<br>
+  10848802521674670883215120185883543223812876952786<br>
+  71329612474782464538636993009049310363619763878039<br>
+  62184073572399794223406235393808339651327408011116<br>
+  66627891981488087797941876876144230030984490851411<br>
+  60661826293682836764744779239180335110989069790714<br>
+  85786944089552990653640447425576083659976645795096<br>
+  66024396409905389607120198219976047599490197230297<br>
+  64913982680032973156037120041377903785566085089252<br>
+  16730939319872750275468906903707539413042652315011<br>
+  94809377245048795150954100921645863754710598436791<br>
+  78639167021187492431995700641917969777599028300699<br>
+  15368713711936614952811305876380278410754449733078<br>
+  40789923115535562561142322423255033685442488917353<br>
+  44889911501440648020369068063960672322193204149535<br>
+  41503128880339536053299340368006977710650566631954<br>
+  81234880673210146739058568557934581403627822703280<br>
+  82616570773948327592232845941706525094512325230608<br>
+  22918802058777319719839450180888072429661980811197<br>
+  77158542502016545090413245809786882778948721859617<br>
+  72107838435069186155435662884062257473692284509516<br>
+  20849603980134001723930671666823555245252804609722<br>
+  53503534226472524250874054075591789781264330331690<br>
+</div>
+
+# --hints--
+
+`largeSum(testNums)` має повернути число.
+
+```js
+assert(typeof largeSum(testNums) === 'number');
+```
+
+`largeSum(testNums)` має повернути 8348422521.
+
+```js
+assert.strictEqual(largeSum(testNums), 8348422521);
+```
+
+`largeSum(fiftyDigitNums)` має повернути 5537376230.
+
+```js
+assert.strictEqual(largeSum(fiftyDigitNums), 5537376230);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const fiftyDigitNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538',
+  '74324986199524741059474233309513058123726617309629',
+  '91942213363574161572522430563301811072406154908250',
+  '23067588207539346171171980310421047513778063246676',
+  '89261670696623633820136378418383684178734361726757',
+  '28112879812849979408065481931592621691275889832738',
+  '44274228917432520321923589422876796487670272189318',
+  '47451445736001306439091167216856844588711603153276',
+  '70386486105843025439939619828917593665686757934951',
+  '62176457141856560629502157223196586755079324193331',
+  '64906352462741904929101432445813822663347944758178',
+  '92575867718337217661963751590579239728245598838407',
+  '58203565325359399008402633568948830189458628227828',
+  '80181199384826282014278194139940567587151170094390',
+  '35398664372827112653829987240784473053190104293586',
+  '86515506006295864861532075273371959191420517255829',
+  '71693888707715466499115593487603532921714970056938',
+  '54370070576826684624621495650076471787294438377604',
+  '53282654108756828443191190634694037855217779295145',
+  '36123272525000296071075082563815656710885258350721',
+  '45876576172410976447339110607218265236877223636045',
+  '17423706905851860660448207621209813287860733969412',
+  '81142660418086830619328460811191061556940512689692',
+  '51934325451728388641918047049293215058642563049483',
+  '62467221648435076201727918039944693004732956340691',
+  '15732444386908125794514089057706229429197107928209',
+  '55037687525678773091862540744969844508330393682126',
+  '18336384825330154686196124348767681297534375946515',
+  '80386287592878490201521685554828717201219257766954',
+  '78182833757993103614740356856449095527097864797581',
+  '16726320100436897842553539920931837441497806860984',
+  '48403098129077791799088218795327364475675590848030',
+  '87086987551392711854517078544161852424320693150332',
+  '59959406895756536782107074926966537676326235447210',
+  '69793950679652694742597709739166693763042633987085',
+  '41052684708299085211399427365734116182760315001271',
+  '65378607361501080857009149939512557028198746004375',
+  '35829035317434717326932123578154982629742552737307',
+  '94953759765105305946966067683156574377167401875275',
+  '88902802571733229619176668713819931811048770190271',
+  '25267680276078003013678680992525463401061632866526',
+  '36270218540497705585629946580636237993140746255962',
+  '24074486908231174977792365466257246923322810917141',
+  '91430288197103288597806669760892938638285025333403',
+  '34413065578016127815921815005561868836468420090470',
+  '23053081172816430487623791969842487255036638784583',
+  '11487696932154902810424020138335124462181441773470',
+  '63783299490636259666498587618221225225512486764533',
+  '67720186971698544312419572409913959008952310058822',
+  '95548255300263520781532296796249481641953868218774',
+  '76085327132285723110424803456124867697064507995236',
+  '37774242535411291684276865538926205024910326572967',
+  '23701913275725675285653248258265463092207058596522',
+  '29798860272258331913126375147341994889534765745501',
+  '18495701454879288984856827726077713721403798879715',
+  '38298203783031473527721580348144513491373226651381',
+  '34829543829199918180278916522431027392251122869539',
+  '40957953066405232632538044100059654939159879593635',
+  '29746152185502371307642255121183693803580388584903',
+  '41698116222072977186158236678424689157993532961922',
+  '62467957194401269043877107275048102390895523597457',
+  '23189706772547915061505504953922979530901129967519',
+  '86188088225875314529584099251203829009407770775672',
+  '11306739708304724483816533873502340845647058077308',
+  '82959174767140363198008187129011875491310547126581',
+  '97623331044818386269515456334926366572897563400500',
+  '42846280183517070527831839425882145521227251250327',
+  '55121603546981200581762165212827652751691296897789',
+  '32238195734329339946437501907836945765883352399886',
+  '75506164965184775180738168837861091527357929701337',
+  '62177842752192623401942399639168044983993173312731',
+  '32924185707147349566916674687634660915035914677504',
+  '99518671430235219628894890102423325116913619626622',
+  '73267460800591547471830798392868535206946944540724',
+  '76841822524674417161514036427982273348055556214818',
+  '97142617910342598647204516893989422179826088076852',
+  '87783646182799346313767754307809363333018982642090',
+  '10848802521674670883215120185883543223812876952786',
+  '71329612474782464538636993009049310363619763878039',
+  '62184073572399794223406235393808339651327408011116',
+  '66627891981488087797941876876144230030984490851411',
+  '60661826293682836764744779239180335110989069790714',
+  '85786944089552990653640447425576083659976645795096',
+  '66024396409905389607120198219976047599490197230297',
+  '64913982680032973156037120041377903785566085089252',
+  '16730939319872750275468906903707539413042652315011',
+  '94809377245048795150954100921645863754710598436791',
+  '78639167021187492431995700641917969777599028300699',
+  '15368713711936614952811305876380278410754449733078',
+  '40789923115535562561142322423255033685442488917353',
+  '44889911501440648020369068063960672322193204149535',
+  '41503128880339536053299340368006977710650566631954',
+  '81234880673210146739058568557934581403627822703280',
+  '82616570773948327592232845941706525094512325230608',
+  '22918802058777319719839450180888072429661980811197',
+  '77158542502016545090413245809786882778948721859617',
+  '72107838435069186155435662884062257473692284509516',
+  '20849603980134001723930671666823555245252804609722',
+  '53503534226472524250874054075591789781264330331690'
+];
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+```
+
+## --seed-contents--
+
+```js
+function largeSum(arr) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testNums = [
+  '37107287533902102798797998220837590246510135740250',
+  '46376937677490009712648124896970078050417018260538'
+];
+
+largeSum(testNums);
+```
+
+# --solutions--
+
+```js
+function largeSum(arr) {
+
+  let sum = 0;
+
+  arr.forEach(function(num) {
+    sum += parseInt(num, 10);
+  });
+
+  sum = sum.toString(10);
+
+  sum = sum.substr(0, 1) + sum.substr(2);
+
+  let firstTen = sum.slice(0, 10);
+  return parseInt(firstTen, 10);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.md
new file mode 100644
index 0000000000..f35b2e7ceb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-130-composites-with-prime-repunit-property.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3ee1000cf542c50ff00
+title: 'Завдання 130: Складні числа з властивостями простих реп''юнітів'
+challengeType: 5
+forumTopicId: 301758
+dashedName: problem-130-composites-with-prime-repunit-property
+---
+
+# --description--
+
+Реп'юніти — числа, що складається лише з одиниць. Нехай $R(k)$ — реп'юніт, його довжина — $k$; наприклад, $R(6) = 111111$.
+
+За умови, що $n$ — ціле додатнє число і $GCD(n, 10) = 1$, бачимо, що завжди існує значення $k$, для якого $R(k)$ ділиться на $n$, і нехай $A(n)$ буде найменшим таким значенням $k$; наприклад, $A(7) = 6$ і $A(41) = 5$.
+
+Дано, що для всіх простих чисел $p > 5$, що $p - 1$ ділиться на $A(p)$. Наприклад, коли $p = 41, A(41) = 5$, а 40 ділиться на 5.
+
+Однак, існує не багато складних чисел для яких справджується ця умова; перші п'ять прикладів - це 91, 259, 451, 481 і 703.
+
+Знайдіть суму перших двадцяти п’яти складених значень $n$, для яких $GCD (n, 10) = 1$ і $n − 1$ ділиться на $A(n)$.
+
+# --hints--
+
+`compositeRepunit()` повинен повертатись як `149253`.
+
+```js
+assert.strictEqual(compositeRepunit(), 149253);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function compositeRepunit() {
+
+  return true;
+}
+
+compositeRepunit();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.md
new file mode 100644
index 0000000000..b07145ac59
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-131-prime-cube-partnership.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3ef1000cf542c50ff02
+title: 'Завдання 131: властивості куба простого числа'
+challengeType: 5
+forumTopicId: 301759
+dashedName: problem-131-prime-cube-partnership
+---
+
+# --description--
+
+Існують деякі прості значення ($p$), для яких існує таке ціле додатнє число ($n$), за яких вираз $n^3 + n^{2}p$ є ідеальним кубом.
+
+Наприклад, якщо $p = 19,\\ 8^3 + 8^2 × 19 = {12}^3$.
+
+Мабуть, найдивовижніше те, що значення $n$ є унікальним для кожного простого числа з цією властивістю, і таких простих чисел, що менші за сто, всього чотири.
+
+Скільки простих чисел, що менші за один мільйон, мають цю вражаючу властивість?
+
+# --hints--
+
+Функція `primeCubePartnership()` має повертатися як `173`.
+
+```js
+assert.strictEqual(primeCubePartnership(), 173);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeCubePartnership() {
+
+  return true;
+}
+
+primeCubePartnership();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-132-large-repunit-factors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-132-large-repunit-factors.md
new file mode 100644
index 0000000000..ba87f9855e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-132-large-repunit-factors.md
@@ -0,0 +1,42 @@
+---
+id: 5900f3f11000cf542c50ff03
+title: 'Завдання 132: Великі множники реп’юнітів'
+challengeType: 5
+forumTopicId: 301760
+dashedName: problem-132-large-repunit-factors
+---
+
+# --description--
+
+Реп'юніт — число, що повністю складається з одиниць. Нехай $R(k) — реп'юніт з довжиною $k$.
+
+Наприклад, $R(10) = 1111111111 = 11 × 41 × 271 × 9091$, а сума цих простих множників – 9414.
+
+Знайдіть суму перших сорока простих множників $R({10}^9)$.
+
+# --hints--
+
+`largeRepunitFactors()` становить `843296`.
+
+```js
+assert.strictEqual(largeRepunitFactors(), 843296);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largeRepunitFactors() {
+
+  return true;
+}
+
+largeRepunitFactors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.md
new file mode 100644
index 0000000000..486982f6e3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-133-repunit-nonfactors.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3f21000cf542c50ff04
+title: 'Завдання 133: Реп''юніти, на які не можна поділити націло'
+challengeType: 5
+forumTopicId: 301761
+dashedName: problem-133-repunit-nonfactors
+---
+
+# --description--
+
+Реп'юніт — число, що повністю складається з одиниць. Нехай $R(k)$ — реп'юніт з довжини $k$; наприклад, $R(6) = 111111$.
+
+Давайте розглянемо реп'юніт: $R({10}^n)$.
+
+Хоча $R(10)$, $R(100)$, або $R(1000)$ не ділиться на 17 націло, $R(10000)$ ділиться на 17. Однак немає значення n для яких $R({10}^n)$ ділиться на 19 націло. Пам'ятайте, що 11, 17, 41, та 73 — це єдині чотири простих числа менші ста, які можуть бути множниками $R({10}^n) $.
+
+Знайдіть суму всіх простих чисел нижче ста тисяч, які не можуть бути множниками $R({10}^n)$.
+
+# --hints--
+
+`repunitNonfactors()` має повернути число `453647705`.
+
+```js
+assert.strictEqual(repunitNonfactors(), 453647705);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function repunitNonfactors() {
+
+  return true;
+}
+
+repunitNonfactors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-134-prime-pair-connection.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-134-prime-pair-connection.md
new file mode 100644
index 0000000000..c63a87270a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-134-prime-pair-connection.md
@@ -0,0 +1,42 @@
+---
+id: 5900f3f21000cf542c50ff05
+title: 'Завдання 134: З’єднання простих чисел'
+challengeType: 5
+forumTopicId: 301762
+dashedName: problem-134-prime-pair-connection
+---
+
+# --description--
+
+Розглянемо наступні прості числа $p_1 = 19$ та $p_2 = 23$. Можна перевірити, що 1219 є найменшим числом, у якому останні цифри формуються $p_1$, а також ділиться на $p_2$.
+
+Насправді, за винятком $p_1 = 3$ та $p_2 = 5$, для кожної пари наступних простих чисел $p_2 > p_1$, існують значення $n$, у яких останні цифри формуються $p_1$, а $n$ ділиться на $p_2$. Нехай $S$ — найменше із цих значень $n$.
+
+Знайдіть $\sum{S}$ для кожної пари наступних простих чисел, якщо $5 ≤ p_1 ≤ 1000000$.
+
+# --hints--
+
+`primePairConnection()` повинно повертати число `18613426663617120`.
+
+```js
+assert.strictEqual(primePairConnection(), 18613426663617120);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primePairConnection() {
+
+  return true;
+}
+
+primePairConnection();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-135-same-differences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-135-same-differences.md
new file mode 100644
index 0000000000..27d858ad6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-135-same-differences.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3f31000cf542c50ff06
+title: 'Завдання 135: Числа з подібною ознакою'
+challengeType: 5
+forumTopicId: 301763
+dashedName: problem-135-same-differences
+---
+
+# --description--
+
+Дано, цілі додатні числа, $x$, $y$, та $z$ є послідовними членами арифметичної прогресії; найменше значення натурального числа $n$, для якого рівняння $x^2 − y^2 − z^2 = n$ має два рішення, $n = 27$:
+
+$$34^2 − 27^2 − 20^2 = 12^2 − 9^2 − 6^2 = 27$$
+
+Виявляється, що $n = 1155$ — це найменше значення, яке можна отримати десятьма способами.
+
+Скільки значень $n$ менших одного мільйона, можна знайти десятьма різними способами?
+
+# --hints--
+
+`sameDifferences()` повинен повернути число `4989`.
+
+```js
+assert.strictEqual(sameDifferences(), 4989);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sameDifferences() {
+
+  return true;
+}
+
+sameDifferences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-136-singleton-difference.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-136-singleton-difference.md
new file mode 100644
index 0000000000..044ad5faf7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-136-singleton-difference.md
@@ -0,0 +1,44 @@
+---
+id: 5900f3f51000cf542c50ff07
+title: 'Завдання 136: Рівняння з одним варіантом вирішення'
+challengeType: 5
+forumTopicId: 301764
+dashedName: problem-136-singleton-difference
+---
+
+# --description--
+
+Цілі додатні числа, $x$, $y$ і $z$, є послідовними членами арифметичної прогресії. Дано: $n$ — ціле додатнє число, рівняння $x^2 - y^2 - z^2 = n$ має одне рішення, якщо $n = 20$:
+
+$$13^2 − 10^2 − 7^2 = 20$$
+
+Існує двадцять п’ять значень $n$ нижче ста, для яких рівняння має одне рішення.
+
+Скільки значень $n$, які менші за п’ятдесят мільйонів, мають рівно одне рішення?
+
+# --hints--
+
+`singletonDifference()` повинен повертати число `2544559`.
+
+```js
+assert.strictEqual(singletonDifference(), 2544559);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function singletonDifference() {
+
+  return true;
+}
+
+singletonDifference();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
new file mode 100644
index 0000000000..978fcd6356
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-137-fibonacci-golden-nuggets.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3f51000cf542c50ff08
+title: 'Завдання 137: Золоті самородки Фібоначчі'
+challengeType: 5
+forumTopicId: 301765
+dashedName: problem-137-fibonacci-golden-nuggets
+---
+
+# --description--
+
+Розглянемо нескінченний поліноміальний ряд $A_{F}(x) = xF_1 + x^2F_2 + x^3F_3 + \ldots$, де $F_k$ — $k$й член послідовності Фібоначчі: $1, 2, 3, 5, 8, \ldots$; тобто, $F_k = F_{k - 1} + F_{k − 2}, F_1 = 1$ та $F_2 = 1$.
+
+Нас цікавлять значення $x$, для яких $A_{F}(x)$ є додатнім цілим числом.
+
+Дивовижно,
+
+$$\begin{align} A_F(\frac{1}{2}) & = (\frac{1}{2}) × 1 + {(\frac{1}{2})}^2 × 1 + {(\frac{1}{2})}^3 × 2 + {(\frac{1}{2})}^4 × 3 + {(\frac{1}{2})}^5 × 5 + \cdots \\\\ & = \frac{1}{2} + \frac{1}{4} + \frac{2}{8} + \frac{3}{16} + \frac{5}{32} + \cdots \\\\ & = 2 \end{align}$$
+
+Відповідні значення $x$ для перших п'яти натуральних чисел наведено нижче.
+
+| $x$                         | $A_F(x)$ |
+| --------------------------- | -------- |
+| $\sqrt{2} - 1$             | $1$      |
+| $\frac{1}{2}$              | $2$      |
+| $\frac{\sqrt{13} − 2}{3}$ | $3$      |
+| $\frac{\sqrt{89} − 5}{8}$ | $4$      |
+| $\frac{\sqrt{34} − 3}{5}$ | $5$      |
+
+Назвемо $A_F(x)$ золотим самородком, якщо $x$ раціональне, оскільки вони трапляються дедалі рідше; наприклад, 10-й золотий самородок - 74049690.
+
+Знайдіть 15-й золотий самородок.
+
+# --hints--
+
+`goldenNugget()` має повернути число `1120149658760`.
+
+```js
+assert.strictEqual(goldenNugget(), 1120149658760);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function goldenNugget() {
+
+  return true;
+}
+
+goldenNugget();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.md
new file mode 100644
index 0000000000..87073e0255
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-138-special-isosceles-triangles.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3f61000cf542c50ff09
+title: 'Завдання 138: Особливі випадки рівнобедрених трикутників'
+challengeType: 5
+forumTopicId: 301766
+dashedName: problem-138-special-isosceles-triangles
+---
+
+# --description--
+
+Розглянемо рівнобедрений трикутник з довжиною основи $b = 16$ та катетами $L = 17$.
+
+<img class="img-responsive center-block" alt="рівнобедрений трикутник з ребрами: L — два ребра з однаковою довжиною та основою трикутника — b; а висота трикутника — h від основи трикутника до кута між ребрами L" src="https://cdn.freecodecamp.org/curriculum/project-euler/special-isosceles-triangles.png" style="background-color: white; padding: 10px;" />
+
+За теоремою Піфагора, бачимо, що висота трикутника, $h = \sqrt{{17}^2 - 8^2} = 15$, що на один менше довжини основи.
+
+З $b = 272$ та $L = 305$ отримаємо $h = 273$, що на одиницю більше, ніж довжина основи, і це другий найменший рівнобедрений трикутник із властивістю $h = b ± 1$.
+
+Знайдіть $\суму{L}$ для дванадцяти найменших рівнобедрених трикутників, для яких $h = b ± 1$ та $b$, $L$ — цілі натуральні числа.
+
+# --hints--
+
+`isoscelesTriangles()` повинен повернути число `1118049290473932`.
+
+```js
+assert.strictEqual(isoscelesTriangles(), 1118049290473932);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isoscelesTriangles() {
+
+  return true;
+}
+
+isoscelesTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.md
new file mode 100644
index 0000000000..f16bc20086
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-139-pythagorean-tiles.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3f71000cf542c50ff0a
+title: 'Завдання 139: Мозаїка Піфагора'
+challengeType: 5
+forumTopicId: 301767
+dashedName: problem-139-pythagorean-tiles
+---
+
+# --description--
+
+Нехай числами (a, b, c) представлені три сторони прямокутного трикутника з цілими сторонами. Можливо об'єднати чотири такі трикутники, щоб отримати квадрат з довжиною сторони c.
+
+Наприклад, трикутники (3, 4, 5) можна об'єднати, утворивши квадрат зі стороною 5 і прорізом розмірами 1 на 1 в його середині, тоді бачимо, що квадрат зі стороною 5 можна покрити двадцятьма п'ятьма квадратними плитками зі сторонами 1 на 1.
+
+<img class="img-responsive center-block" alt="два 5 x 5 квадратів: один складається з чотирьох 3x4x5 трикутників розташованих так, що посередині утворюється проріз 1x1; другий — з двадцяти п'яти квадратів 1x1" src="https://cdn.freecodecamp.org/curriculum/project-euler/pythagorean-tiles.png" style="background-color: white; padding: 10px;" />
+
+У той же час, якщо використати трикутники (5, 12, 13), розміри прорізу становитимуть 7 на 7. Квадрат зі сторонами 13 на 13 не можливо заповнити квадратами зі сторонами 7 на 7.
+
+Для скількох Піфагорових трикутників можливо таке покриття квадратної плиткою, якщо відомо, що периметр прямокутного трикутника менше ста мільйонів?
+
+# --hints--
+
+`pythagoreanTiles()` повинен повертати число `10057761`.
+
+```js
+assert.strictEqual(pythagoreanTiles(), 10057761);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pythagoreanTiles() {
+
+  return true;
+}
+
+pythagoreanTiles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.md
new file mode 100644
index 0000000000..feb0c980ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-14-longest-collatz-sequence.md
@@ -0,0 +1,111 @@
+---
+id: 5900f37a1000cf542c50fe8d
+title: 'Завдання 14: Найдовша послідовність Коллатца'
+challengeType: 5
+forumTopicId: 301768
+dashedName: problem-14-longest-collatz-sequence
+---
+
+# --description--
+
+Наступна ітераційна послідовність визначена для набору додатних цілих чисел:
+
+<div style='padding-left: 4em;'><var>n</var> → <var>n</var>/2 (<var>n</var> є парним)</div>
+
+<div style='padding-left: 4em;'><var>n</var> → 3<var>n</var> + 1 (<var>n</var> є непарним)</div>
+
+Використовуючи правило вище та починаючи з 13, ми згенеруємо наступну послідовність:
+
+<div style='text-align: center;'>13 → 40 → 20 → 10 → 5 → 16 → 8 → 4 → 2 → 1</div>
+
+Можна побачити, що ця послідовність (починається з 13 та закінчується 1) містить 10 членів. Хоча це ще не доведено (проблема Коллатца), вважається, що кожне початкове число також закінчиться 1-ею.
+
+Яке початкове число, під заданим лімітом - `limit`, створює найдовшу послідовність?
+
+**Примітка:** Як тільки послідовність запуститься, значення можуть досягати більше `limit`.
+
+# --hints--
+
+`longestCollatzSequence(14)` має повернути число.
+
+```js
+assert(typeof longestCollatzSequence(14) === 'number');
+```
+
+`longestCollatzSequence(14)` має повернути 9.
+
+```js
+assert.strictEqual(longestCollatzSequence(14), 9);
+```
+
+`longestCollatzSequence(5847)` має повернути 3711.
+
+```js
+assert.strictEqual(longestCollatzSequence(5847), 3711);
+```
+
+`longestCollatzSequence(46500)` має повернути 35655.
+
+```js
+assert.strictEqual(longestCollatzSequence(46500), 35655);
+```
+
+`longestCollatzSequence(54512)` має повернути 52527.
+
+```js
+assert.strictEqual(longestCollatzSequence(54512), 52527);
+```
+
+`longestCollatzSequence(100000)` має повернути 77031.
+
+```js
+assert.strictEqual(longestCollatzSequence(100000), 77031);
+```
+
+`longestCollatzSequence(1000000)` має повернути 837799.
+
+```js
+assert.strictEqual(longestCollatzSequence(1000000), 837799);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function longestCollatzSequence(limit) {
+
+  return true;
+}
+
+longestCollatzSequence(14);
+```
+
+# --solutions--
+
+```js
+function longestCollatzSequence(limit) {
+  let longest = 1;
+  let maxLength = 1;
+  for (let i = Math.floor(limit / 2); i < limit; i++) {
+    let len = colLen(i);
+    if (len > maxLength) {
+      longest = i;
+      maxLength = len;
+    }
+  }
+  return longest;
+}
+
+const knownSequence = { '1': 1 };
+
+function colLen(n) {
+  if (knownSequence[n]) {
+    return knownSequence[n];
+  } else {
+    const len = n % 2 === 0 ? colLen(n / 2) + 1 : colLen((3 * n + 1) / 2) + 2;
+    knownSequence[n] = len;
+    return len;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.md
new file mode 100644
index 0000000000..ea443c2e0b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-140-modified-fibonacci-golden-nuggets.md
@@ -0,0 +1,52 @@
+---
+id: 5900f3fa1000cf542c50ff0c
+title: 'Завдання 140: Модифіковані золоті самородки Фібоначчі'
+challengeType: 5
+forumTopicId: 301769
+dashedName: problem-140-modified-fibonacci-golden-nuggets
+---
+
+# --description--
+
+Розглянемо нескінченний многочленний ряд $A_G(x) = xG_1 + x^2G_2 + x^3G_3 + \ cdots$, де $G_k$ - це $k$-й член рекурентного співвідношення другого порядку $G_k = G_ {k − 1} + G_ {k − 2}, G_1 = 1 $ і $G_2 = 4$; тобто $1, 4, 5, 9, 14, 23, \ldots$.
+
+Для цієї задачі ми розглянемо значення $x$, для яких $A_G(x)$ є натуральним цілим числом.
+
+Відповідні значення $x$ для перших п’яти натуральних чисел наведені нижче.
+
+| $x$                           | $A_G(x)$ |
+| ----------------------------- | -------- |
+| $\frac{\sqrt{5} − 1}{4}$    | $1$      |
+| $\frac{2}{5}$                | $2$      |
+| $\frac{\sqrt{22} − 2}{6}$   | $3$      |
+| $\frac{\sqrt{137} − 5}{14}$ | $4$      |
+| $\frac{1}{2}$                | $5$      |
+
+Ми будемо називати $A_G(x)$ золотим самородком при умові що $x$ - раціональне, оскільки вони стають все рідшими; наприклад, 20-й золотий самородок - 211345365. Знайдіть суму перших тридцяти золотих самородків.
+
+# --hints--
+
+`modifiedGoldenNuggets()` має повернути `5673835352990`
+
+```js
+assert.strictEqual(modifiedGoldenNuggets(), 5673835352990);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function modifiedGoldenNuggets() {
+
+  return true;
+}
+
+modifiedGoldenNuggets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.md
new file mode 100644
index 0000000000..8f4a4744ac
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-141-investigating-progressive-numbers-n-which-are-also-square.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3f91000cf542c50ff0b
+title: 'Завдання 141: Дослідження прогресивних чисел, n, які також є квадратами'
+challengeType: 5
+forumTopicId: 301770
+dashedName: problem-141-investigating-progressive-numbers-n-which-are-also-square
+---
+
+# --description--
+
+Додатнє ціле число, $n$, ділимо на дільник $d$ і отримуємо частку $q$ та остачу $r$ відповідно. До того ж, $d$, $q$, і $r$ - це послідовні додатні цілі значення в геометричній послідовності, та не обов'язково в такому порядку.
+
+Наприклад, 58, поділене на 6, має частку 9 і остачу 4. Також можна побачити, що 4, 6, 9 є послідовними значеннями в геометричній послідовності (спільне співвідношення $\frac{3}{2}$).
+
+Ми називатимемо такі числа, $n$, прогресивними.
+
+Деякі прогресивні числа такі, як 9 та 10404 = ${102}^2$, також є повними квадратами. Сума прогресивних повних квадратів нижче ста тисяч дорівнює 124657.
+
+Знайдіть суму прогресивних повних квадратів менших за один трильйон (${10}^{12}$).
+
+# --hints--
+
+`progressivePerfectSquares()` має повернути`878454337159`.
+
+```js
+assert.strictEqual(progressivePerfectSquares(), 878454337159);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function progressivePerfectSquares() {
+
+  return true;
+}
+
+progressivePerfectSquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-142-perfect-square-collection.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-142-perfect-square-collection.md
new file mode 100644
index 0000000000..9071835e7f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-142-perfect-square-collection.md
@@ -0,0 +1,38 @@
+---
+id: 5900f3fa1000cf542c50ff0d
+title: 'Завдання 142: Набір ідеального квадрата'
+challengeType: 5
+forumTopicId: 301771
+dashedName: problem-142-perfect-square-collection
+---
+
+# --description--
+
+Знайдіть найменше число $x + y + z$ із такими цілими числами $x > y > z > 0$, щоб всі $x + y$, $x − y$, $x + z$, $x − z$, $y + z$, $y − z$ були ідеальними квадратами.
+
+# --hints--
+
+Функція `perfectSquareCollection()` повинна повертатися як `1006193`.
+
+```js
+assert.strictEqual(perfectSquareCollection(), 1006193);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function perfectSquareCollection() {
+
+  return true;
+}
+
+perfectSquareCollection();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.md
new file mode 100644
index 0000000000..b6de778d82
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-143-investigating-the-torricelli-point-of-a-triangle.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3fc1000cf542c50ff0e
+title: 'Завдання 143: Дослідження точок Торрічеллі'
+challengeType: 5
+forumTopicId: 301772
+dashedName: problem-143-investigating-the-torricelli-point-of-a-triangle
+---
+
+# --description--
+
+Нехай ABC буде трикутником з внутрішніми кутами меншими, ніж 120 градусів. Нехай Х буде будь-якою точкою всередині трикутника, а $XA = p$, $XC = q$, і $XB = r$.
+
+Ферма запропонував Торрічеллі знайти таке розміщення Х, щоб p + q + r зводилось до мінімуму.
+
+Торрічеллі зміг довести, що якщо рівносторонні трикутники AOB, BNC та AMC будуються з кожної сторони трикутника ABC, то описані навколо AOB, BNC та AMC кола будуть перетинатися в одній точці T, всередині трикутника. Крім того, він довів, що точка Т, названа Торрічеллі / Ферма, мінімізує $p + q + r$. Також можна помітити, що при мінімізації суми, $AN = BM = CO = p + q + r $ і AN, BM і CO також перетинаються в точці T.
+
+<img class="img-responsive center-block" alt="рівносторонні трикутники AOB, BNC та AMC будуються з кожної сторони трикутника ABC; з описаними навколо AOB, BNC та AMC колами, які будуть перетинатися в одній точці T, всередині трикутника" src="https://cdn.freecodecamp.org/curriculum/project-euler/investigating-the-torricelli-point-of-a-triangle.png" style="background-color: white; padding: 10px;" />
+
+Якщо сума зведена до мінімуму і a, b, c, p, q та r - всі натуральні числа, ми будемо називати трикутник ABC трикутником Торрічеллі. Наприклад, $a = 399$, $b = 455$, $c = 511$ - приклад трикутника Торрічеллі з $p + q + r = 784$. Знайдіть суму всіх різних значень $p + q + r + r ≤ 120000$ для трикутників Торрічеллі.
+
+# --hints--
+
+`sumTorricelliTriangles()` має повернути`30758397`.
+
+```js
+assert.strictEqual(sumTorricelliTriangles(), 30758397);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumTorricelliTriangles() {
+
+  return true;
+}
+
+sumTorricelliTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.md
new file mode 100644
index 0000000000..0fd9c876a0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-144-investigating-multiple-reflections-of-a-laser-beam.md
@@ -0,0 +1,61 @@
+---
+id: 5900f3fc1000cf542c50ff0f
+title: 'Завдання 144: Дослідження множинних відображень лазерного променя'
+challengeType: 5
+forumTopicId: 301773
+dashedName: problem-144-investigating-multiple-reflections-of-a-laser-beam
+---
+
+# --description--
+
+У лазерній фізиці "біла клітина" - це дзеркальна система, яка діє як лінія затримки для лазерного променя. Промінь проникає у клітину, відскакує від дзеркал, і, зрештою, повертається назад.
+
+Конкретна біла клітина, яку ми розглянемо, - це еліпс із рівнянням $ 4 {x}^2 + y^2 = 100 $
+
+Ділянка, що відповідає $ −0.01 ≤ x ≤ +0.01 $ у верхній частині, відсутня, що дозволяє світлу входити і виходити через отвір.
+
+<div style="text-align: center">
+  <img class="img-responsive center-block" alt="світловий промінь починається в точці (0,0, 10,1) і стрикається з дзеркалом в точці (1,4, -9,6)" src="https://cdn.freecodecamp.org/curriculum/project-euler/investigating-multiple-reflections-of-a-laser-beam-1.png" style="display: inline-block; background-color: white; padding: 10px;">
+  <img class="img-responsive center-block" alt="анімація з першими 10 віддзеркаленнями променя" src="https://cdn.freecodecamp.org/curriculum/project-euler/investigating-multiple-reflections-of-a-laser-beam-2.gif" style="display: inline-block; background-color: white; padding: 10px;">
+</div><br>
+
+Світловий промінь у цій задачі починається в точці (0,0, 10,1) безпосередньо біля білої клітини, і промінь спочатку стикається з дзеркалом в точці (1,4, -9,6).
+
+Кожного разу, коли лазерний промінь потрапляє на поверхню еліпса, він дотримується звичного закону відбиття «кут падіння дорівнює куту відбиття» Тобто і промінь, що падає, і відбитий промінь, утворюють однаковий кут із нормаллю у точці падіння.
+
+На малюнку зліва червона лінія показує перші дві точки дотику між лазерним променем та стінкою білої клітини; синя лінія показує лінію, дотичну до еліпса в точці падіння першого відскоку.
+
+Кут нахилу m дотичної лінії в будь-якій точці (x, y) заданого еліпса: $m = ℉4 × \frac{x}{y}$
+
+Нормаль — перпендикуляр до дотичної, що проходить через точку дотику.
+
+Анімація праворуч показує перші 10 віддзеркалень променя.
+
+Скільки разів промінь потрапляє на внутрішню поверхню білої клітини перед виходом?
+
+# --hints--
+
+`laserBeamReflections()` має повертати до`354`.
+
+```js
+assert.strictEqual(laserBeamReflections(), 354);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function laserBeamReflections() {
+
+  return true;
+}
+
+laserBeamReflections();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.md
new file mode 100644
index 0000000000..39e1b06fd2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-145-how-many-reversible-numbers-are-there-below-one-billion.md
@@ -0,0 +1,42 @@
+---
+id: 5900f3fd1000cf542c50ff10
+title: 'Завдання 145: скільки існує оборотних чисел, які менші за один мільярд?'
+challengeType: 5
+forumTopicId: 301774
+dashedName: problem-145-how-many-reversible-numbers-are-there-below-one-billion
+---
+
+# --description--
+
+Деякі додатні цілі числа $n$ мають властивість, що сума [ $n + reverse(n)$ ] складається з зовсім непарних (десяткових) цифр. Наприклад, $36 + 63 = 99$ та$409 + 904 = 1313$. Називатимемо такі числа оборотними; таким чином 36, 63, 409 і 904 є оборотними. Провідні нулі не можна використовувати в $n$ або $reverse(n)$.
+
+Існують 120 оборотних чисел менших за тисячу.
+
+Скільки існує оборотних чисел, що менші за один мільярд (${10}^9$)?
+
+# --hints--
+
+Функція `reversibleNumbers()` повинна повернути `608720`.
+
+```js
+assert.strictEqual(reversibleNumbers(), 608720);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reversibleNumbers() {
+
+  return true;
+}
+
+reversibleNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.md
new file mode 100644
index 0000000000..d0a8ef7645
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-146-investigating-a-prime-pattern.md
@@ -0,0 +1,40 @@
+---
+id: 5900f3fe1000cf542c50ff11
+title: 'Завдання 146: дослідження моделі простих чисел'
+challengeType: 5
+forumTopicId: 301775
+dashedName: problem-146-investigating-a-prime-pattern
+---
+
+# --description--
+
+Найменше натуральне число $n$ для якого числа $n^2 + 1$, $n^2 + 3$, $n^2 + 7$, $n^2 + 9$, $n^2 + 13$ і $n^2 + 27$ є послідовними простими числами - 10. Сума усіх таких цілих чисел $n$ менших за один мільйон становить 1242490.
+
+Яка сума усіх таких цілих чисел $n$ менших за 150 мільйонів?
+
+# --hints--
+
+`primePattern()` має повернути `676333270`.
+
+```js
+assert.strictEqual(primePattern(), 676333270);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primePattern() {
+
+  return true;
+}
+
+primePattern();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.md
new file mode 100644
index 0000000000..e8de2d09fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-147-rectangles-in-cross-hatched-grids.md
@@ -0,0 +1,48 @@
+---
+id: 5900f3ff1000cf542c50ff12
+title: 'Завдання 147: Прямокутники у перехресних сітках'
+challengeType: 5
+forumTopicId: 301776
+dashedName: problem-147-rectangles-in-cross-hatched-grids
+---
+
+# --description--
+
+У сітці 3х2 всього може бути розташовано 37 різних прямокутників, як зазначено на ескізі.
+
+<img class="img-responsive center-block" alt="способи розміщення різних прямокутників в сітці з перехресним штрихуванням розміром 3x2" src="https://cdn.freecodecamp.org/curriculum/project-euler/rectangles-in-cross-hatched-grids.png" style="background-color: white; padding: 10px;" />
+
+Є 5 сіток, менших, ніж 3х2, розміри яких (горизонтальні та вертикальні) є важливими: 1x1, 2x1, 3x1, 1x2 and 2x2. Якщо кожна з них перехресно заштрихована, то в менших сітках можна буде розмістити наступне число прямокутників:
+
+$$\початок{array}{|c|c|} \hline 1 \times 1 & 1  \\\\ \hline 2 \times 1 & 4  \\\\ \hline 3 \times 1 & 8  \\\\ \hline 1 \times 2 & 4  \\\\ \hline 2 \times 2 & 18 \\\\ \hline \кінець{array}$$
+
+Додаючи їх до 37 прямокутників з сітки розміром 3x2, загалом можна розмістити 72 різних прямокутники у сітках розміром 3x2 і менших.
+
+Скільки різних прямокутників можна розмістити в межах сіток розміром 47x43 і менших?
+
+# --hints--
+
+`crossHatchedRectangles()` має повернути `846910284`.
+
+```js
+assert.strictEqual(crossHatchedRectangles(), 846910284);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crossHatchedRectangles() {
+
+  return true;
+}
+
+crossHatchedRectangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.md
new file mode 100644
index 0000000000..984bb5e078
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-148-exploring-pascals-triangle.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4021000cf542c50ff14
+title: 'Завдання 148: Дослідження трикутника Паскаля'
+challengeType: 5
+forumTopicId: 301777
+dashedName: problem-148-exploring-pascals-triangle
+---
+
+# --description--
+
+Ми можемо легко перевірити, що жоден елемент у перших семи рядах трикутника Паскаля не ділиться на 7:
+
+```
+            1
+          1   1
+        1   2   1
+      1   3   3   1
+    1   4   6   4   1
+  1   5   10  10  5   1
+1   6   15  20  15  6   1
+```
+
+Однак, якщо ми перевіряємо перші сто рядів, то виявимо, що лише 2361 з 5050 елементів не діляться на 7.
+
+# --instructions--
+
+Знайдіть кількість елементів, які не діляться на 7 у першому мільярді (${10}^9$) рядків трикутника Паскаля.
+
+# --hints--
+
+`entriesOfPascalsTriangle()` має повернути `2129970655314432`.
+
+```js
+assert.strictEqual(entriesOfPascalsTriangle(), 2129970655314432);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function entriesOfPascalsTriangle() {
+
+  return true;
+}
+
+entriesOfPascalsTriangle();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.md
new file mode 100644
index 0000000000..9b4446bc57
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-149-searching-for-a-maximum-sum-subsequence.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4021000cf542c50ff13
+title: 'Завдання 149. Пошук підпослідовності з максимальною сумою'
+challengeType: 5
+forumTopicId: 301778
+dashedName: problem-149-searching-for-a-maximum-sum-subsequence
+---
+
+# --description--
+
+Дивлячись на таблицю нижче, легко переконатися, що максимально можлива сума суміжних чисел у будь-якому напрямку (горизонтальному, вертикальному, діагональному чи антидіагональному) становить $16 (= 8 + 7 + 1)$.
+
+$$\begin{array}{|r|r|r|r|} \hline −2 &  5 &  3 & 2 \\\\ \hline 9 & −6 &  5 & 1 \\\\ \hline 3 &  2 &  7 & 3 \\\\ \hline −1 &  8 & −4 & 8 \\\\ \hline \end{array}$$
+
+Тепер повторимо пошук, але тільки в набагато більшому масштабі:
+
+Спочатку, згенеруйте чотири мільйони псевдовипадкових чисел, використовуючи конкретну форму того, що відомо як "генератор Фібоначчі з запізненням":
+
+Для $1 ≤ k ≤ 55$, $s_k = (100003 − 200003k + 300007{k}^3) \\ (modulo\\ 1000000) − 500000$.
+
+Для $56 ≤ k ≤ 4000000$, $s_k = (s_{k − 24} + s_{k − 55} + 1000000) \\ (modulo\\ 1000000) − 500000$.
+
+Таким чином, $s_{10} = −393027$ та $s_{100} = 86613$.
+
+Потім члени $s$ розташовуються в таблиці 2000 × 2000, використовуючи перші 2000 чисел для заповнення першого рядка (послідовно), наступні 2000 чисел - для заповнення другого рядка і так далі.
+
+В результаті знайдіть найбільшу суму (будь-якої кількості) суміжних записів в будь-якому напрямку (горизонтальному, вертикальному, діагональному або антидіагональному).
+
+# --hints--
+
+`maximumSubSequence()` має повернути `52852124`.
+
+```js
+assert.strictEqual(maximumSubSequence(), 52852124);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximumSubSequence() {
+
+  return true;
+}
+
+maximumSubSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-15-lattice-paths.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-15-lattice-paths.md
new file mode 100644
index 0000000000..699b341157
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-15-lattice-paths.md
@@ -0,0 +1,68 @@
+---
+id: 5900f37b1000cf542c50fe8e
+title: 'Завдання 15: Доріжки на сітці'
+challengeType: 5
+forumTopicId: 301780
+dashedName: problem-15-lattice-paths
+---
+
+# --description--
+
+Починаючи з верхнього лівого кутка сітки 2×2, та маючи право рухатися вправо та вниз, є рівно 6 шляхів до нижнього правого кутка.
+
+<img class="img-responsive center-block" alt="6 зображень з сітками 2 на 2 показують усі шляхи до нижнього правого кутка" src="https://cdn-media-1.freecodecamp.org/project-euler/1Atixoj.gif" style="background-color: white; padding: 10px;" />
+
+Скільки таких шляхів є через задану сітку - `gridSize`?
+
+# --hints--
+
+`latticePaths(4)` має повернути число.
+
+```js
+assert(typeof latticePaths(4) === 'number');
+```
+
+`latticePaths(4)` має повернути 70.
+
+```js
+assert.strictEqual(latticePaths(4), 70);
+```
+
+`latticePaths(9)` має повернути 48620.
+
+```js
+assert.strictEqual(latticePaths(9), 48620);
+```
+
+`latticePaths(20)` має повернути 137846528820.
+
+```js
+assert.strictEqual(latticePaths(20), 137846528820);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function latticePaths(gridSize) {
+
+  return true;
+}
+
+latticePaths(4);
+```
+
+# --solutions--
+
+```js
+function latticePaths(gridSize) {
+  let paths = 1;
+
+  for (let i = 0; i < gridSize; i++) {
+    paths *= (2 * gridSize) - i;
+    paths /= i + 1;
+  }
+  return paths;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.md
new file mode 100644
index 0000000000..deb5c77473
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.md
@@ -0,0 +1,59 @@
+---
+id: 5900f4031000cf542c50ff15
+title: >-
+  Завдання 150. Пошук трикутного масиву для меншого трикутника з мінімальною сумою
+challengeType: 5
+forumTopicId: 301781
+dashedName: problem-150-searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum
+---
+
+# --description--
+
+У трикутному масиві цілих додатних і від'ємних чисел ми хочемо знайти такий менший трикутник, сума чисел у якому була б найменшою.
+
+У наведеному нижче прикладі можна легко перевірити, чи задовільняє виділений трикутник цій умові, маючи суму −42.
+
+<img class="img-responsive center-block" alt="трикутний масив з позначеним трикутником із сумою -42" src="https://cdn.freecodecamp.org/curriculum/project-euler/searching-a-triangular-array-for-a-sub-triangle-having-minimum-sum.gif" style="background-color: white; padding: 10px;" />
+
+Ми хочемо створити такий трикутний масив з тисячею рядків, тому ми генеруємо 500500 псевдовипадкових чисел $s_k$ у діапазоні $±2^{19}$, використовуючи тип генератора випадкових чисел (відомий як лінійний конгруентний метод) наступним чином:
+
+$$\begin{align} t := & \\ 0\\\\ \text{for}\\ & k = 1\\ \text{up to}\\ k = 500500:\\\\ & t := (615949 × t + 797807)\\ \text{modulo}\\ 2^{20}\\\\ & s_k := t − 219\\\\ \end{align}$$
+
+Таким чином: $s_1 = 273519$, $s_2 = −153582$, $s_3 = 450905$ і т. д.
+
+Трикутний масив утворений з використанням псевдовипадкових чисел:
+
+$$ s_1 \\\\ s_2\\;s_3 \\\\ s_4\\; s_5\\; s_6 \\\\ s_7\\; s_8\\; s_9\\; s_{10} \\\\ \ldots $$
+
+Менші трикутники можуть починатися з будь-якого елемента масиву і сягати вниз як завгодно далеко (захоплюючи два елементи безпосередньо під ним з наступного ряду, три елементи безпосередньо під ним з наступного ряду і так далі).
+
+"Сума меншого трикутника" визначається як сума всіх чисел, які він містить.
+
+Знайдіть найменшу можливу суму меншого трикутника.
+
+# --hints--
+
+`smallestSubTriangleSum()` має повернути `-271248680`.
+
+```js
+assert.strictEqual(smallestSubTriangleSum(), -271248680);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function smallestSubTriangleSum() {
+
+  return true;
+}
+
+smallestSubTriangleSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.md
new file mode 100644
index 0000000000..12565e8776
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4031000cf542c50ff16
+title: 'Завдання 151. Аркуші стандартних розмірів: середня очікувана кількість'
+challengeType: 5
+forumTopicId: 301782
+dashedName: problem-151-paper-sheets-of-standard-sizes-an-expected-value-problem
+---
+
+# --description--
+
+Щотижня друкарня друкує 16 партій (завдань), і для кожної партії потрібен аркуш спеціального кольоропробного паперу формату A5.
+
+Щоранку в понеділок бригадир відкриває новий конверт, який містить великий аркуш спеціального паперу розміром A1.
+
+Він ділить його навпіл, таким чином отримуючи два аркуші розміром А2. Потім він розрізає один з них навпіл, щоб отримати два аркуші формату А3 і так далі, поки не отримає аркуш розміром А5, необхідний для першої партії тижня.
+
+Усі невикористані аркуші кладуть назад у конверт.
+
+<img class="img-responsive center-block" alt="Аркуш розміром A1 може бути поділений на аркуші форматом: A2, A3, A4 та два аркуші форматом A5" src="https://cdn.freecodecamp.org/curriculum/project-euler/paper-sheets-of-standard-sizes-an-expected-value-problem.png" style="background-color: white; padding: 10px;" />
+
+На початку кожної наступної партії він навмання бере один аркуш паперу з конверта. Якщо він виявляється розміром А5, то використовує його. Якщо ж більший, то він повторює процедуру «розрізання навпіл», поки не отримає те, що йому потрібно, а решту аркушів повертає назад до конверта.
+
+За виключенням першої та останньої партії, знайдіть очікувану кількість разів (протягом кожного тижня), коли бригадир знайде в конверті один аркуш.
+
+Дайте відповідь, заокруглену до шести знаків після коми, використовуючи формат `x.xxxxxx`.
+
+# --hints--
+
+`expectedValueProblem()` має повернути `0.464399`.
+
+```js
+assert.strictEqual(expectedValueProblem(), 0.464399);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function expectedValueProblem() {
+
+  return true;
+}
+
+expectedValueProblem();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.md
new file mode 100644
index 0000000000..5153fb78b9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-152-writing-one-half-as-a-sum-of-inverse-squares.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4041000cf542c50ff17
+title: 'Завдання 152. Написання половини як суми обернених квадратів'
+challengeType: 5
+forumTopicId: 301783
+dashedName: problem-152-writing-one-half-as-a-sum-of-inverse-squares
+---
+
+# --description--
+
+Існує два способи, щоб записати число $\frac{1}{2}$ як суму обернених квадратів, використовуючи різні цілі числа.
+
+Наприклад, числа {2,3,4,5,7,12,15,20,28,35} можуть бути використані:
+
+$$\frac{1}{2} = \frac{1}{2^2} + \frac{1}{3^2} + \frac{1}{4^2} + \frac{1}{5^2} + \frac{1}{7^2} + \frac{1}{{12}^2} + \frac{1}{{15}^2} + \frac{1}{{20}^2} + \frac{1}{{28}^2} + \frac{1}{{35}^2}$$
+
+Насправді, використовуючи лише цілі числа від 2 до 45 включно, є три способи зробити це, інші два: {2,3,4,6,7,9,10,20,28,35,36,45} та {2,3,4,6,7,9,12,15,28,30,35,36,45}.
+
+Скільки існує способів записати число $\frac{1}{2}$ у вигляді суми зворотних квадратів, використовуючи різні цілі числа від 2 до 80 включно?
+
+# --hints--
+
+`sumInverseSquares()` має повернути `301`.
+
+```js
+assert.strictEqual(sumInverseSquares(), 301);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumInverseSquares() {
+
+  return true;
+}
+
+sumInverseSquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.md
new file mode 100644
index 0000000000..958580dd5d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-153-investigating-gaussian-integers.md
@@ -0,0 +1,84 @@
+---
+id: 5900f4051000cf542c50ff18
+title: 'Завдання 153. Дослідження Гауссових цілих чисел'
+challengeType: 5
+forumTopicId: 301784
+dashedName: problem-153-investigating-gaussian-integers
+---
+
+# --description--
+
+Як ми всі знаємо рівняння $x^2 = -1$ не має реальних розв'язків $x$.
+
+Якщо підставити уявне число $i$, то це рівняння має два рішення: $x = i$ та $x = -i$.
+
+У наступному випадку, рівняння {(x - 3)}^2 = -4$ має два складні рішення: $x = 3 + 2i$ і $x = 3 - 2i$, які називаються складним спряженими числами.
+
+Числа $a + bi$ називаються комплексними числами.
+
+Загалом $a + bi$ та $a - bi$ — спряжені числа. Гауссове ціле число є комплексним числом $a + bi$ таким чином, що і $a$, і $b$ є цілими числами.
+
+Звичайні цілі числа також є простими Гауссовими цілими числами (з $b = 0$).
+
+Щоб відрізняти їх від простих Гауссових чисел з $b ≠ 0$ ми називаємо такі цілі числа "раціональними цілими числами"
+
+Просте Гауссове число називається дільником раціонального цілого числа $n$, якщо результат також є простим Гауссовим числом.
+
+Наприклад, якщо поділити 5 на $1 + 2i$, можемо спростити наступним чином:
+
+Помножте чисельник та знаменник на комплексне спряжене число $1 + 2i$: $1 - 2i$.
+
+Отримаємо:
+
+$$\frac{5}{1 + 2i} = \frac{5}{1 + 2i} \frac{1 - 2i}{1 - 2i} = \frac{5(1 - 2i)}{1 - {(2i)}^2} = \frac{5(1 - 2i)}{1 - (-4)} = \frac{5(1 - 2i)}{5} = 1 - 2i$$
+
+Отже, $1 + 2i$ є дільником 5.
+
+Зверніть увагу, що $1 + i$ не є дільником 5, оскільки:
+
+$$\frac{5}{1 + i} = \frac{5}{2} - \frac{5}{2}i$$
+
+Зверніть увагу, що якщо просте Гауссове ціле число ($a + bi$) є дільником раціонального цілого числа $n$, тоді його спряжене число ($a - bi$) також є дільником $n$. Фактично у числа 5 є шість дільників, такі, що їх формульна сума: {1, 1 + 2i, 1 - 2i, 2 + i, 2 - i, 5}.
+
+Нижче наведена таблиця всіх дільників для перших п'яти додатних раціональних цілих чисел:
+
+| n | Просте Гауссове ціле число з формульною сумою | Сума s(n) цих дільників |
+| - | --------------------------------------------- | ----------------------- |
+| 1 | 1                                             | 1                       |
+| 2 | 1, 1 + i, 1 - i, 2                            | 5                       |
+| 3 | 1, 3                                          | 4                       |
+| 4 | 1, 1 + i, 1 - i, 2, 2 + 2i, 2 - 2i, 4         | 13                      |
+| 5 | 1, 1 + 2i, 1 - 2i, 2 + i, 2 - i, 5            | 12                      |
+
+Для дільників з додатною формульною сумою маємо: $\displaystyle\sum_{n=1}^5 s(n) = 35$.
+
+Для $1 ≤ n ≤ {10}^5$, $\displaystyle\sum_{n = 1}^{10}^5} s(n) = 17924657155$.
+
+Що таке $\displaystyle\sum_{n=1}^{{10}^8} s(n)$?
+
+# --hints--
+
+`sumGaussianIntegers()` має повернути `17971254122360636`.
+
+```js
+assert.strictEqual(sumGaussianIntegers(), 17971254122360636);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumGaussianIntegers() {
+
+  return true;
+}
+
+sumGaussianIntegers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.md
new file mode 100644
index 0000000000..c13bcbb867
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-154-exploring-pascals-pyramid.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4071000cf542c50ff19
+title: 'Завдання 154. Знайомство з пірамідою Паскаля'
+challengeType: 5
+forumTopicId: 301785
+dashedName: problem-154-exploring-pascals-pyramid
+---
+
+# --description--
+
+Трикутна піраміда побудована з використанням сферичних куль таким чином, що кожна кулька спирається рівно на три кульки наступного нижнього рівня.
+
+<img class="img-responsive center-block" alt="трикутна піраміда складається з сферичних куль і налічує чотири рівні" src="https://cdn.freecodecamp.org/curriculum/project-euler/exploring-pascals-pyramid.png" style="background-color: white; padding: 10px;" />
+
+Потім ми обчислюємо кількість шляхів, що ведуть від вершини до кожної позиції: шлях починається з вершини і проходить вниз до кожної з трьох сфер безпосередньо під поточним розташуванням. Відповідно, кількість шляхів для досягнення певної позиції — це сума чисел безпосередньо над нею (залежно від положення, над нею може бути до трьох чисел).
+
+У результаті чого ми отримуємо трикутник Паскаля, у якому цифри у кожному ряді n є біномінальними коефіцієнтами ${(x + y + z)}^n$.
+
+Скільки коефіцієнтів у ряді ${(x + y + z)}^{200000} $ кратні ${10}^{12}$?
+
+# --hints--
+
+`pascalsPyramid()` має повертати `479742450`.
+
+```js
+assert.strictEqual(pascalsPyramid(), 479742450);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pascalsPyramid() {
+
+  return true;
+}
+
+pascalsPyramid();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.md
new file mode 100644
index 0000000000..1a1d6b2a74
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-155-counting-capacitor-circuits.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4081000cf542c50ff1a
+title: 'Завдання 155: підрахунок кількості конденсаторів в електричних схемах'
+challengeType: 5
+forumTopicId: 301786
+dashedName: problem-155-counting-capacitor-circuits
+---
+
+# --description--
+
+В електричних схемах використовують конденсатори однакового значення — С.
+
+Конденсатори можна з'єднати послідовно або паралельно, щоб утворити додаткові блоки, які потім можна з'єднати послідовно або паралельно з іншими конденсаторами або іншими додатковими блоками для утворення більших субблоків і так далі до кінцевої схеми.
+
+Завдяки цій простій процедурі та кількості n однакових конденсаторів, ми можемо створити схеми з діапазоном різних загальних ємностей. Наприклад, використовуючи приблизно $n = 3$ конденсаторів, кожен з яких $60 μF$, ми можемо отримати наступні 7 різних загальних значень ємності:
+
+<img class="img-responsive center-block" alt="приклади схем, які мають до трьох конденсаторів, кожен 60 мкФ" src="https://cdn.freecodecamp.org/curriculum/project-euler/counting-capacitor-circuits.gif" style="background-color: white; padding: 10px;" />
+
+Якщо ми позначимо кількість різних значень загальної ємності як $D(n)$, які можна отримати при використанні близько $n$ однакових конденсаторів, діючи за простою процедурою, описаною вище, отримаємо: $D(1) = 1, D(2) = 3, D(3)=7, \ldots$
+
+Знайдіть $D(18)$.
+
+Нагадування: При паралельному з'єднанні конденсаторів $C_1$, $C_2$ загальна ємність становить $C_T = C_1 + C_2 + \cdots$, тоді як при послідовному з'єднанні загальна ємність визначається як $\frac{1}{C_T} = \frac{1}{C_1} + \frac{1}{C_2} + \cdots$.
+
+# --hints--
+
+`capacitanceValues()` має повернути `3857447`.
+
+```js
+assert.strictEqual(capacitanceValues(), 3857447);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function capacitanceValues() {
+
+  return true;
+}
+
+capacitanceValues();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-156-counting-digits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-156-counting-digits.md
new file mode 100644
index 0000000000..6d2bcca852
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-156-counting-digits.md
@@ -0,0 +1,68 @@
+---
+id: 5900f4091000cf542c50ff1b
+title: 'Завдання 156: підрахунок цифр'
+challengeType: 5
+forumTopicId: 301787
+dashedName: problem-156-counting-digits
+---
+
+# --description--
+
+Починаючи з нуля, натуральні числа із основою 10 записуються так:
+
+0 1 2 3 4 5 6 7 8 9 10 11 12....
+
+Нехай цифра $d = 1$. Після запису кожного числа n, кількість отриманих чисел оновлюється й отримане число буде $f(n, 1)$. Перші значення lkz $f(n, 1)$ будіть такі:
+
+| $n$ | $f(n, 1)$ |
+| --- | --------- |
+| 0   | 0         |
+| 1   | 1         |
+| 2   | 1         |
+| 3   | 1         |
+| 4   | 1         |
+| 5   | 1         |
+| 6   | 1         |
+| 7   | 1         |
+| 8   | 1         |
+| 9   | 1         |
+| 10  | 2         |
+| 11  | 4         |
+| 12  | 5         |
+
+Зверніть увагу, що $f(n, 1)$ ніколи не дорівнює 3.
+
+Отже, два перші розв'язки рівняння $f(n, 1) = n$ будуть $n = 0$ і $n = 1$. Наступне рішення буде $n = 199981$. Таким же чином функція $f(n, d)$ показує загальну кількість цифр d, що була записана після того, як число $n$ було написано.
+
+Фактично, для кожної цифри $d ≠ 0$, 0 — це перше рішення для рівняння $f(n, d) = n$. Нехай $s(d)$ — сума усіх рішень, для яких $f(n, d) = n$.
+
+Дано $s(1) = 22786974071$. Знайдіть $\sum{s(d)}$, якщо $1 ≤ d ≤ 9$.
+
+Примітка: якщо для деяких $n$, $f(n, d) = n$ на більш ніж значення $d$, це значення $n$ знову враховується для кожного значення $d$, для яких $f(n, d) = n$.
+
+# --hints--
+
+`countingDigits()` має повернути `21295121502550`.
+
+```js
+assert.strictEqual(countingDigits(), 21295121502550);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingDigits() {
+
+  return true;
+}
+
+countingDigits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.md
new file mode 100644
index 0000000000..e3785449ce
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-157-solving-the-diophantine-equation.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4091000cf542c50ff1c
+title: 'Завдання 157: Розв''язування діофантових рівнянь'
+challengeType: 5
+forumTopicId: 301788
+dashedName: problem-157-solving-the-diophantine-equation
+---
+
+# --description--
+
+Розглянемо діофантові рівняння $\frac{1}{a} + \frac{1}{b} = \frac{p}{{10}^n}$ де $a$, $b$, $p$, $n$ — додатні цілі числа, а $a ≤ b$.
+
+Якщо $n = 1$ дане рівняння має 20 розв'язків, показаних нижче:
+
+$$\begin{array}{lllll} \frac{1}{1}  + \frac{1}{1}  = \frac{20}{10} & \frac{1}{1} + \frac{1}{2}  = \frac{15}{10} & \frac{1}{1}  + \frac{1}{5}  = \frac{12}{10} & \frac{1}{1} + \frac{1}{10} = \frac{11}{10} & \frac{1}{2}  + \frac{1}{2}  = \frac{10}{10} \\\\ \frac{1}{2}  + \frac{1}{5}  = \frac{7}{10}   & \frac{1}{2} + \frac{1}{10} = \frac{6}{10} & \frac{1}{3}  + \frac{1}{6}  = \frac{5}{10}   & \frac{1}{3} + \frac{1}{15} = \frac{4}{10} & \frac{1}{4}  + \frac{1}{4}  = \frac{5}{10} \\\\ \frac{1}{4}  + \frac{1}{4}  = \frac{5}{10}  & \frac{1}{5}  + \frac{1}{5}  = \frac{4}{10} & \frac{1}{5}  + \frac{1}{10} = \frac{3}{10}  & \frac{1}{6}  + \frac{1}{30} = \frac{2}{10} & \frac{1}{10} + \frac{1}{10} = \frac{2}{10} \\\\ \frac{1}{11} + \frac{1}{110} = \frac{1}{10} & \frac{1}{12} + \frac{1}{60}  = \frac{1}{10} & \frac{1}{14} + \frac{1}{35}  = \frac{1}{10} & \frac{1}{15} + \frac{1}{30}  = \frac{1}{10} & \frac{1}{20} + \frac{1}{20}  = \frac{1}{10} \end{array}$$
+
+Скільки розв'язків має це рівняння, якщо $1 ≤ n 9$?
+
+# --hints--
+
+`diophantineEquation()` має повертати `53490`.
+
+```js
+assert.strictEqual(diophantineEquation(), 53490);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diophantineEquation() {
+
+  return true;
+}
+
+diophantineEquation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.md
new file mode 100644
index 0000000000..aa78cc89cb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left.md
@@ -0,0 +1,54 @@
+---
+id: 5900f40a1000cf542c50ff1d
+title: >-
+  Завдання 158: Дослідження рядкових типів, де лише один символ стоїть у лексикографічному порядку зліва від сусіднього символу
+challengeType: 5
+forumTopicId: 301789
+dashedName: >-
+  problem-158-exploring-strings-for-which-only-one-character-comes-lexicographically-after-its-neighbour-to-the-left
+---
+
+# --description--
+
+Якщо взяти три різні літери з 26 літер англійського алфавіту, то можна поділити алфавіт на рядкові типи із трьох символів.
+
+Наприклад, 'abc', 'hat' та 'zyx'.
+
+Якщо подивитись на ці три приклади, то у 'abc' два символи стоять зліва від сусіднього значення у лексикографічному порядку.
+
+У 'hat' лише один символ стоїть зліва від сусіднього символу у лексикографічному порядку. У 'zyx' нуль символів стоять у лексикографічному порядку зліва від сусіда.
+
+Усього є 10400 рядкових типів довжиною в 3 символи, де лише один символ стоїть у лексикографічному порядку відносно сусіднього символу зліва.
+
+Розглянемо рядки $n ≤ 26$ різних символів алфавіту.
+
+Для кожного $n$, $p(n)$ є певна кількість рядкових типів з довжиною $n$, де лише один символ стоїть у лексикографічному порядку відносно сусіда зліва.
+
+Яке найбільше значення $p(n)$?
+
+# --hints--
+
+`lexicographicNeighbours()` має повертати `409511334375`.
+
+```js
+assert.strictEqual(lexicographicNeighbours(), 409511334375);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lexicographicNeighbours() {
+
+  return true;
+}
+
+lexicographicNeighbours();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.md
new file mode 100644
index 0000000000..32290612e1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-159-digital-root-sums-of-factorisations.md
@@ -0,0 +1,60 @@
+---
+id: 5900f40c1000cf542c50ff1e
+title: 'Завдання 159: цифровий корінь сум факторизації'
+challengeType: 5
+forumTopicId: 301790
+dashedName: problem-159-digital-root-sums-of-factorisations
+---
+
+# --description--
+
+Складене число можна факторизувати різними способами.
+
+Наприклад, за виключенням множення на один, 24 можна факторизувати 7 різними способами:
+
+$$\begin{align} & 24 = 2 \times 2 \times 2 \times 3\\\\ & 24 = 2 \times 3 \times 4  \\\\ & 24 = 2 \times 2 \times 6  \\\\ & 24 = 4 \times 6    \\\\ & 24 = 3 \times 8    \\\\ & 24 = 2 \times 12   \\\\ & 24 = 24 \end{align}$$
+
+Нагадаємо, що цифровий корінь числа в основі 10 знаходять додаванням цифр цього числа, повторюючи процес, поки число не буде менше ніж 10. Цифровий корінь 467 буде 8.
+
+Digital Root Sum (DRS) — сума цифрових коренів окремих цифр числа. Графік нижче демонструє всі значення DRS для 24.
+
+| Факторизація | Digital Root Sum |
+| ------------ | ---------------- |
+| 2x2x2x3      | 9                |
+| 2x3x4        | 9                |
+| 2x2x6        | 10               |
+| 4x6          | 10               |
+| 3x8          | 11               |
+| 2x12         | 5                |
+| 24           | 6                |
+
+Найбільший Digital Root Sum для 24 це 11. Функція $mdrs(n)$ дозволяє визначити найбільший Digital Root Sum для $n$. Отже, $mdrs(24) = 11$.
+
+Знайдіть $\sum{mdrs(n)}$ для $1 &lt; n &lt; 1,000,000$.
+
+# --hints--
+
+`euler159()` має повертати `14489159`.
+
+```js
+assert.strictEqual(euler159(), 14489159);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function euler159() {
+
+  return true;
+}
+
+euler159();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-16-power-digit-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-16-power-digit-sum.md
new file mode 100644
index 0000000000..1f59b801c4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-16-power-digit-sum.md
@@ -0,0 +1,85 @@
+---
+id: 5900f37d1000cf542c50fe8f
+title: 'Завдання 16: Сума цифр степеня'
+challengeType: 5
+forumTopicId: 301791
+dashedName: problem-16-power-digit-sum
+---
+
+# --description--
+
+2<sup>15</sup> = 32768, а сума цифр цього числа дорівнює 3 + 2 + 7 + 6 + 8 = 26.
+
+Яка сума цифр числа 2<sup><code>exponent</code></sup>?
+
+# --hints--
+
+`powerDigitSum(15)` має повернути число.
+
+```js
+assert(typeof powerDigitSum(15) === 'number');
+```
+
+`powerDigitSum(15)` має повернути число 26.
+
+```js
+assert.strictEqual(powerDigitSum(15), 26);
+```
+
+`powerDigitSum(128)` має повернути число 166.
+
+```js
+assert.strictEqual(powerDigitSum(128), 166);
+```
+
+`powerDigitSum(1000)` має повернути число 1366.
+
+```js
+assert.strictEqual(powerDigitSum(1000), 1366);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function powerDigitSum(exponent) {
+
+  return true;
+}
+
+powerDigitSum(15);
+```
+
+# --solutions--
+
+```js
+function powerDigitSum(exponent) {
+  const bigNum = [1];
+  let sum = 0;
+
+  for (let i = 1; i <= exponent; i++) {
+    let count = bigNum.length + 1;
+    let overflow = 0;
+    for (let j = 0; j < count; j++) {
+      let digit = bigNum[j] || 0;
+      digit = 2 * digit + overflow;
+
+      if (digit > 9) {
+        digit -= 10;
+        overflow = 1;
+      } else {
+        overflow = 0;
+      }
+
+      bigNum[j] = digit;
+    }
+  }
+
+  bigNum.forEach(function(num) {
+    return sum += num;
+  });
+
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.md
new file mode 100644
index 0000000000..dfa292654f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-160-factorial-trailing-digits.md
@@ -0,0 +1,44 @@
+---
+id: 5900f40d1000cf542c50ff1f
+title: 'Задача 160: Факторіальні кінцеві цифри'
+challengeType: 5
+forumTopicId: 301794
+dashedName: problem-160-factorial-trailing-digits
+---
+
+# --description--
+
+Для будь-якого $N$ нехай $f(Н)$ буде останніми п'ятьма цифрами перед кінцевими нулями в $N!$.
+
+Наприклад,
+
+$$\begin{align} & 9! = 362880 \\; \text{so} \\; f(9) = 36288 \\\\ & 10! = 3628800 \\; \text{so} \\; f(10) = 36288 \\\\ & 20! = 2432902008176640000 \\; \text{so} \\; f(20) = 17664 \end{align}$$
+
+Знайдіть $f(1,000,000,000,000)$
+
+# --hints--
+
+`factorialTrailingDigits()` має повернути `16576`.
+
+```js
+assert.strictEqual(factorialTrailingDigits(), 16576);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorialTrailingDigits() {
+
+  return true;
+}
+
+factorialTrailingDigits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-161-triominoes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-161-triominoes.md
new file mode 100644
index 0000000000..a76cf78bc1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-161-triominoes.md
@@ -0,0 +1,52 @@
+---
+id: 5900f40d1000cf542c50ff20
+title: 'Проблема 161: Тріоміни'
+challengeType: 5
+forumTopicId: 301795
+dashedName: problem-161-triominoes
+---
+
+# --description--
+
+Тріоміно - це форма, що складається з трьох квадратів, з'єднаних за допомогою ребер.
+
+Є дві основні форми:
+
+<img class="img-responsive center-block" alt="дві основні форми тріомінів" src="https://cdn.freecodecamp.org/curriculum/project-euler/triominoes-1.gif" style="background-color: white; padding: 10px;" />
+
+Існує шість можливих варіантів фігур:
+
+<img class="img-responsive center-block" alt="форми тріомінів включно із варіантами" src="https://cdn.freecodecamp.org/curriculum/project-euler/triominoes-2.gif" style="background-color: white; padding: 10px;" />
+
+Будь-яка таблиця з n на m, для якогї nxm ділиться на 3, може бути викладена тріомінами. Якщо ми розглядаємо також і плитки, що можуть бути отримані шляхом відбиття або обертання від іншої плитки, то існує 41 спосіб як таблицю 2 на 9 можна заповнити фігурами тріоміно:
+
+<img class="img-responsive center-block" alt="анімація, що показує 41 спосіб заповнення таблиці 2 на 9 тріомінами" src="https://cdn.freecodecamp.org/curriculum/project-euler/triominoes-3.gif" style="background-color: white; padding: 10px;" />
+
+Скількома способами таблицю 9 на 12 можна заповнити тріомінами таким чином?
+
+# --hints--
+
+`triominoes()` повинен повернутися як `20574308184277972`.
+
+```js
+assert.strictEqual(triominoes(), 20574308184277972);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triominoes() {
+
+  return true;
+}
+
+triominoes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.md
new file mode 100644
index 0000000000..d238532da2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-162-hexadecimal-numbers.md
@@ -0,0 +1,58 @@
+---
+id: 5900f40e1000cf542c50ff21
+title: 'Задача 162: Шістнадцяткові числа'
+challengeType: 5
+forumTopicId: 301796
+dashedName: problem-162-hexadecimal-numbers
+---
+
+# --description--
+
+У шістнадцятковій системі числення числа представлені шістнадцятьма різними цифрами:
+
+$$0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F$$
+
+Шістнадцяткове число AF при написанні в десятковій системі дорівнює $10 \times 16 + 15 = 175$.
+
+У трицифрових шістнадцяткових числах 10A, 1A0, A10, і A01, цифри: 0,1 та А - присутні у всіх випадках.
+
+Як і числа, записані в десятковій системі, ми пишемо шістнадцяткові числа без початкових нулів.
+
+Скільки шістнадцяткових чисел, що містять не більше шістнадцяти шістнадцяткових цифр, існує з усіма цифрами 0,1 і А, що присутні принаймні один раз?
+
+Дайте відповідь шістнадцятковим числом в одному рядку.
+
+**Примітка:** (А, В, C, D, E і F у верхньому регістрі, без будь-якого ведучого або плаваючого коду, який позначає число як шістнадцяткове та без ведучих нулів, наприклад, 1A3F, а не: 0x1a3f, $1A3F, #1A3F, 0000001A3F)
+
+# --hints--
+
+`hexadecimalNumbers()` має повернути рядок.
+
+```js
+assert(typeof hexadecimalNumbers() === 'string');
+```
+
+`hexadecimalNumbers()` s має повернути рядок `3D58725572C62302`.
+
+```js
+assert.strictEqual(hexadecimalNumbers(), '3D58725572C62302');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hexadecimalNumbers() {
+
+  return true;
+}
+
+hexadecimalNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.md
new file mode 100644
index 0000000000..068def72dd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-163-cross-hatched-triangles.md
@@ -0,0 +1,50 @@
+---
+id: 5900f40f1000cf542c50ff22
+title: 'Задача 163: Трикутники з перехресним штрихуванням'
+challengeType: 5
+forumTopicId: 301797
+dashedName: problem-163-cross-hatched-triangles
+---
+
+# --description--
+
+Розглянемо рівносторонній трикутник, у якому прямі лінії проведені від кожної вершини до середини протилежної сторони, наприклад, як на трикутнику розміру 1 на рисунку нижче.
+
+<img class="img-responsive center-block" alt="трикутники розміру 1 і розміру 2" src="https://cdn.freecodecamp.org/curriculum/project-euler/cross-hatched-triangles.gif" style="background-color: white; padding: 10px;" />
+
+Тепер у цьому трикутнику можна знайти шістнадцять трикутників різної форми, розміру, напряму чи розташування. Використовуючи трикутники розміру 1 як будівельні блоки, можна сформувати більші трикутники, такі як трикутник розміру 2 на рисунку вище. Тепер у трикутнику розміру 2 можна знайти сто чотири трикутники різної форми, розміру, напряму чи розташування.
+
+Можна помітити, що трикутник розміру 2 складається з 4 будівельних блоків трикутника розміру 1. Трикутник розміру 3 складатиметься з 9 будівельних блоків трикутника розміру 1, а трикутник розміру $n$ складатиметься з $n^2$ будівельник блоків трикутника розміру 1.
+
+Якщо позначити $T(n)$ як кількість трикутників, що містяться в трикутнику розміру $n$, тоді
+
+$$\begin{align} & T(1) = 16 \\\\ & T(2) = 104 \end{align}$$
+
+Знайдіть $T(36)$.
+
+# --hints--
+
+Функція `crossHatchedTriangles()` має повертатися як `343047`.
+
+```js
+assert.strictEqual(crossHatchedTriangles(), 343047);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crossHatchedTriangles() {
+
+  return true;
+}
+
+crossHatchedTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.md
new file mode 100644
index 0000000000..1fadf34ad9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value.md
@@ -0,0 +1,40 @@
+---
+id: 5900f4111000cf542c50ff23
+title: >-
+  Завдання 164: Числа, для яких сума будь-яких трьох послідовних цифр не є більшою за задане значення
+challengeType: 5
+forumTopicId: 301798
+dashedName: >-
+  problem-164-numbers-for-which-no-three-consecutive-digits-have-a-sum-greater-than-a-given-value
+---
+
+# --description--
+
+Скільки 20-значних чисел $n$ (без жодного початкового нуля) існують так, що жодна з трьох послідовних цифр $n$ не має суми, більшої за 9?
+
+# --hints--
+
+`consecutiveDigitsSum()` повинен повертатися як `378158756814587`.
+
+```js
+assert.strictEqual(consecutiveDigitsSum(), 378158756814587);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function consecutiveDigitsSum() {
+
+  return true;
+}
+
+consecutiveDigitsSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-165-intersections.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-165-intersections.md
new file mode 100644
index 0000000000..e850e08059
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-165-intersections.md
@@ -0,0 +1,60 @@
+---
+id: 5900f4111000cf542c50ff24
+title: 'Задача 165: Перетини'
+challengeType: 5
+forumTopicId: 301799
+dashedName: problem-165-intersections
+---
+
+# --description--
+
+Сегмент визначається лише двома кінцевими точками. Розглядаючи два відрізки лінії у планіметрії є три можливості: сегменти мають нуль точок, одну точку або нескінченно багато спільних точок.
+
+Крім того, коли два відрізки мають лише одну спільну точку, це може бути той випадок, коли спільною точкою є кінцева точка або одного з окремих сегментів, або обох. Якщо спільна точка двох сегментів не є кінцевою точкою будь-якого із сегментів, то це внутрішня точка обох сегментів.
+
+Ми назвемо спільну точку $T$ двох відрізків $L_1$ і $L_2$ справжньою точкою перетину $L_1$ і $L_2$, якщо $T$ є єдиною спільною точкою $L_1$ і $L_2$ і $T$ є внутрішньою точкою обох відрізків.
+
+Розглянемо три сегменти $L_1$, $L_2$та $L_3$:
+
+$\begin{align} & L_1: (27, 44) \\;\text{to}\\; (12, 32) \\\\ & L_2: (46, 53) \\;\tтекст{to}\\; (17, 62) \\\\ & L_3: (46, 70) \\;\tтекст{to}\\; (22, 40) \\\\ \end{align}$$
+
+Можна перевірити, що відрізки ліній $L_2$ і $L_3$ мають справжню точку перетину. Ми зазначали, що, якщо одна з кінцевих точок $L_3$: (22, 40) лежить на $L_1$, це не вважається справжньою точкою перетину. $L_1$ і $L_2$ не мають спільної точки. Отже, на трьох відрізках прямої ми знаходимо одну справжню точку перетину.
+
+Тепер зробімо те саме для 5000 прямих відрізків. З цією метою ми згенеруємо 20000 чисел, використовуючи так званий генератор псевдо-випадкових чисел «Blum Blum Shub».
+
+$\begin{align} & s_0 = 290797 \\\\ & s_{n + 1} = s_n × s_n (\text{modulo}\\; 50515093) \\\\ & t_n = s_n (\text{modulo}\\; 500) \\\\ \end{align}$
+
+Щоб створити кожен відрізок, ми використовуємо чотири послідовних числа $t_n$. Тобто перший відрізок дано:
+
+($_t$1, $t_2$) до ($t_3$, $t_4$)
+
+Перші чотири числа вичислені згідно зі згаданим генератором, мають бути: 27, 144, 12 та 232. Перший відрізок, таким чином, буде (27, 144) до (12, 232).
+
+Скільки окремих точок перетину буде знайдено серед 5000 відрізків прямих ліній?
+
+# --hints--
+
+`distinctIntersections()` має повертати `2868868`.
+
+```js
+assert.strictEqual(distinctIntersections(), 2868868);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function distinctIntersections() {
+
+  return true;
+}
+
+distinctIntersections();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-166-criss-cross.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-166-criss-cross.md
new file mode 100644
index 0000000000..0824421772
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-166-criss-cross.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4131000cf542c50ff25
+title: 'Задача 166: Перехресний'
+challengeType: 5
+forumTopicId: 301800
+dashedName: problem-166-criss-cross
+---
+
+# --description--
+
+Таблиця 4x4 заповнена цифрами $d$, $0 ≤ d ≤ 9$.
+
+Видно, що в таблиці
+
+$$\begin{array}{} 6 & 3 & 3 & 0 \\\\ 5 & 0 & 4 & 3 \\\\ 0 & 7 & 1 & 4 \\\\ 1 & 2 & 4 & 5 \end{array}$$
+
+сума кожного рядка та кожного стовпця має значення 12. Крім того, сума кожної діагоналі також дорівнює 12.
+
+Скількома способами можна заповнити таблицю 4x4 цифрами $d$, $0 ≤ d ≤ 9$, щоб кожен рядок, кожен стовпець та обидві діагоналі мали однакову суму?
+
+# --hints--
+
+`crissCross()` повинен повертатися як `7130034`.
+
+```js
+assert.strictEqual(crissCross(), 7130034);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crissCross() {
+
+  return true;
+}
+
+crissCross();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.md
new file mode 100644
index 0000000000..1379179058
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-167-investigating-ulam-sequences.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4141000cf542c50ff26
+title: 'Задача 167: Дослідження послідовностей Уляма'
+challengeType: 5
+forumTopicId: 301801
+dashedName: problem-167-investigating-ulam-sequences
+---
+
+# --description--
+
+Для двох цілих дійсних чисел $a$ і $b$, послідовність Уляма $U(a,b)$ визначається через ${U{(a,b)}\_1} = a$, ${U{(a,b)}\_2} = b$ і для $k > 2$, ${U{(a,b)}\_k}$ найменше ціле число, більше ніж ${U{(a,b)}\_{(k-1)}}$, що може бути записане лише як сума двох різних попередніх членів $U(a,b)$.
+
+Наприклад, послідовність $U(1,2)$ починається з
+
+$$1, 2, 3 = 1 + 2, 4 = 1 + 3, 6 = 2 + 4, 8 = 2 + 6, 11 = 3 + 8$$
+
+5 не належить сюди, тому що $5 = 1 + 4 = 2 + 3$ показує дві однакові суми двох попередніх членів, так само $7 = 1 + 6 = 3 + 4$.
+
+Знайдіть $\sum {U(2, 2n + 1)_k}$ по $2 ≤ n 10$, де $k = {10}^{11}$.
+
+# --hints--
+
+`ulamSequences()` має повертати `3916160068885`.
+
+```js
+assert.strictEqual(ulamSequences(), 3916160068885);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ulamSequences() {
+
+  return true;
+}
+
+ulamSequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-168-number-rotations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-168-number-rotations.md
new file mode 100644
index 0000000000..a42d7f5e8b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-168-number-rotations.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4151000cf542c50ff27
+title: 'Задача 168: Обертання чисел'
+challengeType: 5
+forumTopicId: 301802
+dashedName: problem-168-number-rotations
+---
+
+# --description--
+
+Розглянемо число 142857. Ми можемо повернути це число праворуч, перемістивши останню цифру (7) перед ним, що дасть нам 714285.
+
+Можна перевірити, що $714285 = 5 × 142857$.
+
+Це показує незвичайну властивість 142857: це дільник її обертання вправо.
+
+Знайдіть останні 5 цифр суми всіх цілих чисел $n$, $ 10 &lt;; n &lt;; 10100$, які мають цю властивість.
+
+# --hints--
+
+`numberRotations()` має повертати `59206`.
+
+```js
+assert.strictEqual(numberRotations(), 59206);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberRotations() {
+
+  return true;
+}
+
+numberRotations();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
new file mode 100644
index 0000000000..0a4ebe5dce
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4151000cf542c50ff28
+title: >-
+  Задача 169: Дослідження кількості різноманітних способів, якими можна записати число як суму степенів 2
+challengeType: 5
+forumTopicId: 301803
+dashedName: >-
+  problem-169-exploring-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2
+---
+
+# --description--
+
+Визначте, що $f(0)=1$ та $f(n)$ буде кількістю різних способів, за якими $n$ може бути виражено у вигляді суми цілих чисел 2 степеня використовуючи кожен степінь не більше ніж двічі.
+
+Наприклад: $f(10)=5$, оскільки існує 5 різних способів виразити 10:
+
+$$\begin{align} & 1 + 1 + 8 \\\\ & 1 + 1 + 4 + 4 \\\\ & 1 + 1 + 2 + 2 + 4 \\\\ & 2 + 4 + 4 \\\\ & 2 + 8 \end{align}$$
+
+Що таке $f({10}^{25})$?
+
+# --hints--
+
+`numberOfWaysToExpress()` має відображати `178653872807`.
+
+```js
+assert.strictEqual(numberOfWaysToExpress(), 178653872807);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberOfWaysToExpress() {
+
+  return true;
+}
+
+numberOfWaysToExpress();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-17-number-letter-counts.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-17-number-letter-counts.md
new file mode 100644
index 0000000000..893994b42f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-17-number-letter-counts.md
@@ -0,0 +1,130 @@
+---
+id: 5900f37d1000cf542c50fe90
+title: 'Завдання 17: Підрахунок букв у числівниках'
+challengeType: 5
+forumTopicId: 301804
+dashedName: problem-17-number-letter-counts
+---
+
+# --description--
+
+Якщо числа від 1 до 5 записати словами (one, two, three, four, five), то загалом буде використано 3 + 3 + 5 + 4 + 4 = 10 букв.
+
+Якщо числа від 1 до заданого `limit` включно записати словами, скільки букв потрібно було б використати?
+
+**Note:** Не враховуйте пробіли чи дефіси. Наприклад, 342 (three hundred and forty-two) складається з 23 літер, а 115 (one hundred and fifteen) - з 20. Використання "and" при написанні чисел відповідає правилам Британської англійської.
+
+# --hints--
+
+`numberLetterCounts(5)` має повернути число.
+
+```js
+assert(typeof numberLetterCounts(5) === 'number');
+```
+
+`numberLetterCounts(5)` має повернути число 19.
+
+```js
+assert.strictEqual(numberLetterCounts(5), 19);
+```
+
+`numberLetterCounts(150)` має повернути число 1903.
+
+```js
+assert.strictEqual(numberLetterCounts(150), 1903);
+```
+
+`numberLetterCounts(1000)` має повернути число 21124.
+
+```js
+assert.strictEqual(numberLetterCounts(1000), 21124);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberLetterCounts(limit) {
+
+  return true;
+}
+
+numberLetterCounts(5);
+```
+
+# --solutions--
+
+```js
+function numberLetterCounts(limit) {
+  const dictionary = {
+    0: '',
+    1: 'one',
+    2: 'two',
+    3: 'three',
+    4: 'four',
+    5: 'five',
+    6: 'six',
+    7: 'seven',
+    8: 'eight',
+    9: 'nine',
+    10: 'ten',
+    11: 'eleven',
+    12: 'twelve',
+    13: 'thirteen',
+    14: 'fourteen',
+    15: 'fifteen',
+    16: 'sixteen',
+    17: 'seventeen',
+    18: 'eighteen',
+    19: 'nineteen',
+    20: 'twenty',
+    30: 'thirty',
+    40: 'forty',
+    50: 'fifty',
+    60: 'sixty',
+    70: 'seventy',
+    80: 'eighty',
+    90: 'ninety',
+    1000: 'onethousand'
+  };
+
+  let numString = '';
+
+  function convertToString(num) {
+    // check dictionary for number
+    if (dictionary[num]) {
+      return dictionary[num];
+    } else {
+      const hundreds = Math.floor(num / 100);
+      const tens =  Math.floor((num / 10) % 10) * 10;
+      const remainder = num % 10;
+
+      let tempStr = '';
+
+      if (hundreds === 0) {
+        tempStr += dictionary[tens] + dictionary[remainder];
+      } else {
+        tempStr += dictionary[hundreds] + 'hundred';
+
+        if (tens !== 0 || remainder !== 0) {
+          tempStr += 'and';
+        }
+
+        if (tens < 20) {
+          const lessThanTwenty = tens + remainder;
+          tempStr += dictionary[lessThanTwenty];
+        } else {
+          tempStr += dictionary[tens] + dictionary[remainder];
+        }
+      }
+      return tempStr;
+    }
+  }
+
+  for (let i = 1; i <= limit; i++) {
+    numString += convertToString(i);
+  }
+  return numString.length;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.md
new file mode 100644
index 0000000000..53b04565d7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4161000cf542c50ff29
+title: >-
+  Завдання 170: Знайдіть найбільше число від 0 до 9, яке можна утворити шляхом об'єднання добутків
+challengeType: 5
+forumTopicId: 301805
+dashedName: >-
+  problem-170-find-the-largest-0-to-9-pandigital-that-can-be-formed-by-concatenating-products
+---
+
+# --description--
+
+Помножте число 6 на кожне з 1273 і 9854:
+
+$$\begin{align} & 6 × 1273 = 7638 \\\\ & 6 × 9854 = 59124 \\\\ \end{align}$$
+
+Об’єднавши ці добутки, отримуємо панцифрове число від 1 до 9 - 763859124. Нехай 763859124 — об'єднаний добуток 6 і (1273, 9854)". Зауважте також, що об'єднання вхідних чисел 612739854 також становить панцифрове число від 1 до 9.
+
+Те ж саме можна зробити для 0 - 9 панцифрових чисел.
+
+Що є найбільшим 10-значним об'єднаним добутком цілого числа від 0 до 9, з двома або більше іншими цілими числами, таким чином, що об'єднання вхідних чисел також є панцифровим 10-значним числом від 0 до 9?
+
+# --hints--
+
+`largestPandigital()` має повертати `9857164023`.
+
+```js
+assert.strictEqual(largestPandigital(), 9857164023);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestPandigital() {
+
+  return true;
+}
+
+largestPandigital();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.md
new file mode 100644
index 0000000000..95b9e6f403
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4181000cf542c50ff2a
+title: >-
+  Завдання 171: Пошук чисел, для яких сума квадратів чисел — це квадрат
+challengeType: 5
+forumTopicId: 301806
+dashedName: >-
+  problem-171-finding-numbers-for-which-the-sum-of-the-squares-of-the-digits-is-a-square
+---
+
+# --description--
+
+Для додатного цілого числа $n$, нехай $f(n)$ — це сума квадратів чисел (з основою 10) $n$, наприклад.
+
+$$\begin{align} & f(3) = 3^2 = 9 \\\\ & f(25) = 2^2 + 5^2 = 4 + 25 = 29 \\\\ & f(442) = 4^2 + 4^2 + 2^2 = 16 + 16 + 4 = 36 \\\\ \end{align}$$
+
+Знайдіть останні дев'ять чисел суми усіх $n$, $0 &lt; n &lt; {10}^{20}$, якщо $f(n)$ є повним квадратом.
+
+# --hints--
+
+`lastDigitsSumOfPerfectSquare()` має повертати `142989277`.
+
+```js
+assert.strictEqual(lastDigitsSumOfPerfectSquare(), 142989277);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lastDigitsSumOfPerfectSquare() {
+
+  return true;
+}
+
+lastDigitsSumOfPerfectSquare();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.md
new file mode 100644
index 0000000000..b3efed2bdc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-172-investigating-numbers-with-few-repeated-digits.md
@@ -0,0 +1,38 @@
+---
+id: 5900f4181000cf542c50ff2b
+title: 'Завдання 172: Дослідження чисел з кількома повторюваними цифрами'
+challengeType: 5
+forumTopicId: 301807
+dashedName: problem-172-investigating-numbers-with-few-repeated-digits
+---
+
+# --description--
+
+Скільки існує 18-значних чисел $n$ (що не починаються нулем), у яких жодна цифра не зустрічається більше ніж три рази в $n$?
+
+# --hints--
+
+`numbersWithRepeatedDigits()` має повертати `227485267000992000`.
+
+```js
+assert.strictEqual(numbersWithRepeatedDigits(), 227485267000992000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numbersWithRepeatedDigits() {
+
+  return true;
+}
+
+numbersWithRepeatedDigits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.md
new file mode 100644
index 0000000000..1bc7af3838
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.md
@@ -0,0 +1,44 @@
+---
+id: 5900f41a1000cf542c50ff2c
+title: >-
+  Завдання 173: Скільки різних квадратних рамок можна сформувати з близько мільйона плиток?
+challengeType: 5
+forumTopicId: 301808
+dashedName: >-
+  problem-173-using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed
+---
+
+# --description--
+
+Нехай квадратна рамка — це квадратний контур з квадратним «отвором», а горизонтальні та вертикальні сторони — симетричні. Наприклад, з тридцяти двох квадратних плиток можна сформувати дві різні квадратні рамки:
+
+<img class="img-responsive center-block" alt="дві квадратні рамки з отворами 2х2 та 7х7" src="https://cdn.freecodecamp.org/curriculum/project-euler/using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.gif" style="background-color: white; padding: 10px;" />
+
+З сотні плиток можна сформувати сорок одну різну квадратну пластинку, при цьому необов'язково використовувати всі плитки одночасно. Скільки різних квадратних рамок можна утворити за допомогою одного мільйона плиток?
+
+# --hints--
+
+`differentHollowSquareLaminae()` має повернути `1572729`.
+
+```js
+assert.strictEqual(differentHollowSquareLaminae(), 1572729);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function differentHollowSquareLaminae() {
+
+  return true;
+}
+
+differentHollowSquareLaminae();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.md
new file mode 100644
index 0000000000..0754dc2546
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-...-distinct-arrangements.md
@@ -0,0 +1,50 @@
+---
+id: 5900f41a1000cf542c50ff2d
+title: >-
+  Завдання 174: Підрахунок кількості квадратних рамок, які можуть утворювати одну, дві, три, ... різні композиції
+challengeType: 5
+forumTopicId: 301809
+dashedName: >-
+  problem-174-counting-the-number-of-hollow-square-laminae-that-can-form-one-two-three-----distinct-arrangements
+---
+
+# --description--
+
+Нехай квадратна рамка — квадратний контур з квадратним «отвором», у якому вертикальні та горизонтальні сторони — симетричні.
+
+З восьми плиток можна сформувати рамку лише одним способом: квадрат 3x3 з отвором 1x1 посередині. Однак з тридцяти двох плиток можна сформувати дві окремі рамки.
+
+<img class="img-responsive center-block" alt="дві квадратні рамки з отворами 2х2 та 7х7" src="https://cdn.freecodecamp.org/curriculum/project-euler/using-up-to-one-million-tiles-how-many-different-hollow-square-laminae-can-be-formed.gif" style="background-color: white; padding: 10px;" />
+
+Якщо $t$ — кількість використаних плиток, то $t = 8$ є типом $L(1)$, а $t= 32$ є типом $L(2)$.
+
+Нехай $N(n)$ — це число $t ≤ 1000000$ таке, що $t$ є типом $L(n)$; наприклад, $N(15) = 832$.
+
+Знайдіть $\сума N(n)$ для $1 ≤ n ≤ 10$?
+
+# --hints--
+
+`hollowSquareLaminaeDistinctArrangements()` має повернути `209566`.
+
+```js
+assert.strictEqual(hollowSquareLaminaeDistinctArrangements(), 209566);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hollowSquareLaminaeDistinctArrangements() {
+
+  return true;
+}
+
+hollowSquareLaminaeDistinctArrangements();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
new file mode 100644
index 0000000000..91717a6499
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2.md
@@ -0,0 +1,62 @@
+---
+id: 5900f41c1000cf542c50ff2e
+title: >-
+  Завдання 175: Дроби, що включають різні способи, як записати число, виразивши суму степенів 2
+challengeType: 5
+forumTopicId: 301810
+dashedName: >-
+  problem-175-fractions-involving-the-number-of-different-ways-a-number-can-be-expressed-as-a-sum-of-powers-of-2
+---
+
+# --description--
+
+Нехай $f(0) = 1$ і $f(n)$ — кількість способів записати $n$ як суму квадратів, де жоден з степенів не зустрічається більше двох разів.
+
+Наприклад, $f(10) = 5$, бо існує 5 різних способів для вираження 10:
+
+$$10 = 8 + 2 = 8 + 1 + 1 = 4 + 4 + 2 = 4 + 2 + 2 + 1 + 1 = 4 + 4 + 1 + 1$$
+
+Можна показати, що для кожного дріб $\frac{p}{q}\\; (p>0, q>0)$ існує принаймні одне ціле число $n$, а $\frac{f(n)}{f(n - 1)} = \frac{p}{q}$.
+
+Наприклад, найменше $n$, за якого $\frac{f(n)}{f(n - 1)} = \frac{13}{17}$ є 241. Бінарне розширення 241 складає 11110001.
+
+Зчитування цього бінарного числа від найбільш значущого біта до найменш значущого біта містить 4 одиниці, 3 нулі і 1 одиницю. Назвемо ряд 4,3,1 скороченим бінарним розширенням 241.
+
+Знайдіть скорочене бінарне розширення найменшого $n$ для якого
+
+$$\frac{f(n)}{f(n - 1)} = \frac{123456789}{987654321}$$
+
+Запишіть відповідь як ряд з цілими числами, розділеними комами, без пробілів.
+
+# --hints--
+
+`shortenedBinaryExpansionOfNumber()` має повертати рядок.
+
+```js
+assert(typeof shortenedBinaryExpansionOfNumber() === 'string');
+```
+
+`shortenedBinaryExpansionOfNumber()` має повертати рядок `1,13717420,8`.
+
+```js
+assert.strictEqual(shortenedBinaryExpansionOfNumber(), '1,13717420,8');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function shortenedBinaryExpansionOfNumber() {
+
+  return true;
+}
+
+shortenedBinaryExpansionOfNumber();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.md
new file mode 100644
index 0000000000..7092a1dffb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-176-right-angled-triangles-that-share-a-cathetus.md
@@ -0,0 +1,40 @@
+---
+id: 5900f41c1000cf542c50ff2f
+title: 'Завдання 176: Прямокутні трикутники з спільним катетом'
+challengeType: 5
+forumTopicId: 301811
+dashedName: problem-176-right-angled-triangles-that-share-a-cathetus
+---
+
+# --description--
+
+У кожного з чотирьох прямокутних трикутників із сторонами (9,12,15), (12,16,20), (5,12,13) і (12,35,37), менший катет дорівнює 12. Можна довести, що не існує іншого прямокутного трикутника, у якого довжини сторін це цілі числа, з катетом, що дорівнює 12.
+
+Знайдіть найменше ціле число, яке може бути довжиною катета 47547 різних прямокутних трикутників зі сторонами рівним цілому числу.
+
+# --hints--
+
+`trianglesSharingCathetus()` має повернути `96818198400000`.
+
+```js
+assert.strictEqual(trianglesSharingCathetus(), 96818198400000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trianglesSharingCathetus() {
+
+  return true;
+}
+
+trianglesSharingCathetus();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.md
new file mode 100644
index 0000000000..5cec17e9cf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-177-integer-angled-quadrilaterals.md
@@ -0,0 +1,48 @@
+---
+id: 5900f41e1000cf542c50ff30
+title: 'Завдання 177: Чотирикутники з цілими кутами'
+challengeType: 5
+forumTopicId: 301812
+dashedName: problem-177-integer-angled-quadrilaterals
+---
+
+# --description--
+
+Нехай ABCD — опуклий чотирикутник з діагоналями AC та BD. При кожній вершині діагональ утворює кут з обома сторонами, тобто маємо вісім кутів.
+
+<img class="img-responsive center-block" alt="опуклий чотирикутник ABCD з діагоналями AC та BD" src="https://cdn.freecodecamp.org/curriculum/project-euler/integer-angled-quadrilaterals.gif" style="background-color: white; padding: 10px;" />
+
+До прикладу, при вершині А є два кути — CAD та CAB.
+
+Чотирикутник, вісім кутів якого мають цілі значення у градусах, називається чотирикутником з цілими кутами. Прикладом такого чотирикутника є квадрат з кутами по 45°. Ще одним прикладом такого чотирикутника може бути чотирикутник з кутами: DAC = 20°, BAC = 60°, ABD = 50°, CBD = 30°, BCA = 40°, DCA = 30°, CDB = 80°, ADB = 50°.
+
+Яка загальна кількість неподібних чотирикутників з цілими кутами?
+
+**Примітка:** В розрахунках можна припустити, що обчислений кут є цілим, якщо він знаходиться у межах ${10}^{-9}$ цілого значення.
+
+# --hints--
+
+`integerAngledQuadrilaterals()` має повертати `129325`.
+
+```js
+assert.strictEqual(integerAngledQuadrilaterals(), 129325);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function integerAngledQuadrilaterals() {
+
+  return true;
+}
+
+integerAngledQuadrilaterals();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-178-step-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-178-step-numbers.md
new file mode 100644
index 0000000000..dbfe5153e8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-178-step-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f41e1000cf542c50ff31
+title: 'Завдання 178: Крокові числа'
+challengeType: 5
+forumTopicId: 301813
+dashedName: problem-178-step-numbers
+---
+
+# --description--
+
+Розглянемо число 45656.
+
+Зауважимо, що будь-які дві послідовні цифри відрізняються на одиницю.
+
+Число, в якому будь-які дві цифри, що стоять поряд, відрізняються на одиницю, називається кроковим числом.
+
+У панцифровому числі кожна десяткова цифра від 0 до 9 зустрічається хоча б раз.
+
+Скільки існує панцифрових крокових чисел, менших за ${10}^{40}$?
+
+# --hints--
+
+`stepNumbers()` має повертати `126461847755`.
+
+```js
+assert.strictEqual(stepNumbers(), 126461847755);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stepNumbers() {
+
+  return true;
+}
+
+stepNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.md
new file mode 100644
index 0000000000..4289c73e50
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-179-consecutive-positive-divisors.md
@@ -0,0 +1,38 @@
+---
+id: 5900f41f1000cf542c50ff32
+title: 'Завдання 179: Послідовні додатні дільники'
+challengeType: 5
+forumTopicId: 301814
+dashedName: problem-179-consecutive-positive-divisors
+---
+
+# --description--
+
+Знайдіть кількість цілих чисел $1 &lt; n &lt; {10}^7$, для яких $n$ і $n + 1$ мають однакову кількість додатних дільників. Наприклад, число 14 має додатні дільники 1, 2, 7 і 14, а число 15 — 1, 3, 5, 15.
+
+# --hints--
+
+`consecutivePositiveDivisors()` має повертати `986262`.
+
+```js
+assert.strictEqual(consecutivePositiveDivisors(), 986262);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function consecutivePositiveDivisors() {
+
+  return true;
+}
+
+consecutivePositiveDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.md
new file mode 100644
index 0000000000..da790514b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-18-maximum-path-sum-i.md
@@ -0,0 +1,109 @@
+---
+id: 5900f37e1000cf542c50fe91
+title: 'Завдання 18: Максимальна сума шляху I'
+challengeType: 5
+forumTopicId: 301815
+dashedName: problem-18-maximum-path-sum-i
+---
+
+# --description--
+
+Починаючи із вершини трикутника, зображеного нижче, і рухаючись до суміжних чисел у рядку нижче, максимальна сума згори донизу дорівнюватиме 23.
+
+<span style='display: block; text-align: center;'>
+  <strong style='color: red;'>3</strong><br>
+ <strong style='color: red;'>7</strong> 4<br>
+ 2 <strong style='color: red;'>4</strong> 6<br>
+ 8 5 <strong style='color: red;'>9</strong> 3
+</span>
+
+Тобто 3 + 7 + 4 + 9 = 23.
+
+Знайдіть максимальну суму шляху від вершини до основи у трикутнику, зображеному нижче:
+
+75  
+95 64  
+17 47 82  
+18 35 87 10  
+20 04 82 47 65  
+19 01 23 75 03 34  
+88 02 77 73 07 63 67  
+99 65 04 28 06 16 70 92  
+41 41 26 56 83 40 80 70 33  
+41 48 72 33 47 32 37 16 94 29  
+53 71 44 65 25 43 91 52 97 51 14  
+70 11 33 28 77 73 17 78 39 68 17 57  
+91 71 52 38 17 14 91 43 58 50 27 29 48  
+63 66 04 68 89 53 67 30 73 16 69 87 40 31  
+04 62 98 27 23 09 70 98 73 93 38 53 60 04 23
+
+**Note:** Оскільки у цьому випадку є тільки 16384 шляхи, то дане завдання можна розв'язати, перевіривши кожен маршрут. Однак завдання 67 є тією самою задачею із трикутником, що має 100 рядків і яку не можна розв'язати за допомогою методу перебору, вона вимагає розумного підходу! ;o)
+
+# --hints--
+
+`maximumPathSumI(testTriangle)` має повернути число.
+
+```js
+assert(typeof maximumPathSumI(testTriangle) === 'number');
+```
+
+`maximumPathSumI(testTriangle)` має повернути число 23.
+
+```js
+assert.strictEqual(maximumPathSumI(testTriangle), 23);
+```
+
+`maximumPathSumI(numTriangle)` має повернути число 1074.
+
+```js
+assert.strictEqual(maximumPathSumI(numTriangle), 1074);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const numTriangle = [[75, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [95, 64, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [17, 47, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [18, 35, 87, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [20, 4, 82, 47, 65, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [19, 1, 23, 75, 3, 34, 0, 0, 0, 0, 0, 0, 0, 0, 0], [88, 2, 77, 73, 7, 63, 67, 0, 0, 0, 0, 0, 0, 0, 0], [99, 65, 4, 28, 6, 16, 70, 92, 0, 0, 0, 0, 0, 0, 0], [41, 41, 26, 56, 83, 40, 80, 70, 33, 0, 0, 0, 0, 0, 0], [41, 48, 72, 33, 47, 32, 37, 16, 94, 29, 0, 0, 0, 0, 0], [53, 71, 44, 65, 25, 43, 91, 52, 97, 51, 14, 0, 0, 0, 0], [70, 11, 33, 28, 77, 73, 17, 78, 39, 68, 17, 57, 0, 0, 0], [91, 71, 52, 38, 17, 14, 91, 43, 58, 50, 27, 29, 48, 0, 0], [63, 66, 4, 68, 89, 53, 67, 30, 73, 16, 69, 87, 40, 31, 0], [4, 62, 98, 27, 23, 9, 70, 98, 73, 93, 38, 53, 60, 4, 23]];
+```
+
+## --seed-contents--
+
+```js
+function maximumPathSumI(triangle) {
+
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumI(testTriangle);
+```
+
+# --solutions--
+
+```js
+const testTriangle = [[3, 0, 0, 0],
+  [7, 4, 0, 0],
+  [2, 4, 6, 0],
+  [8, 5, 9, 3]];
+
+function maximumPathSumI(triangle) {
+  let maxSum = triangle.slice();
+
+  for (let i = triangle.length - 1; i > 0; i--) {
+    let currentRow = maxSum[i];
+    let previousRow = maxSum[i - 1];
+    const temp = [];
+    for (let j = 0; j < i; j++) {
+      temp.push(Math.max((currentRow[j] + previousRow[j]), (currentRow[j + 1] + previousRow[j])));
+    }
+    maxSum[i - 1] = temp;
+    maxSum.pop();
+  }
+  return maxSum[0][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.md
new file mode 100644
index 0000000000..1d32b9934f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-180-rational-zeros-of-a-function-of-three-variables.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4201000cf542c50ff33
+title: 'Завдання 180: Раціональні нулі функції з трьома змінними'
+challengeType: 5
+forumTopicId: 301816
+dashedName: problem-180-rational-zeros-of-a-function-of-three-variables
+---
+
+# --description--
+
+Для будь-якого цілого числа $n$ розглянемо три функції
+
+$$\begin{align} & f_{1,n}(x,y,z) = x^{n + 1} + y^{n + 1} − z^{n + 1}\\\\ & f_{2,n}(x,y,z) = (xy + yz + zx) \times (x^{n - 1} + y^{n - 1} − z^{n - 1})\\\\ & f_{3,n}(x,y,z) = xyz \times (x^{n - 2} + y^{n - 2} − z^{n - 2}) \end{align}$$
+
+та їхню комбінацію
+
+$$\begin{align} & f_n(x,y,z) = f_{1,n}(x,y,z) + f_{2,n}(x,y,z) − f_{3,n}(x,y,z) \end{align}$$
+
+$(x,y,z)$ ми називаємо золотою трійкою послідовності $k$, якщо $x$, $y$ і $z$ є раціональними числами форми $\frac{a}{b}$ with $0 &lt; a &lt; b ≤ k$ і є хоча б одне ціле число $n$, щоб виконувалася рівність $f_n(x,y,z) = 0$.
+
+Нехай $s(x,y,z) = x + y + z$.
+
+Нехай $t = \frac{u}{v}$ є сумою всіх різних $s(x,y,z)$ для золотих трійок $(x,y,z)$ послідовності 35. Всі $s(x,y,z)$ і $t$ повинні бути в скороченій формі.
+
+Знайдіть $u + v$.
+
+# --hints--
+
+`rationalZeros()` повинен повернутися як `285196020571078980`.
+
+```js
+assert.strictEqual(rationalZeros(), 285196020571078980);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rationalZeros() {
+
+  return true;
+}
+
+rationalZeros();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.md
new file mode 100644
index 0000000000..6ae766258d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4231000cf542c50ff34
+title: >-
+  Завдання 181: Скількома способами можна згрупувати об'єкти двох різних кольорів
+challengeType: 5
+forumTopicId: 301817
+dashedName: >-
+  problem-181-investigating-in-how-many-ways-objects-of-two-different-colours-can-be-grouped
+---
+
+# --description--
+
+Три чорних об'єкти $B$ і один білий об'єкт $W$ можна згрупувати сімома способами:
+
+$$(BBBW)\\;(B,BBW)\\;(B,B,BW)\\;(B,B,B,W)\\;(B,BB,W)\\;(BBB,W)\\;(BB,BW)$$
+
+Скількома способами можна згрупувати шістдесят чорних об'єктів $B$ та сорок білих об'єктів $W$?
+
+# --hints--
+
+`colorsGrouping()` має повертати `83735848679360670`.
+
+```js
+assert.strictEqual(colorsGrouping(), 83735848679360670);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function colorsGrouping() {
+
+  return true;
+}
+
+colorsGrouping();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-182-rsa-encryption.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-182-rsa-encryption.md
new file mode 100644
index 0000000000..41d8c7ab81
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-182-rsa-encryption.md
@@ -0,0 +1,102 @@
+---
+id: 5900f4231000cf542c50ff35
+title: 'Завдання 182: шифрування RSA'
+challengeType: 5
+forumTopicId: 301818
+dashedName: problem-182-rsa-encryption
+---
+
+# --description--
+
+Шифрування RSA базується на наступній процедурі:
+
+Згенерувати два різні простих числа `p` і `q`. Обчислити `n=p*q` і `φ=(p-1)(q-1)`. Знайдіть ціле число `e`, `1 < e < φ`, якщо `gcd(e,φ) = 1`
+
+Повідомлення в цій системі — це число в інтервалі `[0,n-1]`. Текст, що буде зашифровано, певним чином перетворюється на повідомлення (числа з інтервалом `[0,n-1]`). Щоб зашифрувати текст, для кожного повідомлення обчислюється `m`, c=m<sup>e</sup> mod n.
+
+Щоб розшифрувати текст, необхідна наступна процедура: порахуйте `d`, якщо `ed=1 mod φ`, тоді для кожного зашифрованого повідомлення `c` обчисліть m=c<sup>d</sup> mod n.
+
+Виявлено значення `e` і `m` такі, що m<sup>e</sup> мод n = m. Ми називаємо повідомлення `m`, для яких m<sup>e</sup> мод n=m, неприхованими.
+
+Проблема при виборі `e` полягає в тому, що не має бути занадто багато неприхованих повідомлень. Наприклад, нехай `p=19` і `q=37`. Потім `n=19*37=703` і `φ=18*36=648`. Якщо ми вибираємо `e=181`, то хоча `gcd(181,648)=1`, виявляється, що всі можливі повідомлення m `(0≤m≤n-1)` неприховані при розрахунку m<sup>e</sup> мод n. Для будь-якого відповідного вибору `e` існує декілька неприхованих повідомлень. Важливо, що кількість неприхованих повідомлень має бути мінімальною.
+
+Для будь-якого заданого `p` і `q`, знайдіть суму всіх значень `e`, `1< e < φ(p,q)` і `gcd(e,φ)=1`, так, щоб кількість неприхованих повідомлень для цього значення `e` була мінімальною.
+
+# --hints--
+
+`RSAEncryption` має бути функцією.
+
+```js
+assert(typeof RSAEncryption === 'function')
+```
+
+`RSAEncryption` має повертати число.
+
+```js
+assert.strictEqual(typeof RSAEncryption(19, 37), 'number');
+```
+
+`RSAEncryption(19, 37)` має повертати `17766`.
+
+```js
+assert.strictEqual(RSAEncryption(19, 37), 17766);
+```
+
+`RSAEncryption(283, 409)` має повертати `466196580`.
+
+```js
+assert.strictEqual(RSAEncryption(283, 409), 466196580);
+```
+
+`RSAEncryption(1009, 3643)` має повертати `399788195976`.
+
+```js
+assert.strictEqual(RSAEncryption(19, 37), 17766);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function RSAEncryption(p, q) {
+
+  return true;
+}
+
+RSAEncryption(19, 37);
+```
+
+# --solutions--
+
+```js
+function gcd(a, b) {
+    if (b)
+        return gcd(b, a % b);
+    else
+        return a;
+}
+
+function RSAEncryption(p, q) {
+    let phi = (p - 1) * (q - 1);
+
+    let best = Number.MAX_SAFE_INTEGER;
+    let sum = 0;
+
+    for (let e = 0; e < phi; ++e) {
+        if (!(gcd(e, phi) == 1))
+            continue;
+
+        let msg = (gcd(p - 1, e - 1) + 1) * (gcd(q - 1, e - 1) + 1);
+
+        if (best == msg) {
+            sum += e;
+        } else if (best > msg) {
+            best = msg;
+            sum = e;
+        }
+    }
+
+    return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.md
new file mode 100644
index 0000000000..c612b2de80
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-183-maximum-product-of-parts.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4231000cf542c50ff36
+title: 'Задача 183: Максимальний добуток часток'
+challengeType: 5
+forumTopicId: 301819
+dashedName: problem-183-maximum-product-of-parts
+---
+
+# --description--
+
+Нехай $N$ є цілим додатним числом і нехай $N$ розбивається на $k$ рівних частин, $r = \ frac {N}{k}$, так що $N = r + r + \cdots + r$.
+
+Нехай $P$ - добуток цих частин, $P = r × r × \cdots × r = r^k$.
+
+Наприклад, якщо 11 розділити на п'ять рівних частин, 11 = 2,2 + 2,2 + 2,2 + 2,2 + 2,2, то $P = {2.2}^5 = 51,53632$.
+
+Нехай $M(N) = P_{max}$ для заданого значення $N$.
+
+Виявляється, максимум для $N = 11$ визначається шляхом поділу одинадцяти на чотири рівні частини, що призводить до $P_{max} = {(\ frac{11} {4})}^4 $; тобто $M(11) = \frac {14641}{256} = 57.19140625$, що є кінцевим десятковим числом.
+
+Однак для $N = 8$ максимум досягається шляхом поділу його на три рівні частини, тому $M(8) = \frac{512}{27}$, що є десятковим числом, що не закінчується.
+
+Нехай $D(N) = N$, якщо $M(N)$ є десятковим числом, що не закінчується, і $D(N) = -N$, якщо $M(N)$ є кінцевим десятковим числом.
+
+Наприклад, $\sum D(N)$ для $5 ≤ N ≤ 100$ дорівнює 2438.
+
+Find $\суму D(N)$ для $5 ≤ N ≤ 10000$.
+
+# --hints--
+
+`maximumProductOfParts()` повинен повертатися `48861552`.
+
+```js
+assert.strictEqual(maximumProductOfParts(), 48861552);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximumProductOfParts() {
+
+  return true;
+}
+
+maximumProductOfParts();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.md
new file mode 100644
index 0000000000..2b659201cf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-184-triangles-containing-the-origin.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4241000cf542c50ff37
+title: 'Завдання 184: трикутники, що містять початок координат'
+challengeType: 5
+forumTopicId: 301820
+dashedName: problem-184-triangles-containing-the-origin
+---
+
+# --description--
+
+Розглянемо множину $I_r$ точок $(x,y)$ з цілочисленими координатами всередині кола з радіусом $r$ з центром у початку координат, тобто: $x^2 + y^2 &lt; r^2$.
+
+Якщо радіус дорівнює 2, тоді $I_2$ містить точки (0,0), (1,0), (1,1), (0,1), (-1,1), (-1,0), (-1,-1), (0,-1) і (1,-1). Існує вісім трикутників з трьома вершинами в $I_2$, які всередині містять початок координат. Два з них наведено нижче, а решта отримується завдяки їх повертанню.
+
+<img class="img-responsive center-block" alt="радіус кола, який дорівнює 2, із центром у початку координат, з дев'ятьма позначеними точками й двома трикутниками - (-1,0), (0,1), (1,-1) і (-1,1), (0,-1), (1,1)" src="https://cdn.freecodecamp.org/curriculum/project-euler/triangles-containing-the-origin.gif" style="background-color: white; padding: 10px;" />
+
+Якщо радіус дорівнює 3, існує 360 трикутників, які містять початок координат всередині й для яких всі вершини в $I_3$, а для $I_5$ їх кількість дорівнює 10600.
+
+Скільки існує трикутників, які містять початок координат всередині й для яких всі вершини в $I_{105}$?
+
+# --hints--
+
+`trianglesConttainingOrigin()` має повертати `1725323624056`.
+
+```js
+assert.strictEqual(trianglesConttainingOrigin(), 1725323624056);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trianglesContainingOrigin() {
+
+  return true;
+}
+
+trianglesContainingOrigin();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-185-number-mind.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-185-number-mind.md
new file mode 100644
index 0000000000..512aec56f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-185-number-mind.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4251000cf542c50ff38
+title: 'Завдання 185: Number Mind'
+challengeType: 5
+forumTopicId: 301821
+dashedName: problem-185-number-mind
+---
+
+# --description--
+
+Гра Number Mind є варіантом відомої гри Master Mind.
+
+Замість кольорових кілочків, ви повинні вгадати секретну послідовність цифр. Після кожної здогадки вам показують тільки ті цифри послідовності, які ви вгадали. Отже, якщо послідовність була 1234, а ви вказали 2036, то маєте одну правильну цифру; однак, вам не покажуть, що ви вгадали також ще одну цифру, але у неправильному місці.
+
+Наприклад, для секретної послідовності 5 цифр,
+
+$$\begin{align} & 90342 ;2\\;\text{correct}\\\\ & 70794 ;0\\;\text{correct}\\\\ & 39458 ;2\\;\text{correct}\\\\ & 34109 ;1\\;\text{correct}\\\\ & 51545 ;2\\;\text{correct}\\\\ & 12531 ;1\\;\text{correct} \end{align}$$
+
+Правильна послідовність 39542 унікальна.
+
+На основі наступних здогадок,
+
+$$\begin{align} & 5616185650518293 ;2\\;\text{correct}\\\\ & 3847439647293047 ;1\\;\text{correct}\\\\ & 5855462940810587 ;3\\;\text{correct}\\\\ & 9742855507068353 ;3\\;\text{correct}\\\\ & 4296849643607543 ;3\\;\text{correct}\\\\ & 3174248439465858 ;1\\;\text{correct}\\\\ & 4513559094146117 ;2\\;\text{correct}\\\\ & 7890971548908067 ;3\\;\text{correct}\\\\ & 8157356344118483 ;1\\;\text{correct}\\\\ & 2615250744386899 ;2\\;\text{correct}\\\\ & 8690095851526254 ;3\\;\text{correct}\\\\ & 6375711915077050 ;1\\;\text{correct}\\\\ & 6913859173121360 ;1\\;\text{correct}\\\\ & 6442889055042768 ;2\\;\text{correct}\\\\ & 2321386104303845 ;0\\;\text{correct}\\\\ & 2326509471271448 ;2\\;\text{correct}\\\\ & 5251583379644322 ;2\\;\text{correct}\\\\ & 1748270476758276 ;3\\;\text{correct}\\\\ & 4895722652190306 ;1\\;\text{correct}\\\\ & 3041631117224635 ;3\\;\text{correct}\\\\ & 1841236454324589 ;3\\;\text{correct}\\\\ & 2659862637316867 ;2\\;\text{correct} \end{align}$$
+
+Знайдіть унікальну секретну послідовність з 16 цифр.
+
+# --hints--
+
+`numberMind()` має повернути `4640261571849533`.
+
+```js
+assert.strictEqual(numberMind(), 4640261571849533);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberMind() {
+
+  return true;
+}
+
+numberMind();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.md
new file mode 100644
index 0000000000..c4d5c8eec7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-186-connectedness-of-a-network.md
@@ -0,0 +1,57 @@
+---
+id: 5900f4281000cf542c50ff39
+title: 'Завдання 186: Підключення до мережі'
+challengeType: 5
+forumTopicId: 301822
+dashedName: problem-186-connectedness-of-a-network
+---
+
+# --description--
+
+Ось записи з зайнятої телефонної системи з мільйоном користувачів:
+
+| RecNr | Абонент | Дзвонили |
+| ----- | ------- | -------- |
+| 1     | 200007  | 100053   |
+| 2     | 600183  | 500439   |
+| 3     | 600863  | 701497   |
+| ...   | ...     | ...      |
+
+Телефонний номер абонента і набраний номер у записі $n$ є $Caller(n) = S_{2n - 1}$ та $Called(n) = S_{2n}$, де ${S}_{1,2,3,\ldots}$ утворюється через "Генератор Фібоначчі":
+
+Для $1 ≤ k ≤ 55$, $S_k = [100003 - 200003k + 300007{k}^3]\\;(\text{modulo}\\;1000000)$
+
+Для $56 ≤ k$, $S_k = [S_{k - 24} + S_{k - 55}]\\;(\text{modulo}\\;1000000)$
+
+Якщо $Caller(n) = Called(n)$ вважається, що користувач помилився номером і стався збій виклику, в іншому випадку виклик успішний.
+
+Від початку записів ми кажемо, що будь-яка пара користувачів $X$ та $Y$ - друзі, якщо $X$ телефонує $Y$ або навпаки. Аналогічно $X$ є другом друга $Z$, якщо $X$ є друг $Y$ і $Y$ є другом $Z$; і так далі в довших ланцюжках.
+
+Номер телефону прем'єр-міністра - 524287. Після скількох успішних викликів, не рахуючи збої викликів, 99% користувачів (включаючи прем'єр-міністра) будуть друзями, або друзями друзів і т. д. прем'єр-міністра?
+
+# --hints--
+
+`connectednessOfANetwork()` повинен повернути `2325629`.
+
+```js
+assert.strictEqual(connectednessOfANetwork(), 2325629);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function connectednessOfANetwork() {
+
+  return true;
+}
+
+connectednessOfANetwork();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-187-semiprimes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-187-semiprimes.md
new file mode 100644
index 0000000000..1fa17c79bc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-187-semiprimes.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4291000cf542c50ff3a
+title: 'Завдання 187: Напівпрості числа'
+challengeType: 5
+forumTopicId: 301823
+dashedName: problem-187-semiprimes
+---
+
+# --description--
+
+Складене число - число, яке складається зі щонайменше двох простих множників. Наприклад, $15 = 3 × 5; 9 = 3 × 3; 12 = 2 × 2 × 3$.
+
+Є десять складених чисел менших від тридцяти, що містять саме два, не обов'язково різні, прості множники: 4, 6, 9, 10, 14, 15, 21, 22, 25, 26.
+
+Скільки складених чисел $n &lt; {10}^8$ мають саме два, не обов'язково різні, прості множники?
+
+# --hints--
+
+`semiPrimes()` має повернути `17427258`.
+
+```js
+assert.strictEqual(euler187(), 17427258);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function semiPrimes() {
+
+  return true;
+}
+
+semiPrimes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.md
new file mode 100644
index 0000000000..d81158043a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-188-the-hyperexponentiation-of-a-number.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4291000cf542c50ff3b
+title: 'Задача 188: Гіперекспонентація числа'
+challengeType: 5
+forumTopicId: 301824
+dashedName: problem-188-the-hyperexponentiation-of-a-number
+---
+
+# --description--
+
+Гіперекспонентація, або тетрація числа $a$ додатним цілим числом $b$, яка позначається $a↑↑b$ або ${}^ba$, рекурсивно визначається так:
+
+$a↑↑1 = a$,
+
+$a↑↑(k+1) = a^{(a↑↑k)}$.
+
+Таким чином, маємо, наприклад, $3↑↑2 = 3^3 = 27$, отже $3↑↑3 = 3^{27} = 7625597484987$ і $3↑↑4$ приблизно дорівнюють ${10}^{3.6383346400240996 \times {10}^{12}}$. Знайдіть останні 8 цифр із $1777↑↑1855$.
+
+# --hints--
+
+`hyperexponentation()` має повертати до `95962097`.
+
+```js
+assert.strictEqual(hyperexponentation(), 95962097);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hyperexponentation() {
+
+  return true;
+}
+
+hyperexponentation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.md
new file mode 100644
index 0000000000..d678812904
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-189-tri-colouring-a-triangular-grid.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4291000cf542c50ff3c
+title: 'Задача 189: Заповнення трикутної сітки трьома кольорами'
+challengeType: 5
+forumTopicId: 301825
+dashedName: problem-189-tri-colouring-a-triangular-grid
+---
+
+# --description--
+
+Розглянемо наступні налаштування для 64 трикутників:
+
+<img class="img-responsive center-block" alt="64 трикутники, розміщені таким чином, що утворюють більший трикутник зі сторонами довжиною в 8 трикутників" src="https://cdn.freecodecamp.org/curriculum/project-euler/tri-colouring-a-triangular-grid-1.gif" style="background-color: white; padding: 10px;" />
+
+Ми хочемо заповнити внутрішню область кожного трикутника одним із трьох кольорів: червоним, зеленим чи синім таким чином, щоб жодні два сусідні трикутники не мали однакового кольору. Таке забарвлення вважається допустимим. Тут два трикутники вважаються сусідніми, якщо вони мають спільне ребро. Зверніть увагу: якщо вони мають лише спільну вершину, вони не сусідні.
+
+Наприклад, ось допустиме забарвлення наведеної вище сітки:
+
+<img class="img-responsive center-block" alt="забарвлена сітка, що складається з 64 трикутників" src="https://cdn.freecodecamp.org/curriculum/project-euler/tri-colouring-a-triangular-grid-2.gif" style="background-color: white; padding: 10px;" />
+
+Забарвлення C', отримане за допомогою повороту або відбиття забарвлення C, вважається відмінним від C, якщо вони не ідентичні.
+
+Скільки різних допустимих забарвлень існує для наведених вище налаштувань?
+
+# --hints--
+
+`triangularGridColoring()` має повертати до `10834893628237824`.
+
+```js
+assert.strictEqual(triangularGridColoring(), 10834893628237824);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triangularGridColoring() {
+
+  return true;
+}
+
+triangularGridColoring();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-19-counting-sundays.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-19-counting-sundays.md
new file mode 100644
index 0000000000..7b943eb368
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-19-counting-sundays.md
@@ -0,0 +1,76 @@
+---
+id: 5900f37f1000cf542c50fe92
+title: 'Завдання 19: Підраховуємо неділі'
+challengeType: 5
+forumTopicId: 301827
+dashedName: problem-19-counting-sundays
+---
+
+# --description--
+
+Нижче наведена наступна інформація, але Ви можете зробити певні дослідження самостійно.
+
+<ul>
+  <li>1 січня 1900 року був понеділком.</li>
+  <li>По 30 днів налічують вересень,<br>квітень, червень та листопад.<br>Усі інші - по 31 дню,<br>не враховуючи лютий,<br>який зазвичай має 28 днів.<br>А у високосні роки - 29 днів.</li>
+  <li>Високосний рік випадає на рік, який рівно ділиться на 4, але це не стосується сторіччя, хіба що воно кратне 400.</li>
+</ul>
+
+Скільки неділь випало на перше число місяця протягом двадцятого сторіччя (від 1 січня 1901 по 31 грудня 2000)?
+
+# --hints--
+
+`countingSundays(1943, 1946)` має повернути число.
+
+```js
+assert(typeof countingSundays(1943, 1946) === 'number');
+```
+
+`countingSundays(1943, 1946)` має повернути число 6.
+
+```js
+assert.strictEqual(countingSundays(1943, 1946), 6);
+```
+
+`countingSundays(1995, 2000)` має повернути число 10.
+
+```js
+assert.strictEqual(countingSundays(1995, 2000), 10);
+```
+
+`countingSundays(1901, 2000)` має повернути число 171.
+
+```js
+assert.strictEqual(countingSundays(1901, 2000), 171);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingSundays(firstYear, lastYear) {
+
+  return true;
+}
+
+countingSundays(1943, 1946);
+```
+
+# --solutions--
+
+```js
+function countingSundays(firstYear, lastYear) {
+  let sundays = 0;
+
+  for (let year = firstYear; year <= lastYear; year++) {
+    for (let month = 0; month <= 11; month++) {
+      const thisDate = new Date(year, month, 1);
+      if (thisDate.getDay() === 0) {
+        sundays++;
+      }
+    }
+  }
+  return sundays;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.md
new file mode 100644
index 0000000000..e4ddc3abe2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-190-maximising-a-weighted-product.md
@@ -0,0 +1,42 @@
+---
+id: 5900f42b1000cf542c50ff3d
+title: 'Завдання 190: Максимізація зваженого продукту'
+challengeType: 5
+forumTopicId: 301828
+dashedName: problem-190-maximising-a-weighted-product
+---
+
+# --description--
+
+Нехай $S_m = (x_1, x_2, \ldots, x_m)$ буде $m$-tuple додатних чисел з $x_1 + x_2 + \cdots + x_m = m$, де $P_m = x_1 \times {x_2}^2 \times \cdots \times {x_m}^m$ максимізовано.
+
+Наприклад, можливо перевірити, що $[P_{10}] = 4112$ ([ ] це функція цілочисельної частини).
+
+Знайдіть $\суму {[P_m]}$ для $2 ≤ m ≤ 15$.
+
+# --hints--
+
+`maximisingWeightedProduct()` має видати `371048281`.
+
+```js
+assert.strictEqual(maximisingWeightedProduct(), 371048281);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximisingWeightedProduct() {
+
+  return true;
+}
+
+maximisingWeightedProduct();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-191-prize-strings.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-191-prize-strings.md
new file mode 100644
index 0000000000..acd77071ae
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-191-prize-strings.md
@@ -0,0 +1,52 @@
+---
+id: 5900f42b1000cf542c50ff3e
+title: 'Завдання 191: Призові стрічки'
+challengeType: 5
+forumTopicId: 301829
+dashedName: problem-191-prize-strings
+---
+
+# --description--
+
+Певна школа пропонує грошові винагороди дітям, що не запізнюються та не пропускають уроків. Якщо дитина відсутня три дні поспіль або запізнюється більше одного разу – вона втрачає приз.
+
+Протягом n-нного денного періоду для кожної дитини формується тризначний рядок, що складається з оцінок L (late – запізнення), O (on time – вчасно), і A (absent – відсутній).
+
+Хоча за 4 дні можна створити вісімдесят один тризначний рядок, рівно сорок три приведуть до призу:
+
+```
+OOOO OOOA OOOL OOAO OOAA OOAL OOLO OOLA OAOO OAOA
+OAOL OAAO OAAL OALO OALA OLOO OLOA OLAO OLAA AOOO
+AOOA AOOL AOAO AOAA AOAL AOLO AOLA AAOO AAOA AAOL
+AALO AALA ALOO ALOA ALAO ALAA LOOO LOOA LOAO LOAA
+LAOO LAOA LAAO
+```
+
+Скільки "призових рядків" буде за 30-денний період?
+
+# --hints--
+
+`prizeStrings()` має видати `1918080160`.
+
+```js
+assert.strictEqual(prizeStrings(), 1918080160);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function prizeStrings() {
+
+  return true;
+}
+
+prizeStrings();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-192-best-approximations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-192-best-approximations.md
new file mode 100644
index 0000000000..9d09515d73
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-192-best-approximations.md
@@ -0,0 +1,46 @@
+---
+id: 5900f42c1000cf542c50ff3f
+title: 'Завдання 192: Найкращі наближення'
+challengeType: 5
+forumTopicId: 301830
+dashedName: problem-192-best-approximations
+---
+
+# --description--
+
+Нехай $x$ буде дійсним числом.
+
+Найкраще наближення до $x$ для знаменника $d$ - раціональне число $\frac{r}{s}$ в зменшеному вигляді, із $s ≤ d$, таким чином, що будь-яке раціональне число, яке ближче до $x$ за $\frac{r}{s}$ має знаменник, що є більшим, ніж $d$:
+
+$$|\frac{p}{q} - x| &lt; |\frac{r}{s} - x| ⇒ q > d$$
+
+Наприклад, найкращим наближенням до $\sqrt{13}$ для знаменника $20$ є $\frac{18}{5}$ і найкращим наближенням до $\sqrt{13}$ для знаменника $30$ буде $\frac{101}{28}$.
+
+Знайдіть суму всіх знаменників найкращого наближення до $\sqrt{n}$ для знаменника ${10}^{12}$, де $n$ це не ідеальний квадрат і $1 &lt; n ≤ 100000$.
+
+# --hints--
+
+`bestApproximations()` має видати `57060635927998344`.
+
+```js
+assert.strictEqual(bestApproximations(), 57060635927998344);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bestApproximations() {
+
+  return true;
+}
+
+bestApproximations();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-193-squarefree-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-193-squarefree-numbers.md
new file mode 100644
index 0000000000..5bb003d37a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-193-squarefree-numbers.md
@@ -0,0 +1,40 @@
+---
+id: 5900f42f1000cf542c50ff41
+title: 'Завдання 193: Безквадратні числа'
+challengeType: 5
+forumTopicId: 301831
+dashedName: problem-193-squarefree-numbers
+---
+
+# --description--
+
+Додатне ціле число $n$ називається безквадратним, якщо воно не ділиться на квадрат числа $n$. Таким чином, 1, 2, 3, 5, 6, 7, 10, 11 - безквадратні, а 4, 8, 9, 12 - квадратні.
+
+Скільки існує безквадратних чисел менших за $2^{50}$?
+
+# --hints--
+
+`squarefreeNumbers()` має видати `684465067343069`.
+
+```js
+assert.strictEqual(squarefreeNumbers(), 684465067343069);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squarefreeNumbers() {
+
+  return true;
+}
+
+squarefreeNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-194-coloured-configurations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-194-coloured-configurations.md
new file mode 100644
index 0000000000..61d7d5347c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-194-coloured-configurations.md
@@ -0,0 +1,46 @@
+---
+id: 5900f42f1000cf542c50ff40
+title: 'Завдання 194: Кольорові конфігурації'
+challengeType: 5
+forumTopicId: 301832
+dashedName: problem-194-coloured-configurations
+---
+
+# --description--
+
+Розглянемо графіки, побудовані з одиницями А:
+<img class="img-responsive" alt="одиниця графіку A" src="https://cdn.freecodecamp.org/curriculum/project-euler/coloured-configurations-1.png" style="display: inline-block; background-color: white; padding: 10px;" />
+ і В: <img class="img-responsive" alt="graph unit B" src="https://cdn.freecodecamp.org/curriculum/project-euler/coloured-configurations-2.png" style="display: inline-block; background-color: white; padding: 10px;" />, де одиниці склеяні по вертикальних краях, як у графіку <img class="img-responsive" alt="graph with four units glued along the vertical edges" src="https://cdn.freecodecamp.org/curriculum/project-euler/coloured-configurations-3.png" style="display: inline-block; background-color: white; padding: 10px;" />.
+
+Конфігурація типу $(a,b,c)$ є графіком, який побудований з $a$ одиниць A і $b$ одиниць B таким чином, щоб вершини графіку були забарвлені з використанням до $c$ кольорів, і не мали двох суміжних вершин однакового кольору. Складний графік вище – приклад конфігурації типу $(2,2,6)$, точніше типу $(2,2,c)$ для усіх $c ≥ 4$
+
+Нехай $N(a,b,c)$ буде кількістю конфігурацій типу $(a,b,c)$. Наприклад, $N(1,0,3) = 24$, $N(0,2,4) = 92928$ і $N(2,3) = 20736$.
+
+Знайдіть останні 8 цифр з $N(25,75, ^)$.
+
+# --hints--
+
+`coloredConfigurations()` має видати `61190912`.
+
+```js
+assert.strictEqual(coloredConfigurations(), 61190912);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function coloredConfigurations() {
+
+  return true;
+}
+
+coloredConfigurations();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.md
new file mode 100644
index 0000000000..92bea8ff5e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4311000cf542c50ff43
+title: 'Завдання 195: Кола, вписані в трикутники, один з кутів яких становить 60 градусів'
+challengeType: 5
+forumTopicId: 301833
+dashedName: problem-195-inscribed-circles-of-triangles-with-one-angle-of-60-degrees
+---
+
+# --description--
+
+Назвемо трикутник зі сторонами, довжина яких вимірюється цілими числами, і з одним із кутів, який становить 60°, 60° трикутником.
+
+Нехай $r$ буде радіусом вписаного в такий 60° трикутник кола.
+
+Існує 1234 60° трикутників, для яких $r ≤ 100$.
+
+Нехай $T(n)$ буде кількістю 60° трикутників, для яких $r ≤ n$, тож $T(100) = 1234$, $T(1000) = 22767$ і $T(10000) = 359912$.
+
+Знайдіть $T(1053779)$.
+
+# --hints--
+
+`inscribedCirclesOfTriangles()` має видати `75085391`.
+
+```js
+assert.strictEqual(inscribedCirclesOfTriangles(), 75085391);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function inscribedCirclesOfTriangles() {
+
+  return true;
+}
+
+inscribedCirclesOfTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-196-prime-triplets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-196-prime-triplets.md
new file mode 100644
index 0000000000..7cd216b932
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-196-prime-triplets.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4301000cf542c50ff42
+title: 'Завдання 196: Прості триплети'
+challengeType: 5
+forumTopicId: 301834
+dashedName: problem-196-prime-triplets
+---
+
+# --description--
+
+Побудуйте трикутник з усіх додатних чисел наступним чином:
+
+$$\begin{array}{rrr} &  1 \\\\ &  \color{red}{2} &  \color{red}{3} \\\\ &  4 & \color{red}{5} &  6 \\\\ &  \color{red}{7} &  8 &  9 & 10 \\\\ & \color{red}{11} & 12 & \color{red}{13} & 14 & 15  \\\\ & 16 & \color{red}{17} & 18 & \color{red}{19} & 20 & 21 \\\\ & 22 & \color{red}{23} & 24 & 25 & 26 & 27 & 28 \\\\ & \color{red}{29} & 30 & \color{red}{31} & 32 & 33 & 34 & 35 & 36 \\\\ & \color{red}{37} & 38 & 39 & 40 & \color{red}{41} & 42 & \color{red}{43} & 44 & 45 \\\\ & 46 & \color{red}{47} & 48 & 49 & 50 & 51 & 52 & \color{red}{53} & 54 & 55 \\\\ & 56 & 57 & 58 & \color{red}{59} & 60 & \color{red}{61} & 62 & 63 & 64 & 65 & 66 \\\\ & \cdots \end{array}$$
+
+У трикутнику біля кожного додатного числа є ще до восьми чисел.
+
+Множина з трьох простих чисел називається простим триплетом, якщо два інших числа в трикутнику є сусідніми одному з трьох простих.
+
+Наприклад, у другому рядку прості числа 2 і 3 - це елементи якогось простого триплета.
+
+Якщо розглядати 8 рядок, то він містить два простих числа, які є елементами простого триплета, тобто 29 та 31. Якщо розглядати рядок 9, він містить лише одне просте число, яке є елементом деякого простого триплета: 37.
+
+Визначте $S(n)$ як суму простих чисел у рядку $n$, які є елементами будь-якого простого триплета. Потім $S(8) = 60$ і $S(9) = 37$.
+
+Дано, що $S(10000) = 950007619$.
+
+Знайдіть $S(5678027) + S(7208785)$.
+
+# --hints--
+
+`primeTriplets()` має повернути `322303240771079940`.
+
+```js
+assert.strictEqual(primeTriplets(), 322303240771079940);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeTriplets() {
+
+  return true;
+}
+
+primeTriplets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.md
new file mode 100644
index 0000000000..b9921478e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence.md
@@ -0,0 +1,40 @@
+---
+id: 5900f4311000cf542c50ff44
+title: 'Завдання 197: Дослідження поведінки рекурсивно визначеної послідовності'
+challengeType: 5
+forumTopicId: 301835
+dashedName: problem-197-investigating-the-behaviour-of-a-recursively-defined-sequence
+---
+
+# --description--
+
+Дано: функція $f(x) = <unk>{2}^{30. 03243784 - x^2}<unk> <unk> {10}^{-9}$ (<unk> це ціла частина дійсного числа), послідовність $u_n$ визначається як $u_0 = -1$ та $u_{n + 1} = f(u_n)$.
+
+Знайдіть $u_n + u_{n + 1}$ для $n = {10}^{12}$. Дайте відповідь з 9 цифр після десяткової крапки.
+
+# --hints--
+
+`recursivelyDefinedSequence()` має видати `1.710637717`.
+
+```js
+assert.strictEqual(recursivelyDefinedSequence(), 1.710637717);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function recursivelyDefinedSequence() {
+
+  return true;
+}
+
+recursivelyDefinedSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.md
new file mode 100644
index 0000000000..e54e4415ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-198-ambiguous-numbers.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4331000cf542c50ff45
+title: 'Завдання 198: Неоднозначні числа'
+challengeType: 5
+forumTopicId: 301836
+dashedName: problem-198-ambiguous-numbers
+---
+
+# --description--
+
+Найкраще наближення до дійсного числа $x$ для межі знаменника $d$ - раціональне число $\frac{r}{s}$ (в скороченій формі) з $s ≤ d$, так, що будь-яке раціональне число $\frac{p}{q}$, яке ближче до $x$, ніж до ${r}{s}$, має $q > d$.
+
+Зазвичай найкраще наближення до дійсного числа однозначно визначається для всіх меж знаменника. Однак, є деякі винятки, напр. $\frac{9}{40}$ має два найкращі наближення $\frac{1}{4}$ та $\frac{1}{5}$ для межі знаменника $6$. Ми будемо називати дійсне число $x$ неоднозначним, якщо є хоча б одна межа знаменника, для якого $x$ має два найкращі наближення. Очевидно, що неоднозначне число є обов'язково раціональним.
+
+Скільки є неоднозначних чисел $x = \frac{p}{q}$, $0 &lt; x &lt; \frac{1}{100}$, знаменник яких $q$ не перевищує ${10}^8$?
+
+# --hints--
+
+`ambiguousNumbers()` має видати `52374425`.
+
+```js
+assert.strictEqual(ambiguousNumbers(), 52374425);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ambiguousNumbers() {
+
+  return true;
+}
+
+ambiguousNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.md
new file mode 100644
index 0000000000..e998f83548
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-2-even-fibonacci-numbers.md
@@ -0,0 +1,103 @@
+---
+id: 5900f36e1000cf542c50fe81
+title: 'Завдання 2: Парні числа Фібоначчі'
+challengeType: 5
+forumTopicId: 301838
+dashedName: problem-2-even-fibonacci-numbers
+---
+
+# --description--
+
+Кожне нове значення у послідовності Фібоначчі дорівнює сумі двох попередніх значень. Якщо почати з 1 та 2, то перші 10 значень послідовності будуть:
+
+<div style='text-align: center;'>1, 2, 3, 5, 8, 13, 21, 34, 55, 89, ...</div>
+
+Розглядаючи значення послідовності Фібоначчі, які не перевищують певне число (`n`), знайдіть суму парних значень.
+
+# --hints--
+
+`fiboEvenSum(10)` у сумі становить число.
+
+```js
+assert(typeof fiboEvenSum(10) === 'number');
+```
+
+Ваша функція має дорівнювати `even` value.
+
+```js
+assert.equal(fiboEvenSum(10) % 2 === 0, true);
+```
+
+Ваша функція має додати парні значення послідовності Фібоначчі: `fiboEvenSum(8)` має повернути 10.
+
+```js
+assert.strictEqual(fiboEvenSum(8), 10);
+```
+
+`fiboEvenSum(10)` має повернути 10.
+
+```js
+assert.strictEqual(fiboEvenSum(10), 10);
+```
+
+`fiboEvenSum(34)` у сумі становить 44.
+
+```js
+assert.strictEqual(fiboEvenSum(34), 44);
+```
+
+`fiboEvenSum(60)` у сумі становить 44.
+
+```js
+assert.strictEqual(fiboEvenSum(60), 44);
+```
+
+`fiboEvenSum(1000)` у сумі становить 798.
+
+```js
+assert.strictEqual(fiboEvenSum(1000), 798);
+```
+
+`fiboEvenSum(100000)` має дорівнювати 60696.
+
+```js
+assert.strictEqual(fiboEvenSum(100000), 60696);
+```
+
+`fiboEvenSum(4000000)` має дорівнювати 4613732.
+
+```js
+assert.strictEqual(fiboEvenSum(4000000), 4613732);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fiboEvenSum(n) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+const fiboEvenSum = (number) => {
+  if (number <= 1) {
+    return 0;
+  } else {
+    let evenSum = 0,
+      prevFibNum = 1,
+      fibNum = 2; // According to problem description our Fibonacci series starts with 1, 2
+    for (let i = 2; fibNum <= number; i++) {
+      if (fibNum % 2 == 0) {
+        evenSum += fibNum;
+      }
+      [prevFibNum, fibNum] = [fibNum, prevFibNum + fibNum];
+    }
+    return evenSum;
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.md
new file mode 100644
index 0000000000..f9857fc290
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-20-factorial-digit-sum.md
@@ -0,0 +1,79 @@
+---
+id: 5900f3801000cf542c50fe93
+title: 'Завдання 20: Сума цифр факторіала'
+challengeType: 5
+forumTopicId: 301839
+dashedName: problem-20-factorial-digit-sum
+---
+
+# --description--
+
+`n`! означає `n` × (`n` − 1) × ... × 3 × 2 × 1
+
+Наприклад, 10! = 10 × 9 × ... × 3 × 2 × 1 = 3628800,  
+і сума цифр у числі 10! дорівнює 3 + 6 + 2 + 8 + 8 + 0 + 0 = 27.
+
+Знайдіть суму цифр у числі `n`!
+
+# --hints--
+
+`sumFactorialDigits(10)` має повернути число.
+
+```js
+assert(typeof sumFactorialDigits(10) === 'number');
+```
+
+`sumFactorialDigits(10)` має повернути число 27.
+
+```js
+assert.strictEqual(sumFactorialDigits(10), 27);
+```
+
+`sumFactorialDigits(25)` має повернути число 72.
+
+```js
+assert.strictEqual(sumFactorialDigits(25), 72);
+```
+
+`sumFactorialDigits(50)` має повернути число 216.
+
+```js
+assert.strictEqual(sumFactorialDigits(50), 216);
+```
+
+`sumFactorialDigits(75)` має повернути число 432.
+
+```js
+assert.strictEqual(sumFactorialDigits(75), 432);
+```
+
+`sumFactorialDigits(100)` має повернути число 648.
+
+```js
+assert.strictEqual(sumFactorialDigits(100), 648);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumFactorialDigits(n) {
+
+  return n;
+}
+
+sumFactorialDigits(100);
+```
+
+# --solutions--
+
+```js
+let factorial = (n) => n <= 1 ? BigInt(n) : BigInt(n) * BigInt(factorial(--n));
+
+let sumDigits = n => n.toString().split('').map(x => parseInt(x)).reduce((a,b) => a + b);
+
+function sumFactorialDigits(n) {
+  return sumDigits(factorial(n));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.md
new file mode 100644
index 0000000000..2a04328c2d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4351000cf542c50ff47
+title: >-
+  Завдання 200: Знайдіть 200-тий доведений простий ск'юб, що містить суміжний підрядок "200"
+challengeType: 5
+forumTopicId: 301840
+dashedName: >-
+  problem-200-find-the-200th-prime-proof-sqube-containing-the-contiguous-sub-string-200
+---
+
+# --description--
+
+Ми визначимо, що ск'юб буде числом виду, $ {p^2} {q^3} $, де $p$ і $q$ є різними простими числами.
+
+Наприклад, $200 = {5^2}{2^3}$ або $120072949 = {{23}^2}{{61}^3}$.
+
+Перші п'ять квадратів - це 72, 108, 200, 392 і 500.
+
+Цікаво, що 200 також є першим числом, для якого ви не можете змінити жодну цифру, щоб зробити просте число; ми будемо називати такі числа доведено простими. Наступний доведено простий ск'юб, що містить суміжний підрядок `200` - 1992008.
+
+Знайдіть 200-те значення доведено простого ск'юба, що містить суміжний підрядок `200`.
+
+# --hints--
+
+`primeProofSqubeWithSubString()` має видати `229161792008`.
+
+```js
+assert.strictEqual(primeProofSqubeWithSubString(), 229161792008);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeProofSqubeWithSubString() {
+
+  return true;
+}
+
+primeProofSqubeWithSubString();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.md
new file mode 100644
index 0000000000..bcd4d4105b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-201-subsets-with-a-unique-sum.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4361000cf542c50ff48
+title: 'Завдання 201: Підмножини з унікальною сумою'
+challengeType: 5
+forumTopicId: 301841
+dashedName: problem-201-subsets-with-a-unique-sum
+---
+
+# --description--
+
+Для будь-якого набору чисел $A$ нехай $sum(A)$ буде сумою елементів $A$.
+
+Розглянемо набір $B = \\{1,3,6,8,10,11\\}$. Існує 20 підмножин $B$, що містять три елементи, і їх сумидорівнюють:
+
+$$\begin{align} & sum(\\{1,3,6\\}) = 10 \\\\ & sum(\\{1,3,8\\}) = 12 \\\\ & sum(\\{1,3,10\\}) = 14 \\\\ & sum(\\{1,3,11\\}) = 15 \\\\ & sum(\\{1,6,8\\}) = 15 \\\\ & sum(\\{1,6,10\\}) = 17 \\\\ & sum(\\{1,6,11\\}) = 18 \\\\ & sum(\\{1,8,10\\}) = 19 \\\\ & sum(\\{1,8,11\\}) = 20 \\\\ & sum(\\{1,10,11\\}) = 22 \\\\ & sum(\\{3,6,8\\}) = 17 \\\\ & sum(\\{3,6,10\\}) = 19 \\\\ & sum(\\{3,6,11\\}) = 20 \\\\ & sum(\\{3,8,10\\}) = 21 \\\\ & sum(\\{3,8,11\\}) = 22 \\\\ & sum(\\{3,10,11\\}) = 24 \\\\ & sum(\\{6,8,10\\}) = 24 \\\\ & sum(\\{6,8,11\\}) = 25 \\\\ & sum(\\{6,10,11\\}) = 27 \\\\ & sum(\\{8,10,11\\}) = 29 \\end{align}$$
+
+Деякі з цих сум трапляються більше, ніж один раз, інші - унікальні. Для набору $A$ нехай $U(A,k)$ буде набором унікальних сум $k$-елементних підмножин $A$, у нашому прикладі ми знаходимо $U(B,3) = \\{10,12,14,18,21,25,27,29\\}$ і $sum(U(B,3)) = 156$.
+
+Тепер розглянемо $100$-елементний набір $S = \\ {1^2, 2^2, \ldots, {100}^2\\}$. $S$ має $100\\,891\\,344\\,545\\,564\\,193\\,3\\,812\\,497\\,256\\;$ $50$-елементних підмножин.
+
+Визначте суму всіх цілих чисел, які є сумою лише одного з $50$-елементів підмножини $S$, тобто знайдіть $sum (U(S,50))$.
+
+# --hints--
+
+`uniqueSubsetsSum()` має видати `115039000`.
+
+```js
+assert.strictEqual(uniqueSubsetsSum(), 115039000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function uniqueSubsetsSum() {
+
+  return true;
+}
+
+uniqueSubsetsSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-202-laserbeam.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-202-laserbeam.md
new file mode 100644
index 0000000000..8d425ccf25
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-202-laserbeam.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4371000cf542c50ff49
+title: 'Завдання 202: Лазерний промінь'
+challengeType: 5
+forumTopicId: 301843
+dashedName: problem-202-laserbeam
+---
+
+# --description--
+
+Три дзеркала розташовано в формі рівностороннього трикутника таким чином, що їх поверхні, які відбивають світло, повернуті всередину. На кожній вершині цього трикутника є дуже маленька прогалина, через яку може пройти лазерний промінь.
+
+Позначимо вершини $A$, $B$ і $C$. Лазерний промінь може ввійти в вершину $C$, відбитись від 11 поверхонь і вийти через ту саму вершину 2 способами: перший наведено нижче; другий є протилежним до нього.
+
+<img class="img-responsive center-block" alt="один зі способів, як лазерний промінь може ввійти в вершину C, це відбитись від 11 поверхонь і вийти через ту саму вершину" src="https://cdn.freecodecamp.org/curriculum/project-euler/laserbeam.gif" style="background-color: white; padding: 10px;" />
+
+Лазерний промінь може ввійти в вершину $C$, відбитись від 1000001 поверхні та вийти через ту саму вершину 80840 способами.
+
+Скількома способами лазерний промінь може ввійти в вершину $C$, відбитись від 12017639147 поверхонь і вийти через ту саму вершину?
+
+# --hints--
+
+`laserbeam()` має видати `1209002624`.
+
+```js
+assert.strictEqual(laserbeam(), 1209002624);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function laserbeam() {
+
+  return true;
+}
+
+laserbeam();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.md
new file mode 100644
index 0000000000..3b167d21f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-203-squarefree-binomial-coefficients.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4381000cf542c50ff4a
+title: 'Завдання 203: Вільні від квадратів біноміальні коефіцієнти'
+challengeType: 5
+forumTopicId: 301844
+dashedName: problem-203-squarefree-binomial-coefficients
+---
+
+# --description--
+
+Біноміальні коефіцієнти $\displaystyle\binom{n}{k}$ можна розташувати у формі трикутника (трикутник Паскаля) наступним чином:
+
+$$\begin{array}{ccccccccccccccc} &   &   &   &    &    &    &  1 &    &    &    &   &   &   &   \\\\ &   &   &   &    &    &  1 &    & 1  &    &    &   &   &   &   \\\\ &   &   &   &    &  1 &    &  2 &    &  1 &    &   &   &   &   \\\\ &   &   &   &  1 &    &  3 &    &  3 &    &  1 &   &   &   &   \\\\ &   &   & 1 &    &  4 &    &  6 &    &  4 &    & 1 &   &   &   \\\\ &   & 1 &   &  5 &    & 10 &    & 10 &    &  5 &   & 1 &   &   \\\\ & 1 &   & 6 &    & 15 &    & 20 &    & 15 &    & 6 &   & 1 &   \\\\ 1 &   & 7 &   & 21 &    & 35 &    & 35 &    & 21 &   & 7 &   & 1 \\\\ &   &   &   &    &    &    & \ldots \end{array}$$
+
+Можна побачити, що перші вісім рядків трикутника Паскаля містять дванадцять різних чисел: 1, 2, 3, 4, 5, 6, 7, 10, 15, 20, 21 та 35.
+
+Додатне ціле число n називається безквадратним, якщо жоден квадрат простого числа не ділить n. З дванадцяти різних чисел в перших восьми рядках трикутника Паскаля, всі, окрім 4 та 20 є безквадратними. Сума різних безквадратних чисел в перших восьми рядках дорівнює 105.
+
+Знайдіть суму різних безквадратних чисел у перших 51 рядках трикутника Паскаля.
+
+# --hints--
+
+`squarefreeBinomialCoefficients()` має видати `34029210557338`.
+
+```js
+assert.strictEqual(squarefreeBinomialCoefficients(), 34029210557338);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squarefreeBinomialCoefficients() {
+
+  return true;
+}
+
+squarefreeBinomialCoefficients();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.md
new file mode 100644
index 0000000000..2d58da8c29
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-204-generalised-hamming-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4381000cf542c50ff4b
+title: 'Завдання 204: Узагальнені числа Геммінга'
+challengeType: 5
+forumTopicId: 301845
+dashedName: problem-204-generalised-hamming-numbers
+---
+
+# --description--
+
+Число Геммінга — це додатне число, в якого немає простого множника більшого за 5.
+
+Перші кілька чисел Геммінга — це 1, 2, 3, 4, 5, 6, 8, 9, 10, 12, 15.
+
+Існує 1105 чисел Геммінга, які не перевищують ${10}^8$.
+
+Називатимемо додатне число узагальненим числом Геммінга типу $n$, якщо воно не має простого множника більшого за $n$. Звідси числа Геммінга — це узагальнені числа Геммінга типу 5.
+
+Скільки існує узагальнених чисел Геммінга типу 100, які не перевищують ${10}^9$?
+
+# --hints--
+
+`generalisedHammingNumbers()` повинен видати `2944730`.
+
+```js
+assert.strictEqual(generalisedHammingNumbers(), 2944730);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function generalisedHammingNumbers() {
+
+  return true;
+}
+
+generalisedHammingNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-205-dice-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-205-dice-game.md
new file mode 100644
index 0000000000..9064d1c0ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-205-dice-game.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4391000cf542c50ff4c
+title: 'Завдання 205: Гра в кості'
+challengeType: 5
+forumTopicId: 301846
+dashedName: problem-205-dice-game
+---
+
+# --description--
+
+Пітер має дев'ять чотиригранних (пірамідальних) кубиків, кожна з граней пронумерована цифрами 1,2,3,4.
+
+Колін має шість шестигранних(кубічних) кубиків, кожна з граней пронумерована цифрами 1,2,3,4,5,6.
+
+Пітер і Колін кидають свої кубики і порівнюють результати: найбільша загальна сума перемагає. У результаті виходить нічия, якщо загальні суми однакові.
+
+Яка ймовірність того, що пірамідальний кубик Пітера переможе кубічний кубик Коліна? Дайте свою відповідь, округлену до семи десятків після коми, у такому вигляді 0.abcdefg
+
+# --hints--
+
+<`diceGame()` має видати `0.5731441`.
+
+```js
+assert.strictEqual(diceGame(), 0.5731441);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diceGame() {
+
+  return true;
+}
+
+diceGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-206-concealed-square.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-206-concealed-square.md
new file mode 100644
index 0000000000..9973158ca8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-206-concealed-square.md
@@ -0,0 +1,38 @@
+---
+id: 5900f43a1000cf542c50ff4d
+title: 'Завдання 206: Прихований квадрат'
+challengeType: 5
+forumTopicId: 301847
+dashedName: problem-206-concealed-square
+---
+
+# --description--
+
+Знайдіть єдине додатне ціле число, квадрат якого має вигляд 1_2_3_4_5_6_7_8_9_0, де кожен знак "_" є окремою цифрою.
+
+# --hints--
+
+`concealedSquare()` має видати `1389019170`.
+
+```js
+assert.strictEqual(concealedSquare(), 1389019170);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function concealedSquare() {
+
+  return true;
+}
+
+concealedSquare();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-207-integer-partition-equations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-207-integer-partition-equations.md
new file mode 100644
index 0000000000..44e31a2704
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-207-integer-partition-equations.md
@@ -0,0 +1,52 @@
+---
+id: 5900f43c1000cf542c50ff4e
+title: 'Завдання 207: Рівняння розбиття цілих чисел'
+challengeType: 5
+forumTopicId: 301848
+dashedName: problem-207-integer-partition-equations
+---
+
+# --description--
+
+Для деяких натуральних чисел $k$ існує ціле розбиття виду $4^t = 2^t + k$,
+
+де $4^t$, $2^t$, і $k$ - натуральні числа, а $t$ - це дійсне число.
+
+Першими двома такими розбиттями є $4^1 = 2^1 + 2$ та $4^{1.584\\,962\\,5\ldots} = 2^{1.584\\,962\\,5\ldots} + 6$.
+
+Розбиття, де $t$ також є цілим числом, називаються ідеальними. Для будь-якого $m ≥ 1$ нехай $P(m)$ буде частиною таких розбиттів, що э ідеальними при $k ≤ m$.
+
+Таким чином, $P(6) = \frac{1}{2}$.
+
+У таблиці нижче перераховано деякі значення $P(m)$
+
+$$\begin{align} & P(5) = \frac{1}{1}    \\\\ & P(10) = \frac{1}{2}   \\\\ & P(15) = \frac{2}{3}   \\\\ & P(20) = \frac{1}{2}   \\\\ & P(25) = \frac{1}{2}   \\\\ & P(30) = \frac{2}{5}   \\\\ & \ldots                \\\\ & P(180) = \frac{1}{4}  \\\\ & P(185) = \frac{3}{13} \end{align}$$
+
+Знайдіть найменший $m$ для якого $P(m) &lt; \frac{1}{12\\,345}$
+
+# --hints--
+
+`integerPartitionEquations()` має видати `44043947822`.
+
+```js
+assert.strictEqual(integerPartitionEquations(), 44043947822);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function integerPartitionEquations() {
+
+  return true;
+}
+
+integerPartitionEquations();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-208-robot-walks.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-208-robot-walks.md
new file mode 100644
index 0000000000..71f281a2f9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-208-robot-walks.md
@@ -0,0 +1,46 @@
+---
+id: 5900f43f1000cf542c50ff51
+title: 'Завдання 208: Ходячий робот'
+challengeType: 5
+forumTopicId: 301849
+dashedName: problem-208-robot-walks
+---
+
+# --description--
+
+Робот рухається за даними правилами: 5 кругових дуг (72°), за годинниковою стрілкою або проти годинникової стрілки на кожному кроці, але не обертається на місці.
+
+Одним з 70932 можливих закритих шляхів із 25 дуг, починаючи з північного боку, є
+
+<img class="img-responsive center-block" alt="закритий шлях із 25 дуг, починаючи із північного боку" src="https://cdn.freecodecamp.org/curriculum/project-euler/robot-walks.gif" style="background-color: white; padding: 10px;" />
+
+Зважаючи на те, що робот починає рухатись у північному напрямку, скільки подорожей в 70 дуг з поверненням до стартової позиції він може виконати?
+
+**Note:** Будь-яку дугу можна перетинати декілька разів.
+
+# --hints--
+
+`robotWalks()` має видати `331951449665644800`.
+
+```js
+assert.strictEqual(robotWalks(), 331951449665644800);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function robotWalks() {
+
+  return true;
+}
+
+robotWalks();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-209-circular-logic.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-209-circular-logic.md
new file mode 100644
index 0000000000..d4974760b1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-209-circular-logic.md
@@ -0,0 +1,58 @@
+---
+id: 5900f43e1000cf542c50ff4f
+title: 'Завданя 209: Кругова логіка'
+challengeType: 5
+forumTopicId: 301850
+dashedName: problem-209-circular-logic
+---
+
+# --description--
+
+Бінарна таблиця істинності зі входом $k$ — це карта з $k$ вхідних бітів (двійкових цифр, а саме 0 [false] або 1 [true]) у 1 вихідний біт. Наприклад, таблицями істинності зі входом $2$ для логічних функцій $AND$ і $XOR$ є:
+
+| x | y | x AND y |
+| - | - | ------- |
+| 0 | 0 | 0       |
+| 0 | 1 | 0       |
+| 1 | 0 | 0       |
+| 1 | 1 | 1       |
+
+| x | y | x XOR y |
+| - | - | ------- |
+| 0 | 0 | 0       |
+| 0 | 1 | 1       |
+| 1 | 0 | 1       |
+| 1 | 1 | 0       |
+
+Скільки бінарних таблиць істинності зі входом $6$, а саме $τ$, задовольняють формулу
+
+$$τ(a, b, c, d, e, f) \\; AND \\; τ(b, c, d, e, f, a \\; XOR \\; (b \\; AND \\; c)) = 0$$
+
+для всіх $6$-бітних входів ($a$, $b$, $c$, $d$, $e$, $f$)?
+
+# --hints--
+
+`circularLogic()` має видати `15964587728784`.
+
+```js
+assert.strictEqual(circularLogic(), 15964587728784);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function circularLogic() {
+
+  return true;
+}
+
+circularLogic();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-21-amicable-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-21-amicable-numbers.md
new file mode 100644
index 0000000000..452972e58a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-21-amicable-numbers.md
@@ -0,0 +1,84 @@
+---
+id: 5900f3811000cf542c50fe94
+title: 'Завдання 21: Дружні числа'
+challengeType: 5
+forumTopicId: 301851
+dashedName: problem-21-amicable-numbers
+---
+
+# --description--
+
+Визначимо d(`n`) як суму власних дільників числа `n` (числа менші, ніж `n`, які діляться націло на `n`).
+
+Якщо d(`a`) = `b` і d(`b`) = `a`, де `a` ≠ `b`, тоді `a` і `b` є дружньою парою і кожен з `a` та `b` називаються дружніми числами.
+
+Наприклад, власними дільниками числа 220 є 1, 2, 4, 5, 10, 11, 20, 22, 44, 55 та 110; тому d(220) = 284. Власними дільниками числа 284 є 1, 2, 4, 71 та 142; отже, d(284) = 220.
+
+Обчисліть суму всіх дружніх чисел, менших за `n`.
+
+# --hints--
+
+`sumAmicableNum(1000)` має повернути число.
+
+```js
+assert(typeof sumAmicableNum(1000) === 'number');
+```
+
+`sumAmicableNum(1000)` має повернути число 504.
+
+```js
+assert.strictEqual(sumAmicableNum(1000), 504);
+```
+
+`sumAmicableNum(2000)` має повернути число 2898.
+
+```js
+assert.strictEqual(sumAmicableNum(2000), 2898);
+```
+
+`sumAmicableNum(5000)` має повернути число 8442.
+
+```js
+assert.strictEqual(sumAmicableNum(5000), 8442);
+```
+
+`sumAmicableNum(10000)` має повернути число 31626.
+
+```js
+assert.strictEqual(sumAmicableNum(10000), 31626);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumAmicableNum(n) {
+
+  return n;
+}
+
+sumAmicableNum(10000);
+```
+
+# --solutions--
+
+```js
+const sumAmicableNum = (n) => {
+  const fsum = (n) => {
+    let sum = 1;
+    for (let i = 2; i <= Math.floor(Math.sqrt(n)); i++)
+      if (Math.floor(n % i) === 0)
+        sum += i + Math.floor(n / i);
+    return sum;
+  };
+  let d = [];
+  let amicableSum = 0;
+  for (let i=2; i<n; i++) d[i] = fsum(i);
+  for (let i=2; i<n; i++) {
+    let dsum = d[i];
+    if (d[dsum]===i && i!==dsum) amicableSum += i+dsum;
+  }
+  return amicableSum/2;
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.md
new file mode 100644
index 0000000000..d52231ce5b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-210-obtuse-angled-triangles.md
@@ -0,0 +1,46 @@
+---
+id: 5900f43e1000cf542c50ff50
+title: 'Завдання 210: Тупокутні трикутники'
+challengeType: 5
+forumTopicId: 301852
+dashedName: problem-210-obtuse-angled-triangles
+---
+
+# --description--
+
+Розглянемо набір $S(r)$ точок ($x$,$y$) з цілочисельними координатами, які задовольняють нерівність $|x| + |y| ≤ r$.
+
+Нехай $O$ — це точка (0,0) і $C$ — точка ($\frac{r}{4}$,$\frac{r}{4}$).
+
+Нехай $N(r)$ — це кількість точок $B$ у $S(r)$, так що трикутник $OBC$ має тупий кут, тобто найбільший кут $α$ задовольняє нерівність $90°&lt;α&lt;180°$.
+
+Таким чином, наприклад, $N(4)=24$ і $N(8)=100$.
+
+Чому дорівнює $N(1\\,000\\,000\\,000)$?
+
+# --hints--
+
+`obtuseAngledTriangles()` має повернути `1598174770174689500`.
+
+```js
+assert.strictEqual(obtuseAngledTriangles(), 1598174770174689500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function obtuseAngledTriangles() {
+
+  return true;
+}
+
+obtuseAngledTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-211-divisor-square-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-211-divisor-square-sum.md
new file mode 100644
index 0000000000..972246ae45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-211-divisor-square-sum.md
@@ -0,0 +1,42 @@
+---
+id: 5900f43f1000cf542c50ff52
+title: 'Завдання 211: Сума квадратів дільників'
+challengeType: 5
+forumTopicId: 301853
+dashedName: problem-211-divisor-square-sum
+---
+
+# --description--
+
+Нехай $σ_2(n)$ — сума квадратів дільників додатного цілого числа $n$. Наприклад,
+
+$$σ_2(10) = 1 + 4 + 25 + 100 = 130$$
+
+Знайдіть суму всіх $n$, $0 &lt; n &lt; 64\\,000\\,000$ так, щоб $σ_2(n)$ було квадратом цілого числа.
+
+# --hints--
+
+`divisorSquareSum()` має повернути `1922364685`.
+
+```js
+assert.strictEqual(divisorSquareSum(), 1922364685);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function divisorSquareSum() {
+
+  return true;
+}
+
+divisorSquareSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.md
new file mode 100644
index 0000000000..33519e4c23
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-212-combined-volume-of-cuboids.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4411000cf542c50ff53
+title: 'Завдання 212: Загальний об''єм прямокутних паралелепіпедів'
+challengeType: 5
+forumTopicId: 301854
+dashedName: problem-212-combined-volume-of-cuboids
+---
+
+# --description--
+
+Вирівняний по осях прямокутний паралелепіпед з параметрами $\{ (x_0,y_0,z_0), (dx,dy,dz) \}$ складається з точок ($X$,$Y$,$Z$), для яких $x_0 ≤ X ≤ x_0 + dx$, $y_0 ≤ Y ≤ y_0 + dy$ та $z_0 ≤ Z ≤ z_0 + dz$. Об'єм прямокутного паралелепіпеда є добутком $dx × dy × dz$. Загальний об'єм декількох паралелепіпедів — це об'єм їхнього об'єднання і якщо вони перетинаються, він менший ніж сума окремих об'ємів паралелепіпедів.
+
+Нехай $C_1, \ldots, C_{50000}$ — це набір 50000 вирівняних по осі паралелепіпедів, кожен паралелепіпед $C_n$ має такі параметри
+
+$$\begin{align} & x_0 = S_{6n - 5} \\; \text{modulo} \\; 10000    \\\\ & y_0 = S_{6n - 4} \\; \text{modulo} \\; 10000    \\\\ & z_0 = S_{6n - 3} \\; \text{modulo} \\; 10000    \\\\ & dx = 1 + (S_{6n - 2} \\; \text{modulo} \\; 399) \\\\ & dy = 1 + (S_{6n - 1} \\; \text{modulo} \\; 399) \\\\ & dz = 1 + (S_{6n} \\; \text{modulo} \\; 399)     \\\\ \end{align}$$
+
+де $S_1, \ldots, S_{300000}$ отримуємо через генератор Фібоначчі:
+
+Для $1 ≤ k ≤ 55$, $S_k = [100003 - 200003k + 300007k^3] \\; (modulo \\; 1000000)$
+
+Для $56 ≤ k$, $S_k = [S_{k - 24} + S_{k - 55}] \\; (modulo \\; 1000000)$
+
+Таким чином, $C_1$ має параметри $\{(7,53,183), (94,369,56)\}$, $C_2$ параметри $\{(2383,3563,5079), (42,212,344)\}$ і так далі.
+
+Загальний об'єм перших 100 паралелепіпедів, $C_1, \ldots, C_{100}$, становить 723581599.
+
+Яким буде загальний об'єм усіх 50000 паралелепіпедів $C_1, \ldots, C_{50000}$?
+
+# --hints--
+
+`combinedValueOfCuboids()` має повернути `328968937309`.
+
+```js
+assert.strictEqual(combinedValueOfCuboids(), 328968937309);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function combinedValueOfCuboids() {
+
+  return true;
+}
+
+combinedValueOfCuboids();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-213-flea-circus.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-213-flea-circus.md
new file mode 100644
index 0000000000..bc059ddea2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-213-flea-circus.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4411000cf542c50ff54
+title: 'Завдання 213: Блошиний цирк'
+challengeType: 5
+forumTopicId: 301855
+dashedName: problem-213-flea-circus
+---
+
+# --description--
+
+На сітці 30×30 знаходиться 900 бліх, тобто одна блоха на квадрат.
+
+Коли дзвонить дзвінок, кожна блоха стрибає на випадковий суміжний квадрат (4 варіанти, за винятком бліх на квадратах у кутках).
+
+Скільки залишитися пустих квадратів після 50 дзвінків? Дайте відповідь, округлену до 6 знаків після коми.
+
+# --hints--
+
+`fleaCircus()` має повернути `330.721154`.
+
+```js
+assert.strictEqual(fleaCircus(), 330.721154);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fleaCircus() {
+
+  return true;
+}
+
+fleaCircus();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-214-totient-chains.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-214-totient-chains.md
new file mode 100644
index 0000000000..75a4d04c9a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-214-totient-chains.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4421000cf542c50ff55
+title: 'Завдання 214: Ланцюги Ейлера'
+challengeType: 5
+forumTopicId: 301856
+dashedName: problem-214-totient-chains
+---
+
+# --description--
+
+Нехай $φ$ — це функція Ейлера, тоді для натурального числа $n$, $φ(n)$ дорівнює числу таких $k$, $1 ≤ k ≤ n$, для яких $gcd(k,n) = 1$.
+
+При повторенні функції $φ$, кожне додатне ціле число утворює спадну послідовність чисел, що закінчується одиницею. Наприклад, якщо ми почнемо з 5, то утвориться послідовність 5,4,2,1. Ось список послідовностей, що складаються з 4 цифр:
+
+$$\begin{align} 5,4,2,1 & \\\\ 7,6,2,1 & \\\\ 8,4,2,1 & \\\\ 9,6,2,1 & \\\\ 10,4,2,1 & \\\\ 12,4,2,1 & \\\\ 14,6,2,1 & \\\\ 18,6,2,1 & \end{align}$$
+
+Лише дві з цих послідовностей починаються з простого числа, їхня сума — 12.
+
+Яка сума всіх простих чисел, менших за $40\\,000\\,000$, які утворюють послідовність із 25 цифр?
+
+# --hints--
+
+`totientChains()` має повернути `1677366278943`.
+
+```js
+assert.strictEqual(totientChains(), 1677366278943);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientChains() {
+
+  return true;
+}
+
+totientChains();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-215-crack-free-walls.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-215-crack-free-walls.md
new file mode 100644
index 0000000000..4443956093
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-215-crack-free-walls.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4431000cf542c50ff56
+title: 'Завдання 215: Стіни без тріщин'
+challengeType: 5
+forumTopicId: 301857
+dashedName: problem-215-crack-free-walls
+---
+
+# --description--
+
+Розглянемо завдання — побудувати стіни з цеглин розміром 2×1 та 3×1(горизонтальний×вертикальний розмір) та задля забезпечення додаткової міцності розмістити їх так, щоб проміжки між цеглинами не з'єднувалися у наступних рядах, тобто не утворювали "суцільну тріщину".
+
+Наприклад, ця стіна 9×3 не підходить через тріщину, виділену червоним кольором:
+
+<img class="img-responsive center-block" alt="Стіна 9x3 з проміжками, що утворили лінію між горизонтально-прилеглими цеглинами" src="https://cdn.freecodecamp.org/curriculum/project-euler/crack-free-walls.gif" style="background-color: white; padding: 10px;" />
+
+Є вісім способів сформувати стіну 9×3 без тріщини, позначимо це як $W(9,3) = 8$.
+
+Обчисліть $W(32,10)$.
+
+# --hints--
+
+`crackFreeWalls()` має повернути `806844323190414`.
+
+```js
+assert.strictEqual(crackFreeWalls(), 806844323190414);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crackFreeWalls() {
+
+  return true;
+}
+
+crackFreeWalls();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.md
new file mode 100644
index 0000000000..9781fe4034
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4451000cf542c50ff57
+title: 'Завдання 216: Визначення простих чисел, які мають вигляд 2n2-1'
+challengeType: 5
+forumTopicId: 301858
+dashedName: problem-216-investigating-the-primality-of-numbers-of-the-form-2n2-1
+---
+
+# --description--
+
+Розглянемо числа $t(n)$, які мають вигляд $t(n) = 2n^2 - 1$, з $n > 1$.
+
+Перші такі числа – це 7, 17, 31, 49, 71, 97, 127 і 161.
+
+Виявляється, що лише $49 = 7 \times 7$ і $161 = 7 \times 23$ не прості числа.
+
+Для $n ≤ 10000$ існує 2202 простих числа $t(n)$.
+
+Скільки чисел $t(n)$ є простими для $n ≤ 50\\,000\\,000$?
+
+# --hints--
+
+`primalityOfNumbers()` має повернути `5437849`.
+
+```js
+assert.strictEqual(primalityOfNumbers(), 5437849);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primalityOfNumbers() {
+
+  return true;
+}
+
+primalityOfNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-217-balanced-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-217-balanced-numbers.md
new file mode 100644
index 0000000000..7d9eaa74f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-217-balanced-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4461000cf542c50ff58
+title: 'Завдання 217: Збалансовані числа'
+challengeType: 5
+forumTopicId: 301859
+dashedName: problem-217-balanced-numbers
+---
+
+# --description--
+
+Додатне число з $k$ (десятковими) цифрами називається збалансованим, якщо сума його перших $⌈\frac{k}{2}⌉$ цифр дорівнює сумі останніх $⌈\frac{k}{2}⌉$, де $⌈x⌉$, округлення вгору $x$ — це найменше ціле число $≥ x$. Таким чином $⌈π⌉ = 4$ і $⌈5⌉ = 5$.
+
+Так, наприклад, всі паліндроми є збалансованими так само, як і 13722.
+
+Нехай $T(n)$ — це сума всіх збалансованих чисел, менших за $10^n$.
+
+Таким чином $T(1) = 45$, $T(2) = 540$ і $T(5) = 334\\,795\\,890$.
+
+Знайдіть $T(47)\\,mod\\,3^{15}$
+
+# --hints--
+
+`balancedNumbers()` має повернути `6273134`.
+
+```js
+assert.strictEqual(balancedNumbers(), 6273134);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function balancedNumbers() {
+
+  return true;
+}
+
+balancedNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.md
new file mode 100644
index 0000000000..b4863286cf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-218-perfect-right-angled-triangles.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4461000cf542c50ff59
+title: 'Завдання 218: Ідеальні прямокутні трикутники'
+challengeType: 5
+forumTopicId: 301860
+dashedName: problem-218-perfect-right-angled-triangles
+---
+
+# --description--
+
+Розглянемо прямокутний трикутник зі сторонами $a=7$, $b=24$ та $c=25$.
+
+Площа цього трикутника дорівнює 84, що ділиться на досконалі числа 6 і 28.
+
+До того ж це примітивний прямокутний трикутник, оскільки $gcd(a,b) = 1$ та $gcd(b,c) = 1$.
+
+Також $c$ — це квадрат цілого числа.
+
+Прямокутний трикутник ідеальний, якщо:
+
+- це примітивний прямокутний трикутник
+- його гіпотенуза є квадратом цілого числа
+
+Прямокутний трикутник надідеальний, якщо:
+
+- це ідеальний прямокутний трикутник
+- його площа кратна ідеальним числам 6 та 28.
+
+Скільки ідеальних прямокутних трикутників існує з $c ≤ {10}^{16}$ та не є надідеальними?
+
+# --hints--
+
+`perfectRightAngledTriangles()` має повернути `0`.
+
+```js
+assert.strictEqual(perfectRightAngledTriangles(), 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function perfectRightAngledTriangles() {
+
+  return true;
+}
+
+perfectRightAngledTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-219-skew-cost-coding.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-219-skew-cost-coding.md
new file mode 100644
index 0000000000..44a213c362
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-219-skew-cost-coding.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4481000cf542c50ff5a
+title: 'Завдання 219: Кодування зміщеної вартості'
+challengeType: 5
+forumTopicId: 301861
+dashedName: problem-219-skew-cost-coding
+---
+
+# --description--
+
+Нехай $A$ та $B$ — бітові рядки (послідовність з 0 і 1).
+
+Якщо $A$ дорівнює <u>left</u>most length($A$) бітів $B$, то $A$ повинно бути префіксом $B$.
+
+Наприклад, 00110 — префікс <u>00110</u>1001, але не 00111 або 100110.
+
+Код розміру $n$ без префіксу — це набір $n$ окремих бітових рядків, де жоден рядок не є префіксом іншого. Наприклад, ось код без префіксу розміру 6:
+
+$$0000, 0001, 001, 01, 10, 11$$
+
+Припустимо, за 1 копійку можна передати біт "0", а за 4 копійки - біт "1". Тоді загальна вартість даного коду без префіксів становитиме 35 копійок. Це найдешевша можлива вартість для кодування зміщеної вартості з даного питання. Запишемо скорочено $Cost(6) = 35$.
+
+Чому дорівнює $Cost(10^9)$?
+
+# --hints--
+
+`skewCostCoding()` має повернути `64564225042`.
+
+```js
+assert.strictEqual(skewCostCoding(), 64564225042);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function skewCostCoding() {
+
+  return true;
+}
+
+skewCostCoding();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-22-names-scores.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-22-names-scores.md
new file mode 100644
index 0000000000..ac23a9b75c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-22-names-scores.md
@@ -0,0 +1,90 @@
+---
+id: 5a51eabcad78bf416f316e2a
+title: 'Завдання 22: Оцінки імен'
+challengeType: 5
+forumTopicId: 301862
+dashedName: problem-22-names-scores
+---
+
+# --description--
+
+Використовуючи `names`, відсортуйте в алфавітному порядку масив, визначений у фоновому режимі і який містить більше п'яти тисяч імен. Потім, підрахувавши алфавітне значення для кожного імені, помножте це значення на його алфавітну позицію у списку, щоб отримати оцінку імені.
+
+Наприклад, якщо список відсортувати у алфавітному порядку, алфавітне значення імені COLIN буде 3 + 15 + 12 + 9 + 14 = 53, що робить його 938-тим іменем у списку. Тому, COLIN отримає оцінку 938 × 53 = 49714.
+
+Яка сума усіх оцінок імен у масиві?
+
+# --hints--
+
+`namesScores(test1)` має повернути число.
+
+```js
+assert(typeof namesScores(test1) === 'number');
+```
+
+`namesScores(test1)` має повернути число 791.
+
+```js
+assert.strictEqual(namesScores(test1), 791);
+```
+
+`namesScores(test2)` має повернути число 1468.
+
+```js
+assert.strictEqual(namesScores(test2), 1468);
+```
+
+`namesScores(names)` має повернути число 871198282.
+
+```js
+assert.strictEqual(namesScores(names), 871198282);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const names = ['MARY','PATRICIA','LINDA','BARBARA','ELIZABETH','JENNIFER','MARIA','SUSAN','MARGARET','DOROTHY','LISA','NANCY','KAREN','BETTY','HELEN','SANDRA','DONNA','CAROL','RUTH','SHARON','MICHELLE','LAURA','SARAH','KIMBERLY','DEBORAH','JESSICA','SHIRLEY','CYNTHIA','ANGELA','MELISSA','BRENDA','AMY','ANNA','REBECCA','VIRGINIA','KATHLEEN','PAMELA','MARTHA','DEBRA','AMANDA','STEPHANIE','CAROLYN','CHRISTINE','MARIE','JANET','CATHERINE','FRANCES','ANN','JOYCE','DIANE','ALICE','JULIE','HEATHER','TERESA','DORIS','GLORIA','EVELYN','JEAN','CHERYL','MILDRED','KATHERINE','JOAN','ASHLEY','JUDITH','ROSE','JANICE','KELLY','NICOLE','JUDY','CHRISTINA','KATHY','THERESA','BEVERLY','DENISE','TAMMY','IRENE','JANE','LORI','RACHEL','MARILYN','ANDREA','KATHRYN','LOUISE','SARA','ANNE','JACQUELINE','WANDA','BONNIE','JULIA','RUBY','LOIS','TINA','PHYLLIS','NORMA','PAULA','DIANA','ANNIE','LILLIAN','EMILY','ROBIN','PEGGY','CRYSTAL','GLADYS','RITA','DAWN','CONNIE','FLORENCE','TRACY','EDNA','TIFFANY','CARMEN','ROSA','CINDY','GRACE','WENDY','VICTORIA','EDITH','KIM','SHERRY','SYLVIA','JOSEPHINE','THELMA','SHANNON','SHEILA','ETHEL','ELLEN','ELAINE','MARJORIE','CARRIE','CHARLOTTE','MONICA','ESTHER','PAULINE','EMMA','JUANITA','ANITA','RHONDA','HAZEL','AMBER','EVA','DEBBIE','APRIL','LESLIE','CLARA','LUCILLE','JAMIE','JOANNE','ELEANOR','VALERIE','DANIELLE','MEGAN','ALICIA','SUZANNE','MICHELE','GAIL','BERTHA','DARLENE','VERONICA','JILL','ERIN','GERALDINE','LAUREN','CATHY','JOANN','LORRAINE','LYNN','SALLY','REGINA','ERICA','BEATRICE','DOLORES','BERNICE','AUDREY','YVONNE','ANNETTE','JUNE','SAMANTHA','MARION','DANA','STACY','ANA','RENEE','IDA','VIVIAN','ROBERTA','HOLLY','BRITTANY','MELANIE','LORETTA','YOLANDA','JEANETTE','LAURIE','KATIE','KRISTEN','VANESSA','ALMA','SUE','ELSIE','BETH','JEANNE','VICKI','CARLA','TARA','ROSEMARY','EILEEN','TERRI','GERTRUDE','LUCY','TONYA','ELLA','STACEY','WILMA','GINA','KRISTIN','JESSIE','NATALIE','AGNES','VERA','WILLIE','CHARLENE','BESSIE','DELORES','MELINDA','PEARL','ARLENE','MAUREEN','COLLEEN','ALLISON','TAMARA','JOY','GEORGIA','CONSTANCE','LILLIE','CLAUDIA','JACKIE','MARCIA','TANYA','NELLIE','MINNIE','MARLENE','HEIDI','GLENDA','LYDIA','VIOLA','COURTNEY','MARIAN','STELLA','CAROLINE','DORA','JO','VICKIE','MATTIE','TERRY','MAXINE','IRMA','MABEL','MARSHA','MYRTLE','LENA','CHRISTY','DEANNA','PATSY','HILDA','GWENDOLYN','JENNIE','NORA','MARGIE','NINA','CASSANDRA','LEAH','PENNY','KAY','PRISCILLA','NAOMI','CAROLE','BRANDY','OLGA','BILLIE','DIANNE','TRACEY','LEONA','JENNY','FELICIA','SONIA','MIRIAM','VELMA','BECKY','BOBBIE','VIOLET','KRISTINA','TONI','MISTY','MAE','SHELLY','DAISY','RAMONA','SHERRI','ERIKA','KATRINA','CLAIRE','LINDSEY','LINDSAY','GENEVA','GUADALUPE','BELINDA','MARGARITA','SHERYL','CORA','FAYE','ADA','NATASHA','SABRINA','ISABEL','MARGUERITE','HATTIE','HARRIET','MOLLY','CECILIA','KRISTI','BRANDI','BLANCHE','SANDY','ROSIE','JOANNA','IRIS','EUNICE','ANGIE','INEZ','LYNDA','MADELINE','AMELIA','ALBERTA','GENEVIEVE','MONIQUE','JODI','JANIE','MAGGIE','KAYLA','SONYA','JAN','LEE','KRISTINE','CANDACE','FANNIE','MARYANN','OPAL','ALISON','YVETTE','MELODY','LUZ','SUSIE','OLIVIA','FLORA','SHELLEY','KRISTY','MAMIE','LULA','LOLA','VERNA','BEULAH','ANTOINETTE','CANDICE','JUANA','JEANNETTE','PAM','KELLI','HANNAH','WHITNEY','BRIDGET','KARLA','CELIA','LATOYA','PATTY','SHELIA','GAYLE','DELLA','VICKY','LYNNE','SHERI','MARIANNE','KARA','JACQUELYN','ERMA','BLANCA','MYRA','LETICIA','PAT','KRISTA','ROXANNE','ANGELICA','JOHNNIE','ROBYN','FRANCIS','ADRIENNE','ROSALIE','ALEXANDRA','BROOKE','BETHANY','SADIE','BERNADETTE','TRACI','JODY','KENDRA','JASMINE','NICHOLE','RACHAEL','CHELSEA','MABLE','ERNESTINE','MURIEL','MARCELLA','ELENA','KRYSTAL','ANGELINA','NADINE','KARI','ESTELLE','DIANNA','PAULETTE','LORA','MONA','DOREEN','ROSEMARIE','ANGEL','DESIREE','ANTONIA','HOPE','GINGER','JANIS','BETSY','CHRISTIE','FREDA','MERCEDES','MEREDITH','LYNETTE','TERI','CRISTINA','EULA','LEIGH','MEGHAN','SOPHIA','ELOISE','ROCHELLE','GRETCHEN','CECELIA','RAQUEL','HENRIETTA','ALYSSA','JANA','KELLEY','GWEN','KERRY','JENNA','TRICIA','LAVERNE','OLIVE','ALEXIS','TASHA','SILVIA','ELVIRA','CASEY','DELIA','SOPHIE','KATE','PATTI','LORENA','KELLIE','SONJA','LILA','LANA','DARLA','MAY','MINDY','ESSIE','MANDY','LORENE','ELSA','JOSEFINA','JEANNIE','MIRANDA','DIXIE','LUCIA','MARTA','FAITH','LELA','JOHANNA','SHARI','CAMILLE','TAMI','SHAWNA','ELISA','EBONY','MELBA','ORA','NETTIE','TABITHA','OLLIE','JAIME','WINIFRED','KRISTIE','MARINA','ALISHA','AIMEE','RENA','MYRNA','MARLA','TAMMIE','LATASHA','BONITA','PATRICE','RONDA','SHERRIE','ADDIE','FRANCINE','DELORIS','STACIE','ADRIANA','CHERI','SHELBY','ABIGAIL','CELESTE','JEWEL','CARA','ADELE','REBEKAH','LUCINDA','DORTHY','CHRIS','EFFIE','TRINA','REBA','SHAWN','SALLIE','AURORA','LENORA','ETTA','LOTTIE','KERRI','TRISHA','NIKKI','ESTELLA','FRANCISCA','JOSIE','TRACIE','MARISSA','KARIN','BRITTNEY','JANELLE','LOURDES','LAUREL','HELENE','FERN','ELVA','CORINNE','KELSEY','INA','BETTIE','ELISABETH','AIDA','CAITLIN','INGRID','IVA','EUGENIA','CHRISTA','GOLDIE','CASSIE','MAUDE','JENIFER','THERESE','FRANKIE','DENA','LORNA','JANETTE','LATONYA','CANDY','MORGAN','CONSUELO','TAMIKA','ROSETTA','DEBORA','CHERIE','POLLY','DINA','JEWELL','FAY','JILLIAN','DOROTHEA','NELL','TRUDY','ESPERANZA','PATRICA','KIMBERLEY','SHANNA','HELENA','CAROLINA','CLEO','STEFANIE','ROSARIO','OLA','JANINE','MOLLIE','LUPE','ALISA','LOU','MARIBEL','SUSANNE','BETTE','SUSANA','ELISE','CECILE','ISABELLE','LESLEY','JOCELYN','PAIGE','JONI','RACHELLE','LEOLA','DAPHNE','ALTA','ESTER','PETRA','GRACIELA','IMOGENE','JOLENE','KEISHA','LACEY','GLENNA','GABRIELA','KERI','URSULA','LIZZIE','KIRSTEN','SHANA','ADELINE','MAYRA','JAYNE','JACLYN','GRACIE','SONDRA','CARMELA','MARISA','ROSALIND','CHARITY','TONIA','BEATRIZ','MARISOL','CLARICE','JEANINE','SHEENA','ANGELINE','FRIEDA','LILY','ROBBIE','SHAUNA','MILLIE','CLAUDETTE','CATHLEEN','ANGELIA','GABRIELLE','AUTUMN','KATHARINE','SUMMER','JODIE','STACI','LEA','CHRISTI','JIMMIE','JUSTINE','ELMA','LUELLA','MARGRET','DOMINIQUE','SOCORRO','RENE','MARTINA','MARGO','MAVIS','CALLIE','BOBBI','MARITZA','LUCILE','LEANNE','JEANNINE','DEANA','AILEEN','LORIE','LADONNA','WILLA','MANUELA','GALE','SELMA','DOLLY','SYBIL','ABBY','LARA','DALE','IVY','DEE','WINNIE','MARCY','LUISA','JERI','MAGDALENA','OFELIA','MEAGAN','AUDRA','MATILDA','LEILA','CORNELIA','BIANCA','SIMONE','BETTYE','RANDI','VIRGIE','LATISHA','BARBRA','GEORGINA','ELIZA','LEANN','BRIDGETTE','RHODA','HALEY','ADELA','NOLA','BERNADINE','FLOSSIE','ILA','GRETA','RUTHIE','NELDA','MINERVA','LILLY','TERRIE','LETHA','HILARY','ESTELA','VALARIE','BRIANNA','ROSALYN','EARLINE','CATALINA','AVA','MIA','CLARISSA','LIDIA','CORRINE','ALEXANDRIA','CONCEPCION','TIA','SHARRON','RAE','DONA','ERICKA','JAMI','ELNORA','CHANDRA','LENORE','NEVA','MARYLOU','MELISA','TABATHA','SERENA','AVIS','ALLIE','SOFIA','JEANIE','ODESSA','NANNIE','HARRIETT','LORAINE','PENELOPE','MILAGROS','EMILIA','BENITA','ALLYSON','ASHLEE','TANIA','TOMMIE','ESMERALDA','KARINA','EVE','PEARLIE','ZELMA','MALINDA','NOREEN','TAMEKA','SAUNDRA','HILLARY','AMIE','ALTHEA','ROSALINDA','JORDAN','LILIA','ALANA','GAY','CLARE','ALEJANDRA','ELINOR','MICHAEL','LORRIE','JERRI','DARCY','EARNESTINE','CARMELLA','TAYLOR','NOEMI','MARCIE','LIZA','ANNABELLE','LOUISA','EARLENE','MALLORY','CARLENE','NITA','SELENA','TANISHA','KATY','JULIANNE','JOHN','LAKISHA','EDWINA','MARICELA','MARGERY','KENYA','DOLLIE','ROXIE','ROSLYN','KATHRINE','NANETTE','CHARMAINE','LAVONNE','ILENE','KRIS','TAMMI','SUZETTE','CORINE','KAYE','JERRY','MERLE','CHRYSTAL','LINA','DEANNE','LILIAN','JULIANA','ALINE','LUANN','KASEY','MARYANNE','EVANGELINE','COLETTE','MELVA','LAWANDA','YESENIA','NADIA','MADGE','KATHIE','EDDIE','OPHELIA','VALERIA','NONA','MITZI','MARI','GEORGETTE','CLAUDINE','FRAN','ALISSA','ROSEANN','LAKEISHA','SUSANNA','REVA','DEIDRE','CHASITY','SHEREE','CARLY','JAMES','ELVIA','ALYCE','DEIRDRE','GENA','BRIANA','ARACELI','KATELYN','ROSANNE','WENDI','TESSA','BERTA','MARVA','IMELDA','MARIETTA','MARCI','LEONOR','ARLINE','SASHA','MADELYN','JANNA','JULIETTE','DEENA','AURELIA','JOSEFA','AUGUSTA','LILIANA','YOUNG','CHRISTIAN','LESSIE','AMALIA','SAVANNAH','ANASTASIA','VILMA','NATALIA','ROSELLA','LYNNETTE','CORINA','ALFREDA','LEANNA','CAREY','AMPARO','COLEEN','TAMRA','AISHA','WILDA','KARYN','CHERRY','QUEEN','MAURA','MAI','EVANGELINA','ROSANNA','HALLIE','ERNA','ENID','MARIANA','LACY','JULIET','JACKLYN','FREIDA','MADELEINE','MARA','HESTER','CATHRYN','LELIA','CASANDRA','BRIDGETT','ANGELITA','JANNIE','DIONNE','ANNMARIE','KATINA','BERYL','PHOEBE','MILLICENT','KATHERYN','DIANN','CARISSA','MARYELLEN','LIZ','LAURI','HELGA','GILDA','ADRIAN','RHEA','MARQUITA','HOLLIE','TISHA','TAMERA','ANGELIQUE','FRANCESCA','BRITNEY','KAITLIN','LOLITA','FLORINE','ROWENA','REYNA','TWILA','FANNY','JANELL','INES','CONCETTA','BERTIE','ALBA','BRIGITTE','ALYSON','VONDA','PANSY','ELBA','NOELLE','LETITIA','KITTY','DEANN','BRANDIE','LOUELLA','LETA','FELECIA','SHARLENE','LESA','BEVERLEY','ROBERT','ISABELLA','HERMINIA','TERRA','CELINA','TORI','OCTAVIA','JADE','DENICE','GERMAINE','SIERRA','MICHELL','CORTNEY','NELLY','DORETHA','SYDNEY','DEIDRA','MONIKA','LASHONDA','JUDI','CHELSEY','ANTIONETTE','MARGOT','BOBBY','ADELAIDE','NAN','LEEANN','ELISHA','DESSIE','LIBBY','KATHI','GAYLA','LATANYA','MINA','MELLISA','KIMBERLEE','JASMIN','RENAE','ZELDA','ELDA','MA','JUSTINA','GUSSIE','EMILIE','CAMILLA','ABBIE','ROCIO','KAITLYN','JESSE','EDYTHE','ASHLEIGH','SELINA','LAKESHA','GERI','ALLENE','PAMALA','MICHAELA','DAYNA','CARYN','ROSALIA','SUN','JACQULINE','REBECA','MARYBETH','KRYSTLE','IOLA','DOTTIE','BENNIE','BELLE','AUBREY','GRISELDA','ERNESTINA','ELIDA','ADRIANNE','DEMETRIA','DELMA','CHONG','JAQUELINE','DESTINY','ARLEEN','VIRGINA','RETHA','FATIMA','TILLIE','ELEANORE','CARI','TREVA','BIRDIE','WILHELMINA','ROSALEE','MAURINE','LATRICE','YONG','JENA','TARYN','ELIA','DEBBY','MAUDIE','JEANNA','DELILAH','CATRINA','SHONDA','HORTENCIA','THEODORA','TERESITA','ROBBIN','DANETTE','MARYJANE','FREDDIE','DELPHINE','BRIANNE','NILDA','DANNA','CINDI','BESS','IONA','HANNA','ARIEL','WINONA','VIDA','ROSITA','MARIANNA','WILLIAM','RACHEAL','GUILLERMINA','ELOISA','CELESTINE','CAREN','MALISSA','LONA','CHANTEL','SHELLIE','MARISELA','LEORA','AGATHA','SOLEDAD','MIGDALIA','IVETTE','CHRISTEN','ATHENA','JANEL','CHLOE','VEDA','PATTIE','TESSIE','TERA','MARILYNN','LUCRETIA','KARRIE','DINAH','DANIELA','ALECIA','ADELINA','VERNICE','SHIELA','PORTIA','MERRY','LASHAWN','DEVON','DARA','TAWANA','OMA','VERDA','CHRISTIN','ALENE','ZELLA','SANDI','RAFAELA','MAYA','KIRA','CANDIDA','ALVINA','SUZAN','SHAYLA','LYN','LETTIE','ALVA','SAMATHA','ORALIA','MATILDE','MADONNA','LARISSA','VESTA','RENITA','INDIA','DELOIS','SHANDA','PHILLIS','LORRI','ERLINDA','CRUZ','CATHRINE','BARB','ZOE','ISABELL','IONE','GISELA','CHARLIE','VALENCIA','ROXANNA','MAYME','KISHA','ELLIE','MELLISSA','DORRIS','DALIA','BELLA','ANNETTA','ZOILA','RETA','REINA','LAURETTA','KYLIE','CHRISTAL','PILAR','CHARLA','ELISSA','TIFFANI','TANA','PAULINA','LEOTA','BREANNA','JAYME','CARMEL','VERNELL','TOMASA','MANDI','DOMINGA','SANTA','MELODIE','LURA','ALEXA','TAMELA','RYAN','MIRNA','KERRIE','VENUS','NOEL','FELICITA','CRISTY','CARMELITA','BERNIECE','ANNEMARIE','TIARA','ROSEANNE','MISSY','CORI','ROXANA','PRICILLA','KRISTAL','JUNG','ELYSE','HAYDEE','ALETHA','BETTINA','MARGE','GILLIAN','FILOMENA','CHARLES','ZENAIDA','HARRIETTE','CARIDAD','VADA','UNA','ARETHA','PEARLINE','MARJORY','MARCELA','FLOR','EVETTE','ELOUISE','ALINA','TRINIDAD','DAVID','DAMARIS','CATHARINE','CARROLL','BELVA','NAKIA','MARLENA','LUANNE','LORINE','KARON','DORENE','DANITA','BRENNA','TATIANA','SAMMIE','LOUANN','LOREN','JULIANNA','ANDRIA','PHILOMENA','LUCILA','LEONORA','DOVIE','ROMONA','MIMI','JACQUELIN','GAYE','TONJA','MISTI','JOE','GENE','CHASTITY','STACIA','ROXANN','MICAELA','NIKITA','MEI','VELDA','MARLYS','JOHNNA','AURA','LAVERN','IVONNE','HAYLEY','NICKI','MAJORIE','HERLINDA','GEORGE','ALPHA','YADIRA','PERLA','GREGORIA','DANIEL','ANTONETTE','SHELLI','MOZELLE','MARIAH','JOELLE','CORDELIA','JOSETTE','CHIQUITA','TRISTA','LOUIS','LAQUITA','GEORGIANA','CANDI','SHANON','LONNIE','HILDEGARD','CECIL','VALENTINA','STEPHANY','MAGDA','KAROL','GERRY','GABRIELLA','TIANA','ROMA','RICHELLE','RAY','PRINCESS','OLETA','JACQUE','IDELLA','ALAINA','SUZANNA','JOVITA','BLAIR','TOSHA','RAVEN','NEREIDA','MARLYN','KYLA','JOSEPH','DELFINA','TENA','STEPHENIE','SABINA','NATHALIE','MARCELLE','GERTIE','DARLEEN','THEA','SHARONDA','SHANTEL','BELEN','VENESSA','ROSALINA','ONA','GENOVEVA','COREY','CLEMENTINE','ROSALBA','RENATE','RENATA','MI','IVORY','GEORGIANNA','FLOY','DORCAS','ARIANA','TYRA','THEDA','MARIAM','JULI','JESICA','DONNIE','VIKKI','VERLA','ROSELYN','MELVINA','JANNETTE','GINNY','DEBRAH','CORRIE','ASIA','VIOLETA','MYRTIS','LATRICIA','COLLETTE','CHARLEEN','ANISSA','VIVIANA','TWYLA','PRECIOUS','NEDRA','LATONIA','LAN','HELLEN','FABIOLA','ANNAMARIE','ADELL','SHARYN','CHANTAL','NIKI','MAUD','LIZETTE','LINDY','KIA','KESHA','JEANA','DANELLE','CHARLINE','CHANEL','CARROL','VALORIE','LIA','DORTHA','CRISTAL','SUNNY','LEONE','LEILANI','GERRI','DEBI','ANDRA','KESHIA','IMA','EULALIA','EASTER','DULCE','NATIVIDAD','LINNIE','KAMI','GEORGIE','CATINA','BROOK','ALDA','WINNIFRED','SHARLA','RUTHANN','MEAGHAN','MAGDALENE','LISSETTE','ADELAIDA','VENITA','TRENA','SHIRLENE','SHAMEKA','ELIZEBETH','DIAN','SHANTA','MICKEY','LATOSHA','CARLOTTA','WINDY','SOON','ROSINA','MARIANN','LEISA','JONNIE','DAWNA','CATHIE','BILLY','ASTRID','SIDNEY','LAUREEN','JANEEN','HOLLI','FAWN','VICKEY','TERESSA','SHANTE','RUBYE','MARCELINA','CHANDA','CARY','TERESE','SCARLETT','MARTY','MARNIE','LULU','LISETTE','JENIFFER','ELENOR','DORINDA','DONITA','CARMAN','BERNITA','ALTAGRACIA','ALETA','ADRIANNA','ZORAIDA','RONNIE','NICOLA','LYNDSEY','KENDALL','JANINA','CHRISSY','AMI','STARLA','PHYLIS','PHUONG','KYRA','CHARISSE','BLANCH','SANJUANITA','RONA','NANCI','MARILEE','MARANDA','CORY','BRIGETTE','SANJUANA','MARITA','KASSANDRA','JOYCELYN','IRA','FELIPA','CHELSIE','BONNY','MIREYA','LORENZA','KYONG','ILEANA','CANDELARIA','TONY','TOBY','SHERIE','OK','MARK','LUCIE','LEATRICE','LAKESHIA','GERDA','EDIE','BAMBI','MARYLIN','LAVON','HORTENSE','GARNET','EVIE','TRESSA','SHAYNA','LAVINA','KYUNG','JEANETTA','SHERRILL','SHARA','PHYLISS','MITTIE','ANABEL','ALESIA','THUY','TAWANDA','RICHARD','JOANIE','TIFFANIE','LASHANDA','KARISSA','ENRIQUETA','DARIA','DANIELLA','CORINNA','ALANNA','ABBEY','ROXANE','ROSEANNA','MAGNOLIA','LIDA','KYLE','JOELLEN','ERA','CORAL','CARLEEN','TRESA','PEGGIE','NOVELLA','NILA','MAYBELLE','JENELLE','CARINA','NOVA','MELINA','MARQUERITE','MARGARETTE','JOSEPHINA','EVONNE','DEVIN','CINTHIA','ALBINA','TOYA','TAWNYA','SHERITA','SANTOS','MYRIAM','LIZABETH','LISE','KEELY','JENNI','GISELLE','CHERYLE','ARDITH','ARDIS','ALESHA','ADRIANE','SHAINA','LINNEA','KAROLYN','HONG','FLORIDA','FELISHA','DORI','DARCI','ARTIE','ARMIDA','ZOLA','XIOMARA','VERGIE','SHAMIKA','NENA','NANNETTE','MAXIE','LOVIE','JEANE','JAIMIE','INGE','FARRAH','ELAINA','CAITLYN','STARR','FELICITAS','CHERLY','CARYL','YOLONDA','YASMIN','TEENA','PRUDENCE','PENNIE','NYDIA','MACKENZIE','ORPHA','MARVEL','LIZBETH','LAURETTE','JERRIE','HERMELINDA','CAROLEE','TIERRA','MIRIAN','META','MELONY','KORI','JENNETTE','JAMILA','ENA','ANH','YOSHIKO','SUSANNAH','SALINA','RHIANNON','JOLEEN','CRISTINE','ASHTON','ARACELY','TOMEKA','SHALONDA','MARTI','LACIE','KALA','JADA','ILSE','HAILEY','BRITTANI','ZONA','SYBLE','SHERRYL','RANDY','NIDIA','MARLO','KANDICE','KANDI','DEB','DEAN','AMERICA','ALYCIA','TOMMY','RONNA','NORENE','MERCY','JOSE','INGEBORG','GIOVANNA','GEMMA','CHRISTEL','AUDRY','ZORA','VITA','VAN','TRISH','STEPHAINE','SHIRLEE','SHANIKA','MELONIE','MAZIE','JAZMIN','INGA','HOA','HETTIE','GERALYN','FONDA','ESTRELLA','ADELLA','SU','SARITA','RINA','MILISSA','MARIBETH','GOLDA','EVON','ETHELYN','ENEDINA','CHERISE','CHANA','VELVA','TAWANNA','SADE','MIRTA','LI','KARIE','JACINTA','ELNA','DAVINA','CIERRA','ASHLIE','ALBERTHA','TANESHA','STEPHANI','NELLE','MINDI','LU','LORINDA','LARUE','FLORENE','DEMETRA','DEDRA','CIARA','CHANTELLE','ASHLY','SUZY','ROSALVA','NOELIA','LYDA','LEATHA','KRYSTYNA','KRISTAN','KARRI','DARLINE','DARCIE','CINDA','CHEYENNE','CHERRIE','AWILDA','ALMEDA','ROLANDA','LANETTE','JERILYN','GISELE','EVALYN','CYNDI','CLETA','CARIN','ZINA','ZENA','VELIA','TANIKA','PAUL','CHARISSA','THOMAS','TALIA','MARGARETE','LAVONDA','KAYLEE','KATHLENE','JONNA','IRENA','ILONA','IDALIA','CANDIS','CANDANCE','BRANDEE','ANITRA','ALIDA','SIGRID','NICOLETTE','MARYJO','LINETTE','HEDWIG','CHRISTIANA','CASSIDY','ALEXIA','TRESSIE','MODESTA','LUPITA','LITA','GLADIS','EVELIA','DAVIDA','CHERRI','CECILY','ASHELY','ANNABEL','AGUSTINA','WANITA','SHIRLY','ROSAURA','HULDA','EUN','BAILEY','YETTA','VERONA','THOMASINA','SIBYL','SHANNAN','MECHELLE','LUE','LEANDRA','LANI','KYLEE','KANDY','JOLYNN','FERNE','EBONI','CORENE','ALYSIA','ZULA','NADA','MOIRA','LYNDSAY','LORRETTA','JUAN','JAMMIE','HORTENSIA','GAYNELL','CAMERON','ADRIA','VINA','VICENTA','TANGELA','STEPHINE','NORINE','NELLA','LIANA','LESLEE','KIMBERELY','ILIANA','GLORY','FELICA','EMOGENE','ELFRIEDE','EDEN','EARTHA','CARMA','BEA','OCIE','MARRY','LENNIE','KIARA','JACALYN','CARLOTA','ARIELLE','YU','STAR','OTILIA','KIRSTIN','KACEY','JOHNETTA','JOEY','JOETTA','JERALDINE','JAUNITA','ELANA','DORTHEA','CAMI','AMADA','ADELIA','VERNITA','TAMAR','SIOBHAN','RENEA','RASHIDA','OUIDA','ODELL','NILSA','MERYL','KRISTYN','JULIETA','DANICA','BREANNE','AUREA','ANGLEA','SHERRON','ODETTE','MALIA','LORELEI','LIN','LEESA','KENNA','KATHLYN','FIONA','CHARLETTE','SUZIE','SHANTELL','SABRA','RACQUEL','MYONG','MIRA','MARTINE','LUCIENNE','LAVADA','JULIANN','JOHNIE','ELVERA','DELPHIA','CLAIR','CHRISTIANE','CHAROLETTE','CARRI','AUGUSTINE','ASHA','ANGELLA','PAOLA','NINFA','LEDA','LAI','EDA','SUNSHINE','STEFANI','SHANELL','PALMA','MACHELLE','LISSA','KECIA','KATHRYNE','KARLENE','JULISSA','JETTIE','JENNIFFER','HUI','CORRINA','CHRISTOPHER','CAROLANN','ALENA','TESS','ROSARIA','MYRTICE','MARYLEE','LIANE','KENYATTA','JUDIE','JANEY','IN','ELMIRA','ELDORA','DENNA','CRISTI','CATHI','ZAIDA','VONNIE','VIVA','VERNIE','ROSALINE','MARIELA','LUCIANA','LESLI','KARAN','FELICE','DENEEN','ADINA','WYNONA','TARSHA','SHERON','SHASTA','SHANITA','SHANI','SHANDRA','RANDA','PINKIE','PARIS','NELIDA','MARILOU','LYLA','LAURENE','LACI','JOI','JANENE','DOROTHA','DANIELE','DANI','CAROLYNN','CARLYN','BERENICE','AYESHA','ANNELIESE','ALETHEA','THERSA','TAMIKO','RUFINA','OLIVA','MOZELL','MARYLYN','MADISON','KRISTIAN','KATHYRN','KASANDRA','KANDACE','JANAE','GABRIEL','DOMENICA','DEBBRA','DANNIELLE','CHUN','BUFFY','BARBIE','ARCELIA','AJA','ZENOBIA','SHAREN','SHAREE','PATRICK','PAGE','MY','LAVINIA','KUM','KACIE','JACKELINE','HUONG','FELISA','EMELIA','ELEANORA','CYTHIA','CRISTIN','CLYDE','CLARIBEL','CARON','ANASTACIA','ZULMA','ZANDRA','YOKO','TENISHA','SUSANN','SHERILYN','SHAY','SHAWANDA','SABINE','ROMANA','MATHILDA','LINSEY','KEIKO','JOANA','ISELA','GRETTA','GEORGETTA','EUGENIE','DUSTY','DESIRAE','DELORA','CORAZON','ANTONINA','ANIKA','WILLENE','TRACEE','TAMATHA','REGAN','NICHELLE','MICKIE','MAEGAN','LUANA','LANITA','KELSIE','EDELMIRA','BREE','AFTON','TEODORA','TAMIE','SHENA','MEG','LINH','KELI','KACI','DANYELLE','BRITT','ARLETTE','ALBERTINE','ADELLE','TIFFINY','STORMY','SIMONA','NUMBERS','NICOLASA','NICHOL','NIA','NAKISHA','MEE','MAIRA','LOREEN','KIZZY','JOHNNY','JAY','FALLON','CHRISTENE','BOBBYE','ANTHONY','YING','VINCENZA','TANJA','RUBIE','RONI','QUEENIE','MARGARETT','KIMBERLI','IRMGARD','IDELL','HILMA','EVELINA','ESTA','EMILEE','DENNISE','DANIA','CARL','CARIE','ANTONIO','WAI','SANG','RISA','RIKKI','PARTICIA','MUI','MASAKO','MARIO','LUVENIA','LOREE','LONI','LIEN','KEVIN','GIGI','FLORENCIA','DORIAN','DENITA','DALLAS','CHI','BILLYE','ALEXANDER','TOMIKA','SHARITA','RANA','NIKOLE','NEOMA','MARGARITE','MADALYN','LUCINA','LAILA','KALI','JENETTE','GABRIELE','EVELYNE','ELENORA','CLEMENTINA','ALEJANDRINA','ZULEMA','VIOLETTE','VANNESSA','THRESA','RETTA','PIA','PATIENCE','NOELLA','NICKIE','JONELL','DELTA','CHUNG','CHAYA','CAMELIA','BETHEL','ANYA','ANDREW','THANH','SUZANN','SPRING','SHU','MILA','LILLA','LAVERNA','KEESHA','KATTIE','GIA','GEORGENE','EVELINE','ESTELL','ELIZBETH','VIVIENNE','VALLIE','TRUDIE','STEPHANE','MICHEL','MAGALY','MADIE','KENYETTA','KARREN','JANETTA','HERMINE','HARMONY','DRUCILLA','DEBBI','CELESTINA','CANDIE','BRITNI','BECKIE','AMINA','ZITA','YUN','YOLANDE','VIVIEN','VERNETTA','TRUDI','SOMMER','PEARLE','PATRINA','OSSIE','NICOLLE','LOYCE','LETTY','LARISA','KATHARINA','JOSELYN','JONELLE','JENELL','IESHA','HEIDE','FLORINDA','FLORENTINA','FLO','ELODIA','DORINE','BRUNILDA','BRIGID','ASHLI','ARDELLA','TWANA','THU','TARAH','SUNG','SHEA','SHAVON','SHANE','SERINA','RAYNA','RAMONITA','NGA','MARGURITE','LUCRECIA','KOURTNEY','KATI','JESUS','JESENIA','DIAMOND','CRISTA','AYANA','ALICA','ALIA','VINNIE','SUELLEN','ROMELIA','RACHELL','PIPER','OLYMPIA','MICHIKO','KATHALEEN','JOLIE','JESSI','JANESSA','HANA','HA','ELEASE','CARLETTA','BRITANY','SHONA','SALOME','ROSAMOND','REGENA','RAINA','NGOC','NELIA','LOUVENIA','LESIA','LATRINA','LATICIA','LARHONDA','JINA','JACKI','HOLLIS','HOLLEY','EMMY','DEEANN','CORETTA','ARNETTA','VELVET','THALIA','SHANICE','NETA','MIKKI','MICKI','LONNA','LEANA','LASHUNDA','KILEY','JOYE','JACQULYN','IGNACIA','HYUN','HIROKO','HENRY','HENRIETTE','ELAYNE','DELINDA','DARNELL','DAHLIA','COREEN','CONSUELA','CONCHITA','CELINE','BABETTE','AYANNA','ANETTE','ALBERTINA','SKYE','SHAWNEE','SHANEKA','QUIANA','PAMELIA','MIN','MERRI','MERLENE','MARGIT','KIESHA','KIERA','KAYLENE','JODEE','JENISE','ERLENE','EMMIE','ELSE','DARYL','DALILA','DAISEY','CODY','CASIE','BELIA','BABARA','VERSIE','VANESA','SHELBA','SHAWNDA','SAM','NORMAN','NIKIA','NAOMA','MARNA','MARGERET','MADALINE','LAWANA','KINDRA','JUTTA','JAZMINE','JANETT','HANNELORE','GLENDORA','GERTRUD','GARNETT','FREEDA','FREDERICA','FLORANCE','FLAVIA','DENNIS','CARLINE','BEVERLEE','ANJANETTE','VALDA','TRINITY','TAMALA','STEVIE','SHONNA','SHA','SARINA','ONEIDA','MICAH','MERILYN','MARLEEN','LURLINE','LENNA','KATHERIN','JIN','JENI','HAE','GRACIA','GLADY','FARAH','ERIC','ENOLA','EMA','DOMINQUE','DEVONA','DELANA','CECILA','CAPRICE','ALYSHA','ALI','ALETHIA','VENA','THERESIA','TAWNY','SONG','SHAKIRA','SAMARA','SACHIKO','RACHELE','PAMELLA','NICKY','MARNI','MARIEL','MAREN','MALISA','LIGIA','LERA','LATORIA','LARAE','KIMBER','KATHERN','KAREY','JENNEFER','JANETH','HALINA','FREDIA','DELISA','DEBROAH','CIERA','CHIN','ANGELIKA','ANDREE','ALTHA','YEN','VIVAN','TERRESA','TANNA','SUK','SUDIE','SOO','SIGNE','SALENA','RONNI','REBBECCA','MYRTIE','MCKENZIE','MALIKA','MAIDA','LOAN','LEONARDA','KAYLEIGH','FRANCE','ETHYL','ELLYN','DAYLE','CAMMIE','BRITTNI','BIRGIT','AVELINA','ASUNCION','ARIANNA','AKIKO','VENICE','TYESHA','TONIE','TIESHA','TAKISHA','STEFFANIE','SINDY','SANTANA','MEGHANN','MANDA','MACIE','LADY','KELLYE','KELLEE','JOSLYN','JASON','INGER','INDIRA','GLINDA','GLENNIS','FERNANDA','FAUSTINA','ENEIDA','ELICIA','DOT','DIGNA','DELL','ARLETTA','ANDRE','WILLIA','TAMMARA','TABETHA','SHERRELL','SARI','REFUGIO','REBBECA','PAULETTA','NIEVES','NATOSHA','NAKITA','MAMMIE','KENISHA','KAZUKO','KASSIE','GARY','EARLEAN','DAPHINE','CORLISS','CLOTILDE','CAROLYNE','BERNETTA','AUGUSTINA','AUDREA','ANNIS','ANNABELL','YAN','TENNILLE','TAMICA','SELENE','SEAN','ROSANA','REGENIA','QIANA','MARKITA','MACY','LEEANNE','LAURINE','KYM','JESSENIA','JANITA','GEORGINE','GENIE','EMIKO','ELVIE','DEANDRA','DAGMAR','CORIE','COLLEN','CHERISH','ROMAINE','PORSHA','PEARLENE','MICHELINE','MERNA','MARGORIE','MARGARETTA','LORE','KENNETH','JENINE','HERMINA','FREDERICKA','ELKE','DRUSILLA','DORATHY','DIONE','DESIRE','CELENA','BRIGIDA','ANGELES','ALLEGRA','THEO','TAMEKIA','SYNTHIA','STEPHEN','SOOK','SLYVIA','ROSANN','REATHA','RAYE','MARQUETTA','MARGART','LING','LAYLA','KYMBERLY','KIANA','KAYLEEN','KATLYN','KARMEN','JOELLA','IRINA','EMELDA','ELENI','DETRA','CLEMMIE','CHERYLL','CHANTELL','CATHEY','ARNITA','ARLA','ANGLE','ANGELIC','ALYSE','ZOFIA','THOMASINE','TENNIE','SON','SHERLY','SHERLEY','SHARYL','REMEDIOS','PETRINA','NICKOLE','MYUNG','MYRLE','MOZELLA','LOUANNE','LISHA','LATIA','LANE','KRYSTA','JULIENNE','JOEL','JEANENE','JACQUALINE','ISAURA','GWENDA','EARLEEN','DONALD','CLEOPATRA','CARLIE','AUDIE','ANTONIETTA','ALISE','ALEX','VERDELL','VAL','TYLER','TOMOKO','THAO','TALISHA','STEVEN','SO','SHEMIKA','SHAUN','SCARLET','SAVANNA','SANTINA','ROSIA','RAEANN','ODILIA','NANA','MINNA','MAGAN','LYNELLE','LE','KARMA','JOEANN','IVANA','INELL','ILANA','HYE','HONEY','HEE','GUDRUN','FRANK','DREAMA','CRISSY','CHANTE','CARMELINA','ARVILLA','ARTHUR','ANNAMAE','ALVERA','ALEIDA','AARON','YEE','YANIRA','VANDA','TIANNA','TAM','STEFANIA','SHIRA','PERRY','NICOL','NANCIE','MONSERRATE','MINH','MELYNDA','MELANY','MATTHEW','LOVELLA','LAURE','KIRBY','KACY','JACQUELYNN','HYON','GERTHA','FRANCISCO','ELIANA','CHRISTENA','CHRISTEEN','CHARISE','CATERINA','CARLEY','CANDYCE','ARLENA','AMMIE','YANG','WILLETTE','VANITA','TUYET','TINY','SYREETA','SILVA','SCOTT','RONALD','PENNEY','NYLA','MICHAL','MAURICE','MARYAM','MARYA','MAGEN','LUDIE','LOMA','LIVIA','LANELL','KIMBERLIE','JULEE','DONETTA','DIEDRA','DENISHA','DEANE','DAWNE','CLARINE','CHERRYL','BRONWYN','BRANDON','ALLA','VALERY','TONDA','SUEANN','SORAYA','SHOSHANA','SHELA','SHARLEEN','SHANELLE','NERISSA','MICHEAL','MERIDITH','MELLIE','MAYE','MAPLE','MAGARET','LUIS','LILI','LEONILA','LEONIE','LEEANNA','LAVONIA','LAVERA','KRISTEL','KATHEY','KATHE','JUSTIN','JULIAN','JIMMY','JANN','ILDA','HILDRED','HILDEGARDE','GENIA','FUMIKO','EVELIN','ERMELINDA','ELLY','DUNG','DOLORIS','DIONNA','DANAE','BERNEICE','ANNICE','ALIX','VERENA','VERDIE','TRISTAN','SHAWNNA','SHAWANA','SHAUNNA','ROZELLA','RANDEE','RANAE','MILAGRO','LYNELL','LUISE','LOUIE','LOIDA','LISBETH','KARLEEN','JUNITA','JONA','ISIS','HYACINTH','HEDY','GWENN','ETHELENE','ERLINE','EDWARD','DONYA','DOMONIQUE','DELICIA','DANNETTE','CICELY','BRANDA','BLYTHE','BETHANN','ASHLYN','ANNALEE','ALLINE','YUKO','VELLA','TRANG','TOWANDA','TESHA','SHERLYN','NARCISA','MIGUELINA','MERI','MAYBELL','MARLANA','MARGUERITA','MADLYN','LUNA','LORY','LORIANN','LIBERTY','LEONORE','LEIGHANN','LAURICE','LATESHA','LARONDA','KATRICE','KASIE','KARL','KALEY','JADWIGA','GLENNIE','GEARLDINE','FRANCINA','EPIFANIA','DYAN','DORIE','DIEDRE','DENESE','DEMETRICE','DELENA','DARBY','CRISTIE','CLEORA','CATARINA','CARISA','BERNIE','BARBERA','ALMETA','TRULA','TEREASA','SOLANGE','SHEILAH','SHAVONNE','SANORA','ROCHELL','MATHILDE','MARGARETA','MAIA','LYNSEY','LAWANNA','LAUNA','KENA','KEENA','KATIA','JAMEY','GLYNDA','GAYLENE','ELVINA','ELANOR','DANUTA','DANIKA','CRISTEN','CORDIE','COLETTA','CLARITA','CARMON','BRYNN','AZUCENA','AUNDREA','ANGELE','YI','WALTER','VERLIE','VERLENE','TAMESHA','SILVANA','SEBRINA','SAMIRA','REDA','RAYLENE','PENNI','PANDORA','NORAH','NOMA','MIREILLE','MELISSIA','MARYALICE','LARAINE','KIMBERY','KARYL','KARINE','KAM','JOLANDA','JOHANA','JESUSA','JALEESA','JAE','JACQUELYNE','IRISH','ILUMINADA','HILARIA','HANH','GENNIE','FRANCIE','FLORETTA','EXIE','EDDA','DREMA','DELPHA','BEV','BARBAR','ASSUNTA','ARDELL','ANNALISA','ALISIA','YUKIKO','YOLANDO','WONDA','WEI','WALTRAUD','VETA','TEQUILA','TEMEKA','TAMEIKA','SHIRLEEN','SHENITA','PIEDAD','OZELLA','MIRTHA','MARILU','KIMIKO','JULIANE','JENICE','JEN','JANAY','JACQUILINE','HILDE','FE','FAE','EVAN','EUGENE','ELOIS','ECHO','DEVORAH','CHAU','BRINDA','BETSEY','ARMINDA','ARACELIS','APRYL','ANNETT','ALISHIA','VEOLA','USHA','TOSHIKO','THEOLA','TASHIA','TALITHA','SHERY','RUDY','RENETTA','REIKO','RASHEEDA','OMEGA','OBDULIA','MIKA','MELAINE','MEGGAN','MARTIN','MARLEN','MARGET','MARCELINE','MANA','MAGDALEN','LIBRADA','LEZLIE','LEXIE','LATASHIA','LASANDRA','KELLE','ISIDRA','ISA','INOCENCIA','GWYN','FRANCOISE','ERMINIA','ERINN','DIMPLE','DEVORA','CRISELDA','ARMANDA','ARIE','ARIANE','ANGELO','ANGELENA','ALLEN','ALIZA','ADRIENE','ADALINE','XOCHITL','TWANNA','TRAN','TOMIKO','TAMISHA','TAISHA','SUSY','SIU','RUTHA','ROXY','RHONA','RAYMOND','OTHA','NORIKO','NATASHIA','MERRIE','MELVIN','MARINDA','MARIKO','MARGERT','LORIS','LIZZETTE','LEISHA','KAILA','KA','JOANNIE','JERRICA','JENE','JANNET','JANEE','JACINDA','HERTA','ELENORE','DORETTA','DELAINE','DANIELL','CLAUDIE','CHINA','BRITTA','APOLONIA','AMBERLY','ALEASE','YURI','YUK','WEN','WANETA','UTE','TOMI','SHARRI','SANDIE','ROSELLE','REYNALDA','RAGUEL','PHYLICIA','PATRIA','OLIMPIA','ODELIA','MITZIE','MITCHELL','MISS','MINDA','MIGNON','MICA','MENDY','MARIVEL','MAILE','LYNETTA','LAVETTE','LAURYN','LATRISHA','LAKIESHA','KIERSTEN','KARY','JOSPHINE','JOLYN','JETTA','JANISE','JACQUIE','IVELISSE','GLYNIS','GIANNA','GAYNELLE','EMERALD','DEMETRIUS','DANYELL','DANILLE','DACIA','CORALEE','CHER','CEOLA','BRETT','BELL','ARIANNE','ALESHIA','YUNG','WILLIEMAE','TROY','TRINH','THORA','TAI','SVETLANA','SHERIKA','SHEMEKA','SHAUNDA','ROSELINE','RICKI','MELDA','MALLIE','LAVONNA','LATINA','LARRY','LAQUANDA','LALA','LACHELLE','KLARA','KANDIS','JOHNA','JEANMARIE','JAYE','HANG','GRAYCE','GERTUDE','EMERITA','EBONIE','CLORINDA','CHING','CHERY','CAROLA','BREANN','BLOSSOM','BERNARDINE','BECKI','ARLETHA','ARGELIA','ARA','ALITA','YULANDA','YON','YESSENIA','TOBI','TASIA','SYLVIE','SHIRL','SHIRELY','SHERIDAN','SHELLA','SHANTELLE','SACHA','ROYCE','REBECKA','REAGAN','PROVIDENCIA','PAULENE','MISHA','MIKI','MARLINE','MARICA','LORITA','LATOYIA','LASONYA','KERSTIN','KENDA','KEITHA','KATHRIN','JAYMIE','JACK','GRICELDA','GINETTE','ERYN','ELINA','ELFRIEDA','DANYEL','CHEREE','CHANELLE','BARRIE','AVERY','AURORE','ANNAMARIA','ALLEEN','AILENE','AIDE','YASMINE','VASHTI','VALENTINE','TREASA','TORY','TIFFANEY','SHERYLL','SHARIE','SHANAE','SAU','RAISA','PA','NEDA','MITSUKO','MIRELLA','MILDA','MARYANNA','MARAGRET','MABELLE','LUETTA','LORINA','LETISHA','LATARSHA','LANELLE','LAJUANA','KRISSY','KARLY','KARENA','JON','JESSIKA','JERICA','JEANELLE','JANUARY','JALISA','JACELYN','IZOLA','IVEY','GREGORY','EUNA','ETHA','DREW','DOMITILA','DOMINICA','DAINA','CREOLA','CARLI','CAMIE','BUNNY','BRITTNY','ASHANTI','ANISHA','ALEEN','ADAH','YASUKO','WINTER','VIKI','VALRIE','TONA','TINISHA','THI','TERISA','TATUM','TANEKA','SIMONNE','SHALANDA','SERITA','RESSIE','REFUGIA','PAZ','OLENE','NA','MERRILL','MARGHERITA','MANDIE','MAN','MAIRE','LYNDIA','LUCI','LORRIANE','LORETA','LEONIA','LAVONA','LASHAWNDA','LAKIA','KYOKO','KRYSTINA','KRYSTEN','KENIA','KELSI','JUDE','JEANICE','ISOBEL','GEORGIANN','GENNY','FELICIDAD','EILENE','DEON','DELOISE','DEEDEE','DANNIE','CONCEPTION','CLORA','CHERILYN','CHANG','CALANDRA','BERRY','ARMANDINA','ANISA','ULA','TIMOTHY','TIERA','THERESSA','STEPHANIA','SIMA','SHYLA','SHONTA','SHERA','SHAQUITA','SHALA','SAMMY','ROSSANA','NOHEMI','NERY','MORIAH','MELITA','MELIDA','MELANI','MARYLYNN','MARISHA','MARIETTE','MALORIE','MADELENE','LUDIVINA','LORIA','LORETTE','LORALEE','LIANNE','LEON','LAVENIA','LAURINDA','LASHON','KIT','KIMI','KEILA','KATELYNN','KAI','JONE','JOANE','JI','JAYNA','JANELLA','JA','HUE','HERTHA','FRANCENE','ELINORE','DESPINA','DELSIE','DEEDRA','CLEMENCIA','CARRY','CAROLIN','CARLOS','BULAH','BRITTANIE','BOK','BLONDELL','BIBI','BEAULAH','BEATA','ANNITA','AGRIPINA','VIRGEN','VALENE','UN','TWANDA','TOMMYE','TOI','TARRA','TARI','TAMMERA','SHAKIA','SADYE','RUTHANNE','ROCHEL','RIVKA','PURA','NENITA','NATISHA','MING','MERRILEE','MELODEE','MARVIS','LUCILLA','LEENA','LAVETA','LARITA','LANIE','KEREN','ILEEN','GEORGEANN','GENNA','GENESIS','FRIDA','EWA','EUFEMIA','EMELY','ELA','EDYTH','DEONNA','DEADRA','DARLENA','CHANELL','CHAN','CATHERN','CASSONDRA','CASSAUNDRA','BERNARDA','BERNA','ARLINDA','ANAMARIA','ALBERT','WESLEY','VERTIE','VALERI','TORRI','TATYANA','STASIA','SHERISE','SHERILL','SEASON','SCOTTIE','SANDA','RUTHE','ROSY','ROBERTO','ROBBI','RANEE','QUYEN','PEARLY','PALMIRA','ONITA','NISHA','NIESHA','NIDA','NEVADA','NAM','MERLYN','MAYOLA','MARYLOUISE','MARYLAND','MARX','MARTH','MARGENE','MADELAINE','LONDA','LEONTINE','LEOMA','LEIA','LAWRENCE','LAURALEE','LANORA','LAKITA','KIYOKO','KETURAH','KATELIN','KAREEN','JONIE','JOHNETTE','JENEE','JEANETT','IZETTA','HIEDI','HEIKE','HASSIE','HAROLD','GIUSEPPINA','GEORGANN','FIDELA','FERNANDE','ELWANDA','ELLAMAE','ELIZ','DUSTI','DOTTY','CYNDY','CORALIE','CELESTA','ARGENTINA','ALVERTA','XENIA','WAVA','VANETTA','TORRIE','TASHINA','TANDY','TAMBRA','TAMA','STEPANIE','SHILA','SHAUNTA','SHARAN','SHANIQUA','SHAE','SETSUKO','SERAFINA','SANDEE','ROSAMARIA','PRISCILA','OLINDA','NADENE','MUOI','MICHELINA','MERCEDEZ','MARYROSE','MARIN','MARCENE','MAO','MAGALI','MAFALDA','LOGAN','LINN','LANNIE','KAYCE','KAROLINE','KAMILAH','KAMALA','JUSTA','JOLINE','JENNINE','JACQUETTA','IRAIDA','GERALD','GEORGEANNA','FRANCHESCA','FAIRY','EMELINE','ELANE','EHTEL','EARLIE','DULCIE','DALENE','CRIS','CLASSIE','CHERE','CHARIS','CAROYLN','CARMINA','CARITA','BRIAN','BETHANIE','AYAKO','ARICA','AN','ALYSA','ALESSANDRA','AKILAH','ADRIEN','ZETTA','YOULANDA','YELENA','YAHAIRA','XUAN','WENDOLYN','VICTOR','TIJUANA','TERRELL','TERINA','TERESIA','SUZI','SUNDAY','SHERELL','SHAVONDA','SHAUNTE','SHARDA','SHAKITA','SENA','RYANN','RUBI','RIVA','REGINIA','REA','RACHAL','PARTHENIA','PAMULA','MONNIE','MONET','MICHAELE','MELIA','MARINE','MALKA','MAISHA','LISANDRA','LEO','LEKISHA','LEAN','LAURENCE','LAKENDRA','KRYSTIN','KORTNEY','KIZZIE','KITTIE','KERA','KENDAL','KEMBERLY','KANISHA','JULENE','JULE','JOSHUA','JOHANNE','JEFFREY','JAMEE','HAN','HALLEY','GIDGET','GALINA','FREDRICKA','FLETA','FATIMAH','EUSEBIA','ELZA','ELEONORE','DORTHEY','DORIA','DONELLA','DINORAH','DELORSE','CLARETHA','CHRISTINIA','CHARLYN','BONG','BELKIS','AZZIE','ANDERA','AIKO','ADENA','YER','YAJAIRA','WAN','VANIA','ULRIKE','TOSHIA','TIFANY','STEFANY','SHIZUE','SHENIKA','SHAWANNA','SHAROLYN','SHARILYN','SHAQUANA','SHANTAY','SEE','ROZANNE','ROSELEE','RICKIE','REMONA','REANNA','RAELENE','QUINN','PHUNG','PETRONILA','NATACHA','NANCEY','MYRL','MIYOKO','MIESHA','MERIDETH','MARVELLA','MARQUITTA','MARHTA','MARCHELLE','LIZETH','LIBBIE','LAHOMA','LADAWN','KINA','KATHELEEN','KATHARYN','KARISA','KALEIGH','JUNIE','JULIEANN','JOHNSIE','JANEAN','JAIMEE','JACKQUELINE','HISAKO','HERMA','HELAINE','GWYNETH','GLENN','GITA','EUSTOLIA','EMELINA','ELIN','EDRIS','DONNETTE','DONNETTA','DIERDRE','DENAE','DARCEL','CLAUDE','CLARISA','CINDERELLA','CHIA','CHARLESETTA','CHARITA','CELSA','CASSY','CASSI','CARLEE','BRUNA','BRITTANEY','BRANDE','BILLI','BAO','ANTONETTA','ANGLA','ANGELYN','ANALISA','ALANE','WENONA','WENDIE','VERONIQUE','VANNESA','TOBIE','TEMPIE','SUMIKO','SULEMA','SPARKLE','SOMER','SHEBA','SHAYNE','SHARICE','SHANEL','SHALON','SAGE','ROY','ROSIO','ROSELIA','RENAY','REMA','REENA','PORSCHE','PING','PEG','OZIE','ORETHA','ORALEE','ODA','NU','NGAN','NAKESHA','MILLY','MARYBELLE','MARLIN','MARIS','MARGRETT','MARAGARET','MANIE','LURLENE','LILLIA','LIESELOTTE','LAVELLE','LASHAUNDA','LAKEESHA','KEITH','KAYCEE','KALYN','JOYA','JOETTE','JENAE','JANIECE','ILLA','GRISEL','GLAYDS','GENEVIE','GALA','FREDDA','FRED','ELMER','ELEONOR','DEBERA','DEANDREA','DAN','CORRINNE','CORDIA','CONTESSA','COLENE','CLEOTILDE','CHARLOTT','CHANTAY','CECILLE','BEATRIS','AZALEE','ARLEAN','ARDATH','ANJELICA','ANJA','ALFREDIA','ALEISHA','ADAM','ZADA','YUONNE','XIAO','WILLODEAN','WHITLEY','VENNIE','VANNA','TYISHA','TOVA','TORIE','TONISHA','TILDA','TIEN','TEMPLE','SIRENA','SHERRIL','SHANTI','SHAN','SENAIDA','SAMELLA','ROBBYN','RENDA','REITA','PHEBE','PAULITA','NOBUKO','NGUYET','NEOMI','MOON','MIKAELA','MELANIA','MAXIMINA','MARG','MAISIE','LYNNA','LILLI','LAYNE','LASHAUN','LAKENYA','LAEL','KIRSTIE','KATHLINE','KASHA','KARLYN','KARIMA','JOVAN','JOSEFINE','JENNELL','JACQUI','JACKELYN','HYO','HIEN','GRAZYNA','FLORRIE','FLORIA','ELEONORA','DWANA','DORLA','DONG','DELMY','DEJA','DEDE','DANN','CRYSTA','CLELIA','CLARIS','CLARENCE','CHIEKO','CHERLYN','CHERELLE','CHARMAIN','CHARA','CAMMY','BEE','ARNETTE','ARDELLE','ANNIKA','AMIEE','AMEE','ALLENA','YVONE','YUKI','YOSHIE','YEVETTE','YAEL','WILLETTA','VONCILE','VENETTA','TULA','TONETTE','TIMIKA','TEMIKA','TELMA','TEISHA','TAREN','TA','STACEE','SHIN','SHAWNTA','SATURNINA','RICARDA','POK','PASTY','ONIE','NUBIA','MORA','MIKE','MARIELLE','MARIELLA','MARIANELA','MARDELL','MANY','LUANNA','LOISE','LISABETH','LINDSY','LILLIANA','LILLIAM','LELAH','LEIGHA','LEANORA','LANG','KRISTEEN','KHALILAH','KEELEY','KANDRA','JUNKO','JOAQUINA','JERLENE','JANI','JAMIKA','JAME','HSIU','HERMILA','GOLDEN','GENEVIVE','EVIA','EUGENA','EMMALINE','ELFREDA','ELENE','DONETTE','DELCIE','DEEANNA','DARCEY','CUC','CLARINDA','CIRA','CHAE','CELINDA','CATHERYN','CATHERIN','CASIMIRA','CARMELIA','CAMELLIA','BREANA','BOBETTE','BERNARDINA','BEBE','BASILIA','ARLYNE','AMAL','ALAYNA','ZONIA','ZENIA','YURIKO','YAEKO','WYNELL','WILLOW','WILLENA','VERNIA','TU','TRAVIS','TORA','TERRILYN','TERICA','TENESHA','TAWNA','TAJUANA','TAINA','STEPHNIE','SONA','SOL','SINA','SHONDRA','SHIZUKO','SHERLENE','SHERICE','SHARIKA','ROSSIE','ROSENA','RORY','RIMA','RIA','RHEBA','RENNA','PETER','NATALYA','NANCEE','MELODI','MEDA','MAXIMA','MATHA','MARKETTA','MARICRUZ','MARCELENE','MALVINA','LUBA','LOUETTA','LEIDA','LECIA','LAURAN','LASHAWNA','LAINE','KHADIJAH','KATERINE','KASI','KALLIE','JULIETTA','JESUSITA','JESTINE','JESSIA','JEREMY','JEFFIE','JANYCE','ISADORA','GEORGIANNE','FIDELIA','EVITA','EURA','EULAH','ESTEFANA','ELSY','ELIZABET','ELADIA','DODIE','DION','DIA','DENISSE','DELORAS','DELILA','DAYSI','DAKOTA','CURTIS','CRYSTLE','CONCHA','COLBY','CLARETTA','CHU','CHRISTIA','CHARLSIE','CHARLENA','CARYLON','BETTYANN','ASLEY','ASHLEA','AMIRA','AI','AGUEDA','AGNUS','YUETTE','VINITA','VICTORINA','TYNISHA','TREENA','TOCCARA','TISH','THOMASENA','TEGAN','SOILA','SHILOH','SHENNA','SHARMAINE','SHANTAE','SHANDI','SEPTEMBER','SARAN','SARAI','SANA','SAMUEL','SALLEY','ROSETTE','ROLANDE','REGINE','OTELIA','OSCAR','OLEVIA','NICHOLLE','NECOLE','NAIDA','MYRTA','MYESHA','MITSUE','MINTA','MERTIE','MARGY','MAHALIA','MADALENE','LOVE','LOURA','LOREAN','LEWIS','LESHA','LEONIDA','LENITA','LAVONE','LASHELL','LASHANDRA','LAMONICA','KIMBRA','KATHERINA','KARRY','KANESHA','JULIO','JONG','JENEVA','JAQUELYN','HWA','GILMA','GHISLAINE','GERTRUDIS','FRANSISCA','FERMINA','ETTIE','ETSUKO','ELLIS','ELLAN','ELIDIA','EDRA','DORETHEA','DOREATHA','DENYSE','DENNY','DEETTA','DAINE','CYRSTAL','CORRIN','CAYLA','CARLITA','CAMILA','BURMA','BULA','BUENA','BLAKE','BARABARA','AVRIL','AUSTIN','ALAINE','ZANA','WILHEMINA','WANETTA','VIRGIL','VI','VERONIKA','VERNON','VERLINE','VASILIKI','TONITA','TISA','TEOFILA','TAYNA','TAUNYA','TANDRA','TAKAKO','SUNNI','SUANNE','SIXTA','SHARELL','SEEMA','RUSSELL','ROSENDA','ROBENA','RAYMONDE','PEI','PAMILA','OZELL','NEIDA','NEELY','MISTIE','MICHA','MERISSA','MAURITA','MARYLN','MARYETTA','MARSHALL','MARCELL','MALENA','MAKEDA','MADDIE','LOVETTA','LOURIE','LORRINE','LORILEE','LESTER','LAURENA','LASHAY','LARRAINE','LAREE','LACRESHA','KRISTLE','KRISHNA','KEVA','KEIRA','KAROLE','JOIE','JINNY','JEANNETTA','JAMA','HEIDY','GILBERTE','GEMA','FAVIOLA','EVELYNN','ENDA','ELLI','ELLENA','DIVINA','DAGNY','COLLENE','CODI','CINDIE','CHASSIDY','CHASIDY','CATRICE','CATHERINA','CASSEY','CAROLL','CARLENA','CANDRA','CALISTA','BRYANNA','BRITTENY','BEULA','BARI','AUDRIE','AUDRIA','ARDELIA','ANNELLE','ANGILA','ALONA','ALLYN','DOUGLAS','ROGER','JONATHAN','RALPH','NICHOLAS','BENJAMIN','BRUCE','HARRY','WAYNE','STEVE','HOWARD','ERNEST','PHILLIP','TODD','CRAIG','ALAN','PHILIP','EARL','DANNY','BRYAN','STANLEY','LEONARD','NATHAN','MANUEL','RODNEY','MARVIN','VINCENT','JEFFERY','JEFF','CHAD','JACOB','ALFRED','BRADLEY','HERBERT','FREDERICK','EDWIN','DON','RICKY','RANDALL','BARRY','BERNARD','LEROY','MARCUS','THEODORE','CLIFFORD','MIGUEL','JIM','TOM','CALVIN','BILL','LLOYD','DEREK','WARREN','DARRELL','JEROME','FLOYD','ALVIN','TIM','GORDON','GREG','JORGE','DUSTIN','PEDRO','DERRICK','ZACHARY','HERMAN','GLEN','HECTOR','RICARDO','RICK','BRENT','RAMON','GILBERT','MARC','REGINALD','RUBEN','NATHANIEL','RAFAEL','EDGAR','MILTON','RAUL','BEN','CHESTER','DUANE','FRANKLIN','BRAD','RON','ROLAND','ARNOLD','HARVEY','JARED','ERIK','DARRYL','NEIL','JAVIER','FERNANDO','CLINTON','TED','MATHEW','TYRONE','DARREN','LANCE','KURT','ALLAN','NELSON','GUY','CLAYTON','HUGH','MAX','DWAYNE','DWIGHT','ARMANDO','FELIX','EVERETT','IAN','WALLACE','KEN','BOB','ALFREDO','ALBERTO','DAVE','IVAN','BYRON','ISAAC','MORRIS','CLIFTON','WILLARD','ROSS','ANDY','SALVADOR','KIRK','SERGIO','SETH','KENT','TERRANCE','EDUARDO','TERRENCE','ENRIQUE','WADE','STUART','FREDRICK','ARTURO','ALEJANDRO','NICK','LUTHER','WENDELL','JEREMIAH','JULIUS','OTIS','TREVOR','OLIVER','LUKE','HOMER','GERARD','DOUG','KENNY','HUBERT','LYLE','MATT','ALFONSO','ORLANDO','REX','CARLTON','ERNESTO','NEAL','PABLO','LORENZO','OMAR','WILBUR','GRANT','HORACE','RODERICK','ABRAHAM','WILLIS','RICKEY','ANDRES','CESAR','JOHNATHAN','MALCOLM','RUDOLPH','DAMON','KELVIN','PRESTON','ALTON','ARCHIE','MARCO','WM','PETE','RANDOLPH','GARRY','GEOFFREY','JONATHON','FELIPE','GERARDO','ED','DOMINIC','DELBERT','COLIN','GUILLERMO','EARNEST','LUCAS','BENNY','SPENCER','RODOLFO','MYRON','EDMUND','GARRETT','SALVATORE','CEDRIC','LOWELL','GREGG','SHERMAN','WILSON','SYLVESTER','ROOSEVELT','ISRAEL','JERMAINE','FORREST','WILBERT','LELAND','SIMON','CLARK','IRVING','BRYANT','OWEN','RUFUS','WOODROW','KRISTOPHER','MACK','LEVI','MARCOS','GUSTAVO','JAKE','LIONEL','GILBERTO','CLINT','NICOLAS','ISMAEL','ORVILLE','ERVIN','DEWEY','AL','WILFRED','JOSH','HUGO','IGNACIO','CALEB','TOMAS','SHELDON','ERICK','STEWART','DOYLE','DARREL','ROGELIO','TERENCE','SANTIAGO','ALONZO','ELIAS','BERT','ELBERT','RAMIRO','CONRAD','NOAH','GRADY','PHIL','CORNELIUS','LAMAR','ROLANDO','CLAY','PERCY','DEXTER','BRADFORD','DARIN','AMOS','MOSES','IRVIN','SAUL','ROMAN','RANDAL','TIMMY','DARRIN','WINSTON','BRENDAN','ABEL','DOMINICK','BOYD','EMILIO','ELIJAH','DOMINGO','EMMETT','MARLON','EMANUEL','JERALD','EDMOND','EMIL','DEWAYNE','WILL','OTTO','TEDDY','REYNALDO','BRET','JESS','TRENT','HUMBERTO','EMMANUEL','STEPHAN','VICENTE','LAMONT','GARLAND','MILES','EFRAIN','HEATH','RODGER','HARLEY','ETHAN','ELDON','ROCKY','PIERRE','JUNIOR','FREDDY','ELI','BRYCE','ANTOINE','STERLING','CHASE','GROVER','ELTON','CLEVELAND','DYLAN','CHUCK','DAMIAN','REUBEN','STAN','AUGUST','LEONARDO','JASPER','RUSSEL','ERWIN','BENITO','HANS','MONTE','BLAINE','ERNIE','CURT','QUENTIN','AGUSTIN','MURRAY','JAMAL','ADOLFO','HARRISON','TYSON','BURTON','BRADY','ELLIOTT','WILFREDO','BART','JARROD','VANCE','DENIS','DAMIEN','JOAQUIN','HARLAN','DESMOND','ELLIOT','DARWIN','GREGORIO','BUDDY','XAVIER','KERMIT','ROSCOE','ESTEBAN','ANTON','SOLOMON','SCOTTY','NORBERT','ELVIN','WILLIAMS','NOLAN','ROD','QUINTON','HAL','BRAIN','ROB','ELWOOD','KENDRICK','DARIUS','MOISES','FIDEL','THADDEUS','CLIFF','MARCEL','JACKSON','RAPHAEL','BRYON','ARMAND','ALVARO','JEFFRY','DANE','JOESPH','THURMAN','NED','RUSTY','MONTY','FABIAN','REGGIE','MASON','GRAHAM','ISAIAH','VAUGHN','GUS','LOYD','DIEGO','ADOLPH','NORRIS','MILLARD','ROCCO','GONZALO','DERICK','RODRIGO','WILEY','RIGOBERTO','ALPHONSO','TY','NOE','VERN','REED','JEFFERSON','ELVIS','BERNARDO','MAURICIO','HIRAM','DONOVAN','BASIL','RILEY','NICKOLAS','MAYNARD','SCOT','VINCE','QUINCY','EDDY','SEBASTIAN','FEDERICO','ULYSSES','HERIBERTO','DONNELL','COLE','DAVIS','GAVIN','EMERY','WARD','ROMEO','JAYSON','DANTE','CLEMENT','COY','MAXWELL','JARVIS','BRUNO','ISSAC','DUDLEY','BROCK','SANFORD','CARMELO','BARNEY','NESTOR','STEFAN','DONNY','ART','LINWOOD','BEAU','WELDON','GALEN','ISIDRO','TRUMAN','DELMAR','JOHNATHON','SILAS','FREDERIC','DICK','IRWIN','MERLIN','CHARLEY','MARCELINO','HARRIS','CARLO','TRENTON','KURTIS','HUNTER','AURELIO','WINFRED','VITO','COLLIN','DENVER','CARTER','LEONEL','EMORY','PASQUALE','MOHAMMAD','MARIANO','DANIAL','LANDON','DIRK','BRANDEN','ADAN','BUFORD','GERMAN','WILMER','EMERSON','ZACHERY','FLETCHER','JACQUES','ERROL','DALTON','MONROE','JOSUE','EDWARDO','BOOKER','WILFORD','SONNY','SHELTON','CARSON','THERON','RAYMUNDO','DAREN','HOUSTON','ROBBY','LINCOLN','GENARO','BENNETT','OCTAVIO','CORNELL','HUNG','ARRON','ANTONY','HERSCHEL','GIOVANNI','GARTH','CYRUS','CYRIL','RONNY','LON','FREEMAN','DUNCAN','KENNITH','CARMINE','ERICH','CHADWICK','WILBURN','RUSS','REID','MYLES','ANDERSON','MORTON','JONAS','FOREST','MITCHEL','MERVIN','ZANE','RICH','JAMEL','LAZARO','ALPHONSE','RANDELL','MAJOR','JARRETT','BROOKS','ABDUL','LUCIANO','SEYMOUR','EUGENIO','MOHAMMED','VALENTIN','CHANCE','ARNULFO','LUCIEN','FERDINAND','THAD','EZRA','ALDO','RUBIN','ROYAL','MITCH','EARLE','ABE','WYATT','MARQUIS','LANNY','KAREEM','JAMAR','BORIS','ISIAH','EMILE','ELMO','ARON','LEOPOLDO','EVERETTE','JOSEF','ELOY','RODRICK','REINALDO','LUCIO','JERROD','WESTON','HERSHEL','BARTON','PARKER','LEMUEL','BURT','JULES','GIL','ELISEO','AHMAD','NIGEL','EFREN','ANTWAN','ALDEN','MARGARITO','COLEMAN','DINO','OSVALDO','LES','DEANDRE','NORMAND','KIETH','TREY','NORBERTO','NAPOLEON','JEROLD','FRITZ','ROSENDO','MILFORD','CHRISTOPER','ALFONZO','LYMAN','JOSIAH','BRANT','WILTON','RICO','JAMAAL','DEWITT','BRENTON','OLIN','FOSTER','FAUSTINO','CLAUDIO','JUDSON','GINO','EDGARDO','ALEC','TANNER','JARRED','DONN','TAD','PRINCE','PORFIRIO','ODIS','LENARD','CHAUNCEY','TOD','MEL','MARCELO','KORY','AUGUSTUS','KEVEN','HILARIO','BUD','SAL','ORVAL','MAURO','ZACHARIAH','OLEN','ANIBAL','MILO','JED','DILLON','AMADO','NEWTON','LENNY','RICHIE','HORACIO','BRICE','MOHAMED','DELMER','DARIO','REYES','MAC','JONAH','JERROLD','ROBT','HANK','RUPERT','ROLLAND','KENTON','DAMION','ANTONE','WALDO','FREDRIC','BRADLY','KIP','BURL','WALKER','TYREE','JEFFEREY','AHMED','WILLY','STANFORD','OREN','NOBLE','MOSHE','MIKEL','ENOCH','BRENDON','QUINTIN','JAMISON','FLORENCIO','DARRICK','TOBIAS','HASSAN','GIUSEPPE','DEMARCUS','CLETUS','TYRELL','LYNDON','KEENAN','WERNER','GERALDO','COLUMBUS','CHET','BERTRAM','MARKUS','HUEY','HILTON','DWAIN','DONTE','TYRON','OMER','ISAIAS','HIPOLITO','FERMIN','ADALBERTO','BO','BARRETT','TEODORO','MCKINLEY','MAXIMO','GARFIELD','RALEIGH','LAWERENCE','ABRAM','RASHAD','KING','EMMITT','DARON','SAMUAL','MIQUEL','EUSEBIO','DOMENIC','DARRON','BUSTER','WILBER','RENATO','JC','HOYT','HAYWOOD','EZEKIEL','CHAS','FLORENTINO','ELROY','CLEMENTE','ARDEN','NEVILLE','EDISON','DESHAWN','NATHANIAL','JORDON','DANILO','CLAUD','SHERWOOD','RAYMON','RAYFORD','CRISTOBAL','AMBROSE','TITUS','HYMAN','FELTON','EZEQUIEL','ERASMO','STANTON','LONNY','LEN','IKE','MILAN','LINO','JAROD','HERB','ANDREAS','WALTON','RHETT','PALMER','DOUGLASS','CORDELL','OSWALDO','ELLSWORTH','VIRGILIO','TONEY','NATHANAEL','DEL','BENEDICT','MOSE','JOHNSON','ISREAL','GARRET','FAUSTO','ASA','ARLEN','ZACK','WARNER','MODESTO','FRANCESCO','MANUAL','GAYLORD','GASTON','FILIBERTO','DEANGELO','MICHALE','GRANVILLE','WES','MALIK','ZACKARY','TUAN','ELDRIDGE','CRISTOPHER','CORTEZ','ANTIONE','MALCOM','LONG','KOREY','JOSPEH','COLTON','WAYLON','VON','HOSEA','SHAD','SANTO','RUDOLF','ROLF','REY','RENALDO','MARCELLUS','LUCIUS','KRISTOFER','BOYCE','BENTON','HAYDEN','HARLAND','ARNOLDO','RUEBEN','LEANDRO','KRAIG','JERRELL','JEROMY','HOBERT','CEDRICK','ARLIE','WINFORD','WALLY','LUIGI','KENETH','JACINTO','GRAIG','FRANKLYN','EDMUNDO','SID','PORTER','LEIF','JERAMY','BUCK','WILLIAN','VINCENZO','SHON','LYNWOOD','JERE','HAI','ELDEN','DORSEY','DARELL','BRODERICK','ALONSO'];
+```
+
+## --seed-contents--
+
+```js
+function namesScores(arr) {
+
+  return arr;
+}
+
+// Only change code above this line
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+
+namesScores(test1);
+```
+
+# --solutions--
+
+```js
+function nameScoreCalc(word) {
+  let sum = 0;
+  let alphabets = ["", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
+
+  for (let i = 0 ; i < word.length; i++)
+    sum += alphabets.indexOf(word[i].toLowerCase());
+  return sum;
+}
+
+function namesScores(arr) {
+  arr = [...arr].sort();
+  arr.unshift('');
+  let total = 0;
+
+  for (let i = 1 ; i < arr.length; i++)
+    total += nameScoreCalc(arr[i]) * i;
+  return total;
+}
+
+const test1 = ['THIS', 'IS', 'ONLY', 'A', 'TEST'];
+const test2 = ['I', 'REPEAT', 'THIS', 'IS', 'ONLY', 'A', 'TEST'];
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-220-heighway-dragon.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-220-heighway-dragon.md
new file mode 100644
index 0000000000..a51a2bb50b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-220-heighway-dragon.md
@@ -0,0 +1,57 @@
+---
+id: 5900f4481000cf542c50ff5b
+title: 'Завдання 220: Крива Дракона'
+challengeType: 5
+forumTopicId: 301863
+dashedName: problem-220-heighway-dragon
+---
+
+# --description--
+
+Нехай $D_0$ — двобуквений рядок "Fa". Для $n ≥ 1$, отримуємо $D_n$ з $D_{n - 1}$ за правилами перезапису рядків:
+
+- "a" → "aRbFR"
+- "b" → "LFaLb"
+
+Отримуємо $D_0$ = "Fa", $D_1$ = "FaRbFR", $D_2$ = "FaRbFRRLFaLbFR" і так далі.
+
+Ці рядки можна вважати інструкцією до програми комп'ютерної графіки, де "F"означає "просунути вперед одну одиницю", "L" – "розвернути на 90 градусів уліво", "R" – "розвернути на 90 градусів вправо", але "a" і "b" ігноруються. Комп'ютерний курсор знаходиться в початковому положенні (0,0), спрямований вгору в напрямку до (0,1).
+
+Тоді $D_n$ – екзотичний малюнок, відомий як Крива Дракона порядку $n$. Наприклад, $D_{10}$ зображено нижче; кожну "F" вважаємо за один крок, виділене місце в (18,16) – позиція, отримана після 500 кроків.
+
+<img class="img-responsive center-block" alt="малюнок Кривої Дракона після 500 кроків" src="https://cdn.freecodecamp.org/curriculum/project-euler/heighway-dragon.gif" style="background-color: white; padding: 10px;" />
+
+Де буде розташовано курсор після ${10}^{12}$ кроків в $D_{50}$? Дайте свою відповідь у вигляді рядка `x,y` без пробілів.
+
+# --hints--
+
+`heighwayDragon()` має повернути рядок.
+
+```js
+assert(typeof heighwayDragon() === 'string');
+```
+
+`heighwayDragon()` має повернути рядок `139776,963904`.
+
+```js
+assert.strictEqual(heighwayDragon(), '139776,963904');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function heighwayDragon() {
+
+  return true;
+}
+
+heighwayDragon();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-221-alexandrian-integers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-221-alexandrian-integers.md
new file mode 100644
index 0000000000..847cb10e36
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-221-alexandrian-integers.md
@@ -0,0 +1,49 @@
+---
+id: 5900f4491000cf542c50ff5c
+title: 'Завдання 221: Александрійські цілі числа'
+challengeType: 5
+forumTopicId: 301864
+dashedName: problem-221-alexandrian-integers
+---
+
+# --description--
+
+Натуральне ціле число $A$ називають "александрійським цілим числом", якщо воно складається з цілих чисел $p$, $q$, $r$ таких як:
+
+$$A = p \times q \times r$$
+
+та
+
+$\frac{1}{A} = \frac{1}{p} + \frac{1}{q} + \frac{1}{r}$$
+
+
+Наприклад, 630 — александрійське ціле число ($p = 5$, $q = −7$, $r = −18$). Взагалі, 630 — це 6-те александрійське ціле число, перші 6 александрійських цілих чисел мають такий вигляд: 6, 42, 120, 156, 420 та 630.
+
+Знайдіть 150000-не александрійське ціле число.
+
+# --hints--
+
+`alexandrianIntegers()` має повернути `1884161251122450`.
+
+```js
+assert.strictEqual(alexandrianIntegers(), 1884161251122450);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function alexandrianIntegers() {
+
+  return true;
+}
+
+alexandrianIntegers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-222-sphere-packing.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-222-sphere-packing.md
new file mode 100644
index 0000000000..7c81a7aad1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-222-sphere-packing.md
@@ -0,0 +1,40 @@
+---
+id: 5900f44b1000cf542c50ff5d
+title: 'Проблема 222: задача про пакування'
+challengeType: 5
+forumTopicId: 301865
+dashedName: problem-222-sphere-packing
+---
+
+# --description--
+
+Яка довжина найкоротшої труби з внутрішнім радіусом 50 мм, яка вміщує 21 кулю радіусом 30 мм, 31 мм, ..., 50 мм?
+
+Дайте відповідь у мікрометрах (${10}^{-6}$ m), заокруглену до найближчого цілого числа.
+
+# --hints--
+
+`spherePacking()` має повернути `1590933`.
+
+```js
+assert.strictEqual(spherePacking(), 1590933);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spherePacking() {
+
+  return true;
+}
+
+spherePacking();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.md
new file mode 100644
index 0000000000..e3f16505fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-223-almost-right-angled-triangles-i.md
@@ -0,0 +1,40 @@
+---
+id: 5900f44b1000cf542c50ff5e
+title: 'Завдання 223: Майже прямокутні трикутники I'
+challengeType: 5
+forumTopicId: 301866
+dashedName: problem-223-almost-right-angled-triangles-i
+---
+
+# --description--
+
+Назвімо трикутник з цілими сторонами $a ≤ b ≤ c$ ледь гострим, якщо сторони задовольняють рівність $a^2 + b^2 = c^2 + 1$.
+
+Скільки ледь гострих трикутників мають периметр $≤ 25\\,000\\,000$?
+
+# --hints--
+
+`almostRightAngledTrianglesOne()` має повернути `61614848`.
+
+```js
+assert.strictEqual(almostRightAngledTrianglesOne(), 61614848);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function almostRightAngledTrianglesOne() {
+
+  return true;
+}
+
+almostRightAngledTrianglesOne();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.md
new file mode 100644
index 0000000000..95c398f23a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-224-almost-right-angled-triangles-ii.md
@@ -0,0 +1,40 @@
+---
+id: 5900f44e1000cf542c50ff5f
+title: 'Завдання 224: Майже прямокутні трикутники II'
+challengeType: 5
+forumTopicId: 301867
+dashedName: problem-224-almost-right-angled-triangles-ii
+---
+
+# --description--
+
+Назвімо трикутник з цілими сторонами $a ≤ b ≤ c$ ледь тупим, якщо сторони задовольняють рівність $a^2 + b^2 = c^2 - 1$.
+
+Скільки ледь тупих трикутників мають периметр $≤ 75\\,000\\,000$?
+
+# --hints--
+
+`almostRightAngledTrianglesTwo()` має повернути `4137330`.
+
+```js
+assert.strictEqual(almostRightAngledTrianglesTwo(), 4137330);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function almostRightAngledTrianglesTwo() {
+
+  return true;
+}
+
+almostRightAngledTrianglesTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.md
new file mode 100644
index 0000000000..8fcd7da8b9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-225-tribonacci-non-divisors.md
@@ -0,0 +1,44 @@
+---
+id: 5900f44e1000cf542c50ff60
+title: 'Завдання 225: Неподільні числа Трібоначчі'
+challengeType: 5
+forumTopicId: 301868
+dashedName: problem-225-tribonacci-non-divisors
+---
+
+# --description--
+
+Послідовність чисел 1, 1, 1, 3, 5, 9, 17, 31, 57, 105, 193, 355, 653, 1201 ...
+
+визначається за допомогою $T_1 = T_2 = T_3 = 1$ і $T_n = T_{n - 1} + T_{n - 2} + T_{n - 3}$.
+
+Можна побачити, що жодне з цих чисел не ділиться на 27. Слід зазначити, що 27 — перше непарне число з такою властивістю.
+
+Знайдіть ${124}^{\text{th}}$ непарне число, на яке не ділиться жодне число з послідовності вище.
+
+# --hints--
+
+`tribonacciNonDivisors()` має повернути `2009`.
+
+```js
+assert.strictEqual(tribonacciNonDivisors(), 2009);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function tribonacciNonDivisors() {
+
+  return true;
+}
+
+tribonacciNonDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.md
new file mode 100644
index 0000000000..b56a4ca31f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-226-a-scoop-of-blancmange.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4511000cf542c50ff62
+title: 'Завдання 226: Крива Бланманжа'
+challengeType: 5
+forumTopicId: 301869
+dashedName: problem-226-a-scoop-of-blancmange
+---
+
+# --description--
+
+Крива Бланманжа — сукупність ($x$,$y$) точок таким чином, що $0 ≤ x ≤ 1$ і $\displaystyle y = \sum_{n = 0}^{\infty} \frac{s(2^nx)}{2^n}$, де $s(x)$ — це відстань від $x$ до найближчого цілого числа.
+
+Площа під кривою бланманжа дорівнює $\frac{1}{2}$, на діаграмі знизу її виділено рожевим.
+
+<img class="img-responsive center-block" alt="діаграма кривої бланманжа з колом С" src="https://cdn.freecodecamp.org/curriculum/project-euler/a-scoop-of-blancmange.gif" style="background-color: white; padding: 10px;" />
+
+Припустимо, що $C$ — це коло з центром ($\frac{1}{4}$,$\frac{1}{2}$) і радіусом $\frac{1}{4}$, на діаграмі його виділено чорним.
+
+Яка площу під кривою бланманжа обмежена $C$? Дайте відповідь, округлену до семи знаків після коми, у вигляді 0.abcdefg
+
+# --hints--
+
+`scoopOfBlancmange()` має повернути `0.11316017`.
+
+```js
+assert.strictEqual(scoopOfBlancmange(), 0.11316017);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function scoopOfBlancmange() {
+
+  return true;
+}
+
+scoopOfBlancmange();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-227-the-chase.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-227-the-chase.md
new file mode 100644
index 0000000000..840cae6cea
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-227-the-chase.md
@@ -0,0 +1,50 @@
+---
+id: 5900f44f1000cf542c50ff61
+title: 'Завдання 227: Перегони'
+challengeType: 5
+forumTopicId: 301870
+dashedName: problem-227-the-chase
+---
+
+# --description--
+
+"Перегони" — це гра з двома кубиками та парною кількістю гравців.
+
+Гравці сидять за столом; гра починається з того, що два гравці навпроти одне одного отримують по гральному кубику. Кожен хід два гравці кидають кубики.
+
+Якщо гравцю випаде 1, він передає кубик сусіду зліва.
+
+Якщо випадає 6, він передає кубик сусіду справа.
+
+За інших умов гравець зберігає хід за собою.
+
+Гра закінчується, коли хтось із гравців отримує обидва кубики в результаті ходів та передач; це означає, що гравець програв.
+
+Яка очікувана кількість ходів у грі з 100 гравцями? Дайте відповідь, округлену до десяти значущих цифр.
+
+# --hints--
+
+`theChase()` має повернути `3780.618622`.
+
+```js
+assert.strictEqual(theChase(), 3780.618622);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function theChase() {
+
+  return true;
+}
+
+theChase();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-228-minkowski-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-228-minkowski-sums.md
new file mode 100644
index 0000000000..6aa28bba79
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-228-minkowski-sums.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4511000cf542c50ff63
+title: 'Завдання 228: Сума Мінковського'
+challengeType: 5
+forumTopicId: 301871
+dashedName: problem-228-minkowski-sums
+---
+
+# --description--
+
+Нехай $S_n$ — це правильний $n$-сторонній багатокутник або фігура, у якої вершини $v_k (k = 1, 2, \ldots, n)$ мають координати:
+
+$$\begin{align} & x_k = cos(\frac{2k - 1}{n} × 180°) \\\\ & y_k = sin(\frac{2k - 1}{n} × 180°) \end{align}$$
+
+Кожен $S_n$ зображено зафарбованою фігурою, яка складається з усіх точок на периметрі та всередині.
+
+Сума Мінковського, $S + T$, двох форм $S$ і $T$ є результатом додавання кожної точки $S$ до кожної точки $T$, де додавання точок виконується по координатах: $(u, v) + (x, y) = (u + x, v + y)$.
+
+Наприклад, сума $S_3$ та $S_4$ — це шестикутник, який нижче зображено рожевим кольором:
+
+<img class="img-responsive center-block" alt="зображення S_3, S_4 та S_3 + S_4" src="https://cdn.freecodecamp.org/curriculum/project-euler/minkowski-sums.png" style="background-color: white; padding: 10px;" />
+
+Скільки сторін має $S_{1864} + S_ {1865} + \ ldots + S_ {1909}$?
+
+# --hints--
+
+`minkowskiSums()` має повернути `86226`.
+
+```js
+assert.strictEqual(minkowskiSums(), 86226);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function minkowskiSums() {
+
+  return true;
+}
+
+minkowskiSums();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.md
new file mode 100644
index 0000000000..0b69dd3144
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-229-four-representations-using-squares.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4521000cf542c50ff64
+title: 'Завдання 229: Чотири вираження числа через піднесення до квадрата'
+challengeType: 5
+forumTopicId: 301872
+dashedName: problem-229-four-representations-using-squares
+---
+
+# --description--
+
+Розглянемо число 3600. Воно дуже особливе, оскільки
+
+$$\begin{align} & 3600 = {48}^2 + {36}^2   \\\\ & 3600 = {20}^2 + {2×40}^2 \\\\ & 3600 = {30}^2 + {3×30}^2 \\\\ & 3600 = {45}^2 + {7×15}^2 \\\\ \end{align}$$
+
+Аналогічно бачимо, що $88201 = {99}^2 + {280}^2 = {287}^2 + 2 × {54}^2 = {283}^2 + 3 × {52}^2 = {197}^2 + 7 × {84}^2$.
+
+У 1747 році Ейлер довів які числа є сумою двох квадратів. Нас цікавлять числа $n$, які можна виразити через наступні чотири формули:
+
+$$\begin{align} & n = {a_1}^2 + {b_1}^2  \\\\ & n = {a_2}^2 + 2{b_2}^2 \\\\ & n = {a_3}^2 + 3{b_3}^2 \\\\ & n = {a_7}^2 + 7{b_7}^2 \\\\ \end{align}$$
+
+де $a_k$ та $b_k$ додатні цілі числа.
+
+Існує 75373 подібних чисел, що не перевищують ${10}^7$.
+
+Скільки існує чисел, що не перевищують $2 × {10}^9$?
+
+# --hints--
+
+`representationsUsingSquares()` має повернути `11325263`.
+
+```js
+assert.strictEqual(representationsUsingSquares(), 11325263);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function representationsUsingSquares() {
+
+  return true;
+}
+
+representationsUsingSquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-23-non-abundant-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-23-non-abundant-sums.md
new file mode 100644
index 0000000000..67250265cc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-23-non-abundant-sums.md
@@ -0,0 +1,101 @@
+---
+id: 5900f3831000cf542c50fe96
+title: 'Завдання 23: Ненадлишкові суми чисел'
+challengeType: 5
+forumTopicId: 301873
+dashedName: problem-23-non-abundant-sums
+---
+
+# --description--
+
+Досконале число - це число, у якому сума його власних дільників дорівнює цьому числу. Наприклад, сума власних дільників числа 28 становитиме 1 + 2 + 4 + 7 + 14 = 28, що означає, що 28 - досконале число.
+
+Число `n` називають недостатнім, якщо сума його власних дільників є меншою, ніж `n`, і надлишковим, якщо ця сума перевищує `n`.
+
+Так як 12 - найменше надлишкове число (1 + 2 + 3 + 4 + 6 = 16), найменшим числом, що може бути представлене як сума двох надлишкових чисел, є 24. Використовуючи математичний аналіз, можна показати, що всі цілі числа, більші за 28123, можуть бути представлені як сума двох надлишкових чисел. Однак, верхня границя не може бути ще більш знижена у результаті аналізу, навіть якщо відомо, що найбільше число, яке не може бути виражено як сума двох надлишкових чисел, менше цієї границі.
+
+Знайдіть суму усіх натуральних чисел &lt;= `n`, які не можуть бути записані як сума двох надлишкових чисел.
+
+# --hints--
+
+`sumOfNonAbundantNumbers(10000)` має повернути число.
+
+```js
+assert(typeof sumOfNonAbundantNumbers(10000) === 'number');
+```
+
+`sumOfNonAbundantNumbers(10000)` має повернути число 3731004.
+
+```js
+assert(sumOfNonAbundantNumbers(10000) === 3731004);
+```
+
+`sumOfNonAbundantNumbers(15000)` має повернути число 4039939.
+
+```js
+assert(sumOfNonAbundantNumbers(15000) === 4039939);
+```
+
+`sumOfNonAbundantNumbers(20000)` має повернути число 4159710.
+
+```js
+assert(sumOfNonAbundantNumbers(20000) === 4159710);
+```
+
+`sumOfNonAbundantNumbers(28123)` має повернути число 4179871.
+
+```js
+assert(sumOfNonAbundantNumbers(28123) === 4179871);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumOfNonAbundantNumbers(n) {
+
+  return n;
+}
+
+sumOfNonAbundantNumbers(28123);
+```
+
+# --solutions--
+
+```js
+function abundantCheck(number) {
+  let sum = 1;
+
+  for (let i = 2; i <= Math.sqrt(number); i += 1) {
+    if(number % i === 0) {
+      sum += i + +(i !== Math.sqrt(number) && number / i);
+    }
+  }
+  return sum > number;
+}
+
+function sumOfNonAbundantNumbers(n) {
+  let sum = 0;
+  const memo = {};
+  let abundantList = [];
+
+  // Function checkSum checks if num can be represented as a sum of numbers in the stack (array)
+  const checkSum = (num, stack, memo) => {
+    for (let i = 0; i < stack.length; i += 1) {
+      if ((num - stack[i]) in memo) return true;
+    }
+    return false;
+  };
+
+  for (let i = 1; i <= n; i += 1) {
+    if (abundantCheck(i)) {
+      abundantList.push(i);
+      memo[i] = 1;
+    }
+    if (checkSum(i, abundantList, memo)) continue;
+    sum += i;
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-230-fibonacci-words.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-230-fibonacci-words.md
new file mode 100644
index 0000000000..1d98fa030f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-230-fibonacci-words.md
@@ -0,0 +1,60 @@
+---
+id: 5900f4531000cf542c50ff65
+title: 'Завдання 230: Слова Фібоначчі'
+challengeType: 5
+forumTopicId: 301874
+dashedName: problem-230-fibonacci-words
+---
+
+# --description--
+
+Для будь-яких двох рядків цифр, $A$ і $B$, визначаємо $F_{A,B}$ як послідовність ($A, B, AB, BAB, ABBAB, \ldots $), у якій кожен елемент є поєднанням двох попередніх.
+
+Далі ми визначаємо $D_{A,B}(n)$ як $n^{\text{th}}$ цифру у першому елементі $F_{A,B}$, що містить принаймні $n$ цифр.
+
+Наприклад:
+
+Нехай $A = 1\\,415\\,926\\,535$, $B = 8\\,979\\,323\\,846$. Припустимо, ми хочемо знайти $D_{A,B}(35)$.
+
+Першими елементами $F_{A,B}$ є:
+
+$$\begin{align} & 1\\,415\\,926\\,535 \\\\ & 8\\,979\\,323\\,846 \\\\ & 14\\,159\\,265\\,358\\,979\\,323\\,846 \\\\ & 897\\,932\\,384\\,614\\,159\\,265\\,358\\,979\\,323\\,846 \\\\ & 14\\,159\\,265\\,358\\,979\\,323\\,846\\,897\\,932\\,384\\,614\\,15\color{red}{9}\\,265\\,358\\,979\\,323\\,846 \end{align}$$
+
+Тоді $D_{A,B}(35)$ — це ${35}^{\text{th}}$ цифра п'ятого елемента, тобто 9.
+
+Тепер для $A$ використовуємо перші 100 цифр після десяткового розділювача:
+
+$$\begin{align} & 14\\,159\\,265\\,358\\,979\\,323\\,846\\,264\\,338\\,327\\,950\\,288\\,419\\,716\\,939\\,937\\,510 \\\\ & 58\\,209\\,749\\,445\\,923\\,078\\,164\\,062\\,862\\,089\\,986\\,280\\,348\\,253\\,421\\,170\\,679 \end{align}$$
+
+і для $B$ наступні 100 цифр:
+
+$$\begin{align} & 82\\,148\\,086\\,513\\,282\\,306\\,647\\,093\\,844\\,609\\,550\\,582\\,231\\,725\\,359\\,408\\,128 \\\\ & 48\\,111\\,745\\,028\\,410\\,270\\,193\\,852\\,110\\,555\\,964\\,462\\,294\\,895\\,493\\,038\\,196 \end{align}$$
+
+Знайдіть $\sum_{n = 0, 1, \ldots, 17} {10}^n × D_{A,B}((127 + 19n) × 7^n)$.
+
+# --hints--
+
+`fibonacciWords()` має повернути `850481152593119200`.
+
+```js
+assert.strictEqual(fibonacciWords(), 850481152593119200);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fibonacciWords() {
+
+  return true;
+}
+
+fibonacciWords();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.md
new file mode 100644
index 0000000000..439456f5f8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-231-the-prime-factorisation-of-binomial-coefficients.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4531000cf542c50ff66
+title: 'Завдання 231: Розклад біномальних коефіцієнтів на прості множники'
+challengeType: 5
+forumTopicId: 301875
+dashedName: problem-231-the-prime-factorisation-of-binomial-coefficients
+---
+
+# --description--
+
+Біномальний коефіцієнт $\displaystyle\binom{10}{3} = 120$.
+
+$120 = 2^3 × 3 × 5 = 2 × 2 × 3 × 5$, і $2 + 2 + 2 + 3 + 5 = 14$.
+
+Тож сумою членів розкладу на прості множники $\displaystyle\binom{10}{3}$ є $14$.
+
+Знайдіть суму членів розкладу на прості множник $\binom{20\\,000\\,000}{15\\,000\\,000}$.
+
+# --hints--
+
+`primeFactorisation()` має повернути `7526965179680`.
+
+```js
+assert.strictEqual(primeFactorisation(), 7526965179680);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeFactorisation() {
+
+  return true;
+}
+
+primeFactorisation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-232-the-race.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-232-the-race.md
new file mode 100644
index 0000000000..2781638581
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-232-the-race.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4551000cf542c50ff67
+title: 'Завдання 232: Перегони'
+challengeType: 5
+forumTopicId: 301876
+dashedName: problem-232-the-race
+---
+
+# --description--
+
+Двоє гравців мають симетричну монетку і по черзі використовують її під час свого ходу у грі "Перегони".
+
+Гравець 1 один раз кидає монету. Якщо попадається аверс, гравець отримує бал, якщо реверс — нічого.
+
+Гравець 2 обирає додатне число $T$ і кидає монету $T$ рази. Якщо кожен раз випадає аверс, Гравець отримує $2^{T - 1}$. Якщо ні, тоді не отримує нічого.
+
+Гравець 1 ходить першим. Переможе той, хто першим набере 100 або більше балів.
+
+Кожного разу Гравець 2 обирає кількість, $T$, спроб підкинути монету, що збільшують ймовірність виграшу.
+
+Яка ймовірність, що виграє Гравець 2?
+
+Дайте відповідь, округлену до восьми десятків після коми, у такому вигляді 0.abcdefg .
+
+# --hints--
+
+`theRace()` має повернути `0.83648556`.
+
+```js
+assert.strictEqual(theRace(), 0.83648556);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function theRace() {
+
+  return true;
+}
+
+theRace();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.md
new file mode 100644
index 0000000000..ac69cfe765
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-233-lattice-points-on-a-circle.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4551000cf542c50ff68
+title: 'Завдання 233: Точки сітки на колі'
+challengeType: 5
+forumTopicId: 301877
+dashedName: problem-233-lattice-points-on-a-circle
+---
+
+# --description--
+
+Нехай $f(N)$ — це кількість точок з цілочисельними координатами, які знаходяться на колі, що проходить через $(0,0)$, $(N,0)$, $(0,N)$ і $(N,N)$.
+
+Можна зобразити, що $f(10000) = 36$.
+
+Яка сума всіх натуральних чисел $N ≤ {10}^{11}$ таких, що $f(N) = 420$?
+
+# --hints--
+
+`latticePointsOnACircle()` має повернути `271204031455541300`.
+
+```js
+assert.strictEqual(latticePointsOnACircle(), 271204031455541300);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function latticePointsOnACircle() {
+
+  return true;
+}
+
+latticePointsOnACircle();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.md
new file mode 100644
index 0000000000..cd7e620076
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-234-semidivisible-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4571000cf542c50ff69
+title: 'Завдання 234: Напівподільні числа'
+challengeType: 5
+forumTopicId: 301878
+dashedName: problem-234-semidivisible-numbers
+---
+
+# --description--
+
+Для цілого числа $n ≥ 4$ визначаємо нижній простий квадратний корінь з $n$, позначений $lps(n)$, як $\text{largest prime} ≤ \ sqrt{n}$ і верхній простий квадратний корінь з $n$, $ups(n)$, як $\text{smallest prime} ≥ \sqrt{n}$.
+
+Так, наприклад, $lps(4) = 2 = ups (4)$, $lps(1000) = 31$, $ups(1000) = 37$.
+
+Назвемо ціле число $n ≥ 4$ напівподільним, якщо один із $lps(n)$ та $ups(n)$ ділиться на $n$, але не на обидва.
+
+Сума всіх напівподільних чисел не більших за 15 дорівнює 30, це числа — 8, 10 і 12. 15 не є напівподільним, оскільки воно кратне як $lps(15) = 3$, так $ups(15) = 5$. Також, наприклад, сума 92 напівподільних чисел до 1000 дорівнює 34825.
+
+Яка сума всіх напівподільних чисел не більших за 999966663333?
+
+# --hints--
+
+`semidivisibleNumbers()` має повернути `1259187438574927000`.
+
+```js
+assert.strictEqual(semidivisibleNumbers(), 1259187438574927000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function semidivisibleNumbers() {
+
+  return true;
+}
+
+semidivisibleNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.md
new file mode 100644
index 0000000000..6ea45b60f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-235-an-arithmetic-geometric-sequence.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4571000cf542c50ff6a
+title: 'Завдання 235: Арифметично-геометрична прогресія'
+challengeType: 5
+forumTopicId: 301879
+dashedName: problem-235-an-arithmetic-geometric-sequence
+---
+
+# --description--
+
+Дано арифметично-геометричну прогресію $u(k) = (900 - 3k)r^{k - 1}$.
+
+Нехай $s(n) = \sum_{k=1 \ldots n} u(k)$.
+
+Знайдіть значення $r$, при якому $s(5000) = -600\\,000\\,000\\,000\\,000$.
+
+Дайте відповідь, округлену до 12 знаків після коми.
+
+# --hints--
+
+`arithmeticGeometricSequence()` має повернути `1.002322108633`.
+
+```js
+assert.strictEqual(arithmeticGeometricSequence(), 1.002322108633);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function arithmeticGeometricSequence() {
+
+  return true;
+}
+
+arithmeticGeometricSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-236-luxury-hampers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-236-luxury-hampers.md
new file mode 100644
index 0000000000..3c05800bd7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-236-luxury-hampers.md
@@ -0,0 +1,65 @@
+---
+id: 5900f4591000cf542c50ff6b
+title: 'Завдання 236: Подарункові коробки'
+challengeType: 5
+forumTopicId: 301881
+dashedName: problem-236-luxury-hampers
+---
+
+# --description--
+
+Постачальники "А" і "Б" надали таку кількість продукції для ринку подарункових коробок:
+
+| Товар               | "A"  | "Б"  |
+| ------------------- | ---- | ---- |
+| Ікра білуги         | 5248 | 640  |
+| Різдвяний торт      | 1312 | 1888 |
+| Окорок              | 2624 | 3776 |
+| Витриманий портвейн | 5760 | 3776 |
+| Шампанські трюфелі  | 3936 | 5664 |
+
+Хоча постачальники дуже стараються доставити свій товар в ідеальному стані, псування неминуче — тобто продукти зіпсуються.
+
+Постачальники порівнюють свої показники, використовуючи два типи статистики:
+
+- П'ять норм псування кожного продукту для кожного постачальника дорівнюють кількості зіпсованої продукції, поділеній на кількість продуктів, що поставляються, для кожного з п'яти продуктів по черзі.
+- Загальна норма псування для кожного постачальника дорівнює загальній кількості зіпсованої продукції, поділеній на загальну кількість продуктів, наданих цим постачальником.
+
+На їхнє здивування, постачальники виявили, що кожна з п’яти норм псування продукту була гіршою (вищою) для „В” товарів, ніж для „А” з тим самим коефіцієнтом (співвідношення норм псування), $m > 1$; і все ж, як не парадоксально, загальна швидкість псування була гіршою для "А", ніж для "В", також у рази $m$.
+
+Є тридцять п’ять $m > 1$, за який міг би статися цей дивовижний результат, найменший з яких $\frac{1476}{1475}$.
+
+Яке найбільше можливе значення $m$? Дайте відповідь у вигляді рядка з дробом, скороченим до найменшого спільного знаменники `u/v`.
+
+# --hints--
+
+`luxuryHampers()` має повернути рядок.
+
+```js
+assert(typeof luxuryHampers() === 'string');
+```
+
+`luxuryHampers()` має повернути рядок `123/59`.
+
+```js
+assert.strictEqual(luxuryHampers(), '123/59');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function luxuryHampers() {
+
+  return true;
+}
+
+luxuryHampers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.md
new file mode 100644
index 0000000000..aad063215d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-237-tours-on-a-4-x-n-playing-board.md
@@ -0,0 +1,49 @@
+---
+id: 5900f4591000cf542c50ff6c
+title: 'Завдання 237: Маршрути на ігровій дошці 4 x n'
+challengeType: 5
+forumTopicId: 301882
+dashedName: problem-237-tours-on-a-4-x-n-playing-board
+---
+
+# --description--
+
+Нехай $T(n)$ — це кількість маршрутів на ігровій дошці 4 × $n$:
+
+- Маршрут починається у верхньому лівому куті.
+- Маршрут складається з ходів вгору, вниз, вліво або вправо на одну клітинку.
+- Маршрут проходить по кожному квадрату лише один раз.
+- Маршрут закінчується в нижньому лівому кутку.
+
+На малюнку зображено один із маршрутів на дошці 4 × 10:
+
+<img class="img-responsive center-block" alt="один із маршрутів по дошці 4 х 10" src="https://cdn.freecodecamp.org/curriculum/project-euler/tours-on-a-4-x-n-playing-board.gif" style="background-color: white; padding: 10px;" />
+
+$T(10)$ дорівнює 2329. Чому дорівнює $T({10}^{12})$ по модулю ${10}^8$?
+
+# --hints--
+
+`toursOnPlayingBoard()` має повернути `15836928`.
+
+```js
+assert.strictEqual(toursOnPlayingBoard(), 15836928);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function toursOnPlayingBoard() {
+
+  return true;
+}
+
+toursOnPlayingBoard();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-238-infinite-string-tour.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-238-infinite-string-tour.md
new file mode 100644
index 0000000000..646241dd28
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-238-infinite-string-tour.md
@@ -0,0 +1,58 @@
+---
+id: 5900f45b1000cf542c50ff6d
+title: 'Завдання 238: Нескінченна подорож по рядках'
+challengeType: 5
+forumTopicId: 301883
+dashedName: problem-238-infinite-string-tour
+---
+
+# --description--
+
+Створіть послідовність чисел, використовуючи генератор псевдовипадкових чисел "Блум Блум Шуба":
+
+$$ s_0 = 14025256 \\\\ s_{n + 1} = {s_n}^2 \\; mod \\; 20\\,300\\,713 $$
+
+Об'єднайте ці числа $s_0s_1s_2\ldots$, щоб створити рядок $w$ нескінченної довжини. Тоді $w = 14025256741014958470038053646\ldots$
+
+Для додатного цілого числа $k$, якщо не існує підрядка $w$ з сумою чисел, що дорівнює $k$, $p(k)$ визначено як 0. Якщо існує принаймні один підрядок $w$ з сумою чисел, що дорівнює $k$, визначаємо $p(k) = z$, де $z$ — початкова позиція найпершого такого підрядка.
+
+Наприклад:
+
+Підрядки 1, 14, 1402, … суми цифр яких дорівнюють 1, 5, 7, … починаються з позиції 1, отже, $p(1) = p(5) = p(7) = \ldots = 1$.
+
+Підрядки 4, 402, 4025, … суми цифр яких дорівнюють 4, 6, 11, … починаються з позиції 2, отже, $p(4) = p(6) = p(11) = \ldots = 2$.
+
+Підрядки 02, 0252, … суми цифр яких дорівнюють 2, 9, … починаються з позиції 3, отже, $p(2) = p(9) = \ldots = 3$.
+
+Зауважте, що підрядок 025, що починається з позиції 3, має суму чисел, що дорівнює 7, проте перед ним маємо підрядок (що починається з позиції 1) з сумою чисел, що дорівнює 7, тому $p(7) = 1$, не 3.
+
+Можемо перевірити, що для $0 &lt; k ≤ {10}^3$, $\sum p(k) = 4742$.
+
+Знайдіть $\sum p(k)$, для $0 &lt; k ≤ 2 \times {10}^{15}$.
+
+# --hints--
+
+`infiniteStringTour()` має повернути `9922545104535660`.
+
+```js
+assert.strictEqual(infiniteStringTour(), 9922545104535660);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function infiniteStringTour() {
+
+  return true;
+}
+
+infiniteStringTour();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.md
new file mode 100644
index 0000000000..b99979b4f9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-239-twenty-two-foolish-primes.md
@@ -0,0 +1,42 @@
+---
+id: 5900f45c1000cf542c50ff6e
+title: 'Завдання 239: 22 дурних простих чисел'
+challengeType: 5
+forumTopicId: 301884
+dashedName: problem-239-twenty-two-foolish-primes
+---
+
+# --description--
+
+Набір дисків з номерами від 1 до 100 розміщуються в ряд у довільному порядку.
+
+Яка ймовірність того, що існує перестановка при якій всі 22 диски з простими числами опиняться не на своїх позиціях? (Будь-яка кількість дисків зі складеними числами також можуть опинитися на своїх або не своїх місцях.)
+
+Дайте відповідь, округлену до 12 знаків у формі 0.abcdefghijkl.
+
+# --hints--
+
+`twentyTwoFoolishPrimes()` має повернути `0.001887854841`.
+
+```js
+assert.strictEqual(twentyTwoFoolishPrimes(), 0.001887854841);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function twentyTwoFoolishPrimes() {
+
+  return true;
+}
+
+twentyTwoFoolishPrimes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.md
new file mode 100644
index 0000000000..dc1ba1c7d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-24-lexicographic-permutations.md
@@ -0,0 +1,66 @@
+---
+id: 5900f3841000cf542c50fe97
+title: 'Завдання 24: Лексикографічні перестановки'
+challengeType: 5
+forumTopicId: 301885
+dashedName: problem-24-lexicographic-permutations
+---
+
+# --description--
+
+Перестановкою називають впорядковане розташування об'єктів. Наприклад, 3124 - єдина можлива перестановка з цифр 1, 2, 3 і 4. Якщо всі перестановки представлені у вигляді нумерації або за алфавітом, то ми називаємо це лексикографічним порядком. Лексикографічними перестановками з цифр 0, 1 і 2 є:
+
+<div style='text-align: center;'>012   021   102   120   201   210</div>
+
+Визначте `n`-ну лексикографічну перестановку з цифр 0, 1, 2, 3, 4, 5, 6, 7, 8 і 9.
+
+# --hints--
+
+`lexicographicPermutations(699999)` має повернути число.
+
+```js
+assert(typeof lexicographicPermutations(699999) === 'number');
+```
+
+`lexicographicPermutations(699999)` має повернути число 1938246570.
+
+```js
+assert(lexicographicPermutations(699999) == 1938246570);
+```
+
+`lexicographicPermutations(899999)` має повернути число 2536987410.
+
+```js
+assert(lexicographicPermutations(899999) == 2536987410);
+```
+
+`lexicographicPermutations(900000)` має повернути число 2537014689.
+
+```js
+assert(lexicographicPermutations(900000) == 2537014689);
+```
+
+`lexicographicPermutations(999999)` має повернути число 2783915460.
+
+```js
+assert(lexicographicPermutations(999999) == 2783915460);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lexicographicPermutations(n) {
+
+  return n;
+}
+
+lexicographicPermutations(999999);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-240-top-dice.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-240-top-dice.md
new file mode 100644
index 0000000000..61956fc685
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-240-top-dice.md
@@ -0,0 +1,42 @@
+---
+id: 5900f45d1000cf542c50ff6f
+title: 'Завдання 240: Кубики з найбільшими числами'
+challengeType: 5
+forumTopicId: 301887
+dashedName: problem-240-top-dice
+---
+
+# --description--
+
+Якщо кинути п'ять 6-гранних кубиків (грані пронумеровано від 1 до 6), у 1111 випадках сума трьох найбільших чисел дорівнюватиме 15. Ось декілька прикладів:
+
+$$\begin{align} & D_1,D_2,D_3,D_4,D_5 = 4,3,6,3,5 \\\\ & D_1,D_2,D_3,D_4,D_5 = 4,3,3,5,6 \\\\ & D_1,D_2,D_3,D_4,D_5 = 3,3,3,6,6 \\\\ & D_1,D_2,D_3,D_4,D_5 = 6,6,3,3,3 \end{align}$$
+
+Якщо кинути двадцять 12-гранних кубиків (грані пронумеровано від 1 до 12), у скількох випадках сума десятьох найбільших чисел дорівнюватиме 70?
+
+# --hints--
+
+`topDice()` має повернути `7448717393364182000`.
+
+```js
+assert.strictEqual(topDice(), 7448717393364182000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function topDice() {
+
+  return true;
+}
+
+topDice();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-241-perfection-quotients.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-241-perfection-quotients.md
new file mode 100644
index 0000000000..6e792481e3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-241-perfection-quotients.md
@@ -0,0 +1,44 @@
+---
+id: 5900f45d1000cf542c50ff70
+title: 'Завдання 241: Коефіцієнт досконалості'
+challengeType: 5
+forumTopicId: 301888
+dashedName: problem-241-perfection-quotients
+---
+
+# --description--
+
+Для цілого додатного числа $n$, нехай $σ(n)$ — сума всіх дільників $n$, так, наприклад $σ(6) = 1 + 2 + 3 + 6 = 12$.
+
+Досконале число, як ви, напевно, знаєте, — це число, у котрого $σ(n) = 2n$.
+
+Визначимо коефіцієнт досконалості натурального числа як $p(n) = \ frac{σ(n)}{n}$.
+
+Знайдіть суму всіх натуральних чисел $n ≤ {10}^{18}$, для котрих $p(n)$ має вигляд $k + \ frac{1}{2}$, де $k$ — ціле число.
+
+# --hints--
+
+`perfectionQuotients()` має повернутися `482316491800641150`.
+
+```js
+assert.strictEqual(perfectionQuotients(), 482316491800641150);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function perfectionQuotients() {
+
+  return true;
+}
+
+perfectionQuotients();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-242-odd-triplets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-242-odd-triplets.md
new file mode 100644
index 0000000000..0960ae4aa3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-242-odd-triplets.md
@@ -0,0 +1,44 @@
+---
+id: 5900f45f1000cf542c50ff71
+title: 'Завдання 242: Непарні трійки'
+challengeType: 5
+forumTopicId: 301889
+dashedName: problem-242-odd-triplets
+---
+
+# --description--
+
+Дано множину {1,2,..., $n$}, визначаємо $f(n, k)$ як кількість підмножин її $k$-елементів з непарною сумою елементів. Наприклад, $f(5,3) = 4$, оскільки множина {1,2,3,4,5} містить 4 підмножини, що складаються із 3 елементів, сума яких непарна: {1,2,4}, {1,3,5}, {2,3,4} та {2,4,5}.
+
+Якщо усі три значення $n$, $k$ та $f(n, k)$ непарні, вони утворюють непарну трійку $[n, k, f(n, k)]$.
+
+Існує лише п'ять непарних трійок для нерівності $n ≤ 10$, а саме: $[1, 1, f(1, 1) = 1]$, $[5, 1, f(5, 1) = 3]$, $[5, 5, f(5, 5) = 1]$, $[9, 1, f(9, 1) = 5]$ та $[9, 9, f(9, 9) = 1]$.
+
+Скільки непарних трійок існує для нерівності $n ≤ {10}^{12}$?
+
+# --hints--
+
+`oddTriplets()` має повернути `997104142249036700`.
+
+```js
+assert.strictEqual(oddTriplets(), 997104142249036700);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function oddTriplets() {
+
+  return true;
+}
+
+oddTriplets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-243-resilience.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-243-resilience.md
new file mode 100644
index 0000000000..f408a540b4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-243-resilience.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4601000cf542c50ff73
+title: 'Завдання 243: Стійкість'
+challengeType: 5
+forumTopicId: 301890
+dashedName: problem-243-resilience
+---
+
+# --description--
+
+Додатній дріб, чий чисельник менший за знаменник, називається правильним дробом.
+
+Для будь-якого знаменника, $d$, існує $d−1$ правильних дробів, наприклад, для $d = 12$:
+
+$$\frac{1}{12}, \frac{2}{12}, \frac{3}{12}, \frac{4}{12}, \frac{5}{12}, \frac{6}{12}, \frac{7}{12}, \frac{8}{12}, \frac{9}{12}, \frac{10}{12}, \frac{11}{12}$$
+
+Дріб, який неможливо скоротити назвемо стійким дробом.
+
+Також визначимо стійкість знаменника, $R(d)$ як відношення стійких правильних дробів до загальної кількості правильних дробів із цим знаменником, наприклад, $R(12) = \frac{4}{11}$.
+
+Фактично, $d = 12$ є найменшим знаменником зі стійкістю $R(d) &lt; \frac{4}{10}$.
+
+Знайдіть найменший чисельник $d$ зі стійкістю $R(d) &lt; \frac{15\\,499}{94\\,744}$.
+
+# --hints--
+
+`resilience()` має повернути `892371480`.
+
+```js
+assert.strictEqual(resilience(), 892371480);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function resilience() {
+
+  return true;
+}
+
+resilience();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-244-sliders.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-244-sliders.md
new file mode 100644
index 0000000000..059111011a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-244-sliders.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4601000cf542c50ff72
+title: 'Завдання 244: П''ятнашки'
+challengeType: 5
+forumTopicId: 301891
+dashedName: problem-244-sliders
+---
+
+# --description--
+
+Напевно, ви знаєте гру П'ятнашки. У цьому варіанті замість плиток з числами маємо сім червоних плиток та вісім синіх плиток.
+
+Ходи позначаються першою буквою напрямку (Left, Right, Up, Down), за яким пересуваємо плитку. Наприклад, починаючи з конфігурації ($S$), з послідовністю ходів $LULUR$ отримуємо конфігурацію ($E$):
+
+($S$) <img class="img-responsive" alt="configuration S" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliders-1.gif" style="display: inline-block; background-color: white; padding: 10px;" />, ($E$) <img class="img-responsive" alt="конфігурація E" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliders-2.gif" style="display: inline-block; background-color: white; padding: 10px;" />
+
+Для кожного шляху його контрольна сума обчислюється так (псевдокод):
+
+$$\begin{align} & \text{checksum} = 0 \\\\ & \text{checksum} = (\text{checksum} × 243 + m_1) \\; \text{mod} \\; 100\\,000\\,007 \\\\ & \text{checksum} = (\text{checksum} × 243 + m_2) \\; \text{mod} \\; 100\\,000\\,007 \\\\ & \ldots \\\\ & \text{checksum} = (\text{checksum} × 243 + m_n) \\; \text{mod} \\; 100\\,000\\,007 \end{align}$$
+
+де $m_k$ — ASCII код букви $k^{\text{th}}$ в послідовності ходів. Ось ASCII коди для ходів:
+
+$$\begin{array}{|c|c|} \hline L & 76 \\\\ \hline R & 82 \\\\ \hline U & 85 \\\\ \hline D & 68 \\\\ \hline \end{array}$$
+
+Для послідовності $LULUR$, зазначеної вище, контрольна сума становить 19761398. Тепер почавши з конфігурації ($S$), знайдіть усі найкоротші шляхи, щоб досягти конфігурації ($T$).
+
+($S$) <img class="img-responsive center-block" alt="configuration S" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliders-3.gif" style="display: inline-block; background-color: white; padding: 10px;" />, ($T$) <img class="img-responsive center-block" alt="конфігурація T" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliders-4.gif" style="display: inline-block; background-color: white; padding: 10px;" />
+
+Яка сума всіх контрольних сум для найкоротших шляхів?
+
+# --hints--
+
+`sliders()` має повернути `96356848`.
+
+```js
+assert.strictEqual(sliders(), 96356848);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sliders() {
+
+  return true;
+}
+
+sliders();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-245-coresilience.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-245-coresilience.md
new file mode 100644
index 0000000000..146fd807e8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-245-coresilience.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4621000cf542c50ff74
+title: 'Завдання 245: Співстійкість'
+challengeType: 5
+forumTopicId: 301892
+dashedName: problem-245-coresilience
+---
+
+# --description--
+
+Дріб, який неможливо скоротити, назвемо стійким дробом.
+
+Також визначимо стійкість знаменника, $R(d)$ як відношення стійких правильних дробів до загальної кількості правильних дробів із цим знаменником, наприклад, $R(12) = \frac{4}{11}$.
+
+Стійкість числа $d > 1$ тоді $\frac{φ(d)}{d − 1}$, де $φ$ — функція Ейлера.
+
+Далі ми визначаємо співстійкість числа $n > 1$ як $C(n) = \frac {n − φ(n)}{n − 1}$.
+
+Співстійкість простого числа $p$ дорівнює $C(p) = \ frac{1}{p − 1}$.
+
+Знайдіть суму всіх складених цілих чисел $1 &lt; n ≤ 2 × {10}^{11}$, для яких $C(n)$ — одиничний дріб.
+
+# --hints--
+
+`coresilience()` має повернути `288084712410001`.
+
+```js
+assert.strictEqual(coresilience(), 288084712410001);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function coresilience() {
+
+  return true;
+}
+
+coresilience();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.md
new file mode 100644
index 0000000000..a533e46755
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-246-tangents-to-an-ellipse.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4621000cf542c50ff75
+title: 'Завдання 246: Дотичні до еліпса'
+challengeType: 5
+forumTopicId: 301893
+dashedName: problem-246-tangents-to-an-ellipse
+---
+
+# --description--
+
+Визначення еліпса таке:
+
+Якщо коло $c$ з центром $M$ та радіусом $r$ та точкою $G$ така, що $d(G, M) < r$, геометричне місце точок, рівновіддалених від $c$ та $G$, формує еліпс.
+
+Побудову точок еліпса зображено нижче.
+
+<img class="img-responsive center-block" alt="анімація побудови еліпса" src="https://cdn.freecodecamp.org/curriculum/project-euler/tangents-to-an-ellipse-1.gif" style="background-color: white; padding: 10px;" />
+
+Дано точки $M(-2000, 1500)$ та $G(8000, 1500)$.
+
+Також дано коло $c$ із центром $M$ та радіусом $15\\,000$.
+
+Геометричне місце точок, рівновіддалених від $G$ та $c$, формують еліпс $e$.
+
+З точки $P$ поза $e$ проведено дві дотичні $t_1$ та $t_2$ до еліпса.
+
+Нехай точки, де $t_1$ та $t_2$ дотикаються до еліпса, — $R$ та $S$.
+
+<img class="img-responsive center-block" alt="коло с із центром М, радіусом 15000 та точкою Р поза еліпсом е; від точки Р проведено дві дотичні t_1 та t_2 до еліпса, і R та S є точками дотику до еліпса" src="https://cdn.freecodecamp.org/curriculum/project-euler/tangents-to-an-ellipse-2.gif" style="background-color: white; padding: 10px;" />
+
+Для скількох точок ґратки $P$ значення кута $RPS$ є більшим за 45°?
+
+# --hints--
+
+`tangentsToAnEllipse()` має провернути `810834388`.
+
+```js
+assert.strictEqual(tangentsToAnEllipse(), 810834388);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function tangentsToAnEllipse() {
+
+  return true;
+}
+
+tangentsToAnEllipse();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.md
new file mode 100644
index 0000000000..544fa3ba16
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-247-squares-under-a-hyperbola.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4641000cf542c50ff76
+title: 'Завдання 247: Квадрати під гіперболою'
+challengeType: 5
+forumTopicId: 301894
+dashedName: problem-247-squares-under-a-hyperbola
+---
+
+# --description--
+
+Розглянемо область, обмежену $1 ≤ x$ та $0 ≤ y ≤ \frac{1}{x}$.
+
+Нехай $S_1$ буде найбільшим квадратом, який може поміститися під кривою.
+
+Нехай $S_2$ буде найбільшим квадратом, як може поміститися на площі що залишилася, і так далі.
+
+Нехай індексом $S_n$ буде парна чисел (зліва, знизу), що вказує на кількість квадратів злів від $S_n$ та числом квадратів знизу від $S_n$.
+
+<img class="img-responsive center-block" alt="діаграма з квадратами під гіперболою" src="https://cdn.freecodecamp.org/curriculum/project-euler/squares-under-a-hyperbola.gif" style="background-color: white; padding: 10px;" />
+
+На діаграмі зображено декілька квадратів, позначених числами.
+
+$S_2$ має один квадрат зліва та жодного знизу, тому індекс $S_2$ — (1, 0).
+
+Можна побачити, що індекс $S_{32}$ (1,1), також й індекс $S_{50}$.
+
+50 — це найбільше $n$, для котрого індекс $S_n$ (1, 1).
+
+Яке найбільше $n$, для котрого індекс $S_n$ (3, 3)?
+
+# --hints--
+
+`squaresUnderAHyperbola()` має повернути `782252`.
+
+```js
+assert.strictEqual(squaresUnderAHyperbola(), 782252);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squaresUnderAHyperbola() {
+
+  return true;
+}
+
+squaresUnderAHyperbola();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.md
new file mode 100644
index 0000000000..05f722de14
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-248-numbers-for-which-eulers-totient-function-equals-13.md
@@ -0,0 +1,40 @@
+---
+id: 5900f4651000cf542c50ff77
+title: 'Завдання 248: Числа, для яких функція Ейлера дорівнює 13!'
+challengeType: 5
+forumTopicId: 301895
+dashedName: problem-248-numbers-for-which-eulers-totient-function-equals-13
+---
+
+# --description--
+
+Перше число $n$, для якого $φ(n) = 13!$ — $6\\,227\\,180\\,929$.
+
+Знайдіть ${150\\,000}^{\text{th}}$ такого числа.
+
+# --hints--
+
+`eulersTotientFunctionEquals()` має повернути `23507044290`.
+
+```js
+assert.strictEqual(eulersTotientFunctionEquals(), 23507044290);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eulersTotientFunctionEquals() {
+
+  return true;
+}
+
+eulersTotientFunctionEquals();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-249-prime-subset-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-249-prime-subset-sums.md
new file mode 100644
index 0000000000..8632e9322d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-249-prime-subset-sums.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4671000cf542c50ff79
+title: 'Завдання 249: Суми підмножин простих чисел'
+challengeType: 5
+forumTopicId: 301896
+dashedName: problem-249-prime-subset-sums
+---
+
+# --description--
+
+Нехай $S = \\{2, 3, 5, \ldots, 4999\\}$ — множина простих чисел менших за 5000.
+
+Знайдіть кількість підмножин $S$, сума елементів яких є простим числом.
+
+Введіть 16 цифр, як вашу відповідь.
+
+# --hints--
+
+`primeSubsetSums()` має повернути `9275262564250418`.
+
+```js
+assert.strictEqual(primeSubsetSums(), 9275262564250418);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeSubsetSums() {
+
+  return true;
+}
+
+primeSubsetSums();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.md
new file mode 100644
index 0000000000..d4c8525e27
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-25-1000-digit-fibonacci-number.md
@@ -0,0 +1,85 @@
+---
+id: 5900f3851000cf542c50fe98
+title: 'Завдання 25: 1000-цифрове число Фібоначчі'
+challengeType: 5
+forumTopicId: 301897
+dashedName: problem-25-1000-digit-fibonacci-number
+---
+
+# --description--
+
+Послідовність Фібоначчі визначається за допомогою рекурентного співвідношення:
+
+<div style='padding-left: 4em;'>F<sub>n</sub> = F<sub>n−1</sub> + F<sub>n−2</sub>, де F<sub>1</sub> = 1 і F<sub>2</sub> = 1.</div>
+
+Отже, перші 12 членів послідовності дорівнюють:
+
+<div style='padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;'><div>F<sub>1</sub> = 1</div><div>F<sub>2</sub> = 1</div><div>F<sub>3</sub> = 2</div><div>F<sub>4</sub> = 3</div><div>F<sub>5</sub> = 5</div><div>F<sub>6</sub> = 8</div><div>F<sub>7</sub> = 13</div><div>F<sub>8</sub> = 21</div><div>F<sub>9</sub> = 34</div><div>F<sub>10</sub> = 55</div><div>F<sub>11</sub> = 89</div><div>F<sub>12</sub> = 144</div></div>
+
+12-ий член, F<sub>12</sub>, є першим членом послідовності, що містить три цифри.
+
+Яким є порядковий номер першого члена послідовності Фібоначчі, що містить `n` цифр?
+
+# --hints--
+
+`digitFibonacci(5)` має повернути число.
+
+```js
+assert(typeof digitFibonacci(5) === 'number');
+```
+
+`digitFibonacci(5)` має повернути число 21.
+
+```js
+assert.strictEqual(digitFibonacci(5), 21);
+```
+
+`digitFibonacci(10)` має повернути число 45.
+
+```js
+assert.strictEqual(digitFibonacci(10), 45);
+```
+
+`digitFibonacci(15)` має повернути число 69.
+
+```js
+assert.strictEqual(digitFibonacci(15), 69);
+```
+
+`digitFibonacci(20)` має повернути число 93.
+
+```js
+assert.strictEqual(digitFibonacci(20), 93);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitFibonacci(n) {
+
+  return n;
+}
+
+digitFibonacci(20);
+```
+
+# --solutions--
+
+```js
+const digitFibonacci = (n) => {
+  const digits = (num) => {
+    return num.toString().length;
+  };
+  let f1 = 1;
+  let f2 = 1;
+  let index = 3;
+  while (true) {
+    let fn = f1 + f2;
+    if (digits(fn) === n) return index;
+    [f1, f2] = [f2, fn];
+    index++;
+  }
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-250-250250.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-250-250250.md
new file mode 100644
index 0000000000..99f137241f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-250-250250.md
@@ -0,0 +1,38 @@
+---
+id: 5900f4661000cf542c50ff78
+title: 'Завдання 250: 250250'
+challengeType: 5
+forumTopicId: 301898
+dashedName: problem-250-250250
+---
+
+# --description--
+
+Знайдіть кількість непорожніх підмножин $\\{11, 22, 33, \ldots, {250250}^{250250}\\}$, сума елементів яких ділиться на 250. Введіть 16 цифр, як вашу відповідь.
+
+# --hints--
+
+`twoHundredFifty()` має повернути `1425480602091519`.
+
+```js
+assert.strictEqual(twoHundredFifty(), 1425480602091519);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function twoHundredFifty() {
+
+  return true;
+}
+
+twoHundredFifty();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-251-cardano-triplets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-251-cardano-triplets.md
new file mode 100644
index 0000000000..8cf896e6cd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-251-cardano-triplets.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4671000cf542c50ff7a
+title: 'Завдання 251: Трійки Кардано'
+challengeType: 5
+forumTopicId: 301899
+dashedName: problem-251-cardano-triplets
+---
+
+# --description--
+
+Трійка натуральних чисел ($a$,$b$,$c$) називається трійкою Кардано, якщо вона задовольняє наступну умову:
+
+$$\sqrt[3]{a + b \sqrt{c}} + \sqrt[3]{a - b \sqrt{c}} = 1$$
+
+Наприклад, (2,1,5) - це трійка Кардано.
+
+Існує 149 трійок Кардано, що задовольняють умову $a + b + c ≤ 1000$.
+
+Знайдіть існує трійок Кардано, що задовольняють умову $a + b + c ≤ 110\\,000\\,000$.
+
+# --hints--
+
+`cardanoTriplets()` має повернути `18946051`.
+
+```js
+assert.strictEqual(cardanoTriplets(), 18946051);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cardanoTriplets() {
+
+  return true;
+}
+
+cardanoTriplets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-252-convex-holes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-252-convex-holes.md
new file mode 100644
index 0000000000..4814814f47
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-252-convex-holes.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4691000cf542c50ff7b
+title: 'Завдання 252: Опуклі отвори'
+challengeType: 5
+forumTopicId: 301900
+dashedName: problem-252-convex-holes
+---
+
+# --description--
+
+Дано набір точок на площині. Визначаємо, що опуклий отвір — це опуклий багатокутник, який має вершини у будь-якій з даних точок та не містить жодної з даних точок всередині (крім вершин, інші дані точки можуть лежати по периметру багатокутника).
+
+Наприклад, на зображення нижче маємо набір 20 точок та декількох таких опуклих отворів. Опуклий отвір позначено червоним семикутником із площею 1049694.5 квадратних одиниць, що є найбільшою можливою площею опуклого отвору при даному наборі точок.
+
+<img class="img-responsive center-block" alt="набір 20 точок та опуклих отворів на площині" src="https://cdn.freecodecamp.org/curriculum/project-euler/convex-holes.gif" style="background-color: white; padding: 10px;" />
+
+Наприклад, ми використали перші 20 точок ($T_{2k − 1}$, $T_{2k}$), для $k = 1, 2, \ldots, 20$, отриманих за допомогою генератора псевдовипадкових чисел:
+
+$$\begin{align} S_0 & = 290\\,797 \\\\ S_{n+1} & = {S_n}^2 \\; \text{mod} \\; 50\\,515\\,093 \\\\ T_n & = (S_n \\; \text{mod} \\; 2000) − 1000 \end{align}$$
+
+тобто (527, 144), (−488, 732), (−454, −947), …
+
+Якою є максимальна площа опуклого отвору у наборі, що містить перші 500 точок у псевдовипадковій послідовності? Округліть відповідь до 1 цифри після коми.
+
+# --hints--
+
+`convexHoles()` має повернути `104924`.
+
+```js
+assert.strictEqual(convexHoles(), 104924);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convexHoles() {
+
+  return true;
+}
+
+convexHoles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-253-tidying-up.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-253-tidying-up.md
new file mode 100644
index 0000000000..4b85d727c9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-253-tidying-up.md
@@ -0,0 +1,69 @@
+---
+id: 5900f4691000cf542c50ff7c
+title: 'Завдання 253: Прибирання'
+challengeType: 5
+forumTopicId: 301901
+dashedName: problem-253-tidying-up
+---
+
+# --description--
+
+Маленька дитина має "числову гусеницю", яка складається з сорока пронумерованих пазлів, які при з'єднанні утворюють числовий ряд від 1 до 40.
+
+Кожного вечора батько дитини має зібрати розкидані по всій ігровій кімнаті кусочки гусениці. Він навмання підіймає пазли та складає їх у правильному порядку.
+
+В процесі такого збирання гусениці, спочатку формуються окремі сегменти, які поступово об'єднуються. Кількість сегментів починається з нуля (жодного пазла), загалом збільшується до 11 або 12, потім знову зменшується поки не завершиться одним сегментом (усі пазли зібрано).
+
+Наприклад:
+
+| Складені пазли | Поточна кількість сегментів |
+| -------------- | --------------------------- |
+| 12             | 1                           |
+| 4              | 2                           |
+| 29             | 3                           |
+| 6              | 4                           |
+| 34             | 5                           |
+| 5              | 4                           |
+| 35             | 4                           |
+| …              | …                           |
+
+Нехай $M$ — максимальна кількість сегментів, отриманих під час збирання гусениці навмання. Для гусениці з 10 пазлів кількість варіантів для кожної $M$ становить
+
+| M | Варіанти |
+| - | -------- |
+| 1 | 512      |
+| 2 | 250912   |
+| 3 | 1815264  |
+| 4 | 1418112  |
+| 5 | 144000   |
+
+отже, найімовірніше значення $M$ — 3, а середнє значення — $\frac{385\\,643}{113\\,400} = 3.400732$, округлене до 6 знаків після коми.
+
+Найімовірніше значенням $M$ для гусениці із сорока пазлів — 11; але яким є середнє значення $M$? Дайте відповідь, округлену до шести знаків після коми.
+
+# --hints--
+
+`tidyingUp()` має повернути `11.492847`.
+
+```js
+assert.strictEqual(tidyingUp(), 11.492847);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function tidyingUp() {
+
+  return true;
+}
+
+tidyingUp();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.md
new file mode 100644
index 0000000000..7a6fef8c3e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-254-sums-of-digit-factorials.md
@@ -0,0 +1,48 @@
+---
+id: 5900f46b1000cf542c50ff7d
+title: 'Завдання 254: Суми факторіалів цифр'
+challengeType: 5
+forumTopicId: 301902
+dashedName: problem-254-sums-of-digit-factorials
+---
+
+# --description--
+
+Визначимо $f(n)$ як суму факторіалів цифр $n$. Наприклад, $f(342) = 3! + 4! + 2! = 32$.
+
+Визначимо $sf(n)$ як суму цифр $f(n)$. Отже, $sf(342) = 3 + 2 = 5$.
+
+Визначимо $g(i)$ як найменше натуральне число $n$ таке, що $sf(n) = i$. Хоча $sf(342)$ дорівнює 5, $sf(25)$ також дорівнює 5, і можна переконатися, що $g(5)$ дорівнює 25.
+
+Визначаємо $sg(i)$ як суму цифр $g(i)$. Отже, $sg(5) = 2 + 5 = 7$.
+
+Таким чином можна переконатися, що $g(20)$ дорівнює 267, а $\sum sg(i)$ для $1 ≤ i ≤ 20$ дорівнює 156.
+
+Чому дорівнює $\sum sg(i)$ для $1 ≤ i ≤ 150$?
+
+# --hints--
+
+`sumsOfDigitFactorials()` має повернути `8184523820510`.
+
+```js
+assert.strictEqual(sumsOfDigitFactorials(), 8184523820510);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumsOfDigitFactorials() {
+
+  return true;
+}
+
+sumsOfDigitFactorials();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-255-rounded-square-roots.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-255-rounded-square-roots.md
new file mode 100644
index 0000000000..b0bf4ad202
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-255-rounded-square-roots.md
@@ -0,0 +1,66 @@
+---
+id: 5900f46d1000cf542c50ff7f
+title: 'Завдання 255: Округлені квадратні корені'
+challengeType: 5
+forumTopicId: 301903
+dashedName: problem-255-rounded-square-roots
+---
+
+# --description--
+
+Визначаємо округлений квадратний корінь додатного цілого числа $n$ як квадратний корінь $n$ округлених до найближчого цілого числа.
+
+За допомогою наступної дії (по суті це метод Герона, адаптований до цілочислової арифметики) знаходимо округлений квадратний корінь з $n$:
+
+Нехай $d$ — кількість цифр числа $n$.
+
+Якщо $d$ непарне число, $x_0 = 2 × {10}^{\frac{d - 1}{2}}$.
+
+Якщо $d$ парне, $x_0 = 7 × {10}^{\frac{d - 2}{2}}$.
+
+Повторюємо дію:
+
+$$x_{k + 1} = \left\lfloor\frac{x_k + \left\lceil\frac{n}{x_k}\right\rceil}{2}\right\rfloor$$
+
+поки не досягнемо $x_{k + 1} = x_k$.
+
+Як приклад, знайдемо округлений квадратний корінь $n = 4321$.
+
+$n$ складається з 4 цифр, тож $x_0 = 7 × {10}^{\frac{4-2}{2}} = 70$.
+
+$$x_1 = \left\lfloor\frac{70 + \left\lceil\frac{4321}{70}\right\rceil}{2}\right\rfloor = 66 \\\\ x_2 = \left\lfloor\frac{66 + \left\lceil\frac{4321}{66}\right\rceil}{2}\right\rfloor = 66$$
+
+Оскільки $x_2 = x_1$, тут зупиняємося. Таким чином, після всього двох ітерацій, ми виявили, що округлений квадратний корінь 4321 дорівнює 66 (точне значення квадратного кореня — 65,7343137...).
+
+Кількість ітерацій, необхідних при використанні цього методу, на диво низька. Наприклад, ми можемо знайти округлений квадратний корінь 5-значного цілого ($10\\,000 ≤ n ≤ 99\\,999$) в середньому за 3,21028889 ітерацій (середнє значення округлено до 10 знаків після коми).
+
+Використовуючи описану вище дію, яким є середнє число ітерацій, необхідне для знаходження округленого квадратного кореня 14-значного числа (${10}^{13} ≤ n &lt; {10}^{14}$)? Округліть відповідь до 10 знаків після коми.
+
+**Примітка:** Символи $⌊x⌋$ та $⌈x⌉$ позначають функцію підлоги та стелі відповідно.
+
+# --hints--
+
+`roundedSquareRoots()` має повернутися як `4.447401118`.
+
+```js
+assert.strictEqual(roundedSquareRoots(), 4.447401118);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function roundedSquareRoots() {
+
+  return true;
+}
+
+roundedSquareRoots();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.md
new file mode 100644
index 0000000000..046406a355
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-256-tatami-free-rooms.md
@@ -0,0 +1,56 @@
+---
+id: 5900f46c1000cf542c50ff7e
+title: 'Завдання 256: Кімнати без татамі'
+challengeType: 5
+forumTopicId: 301904
+dashedName: problem-256-tatami-free-rooms
+---
+
+# --description--
+
+Татамі - це прямокутні мати, якими повністю покривають підлогу кімнати, таким чином, що вони не перекривають один одного.
+
+Припустимо, що єдиний можливий вид татамі має розміри 1×2, очевидно, що на розмір і форму кімнати накладаються деякі обмеження, щоб підлогу кімнати можна було покрити повністю.
+
+У цьому завданні ми розглядаємо тільки кімнати прямокутної форми з цілими розмірами $a$, $b$ і парним розміром $s = a \times b$. Використовуємо термін "розмір", щоб позначити площу поверхні підлоги кімнати і, без втрати узагальненості, додамо вимогу $a ≤ b$.
+
+При укладанні татамі є одне правило, якого необхідно дотримуватися: не повинно бути жодної такої точки, де б стикалося чотирьох різних мати. Наприклад, розглянемо два варіанти покриття підлоги кімнати 4×4:
+
+<img class="img-responsive center-block" alt="розташування матів в кімнаті 4x4" src="https://cdn.freecodecamp.org/curriculum/project-euler/tatami-free-rooms.gif" style="background-color: white; padding: 10px;" />
+
+Варіант розташування ліворуч допустимий, в той час, як варіант праворуч — ні: червоний символ "<strong><span style="color: red;">X</span></strong>" усередині позначає точку стику чотирьох матів татамі.
+
+Через це правило, кімнати з парними розмірами не завжди можна покрити підлогу татамі: ми називаємо їх кімнатами без татамі. Також, визначимо $T(s)$ як число кімнат без татамі розміром $s$.
+
+Найменша кімната без татамі має розмір $s = 70$ та розміри 7×10. Підлоги всіх інших кімнат розміром $s = 70$ можна покрити татамі; розміри таких кімнат: 1×70, 2×35 та 5×14. Отже, $T(70) = 1$.
+
+Аналогічно, ми можемо переконатися в тому, що $T(1320) = 5$, оскільки існує лише 5 кімнат без татамі розміром $s = 1320$: 20×66, 22×60, 24×55, 30×44 та 33×40. Фактично, $s = 1320$ є найменшим розміром $s$ кімнати, для якої $T(s) = 5$.
+
+Знайдіть найменший розмір кімнати $s$, при якому $T(s) = 200$.
+
+# --hints--
+
+`tatamiFreeRooms()` має повернути `85765680`.
+
+```js
+assert.strictEqual(tatamiFreeRooms(), 85765680);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function tatamiFreeRooms() {
+
+  return true;
+}
+
+tatamiFreeRooms();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-257-angular-bisectors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-257-angular-bisectors.md
new file mode 100644
index 0000000000..80ce7cc413
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-257-angular-bisectors.md
@@ -0,0 +1,46 @@
+---
+id: 5900f46e1000cf542c50ff80
+title: 'Завдання 257: Кутові бісектриси'
+challengeType: 5
+forumTopicId: 301905
+dashedName: problem-257-angular-bisectors
+---
+
+# --description--
+
+Дано цілочисельний трикутник $ABC$ зі сторонами $a ≤ b ≤ c$. ($AB = c$, $BC = a$ and $AC = b$).
+
+Бісектриси кутів трикутника перетинають в точках $E$, $F$ і $G$ (див. малюнок нижче).
+
+<img class="img-responsive center-block" alt="трикутник ABC з бісектрисами, що перетинають сторони в точках E, F і G" src="https://cdn.freecodecamp.org/curriculum/project-euler/angular-bisectors.gif" style="background-color: white; padding: 10px;" />
+
+Відрізки $EF$, $EG$ і $FG$ ділять трикутник $ABC$ на чотири менші трикутники: $AEG$, $BFE$, $CGF$ і $EFG$. Можна довести, що для кожного з цих чотирьох трикутників відношення площ $\frac{\text{area} (ABC)} {\text{area}\text{subtriangle})}$ є раціональним числом. Однак існують трикутники, у яких деякі або всі ці відношення є цілісними числами.
+
+Скільки існує трикутників $ABC$ з периметром $≤ 100\\,000\\,000$, у яких відношення площ $\frac{\text{area}(ABC)} {\text{area}(AEG)}$ дорівнює цілому числу?
+
+# --hints--
+
+`angularBisectors()` має повернути `139012411`.
+
+```js
+assert.strictEqual(angularBisectors(), 139012411);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function angularBisectors() {
+
+  return true;
+}
+
+angularBisectors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.md
new file mode 100644
index 0000000000..0202d412d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-258-a-lagged-fibonacci-sequence.md
@@ -0,0 +1,43 @@
+---
+id: 5900f46e1000cf542c50ff81
+title: 'Завдання 258: Метод Фібоначчі із запізнюваннями'
+challengeType: 5
+forumTopicId: 301906
+dashedName: problem-258-a-lagged-fibonacci-sequence
+---
+
+# --description--
+
+Послідовність визначається як:
+
+- $g_k = 1$, для $0 ≤ k ≤ 1999$
+- $g_k = g_{k - 2000} + g_{k - 1999}$, для $k ≥ 2000$.
+
+Знайдіть $g_k$ mod 20092010 для $k = {10}^{18}$.
+
+# --hints--
+
+`laggedFibonacciSequence()` має повернути `12747994`.
+
+```js
+assert.strictEqual(laggedFibonacciSequence(), 12747994);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function laggedFibonacciSequence() {
+
+  return true;
+}
+
+laggedFibonacciSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-259-reachable-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-259-reachable-numbers.md
new file mode 100644
index 0000000000..be4b6ef039
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-259-reachable-numbers.md
@@ -0,0 +1,49 @@
+---
+id: 5900f4701000cf542c50ff82
+title: 'Завдання 259: Досяжні Числа'
+challengeType: 5
+forumTopicId: 301907
+dashedName: problem-259-reachable-numbers
+---
+
+# --description--
+
+Додатне ціле число називається досяжним, якщо його можна отримати через арифметичний вираз, який підпорядковується такими правилами:
+
+- Можна використовувати цифри від 1 до 9 саме в такому порядку і кожну цифру лише один раз.
+- Будь-які послідовні цифри можна об'єднати (наприклад, використовуючи цифр 2, 3 і 4, ми отримуємо число 234).
+- Можна застосовувати лише чотири звичайні бінарні арифметичні дії (додавання, віднімання, множення та ділення).
+- Кожну дію можна застосовувати будь-яку кількість разів або взагалі не застосовувати.
+- Унарний мінус використовувати не можна.
+- Можна використовувати будь-яку кількість (також і вкладених) дужок для визначення послідовності дій.
+
+Наприклад, 42 досяжне, оскільки $\frac{1}{23} \times ((4 \times 5) - 6) \times (78 - 9) = 42$.
+
+Яка сума всіх додатних досяжних цілих чисел?
+
+# --hints--
+
+`reachableNumbers()` має повернути `20101196798`.
+
+```js
+assert.strictEqual(reachableNumbers(), 20101196798);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reachableNumbers() {
+
+  return true;
+}
+
+reachableNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.md
new file mode 100644
index 0000000000..2b67749a4a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-26-reciprocal-cycles.md
@@ -0,0 +1,68 @@
+---
+id: 5900f3861000cf542c50fe99
+title: 'Завдання 26: Зворотні цикли'
+challengeType: 5
+forumTopicId: 301908
+dashedName: problem-26-reciprocal-cycles
+---
+
+# --description--
+
+Аліквотний дріб містить 1 у чисельнику. Десяткове подання аліквотних дробів із знаменниками від 2 до 10 представлене:
+
+<div style='padding-left: 4em; display: inline-grid; grid-template-rows: auto; row-gap: 7px;'><div><sup>1</sup>/<sub>2</sub> = 0.5</div><div> <sup>1</sup>/<sub>3</sub> = 0.(3)</div><div><sup>1</sup>/<sub>4</sub> = 0.25</div><div><sup>1</sup>/<sub>5</sub> = 0.2</div><div><sup>1</sup>/<sub>6</sub> = 0.1(6)</div><div><sup>1</sup>/<sub>7</sub> = 0.(142857</div><div><sup>1</sup>/<sub>8</sub> = 0.125</div><div><sup>1</sup>/<sub>9</sub> = 0.(1)</div><div><sup>1</sup>/<sub>10</sub> = 0.1</div></div>
+
+У якому 0.1(6) означає 0.166666... і має однозначний повторний цикл. Можна побачити, що <sup>1</sup>/<sub>7</sub> має шестизначний повторний цикл.
+
+Знайдіть значення `d` &lt; `n`, для якого <sup>1</sup>/<sub>d</sub> містить найдовший повторний цикл в десятковій частині дробу.
+
+# --hints--
+
+`reciprocalCycles(700)` має повернути число.
+
+```js
+assert(typeof reciprocalCycles(700) === 'number');
+```
+
+`reciprocalCycles(700)` має повернути число 659.
+
+```js
+assert(reciprocalCycles(700) == 659);
+```
+
+`reciprocalCycles(800)` має повернути число 743.
+
+```js
+assert(reciprocalCycles(800) == 743);
+```
+
+`reciprocalCycles(900)` має повернути число 887.
+
+```js
+assert(reciprocalCycles(900) == 887);
+```
+
+`reciprocalCycles(1000)` має повернути число 983.
+
+```js
+assert(reciprocalCycles(1000) == 983);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reciprocalCycles(n) {
+
+  return n;
+}
+
+reciprocalCycles(1000);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-260-stone-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-260-stone-game.md
new file mode 100644
index 0000000000..da72422bcb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-260-stone-game.md
@@ -0,0 +1,60 @@
+---
+id: 5900f4701000cf542c50ff83
+title: 'Завдання 260: Гра в камені'
+challengeType: 5
+forumTopicId: 301909
+dashedName: problem-260-stone-game
+---
+
+# --description--
+
+Гра ведеться з трьома купами каменів та двома гравцями.
+
+На кожному ході гравець забирає один або кілька каменів з купи. Проте, якщо гравець бере камені з більше, ніж однієї купи, то таку саму кількість каменів необхідно забирати з кожної з вибраних.
+
+Інакше кажучи, гравець обирає декілька $N > 0$ і забирає:
+
+- $N$ камені з будь-якої купи; або
+- $N$ камені з кожної з двох куп ($2N$ загалом); або
+- $N$ камені з кожної з трьох куп ($3N$ загалом).
+
+Гравець, який забирає останній камінь(-і), виграє гру.
+
+Виграшна конфігурація - це така, де перший гравець може виграти.
+
+Наприклад, (0,0,13), (0,11,11) і (5,5,5) є виграшними конфігураціями, оскільки перший гравець може одразу ж забрати всі камені.
+
+Програшною є конфігурація, коли другий гравець може виграти, незалежно від того, що робить перший гравець.
+
+Наприклад, (0,1,2) та (1,3,3) є програшними конфігураціями: будь-який можливий хід залишає виграшну конфігурацію для другого гравця.
+
+Розглянемо усі програшні конфігурації ($x_i$,$y_i$,$z_i$), де $x_i ≤ z_i ≤ z_i ≤ 100$. Ми можемо перевірити, що $\sum (x_i + y_i + z_i) = 173\\,895$ для них.
+
+Знайдіть $\sum (x_i + y_i + z_i)$, де ($x_i$,$y_i$,$z_i$) варіюється над програшними конфігураціями з $x_i ≤ y_i ≤ z_i ≤ 1000$.
+
+# --hints--
+
+`stoneGame()` має повернути `167542057`.
+
+```js
+assert.strictEqual(stoneGame(), 167542057);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stoneGame() {
+
+  return true;
+}
+
+stoneGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.md
new file mode 100644
index 0000000000..d0a4eb147c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-261-pivotal-square-sums.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4711000cf542c50ff84
+title: 'Завдання 261: Ключові суми площі'
+challengeType: 5
+forumTopicId: 301910
+dashedName: problem-261-pivotal-square-sums
+---
+
+# --description--
+
+Назвемо натуральне ціле число $k$ квадратною зведеною, якщо є пара цілих чисел $m > 0$ і $n ≥ k$, так що сума ($m + 1$) послідовних квадратів до $k$ дорівнює сумі послідовних квадратів $m$ з ($n + 1$) на:
+
+$${(k - m)}^2 + \ldots + k^2 = {(n + 1)}^2 + \ldots + {(n + m)}^2$$
+
+Деякі маленькі квадратні повороти є
+
+$$\begin{align} & \mathbf{4}: 3^2 + \mathbf{4}^2 = 5^2 \\\\ & \mathbf{21}: {20}^2 + \mathbf{21}^2 = {29}^2 \\\\ & \mathbf{24}: {21}^2 + {22}^2 + {23}^2 + \mathbf{24}^2 = {25}^2 + {26}^2 + {27}^2 \\\\ & \mathbf{110}: {108}^2 + {109}^2 + \mathbf{110}^2 = {133}^2 + {134}^2 \\\\ \end{align}$$
+
+Знайдіть суму всіх різних квадратних куточків $≤ {10}^{10}$.
+
+# --hints--
+
+`pivotalSquareSums()` має повернути `238890850232021`.
+
+```js
+assert.strictEqual(pivotalSquareSums(), 238890850232021);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pivotalSquareSums() {
+
+  return true;
+}
+
+pivotalSquareSums();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-262-mountain-range.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-262-mountain-range.md
new file mode 100644
index 0000000000..35748cc807
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-262-mountain-range.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4731000cf542c50ff85
+title: 'Завдання 262: Гірський хребет'
+challengeType: 5
+forumTopicId: 301911
+dashedName: problem-262-mountain-range
+---
+
+# --description--
+
+Наступне рівняння являє собою безперервну топографію гірського регіону, що дає висоту $h$ у будь-якій точці ($x$, $y$):
+
+$$h = \left(5000 - \frac{x^2 + y^2 + xy}{200} + \frac{25(x + y)}{2}\right) \times e^{-\left|\frac{x^2 + y^2}{1\\, 00\\,000} - \frac{3(x + y)}{2000} + \frac{7}{10}\right|}$$
+
+Комар має намір летіти з A(200,200) до B (1400,1400), не виходячи з площі, заданої $0 ≤ x$, $y ≤ 1600$.
+
+Через проміжні гори він спочатку піднімається прямо до точки A', маючи висоту $f$. Потім, залишаючись на тій же висоті $f$, він облітає будь-які перешкоди, поки не прибуде в точку В' прямо над В.
+
+По-перше, визначте $f_{min}$, що є мінімальною постійною висотою, що дозволяє здійснити таку подорож від А до В, залишаючись у зазначеній області. Потім знайдіть довжину найкоротшого шляху між А' та В', пролітаючи на постійній висоті $f_{min}$.
+
+У відповідь укажіть цю довжину, округлену до трьох знаків після коми.
+
+**Note:** Для зручності показана вище функція піднесення повторюється нижче у формі, придатній для більшості мов програмування: `h=( 5000-0.005*(x*x+y*y+x*y)+12.5*(x+y) )* exp( -abs(0.000001*(x*x+y*y)-0.0015*(x+y)+0.7) )`.
+
+# --hints--
+
+`mountainRange()` має повернути `2531.205`.
+
+```js
+assert.strictEqual(mountainRange(), 2531.205);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mountainRange() {
+
+  return true;
+}
+
+mountainRange();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.md
new file mode 100644
index 0000000000..aa841403a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-263-an-engineers-dream-come-true.md
@@ -0,0 +1,57 @@
+---
+id: 5900f4741000cf542c50ff86
+title: 'Завдання 263: Мрія інженерів здійснилась'
+challengeType: 5
+forumTopicId: 301912
+dashedName: problem-263-an-engineers-dream-come-true
+---
+
+# --description--
+
+Розглянемо число 6. Дільниками 6 є: 1,2,3 і 6.
+
+Кожне число від 1 до 6 включно можна записати як суму різних дільників 6:
+
+$1 = 1$, $2 = 2$, $3 = 1 + 2$, $4 = 1 + 3$, $5 = 2 + 3$, $6 = 6$.
+
+Число $n$ називається практичним числом, якщо кожне число від 1 до $n$ включно можна виразити як суму різних дільників $n$.
+
+Пара послідовних простих чисел з різницею шість називається сексуальною парою (оскільки "sex" - латинське слово "six"). Першою сексуальною парою є (23, 29).
+
+Ми можемо іноді знайти потрійну пару, що означає три послідовні сексуальні прості пари, так що другий член кожної пари є першим членом наступної пари.
+
+Ми будемо називати число $n$ таким чином, що:
+
+- ($n - 9$, $n - 3$), ($n - 3$, $n + 3$), ($n + 3$, $n + 9$) утворюють потрійну пару і
+- числа $n - 8$, $n - 4$, $n$, $n + 4$ і $n + 8$ - всі практичні,
+
+рай інженерів.
+
+Знайдіть суму перших чотирьох раїв інженерів.
+
+# --hints--
+
+`engineersDreamComeTrue()` має повернути `2039506520`.
+
+```js
+assert.strictEqual(engineersDreamComeTrue(), 2039506520);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function engineersDreamComeTrue() {
+
+  return true;
+}
+
+engineersDreamComeTrue();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-264-triangle-centres.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-264-triangle-centres.md
new file mode 100644
index 0000000000..318ec8a037
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-264-triangle-centres.md
@@ -0,0 +1,71 @@
+---
+id: 5900f4751000cf542c50ff87
+title: 'Завдання 264: Центри трикутників'
+challengeType: 5
+forumTopicId: 301913
+dashedName: problem-264-triangle-centres
+---
+
+# --description--
+
+Розглянемо всі трикутники, що мають:
+
+- Усі їх вершини в точках решітки.
+- Окружний центр у координаті О.
+- Ортоцентр у точці H(5, 0).
+
+Існує дев’ять таких трикутників, які мають $\text{perimeter} ≤ 50$.
+
+Перелічені та показані у порядку зростання їхнього периметра, вони:
+
+<table>
+  <tbody>
+    <tr>
+      <td>
+A(-4, 3), B(5, 0), C(4, -3)<br>
+A(4, 3), B(5, 0), C(-4, -3)<br>
+A(-3, 4), B(5, 0), C(3, -4)<br>
+<br><br>
+A(3, 4), B(5, 0), C(-3, -4)<br>
+A(0, 5), B(5, 0), C(0, -5)<br>
+A(1, 8), B(8, -1), C(-4, -7)<br>
+<br><br>
+A(8, 1), B(1, -8), C(-4, 7)<br>
+A(2, 9), B(9, -2), C(-6, -7)<br>
+A(9, 2), B(2, -9), C(-6, 7)<br>
+      </td>
+      <td><img class="img-responsive center-block" alt="дев'ять трикутників ABC з периметром ≤ 50" src="https://cdn.freecodecamp.org/curriculum/project-euler/triangle-centres.gif" style="background-color: white; padding: 10px;"></td>
+    </tr>
+  </tbody>
+</table>
+
+Сума їхніх периметрів, округлена до чотирьох знаків після коми, дорівнює 291.0089.
+
+Знайдіть усі такі трикутники з $\text{perimeter} ≤ {10}^5$. У відповідь введіть суму їхніх периметрів, округлену до чотирьох знаків після коми.
+
+# --hints--
+
+`triangleCentres()` має повернути `2816417.1055`.
+
+```js
+assert.strictEqual(triangleCentres(), 2816417.1055);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triangleCentres() {
+
+  return true;
+}
+
+triangleCentres();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-265-binary-circles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-265-binary-circles.md
new file mode 100644
index 0000000000..0c46c25c05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-265-binary-circles.md
@@ -0,0 +1,53 @@
+---
+id: 5900f4761000cf542c50ff88
+title: 'Завдання 265: Двійкові кола'
+challengeType: 5
+forumTopicId: 301914
+dashedName: problem-265-binary-circles
+---
+
+# --description--
+
+$2^N$ двійкові цифри можуть бути розміщені в колі так, що всі $N$-цифрові підпослідовності за годинниковою стрілкою відрізняються.
+
+Для $N = 3$, два таких кругових розміщення можливі, ігноруючи обертання:
+
+<img class="img-responsive center-block" alt="два кругових розміщення для N = 3" src="https://cdn.freecodecamp.org/curriculum/project-euler/binary-circles.gif" style="background-color: white; padding: 10px;" />
+
+Для першого розташування, 3-значні підпослідовності за годинниковою стрілкою: 000, 001, 010, 101, 011, 111, 110 і 100.
+
+Кожне кругове розташування може бути закодовано як число шляхом конкатенації двійкових цифр, починаючи з підпослідовності всіх нулів як найбільш значущих бітів і продовжуючи за годинниковою стрілкою. Таким чином, два варіанти розміщення для $N = 3$ представлені як 23 і 29:
+
+$${00010111}_2 = 23\\\\
+{00011101}_2 = 29$$
+
+Називаючи $S(N)$ сумою унікальних числових подань, ми можемо побачити, що $S(3) = 23 + 29 = 52$.
+
+Знайдіть $S(5)$.
+
+# --hints--
+
+`binaryCircles()` має повернути `209110240768`.
+
+```js
+assert.strictEqual(binaryCircles(), 209110240768);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function binaryCircles() {
+
+  return true;
+}
+
+binaryCircles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-266-pseudo-square-root.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-266-pseudo-square-root.md
new file mode 100644
index 0000000000..ae3f98066a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-266-pseudo-square-root.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4771000cf542c50ff89
+title: 'Завдання 266: Псевдо-квадратні корені'
+challengeType: 5
+forumTopicId: 301915
+dashedName: problem-266-pseudo-square-root
+---
+
+# --description--
+
+Дільниками 12 є: 1,2,3,4,6 та 12.
+
+Найбільший дільник 12, який не перевищує квадратний корінь з 12 дорівнює 3.
+
+Ми назвемо найбільший дільник цілого $n$, який не перевищує квадратний корінь з $n$, псевдо-коренем ($PSR$) з $n$.
+
+Можна побачити, що $PSR(3102) = 47$.
+
+Нехай $p$ буде добутком простих чисел, менших 190. Знайдемо $PSR(p)\bmod {10}^{16}$.
+
+# --hints--
+
+`pseudoSquareRoot()` повинен повернути `1096883702440585`.
+
+```js
+assert.strictEqual(pseudoSquareRoot(), 1096883702440585);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pseudoSquareRoot() {
+
+  return true;
+}
+
+pseudoSquareRoot();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-267-billionaire.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-267-billionaire.md
new file mode 100644
index 0000000000..d28d6512fe
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-267-billionaire.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4771000cf542c50ff8a
+title: 'Завдання 267: Мільярдер'
+challengeType: 5
+forumTopicId: 301916
+dashedName: problem-267-billionaire
+---
+
+# --description--
+
+Ви отримали унікальну можливість для інвестування.
+
+Починаючи з капіталу в £1, ви можете обрати фіксовану частку, $f$ вашого капіталу поставити на кидання симетричної монети повторно за 1000 кидків.
+
+Повертається подвійна ставка при випаданні орла, якщо решка - ви втрачаєте ставку.
+
+Наприклад, якщо $f = \frac{1}{4}$, за перше підкидання ви ставите £0.25 і якщо випаде орел ви виграєте £0.5, і тоді у вас буде £1.5. Потім ви поставите £0.375, і якщо на друге підкидання випала решка то у вас буде £1.125.
+
+Вибираючи $f$, щоб максимізувати свої шанси на отримання щонайменше £1,000,000,000 після 1,000,000 жбурлянь, який шанс стати мільярдером?
+
+Всі обчислення вважаються точними (не округлюються), дайте відповідь від 12 знаків за десятковою точкою у вигляді 0.abcdefghijkl.
+
+# --hints--
+
+`billionaire()` повинен повертати `0.999992836187`.
+
+```js
+assert.strictEqual(billionaire(), 0.999992836187);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function billionaire() {
+
+  return true;
+}
+
+billionaire();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.md
new file mode 100644
index 0000000000..1ecacb6637
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4791000cf542c50ff8b
+title: >-
+  Задача 268: Підрахунок чисел із щонайменше чотирма різними простими множниками, що менше 100
+challengeType: 5
+forumTopicId: 301917
+dashedName: >-
+  problem-268-counting-numbers-with-at-least-four-distinct-prime-factors-less-than-100
+---
+
+# --description--
+
+Можна перевірити, що існує 23 натуральних числа менше 1000, які діляться принаймні на чотири окремих простих числа, менші за 100.
+
+Знайдіть, скільки натуральних чисел, менших за ${10}^{16}$, ділиться щонайменше на чотири окремих простих числа, менші за 100.
+
+# --hints--
+
+`fourDistinctPrimeFactors()` повинен повернути `785478606870985`.
+
+```js
+assert.strictEqual(fourDistinctPrimeFactors(), 785478606870985);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fourDistinctPrimeFactors() {
+
+  return true;
+}
+
+fourDistinctPrimeFactors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.md
new file mode 100644
index 0000000000..b2f6bb3431
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-269-polynomials-with-at-least-one-integer-root.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4791000cf542c50ff8c
+title: 'Приклад 269: Многочлени з щонайменше одним цілим коренем'
+challengeType: 5
+forumTopicId: 301918
+dashedName: problem-269-polynomials-with-at-least-one-integer-root
+---
+
+# --description--
+
+Корінь або нуль полінома $P(x)$ є розв’язком рівняння $P(x) = 0$.
+
+Визначте $P_n$ як многочлен, коефіцієнти якого цифри $n$.
+
+Наприклад, $P_{5703}(x) = 5x^3 + 7x^2 + 3$.
+
+Ми можемо побачити що:
+
+- $P_n(0)$ є останньою цифрою $n$,
+- $P_n(1)$ — це сума цифр $n$,
+- $Pn(10)$ — це $n$.
+
+Визначте $Z(k)$ як кількість цілих натуральних чисел, $n$, що не перевищує $k$, для яких поліном $P_n$ має принаймні один цілий корінь.
+
+Можна перевірити, що $Z(100\\,000)$ становить 14696.
+
+Чому дорівнює $Z({10}^{16})$?
+
+# --hints--
+
+`polynomialsWithOneIntegerRoot()` повинен повернути `1311109198529286`.
+
+```js
+assert.strictEqual(polynomialsWithOneIntegerRoot(), 1311109198529286);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function polynomialsWithOneIntegerRoot() {
+
+  return true;
+}
+
+polynomialsWithOneIntegerRoot();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-27-quadratic-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-27-quadratic-primes.md
new file mode 100644
index 0000000000..d1d5dd5e8d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-27-quadratic-primes.md
@@ -0,0 +1,76 @@
+---
+id: 5900f3871000cf542c50fe9a
+title: 'Завдання 27: Квадратичні прості числа'
+challengeType: 5
+forumTopicId: 301919
+dashedName: problem-27-quadratic-primes
+---
+
+# --description--
+
+Математик Ейлер відкрив виняткову квадратичну формулу:
+
+<div style='margin-left: 4em;'>$n^2 + n + 41$</div>
+
+Виявилось, що формула згенерує 40 простих чисел для послідовних значень цілих чисел $0 \\le n \\le 39$. Проте, при умові, що $n = 40, 40^2 + 40 + 41 = 40(40 + 1) + 41$ ділиться на 41, і без сумніву, коли $n = 41, 41^2 + 41 + 41$ ділиться на 41.
+
+Таким чином була виявлена неймовірна формула $n^2 - 79n + 1601$, що генерує 80 простих чисел для послідовних значень $0 \\le n \\le 79$. Добуток коефіцієнтів −79 та 1601 дорівнює -126479.
+
+Розглянемо квадратичну форму типу:
+
+<div style='margin-left: 4em;'>
+  $n^2 + an + b$, де $|a| < range$ і $|b| \le range$<br> де $|n|$ - це модуль/абсолютне значення $n$<br>, наприклад, $|11| = 11$ та $|-4| = 4$<br>
+</div>
+
+Знайдіть добуток коефіцієнтів $a$ та $b$ для квадратичного виразу, який згенерує максимальну кількість простих чисел для послідовних значень $n$, починаючи з $n = 0$.
+
+# --hints--
+
+`quadraticPrimes(200)` має повернути число.
+
+```js
+assert(typeof quadraticPrimes(200) === 'number');
+```
+
+`quadraticPrimes(200)` має повернути число -4925.
+
+```js
+assert(quadraticPrimes(200) == -4925);
+```
+
+`quadraticPrimes(500)` має повернути число -18901.
+
+```js
+assert(quadraticPrimes(500) == -18901);
+```
+
+`quadraticPrimes(800)` має повернути число -43835.
+
+```js
+assert(quadraticPrimes(800) == -43835);
+```
+
+`quadraticPrimes(1000)` має повернути число -59231.
+
+```js
+assert(quadraticPrimes(1000) == -59231);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function quadraticPrimes(range) {
+
+  return range;
+}
+
+quadraticPrimes(1000);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-270-cutting-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-270-cutting-squares.md
new file mode 100644
index 0000000000..bb61562f45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-270-cutting-squares.md
@@ -0,0 +1,48 @@
+---
+id: 5900f47c1000cf542c50ff8e
+title: 'Завдання 270: Незмінні квадрати'
+challengeType: 5
+forumTopicId: 301920
+dashedName: problem-270-cutting-squares
+---
+
+# --description--
+
+Квадратний шматок паперу з цілими розмірами $N×N$ розміщений з кутом на початку координат і двох його сторін вздовж $x$- і $y$-осей. Потім, ми розрізаємо їх відповідно до таких правил:
+
+- Ми робимо лише прямі розрізи між двома точками, розташованих на різних сторонах квадрату та з цілочисельними координатами.
+- Два розрізи не можуть перетинатись, але декілька можуть зустрітись на точці на межі.
+- Продовжуйте, поки є можливість робити розрізи.
+
+Рахуючи будь-які віддзеркалення або обертання віддаленими, ми називаємо $C(N)$ кількістю способів скоротити квадрат $N×N$. Наприклад $C(1) = 2$ and $C(2) = 30$ (показано нижче).
+
+<img class="img-responsive center-block" alt="способи розрізати квадрат 2x2, рахуючи віддзеркалення та обертання різними" src="https://cdn.freecodecamp.org/curriculum/project-euler/cutting-squares.gif" style="background-color: white; padding: 10px;" />
+
+Що значить $C(30)\bmod {10}^8$?
+
+# --hints--
+
+`cuttingSquares()` має повернути `82282080`.
+
+```js
+assert.strictEqual(cuttingSquares(), 82282080);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cuttingSquares() {
+
+  return true;
+}
+
+cuttingSquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.md
new file mode 100644
index 0000000000..005edbd296
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-271-modular-cubes-part-1.md
@@ -0,0 +1,42 @@
+---
+id: 5900f47b1000cf542c50ff8d
+title: 'Проблема 271: Модульні Кубики, частина 1'
+challengeType: 5
+forumTopicId: 301921
+dashedName: problem-271-modular-cubes-part-1
+---
+
+# --description--
+
+Для додатнього числа $n$, визначити $S(n)$ як суму цілих чисел $x$, для яких $1 < x < n$ and $x^3 \equiv 1\bmod n$.
+
+Коли $n = 91$, існує 8 можливих значень для $x$, а саме: 9, 16, 22, 29, 53, 74, 79, 81. Таким чином, $S(91) = 9 + 16 + 22 + 29 + 53 + 74 + 79 + 81 = 363$.
+
+Знайдіть $S(13\\,082\\,761\\,331\\,670\\,030)$.
+
+# --hints--
+
+`modularCubesOne()` повинен повертатися `4617456485273130000`.
+
+```js
+assert.strictEqual(modularCubesOne(), 4617456485273130000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function modularCubesOne() {
+
+  return true;
+}
+
+modularCubesOne();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.md
new file mode 100644
index 0000000000..5e3320c7e1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-272-modular-cubes-part-2.md
@@ -0,0 +1,42 @@
+---
+id: 5900f47d1000cf542c50ff8f
+title: 'Проблема 272: Модульні Кубики, частина 2'
+challengeType: 5
+forumTopicId: 301922
+dashedName: problem-272-modular-cubes-part-2
+---
+
+# --description--
+
+Для додатного числа $n$, визначте $C(n)$, як суму цілих чисел $x$, для яких $1 < x < n$ та $x^3 \equiv 1\bmod n$.
+
+Коли $n = 91$, існує 8 можливих значень для $x$, а саме: 9, 16, 22, 29, 53, 74, 79, 81. Таким чином, $C(91) = 8$.
+
+Знайдіть суму додатних чисел $n ≤ {10}^{11}$, для яких $C(n)=242$.
+
+# --hints--
+
+`modularCubesTwo()` повинен повертати `8495585919506151000`.
+
+```js
+assert.strictEqual(modularCubesTwo(), 8495585919506151000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function modularCubesTwo() {
+
+  return true;
+}
+
+modularCubesTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-273-sum-of-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-273-sum-of-squares.md
new file mode 100644
index 0000000000..f6d0b43dc2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-273-sum-of-squares.md
@@ -0,0 +1,48 @@
+---
+id: 5900f47e1000cf542c50ff90
+title: 'Завдання 273: Сума квадратів'
+challengeType: 5
+forumTopicId: 301923
+dashedName: problem-273-sum-of-squares
+---
+
+# --description--
+
+Розглянемо рівняння виду $a^2 + b^2 = N$, $0 ≤ a ≤ b$, $a$, $b$ та число $N$.
+
+Для $N = 65$ є два рішення:
+
+$a = 1, b = 8$ та $a = 4, b = 7$.
+
+Ми називаємо $S(N)$ сумою значень $a$ усіх розв'язків $a^2 + b^2 = N$, $0 ≤ a ≤ b$, $a$, $b$ і числа $N$.
+
+Таким чином $S(65) = 1 + 4 = 5$.
+
+Знайдіть $\sum S(N)$ для всіх безквадратних чисел $N$, що діляться лише на прості числа виду $4k + 1$ with $4k + 1 &lt; 150$.
+
+# --hints--
+
+`sumOfSquares()` має повернутися як `2032447591196869000`.
+
+```js
+assert.strictEqual(sumOfSquares(), 2032447591196869000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumOfSquares() {
+
+  return true;
+}
+
+sumOfSquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.md
new file mode 100644
index 0000000000..19c65d1d6f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-274-divisibility-multipliers.md
@@ -0,0 +1,52 @@
+---
+id: 5900f47f1000cf542c50ff91
+title: 'Задача 274: Множники подільності'
+challengeType: 5
+forumTopicId: 301924
+dashedName: problem-274-divisibility-multipliers
+---
+
+# --description--
+
+Для кожного цілого числа $p > 1$ взаємно простого до 10, додатний множник подільності $m &lt; p$ зберігає подільність на $p$ для наступної функції на будь-яке додатнє ціле число, $n$:
+
+$f(n) = (\text{all but the last digit of} \\; n) + (\text{the last digit of} \\; n) \times m$
+
+Тож, якщо $m$ – це множник подільності для $p$, то $f(n)$ ділиться на $p$ тоді і лише тоді, як $n$ ділиться на $p$.
+
+(Коли $n$ набагато більше за $p$, $f(n)$ буде меншим за $n$ і повторне застосування $f$ подає тест на подільність множників для $p$.)
+
+Наприклад, множник подільності для 113 – це 34.
+
+Обидва $f(76275) = 7627 + 5 \times 34 = 7797$: 76275 і 7797 діляться на 113
+
+Обидва $f(12345) = 1234 + 5 \times 34 = 1404$: 12345 і 1404 діляться на 113
+
+Сума множників подільності для простих чисел, що взаємо прості до 10 й менші за 1000, дорівнює 39517. Яка сума множників подільності для простих чисел, що взаємо прості до 10 і менші за ${10}^7$?
+
+# --hints--
+
+`divisibilityMultipliers()` має повернути `1601912348822`.
+
+```js
+assert.strictEqual(divisibilityMultipliers(), 1601912348822);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function divisibilityMultipliers() {
+
+  return true;
+}
+
+divisibilityMultipliers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-275-balanced-sculptures.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-275-balanced-sculptures.md
new file mode 100644
index 0000000000..e2870fa215
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-275-balanced-sculptures.md
@@ -0,0 +1,51 @@
+---
+id: 5900f4801000cf542c50ff92
+title: 'Завдання 275: Збалансовані скульптури'
+challengeType: 5
+forumTopicId: 301925
+dashedName: problem-275-balanced-sculptures
+---
+
+# --description--
+
+Визначимо збалансовану скульптуру $n$-порядку наступним чином:
+
+- Поліоміно, що складається з $n + 1$ плиток, відомих як блоки ($n$ плиток) та колон (залишкові плитки);
+- центр колони знаходиться в положенні ($x = 0$, $y = 0$);
+- блоки мають $y$-координати, більші за нуль (тому колона - це унікальна найнижча плитка);
+- центр мас разом узятих блоків, має $x$-координату, рівну нулю.
+
+Під час підрахунку скульптур будь-які композиції, які є просто відображенням осі $y$, <u>не</u> зараховуються як окремі. Наприклад, 18 наведених нижче збалансованих скульптур 6-го порядку; зауважте, що кожна пара дзеркальних зображень (на осі $y$) зараховується як одна скульптура:
+
+<img class="img-responsive center-block" alt="18 збалансованих скульптур 6-го порядку" src="https://cdn.freecodecamp.org/curriculum/project-euler/balanced-sculptures.gif" style="background-color: white; padding: 10px;" />
+
+Існує 964 збалансованих скульптур 10-го порядку та 360505 15-го порядку.
+
+Скільки тут є збалансованих скульптур 18-го порядку?
+
+# --hints--
+
+`balancedSculptures()` має повернути `15030564`.
+
+```js
+assert.strictEqual(balancedSculptures(), 15030564);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function balancedSculptures() {
+
+  return true;
+}
+
+balancedSculptures();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-276-primitive-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-276-primitive-triangles.md
new file mode 100644
index 0000000000..bf9e5694e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-276-primitive-triangles.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4801000cf542c50ff93
+title: 'Задача 276: Примітивні Трикутники'
+challengeType: 5
+forumTopicId: 301926
+dashedName: problem-276-primitive-triangles
+---
+
+# --description--
+
+Розгляньмо трикутники з цілочисельними сторонами $a$, $b$ та $c$ з $a ≤ b ≤ c$.
+
+Цілочисельний трикутник $(a,b,c)$ називається примітивним, якщо $gcd(a,b,c) = 1$.
+
+Скільки примітивних цілочисельних трикутників існує з периметром, який не перевищує $10\\,000\\,000$?
+
+# --hints--
+
+`primitiveTriangles()` має повертати `5777137137739633000`.
+
+```js
+assert.strictEqual(primitiveTriangles(), 5777137137739633000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primitiveTriangles() {
+
+  return true;
+}
+
+primitiveTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.md
new file mode 100644
index 0000000000..1a0c26a914
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-277-a-modified-collatz-sequence.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4811000cf542c50ff94
+title: 'Завдання 277: Найдовша послідовність Коллатца'
+challengeType: 5
+forumTopicId: 301927
+dashedName: problem-277-a-modified-collatz-sequence
+---
+
+# --description--
+
+Найдовша послідовність Коллатца цілих чисел отримується від початкового значення $a_1$ в наступному випадку:
+
+$a_{n + 1} = \frac{a_n}{3}$, якщо $a_n$ ділиться на 3. Ми позначаємо це великим пониженням степеня, "D".
+
+$a_{n + 1} = \frac{4a_n + 2}{3}$ якщо $a_n$ поділити на 3 це дорівнюватиме 1. Ми позначаємо це великим пониженням степеня, "U".
+
+$a_{n + 1} = \frac{2a_n - 1}{3}$ якщо $a_n$ поділити на 3 це дорівнюватиме 2. Ми позначаємо це великим пониженням степеня, "d".
+
+Послідовність припиняється, коли $a_n = 1$.
+
+При отриманні будь-якого цілого числа, ми можемо скласти список послідовності степенів. Наприклад якщо $a_1 = 231$, то послідовність $\\{a_n\\} = \\{231, 77, 51, 17, 11, 7, 10, 14, 9, 3, 1\\}$ позначає степені"DdDUdDDDD".
+
+Звичайно, існують і інші послідовності, які починаються з тієї ж послідовності "DdDddUUdDD....".
+
+Наприклад, якщо $a_1 = 1004064$, то послідовність буде наступною - DdDddUdDDDdUDUUdDUdUdUdUUDDUdUUDDUdDUdDD.
+
+Фактично, 1004064 - це найменший можливий $a_1 > {10}^6$, який починається із послідовності DdDddUdDD.
+
+Яким найменшим числом $a_1 > {10}^{15}$ 1, яке починається послідовностю "UDDUdddDUDDdDddDDddDDUDDUdUUDd"?
+
+# --hints--
+
+`modifiedGoldenNuggets()` повинен повертатися як `1125977393124310`.
+
+```js
+assert.strictEqual(modifiedCollatzSequence(), 1125977393124310);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function modifiedCollatzSequence() {
+
+  return true;
+}
+
+modifiedCollatzSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.md
new file mode 100644
index 0000000000..6245726033
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-278-linear-combinations-of-semiprimes.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4831000cf542c50ff95
+title: 'Завдання 278: Лінійні комбінації напівпростих чисел'
+challengeType: 5
+forumTopicId: 301928
+dashedName: problem-278-linear-combinations-of-semiprimes
+---
+
+# --description--
+
+Зважаючи на значення цілих чисел $1 &lt; a_1 &lt; a_2 &lt; \ldots &lt; a_n$, розглянемо лінійну комбінацію $q_1a_1 + q_2a_2 + \ldots + q_na_n = b$, використовуючи лише цілі значення $q_k ≥ 0$.
+
+Зверніть увагу, що, можливо, для певного набору $a_k$ не всі значення $b$ можливі. Наприклад, якщо $a_1 = 5$, а $a_2 = 7$, то немає таких $q_1 ≥ 0$ та $q_2 ≥ 0$, щоб $b$ було 1, 2, 3, 4, 6, 8, 9, 11, 13, 16, 18 чи 23.
+
+Фактично, 23 є найбільшим неможливим значенням $b$ для $a_1 = 5$ та $a_2 = 7$. Тому вважаємо, що $f(5, 7) = 23$. Так само можна показати, що $f(6, 10, 15)=29$, а $f(14, 22, 77) = 195$.
+
+Знайдіть $\sum f(pq,pr,qr)$, де $p$, $q$ та $r$ є простими числами, а $p &lt; q &lt; r &lt; 5000$.
+
+# --hints--
+
+`linearCombinationOfSemiprimes()` має повернути `1228215747273908500`.
+
+```js
+assert.strictEqual(linearCombinationOfSemiprimes(), 1228215747273908500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function linearCombinationOfSemiprimes() {
+
+  return true;
+}
+
+linearCombinationOfSemiprimes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.md
new file mode 100644
index 0000000000..a930e7280b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-279-triangles-with-integral-sides-and-an-integral-angle.md
@@ -0,0 +1,38 @@
+---
+id: 5900f4841000cf542c50ff96
+title: 'Задача 279: Трикутники зі сторонами та кутом, що вимірюються цілими числами'
+challengeType: 5
+forumTopicId: 301929
+dashedName: problem-279-triangles-with-integral-sides-and-an-integral-angle
+---
+
+# --description--
+
+Скільки існує трикутників зі сторонами, що вимірюються цілими числами, з хоча б одним кутом, що вимірюється цілими числами (в градусах), і з периметром, який не перевищує ${10}^8$?
+
+# --hints--
+
+`trianglesWithIntegralSidesAndAngle()` має повертати до `416577688`.
+
+```js
+assert.strictEqual(trianglesWithIntegralSidesAndAngle(), 416577688);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trianglesWithIntegralSidesAndAngle() {
+
+  return true;
+}
+
+trianglesWithIntegralSidesAndAngle();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.md
new file mode 100644
index 0000000000..833086e5ca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-28-number-spiral-diagonals.md
@@ -0,0 +1,83 @@
+---
+id: 5900f3881000cf542c50fe9b
+title: 'Проблема 28: Діагоналі числової спіралі'
+challengeType: 5
+forumTopicId: 301930
+dashedName: problem-28-number-spiral-diagonals
+---
+
+# --description--
+
+Якщо почати з числа 1 і рухатися праворуч за годинниковою стрілкою, утворюється ось така спіраль розміром 5х5:
+
+<div style='padding-left: 4em;'>
+  <div style='color: red; display: inline;'>21</div> 22 23 24 <div style='color: red; display: inline;'>25</div><br>
+  20<div style='color: red; display: inline;'>7</div> 8  <div style='color: red; display: inline;'>9</div> 10<br>
+  19  6<div style='color: red; display: inline;'>1</div> 2 11<br>
+  18<div style='color: red; display: inline;'>5</div> 4<div style='color: red; display: inline;'>3</div> 12<br>
+  <div style='color: red; display: inline;'>17</div> 16 15 14 <div style='color: red; display: inline;'>13</div><br>
+</div>
+
+Можна переконатися, що сума чисел по діагоналях - 101.
+
+Чому дорівнює сума чисел по діагоналях у спіралі `n` до `n`, створеній таким самим чином?
+
+# --hints--
+
+`spiralDiagonals(101)` має повернути число.
+
+```js
+assert(typeof spiralDiagonals(101) === 'number');
+```
+
+`spiralDiagonals(101)` має повернути число 692101.
+
+```js
+assert(spiralDiagonals(101) == 692101);
+```
+
+`spiralDiagonals(303)` має повернути число 18591725.
+
+```js
+assert(spiralDiagonals(303) == 18591725);
+```
+
+`spiralDiagonals(505)` має повернути число 85986601.
+
+```js
+assert(spiralDiagonals(505) == 85986601);
+```
+
+`spiralDiagonals(1001)` має повернути число 669171001.
+
+```js
+assert(spiralDiagonals(1001) == 669171001);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spiralDiagonals(n) {
+
+  return n;
+}
+
+spiralDiagonals(1001);
+```
+
+# --solutions--
+
+```js
+const spiralDiagonals = (n) => {
+  const Sn2 = (n) => {
+    return n*(n+1)*(2*n+1)/6;
+  };
+  const Sn = (n) => {
+    return n*(n+1)/2;
+  };
+  let sum = (Sn2(n-1) + Sn(n-1) + n-1) + (Math.floor(n/2) + Sn2(n));
+  return sum;
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-280-ant-and-seeds.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-280-ant-and-seeds.md
new file mode 100644
index 0000000000..e2e7481d0f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-280-ant-and-seeds.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4841000cf542c50ff97
+title: 'Завдання 280: Мураха та насіння'
+challengeType: 5
+forumTopicId: 301931
+dashedName: problem-280-ant-and-seeds
+---
+
+# --description--
+
+Працьовита мураха ходить навмання по сітці 5х5. Ходьба починається з центрального квадрата. На кожному кроці мураха переміщується до сусіднього квадрата навмання, не виходячи з сітки; таким чином, на кожному кроці є 2, 3 або 4 можливі ходи залежно від положення мурашки.
+
+На початку прогулянки на кожному квадраті нижнього ряду кладуть насіння. Коли мураха не несе насіння і досягає квадрата нижнього ряду, що містить насіння, вона почне переносити насіння. Мураха скине насіння на першому порожньому квадраті верхнього ряду, якого вона з часом досягне.
+
+Яка очікувана кількість кроків, поки все насіння не буде скинуте у верхньому ряді? Дайте відповідь, округлену до 6 знаків після коми.
+
+# --hints--
+
+`antAndSeeds()` має повернути `430.088247`.
+
+```js
+assert.strictEqual(antAndSeeds(), 430.088247);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function antAndSeeds() {
+
+  return true;
+}
+
+antAndSeeds();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-281-pizza-toppings.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-281-pizza-toppings.md
new file mode 100644
index 0000000000..c08da66c02
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-281-pizza-toppings.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4861000cf542c50ff98
+title: 'Завдання 281: Начинки для піци'
+challengeType: 5
+forumTopicId: 301932
+dashedName: problem-281-pizza-toppings
+---
+
+# --description--
+
+У вас є піца (ідеальне коло), нарізана на однакові шматки $m·n$, і ви хочете мати рівно одну начинку на кожному шматочку.
+
+Нехай $f(m,n)$ позначає кількість способів приготування начинок для піци з $m$ різними інгредієнтами ($m ≥2$), використовуючи кожну $n$ начинку на скибках ($n ≥ 1$). Відображення вважаються різним, обертання - ні.
+
+Таким чином, наприклад, $f(2,1) = 1$, $f(2,2) = f(3,1) = 2$ і $f(3,2) = 16$. $f(3,2)$ показано нижче:
+
+<img class="img-responsive center-block" alt="анімація з 16-ма способами для отримання 3 різних начинок на 2 шматки кожна" src="https://cdn.freecodecamp.org/curriculum/project-euler/pizza-toppings.gif" style="background-color: white; padding: 10px;" />
+
+Знайдіть суму усіх $f(m,n)$ таких, що $f(m,n) ≤ {10}^{15}$.
+
+# --hints--
+
+`pizzaToppings()` має повернути `1485776387445623`.
+
+```js
+assert.strictEqual(pizzaToppings(), 1485776387445623);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pizzaToppings() {
+
+  return true;
+}
+
+pizzaToppings();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-282-the-ackermann-function.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-282-the-ackermann-function.md
new file mode 100644
index 0000000000..43fb07bcd3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-282-the-ackermann-function.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4861000cf542c50ff99
+title: 'Завдання 282: Функція Акермана'
+challengeType: 5
+forumTopicId: 301933
+dashedName: problem-282-the-ackermann-function
+---
+
+# --description--
+
+Для невід'ємних цілих $m$, $n$ функція Акермана $A(m, n)$ визначається таким чином:
+
+$$A(m, n) = \begin{cases} n + 1                 & \text{if $m = 0$}             \\\\ A(m - 1, 1)           & \text{if $m > 0$ and $n = 0$} \\\\ A(m - 1, A(m, n - 1)) & \text{if $m > 0$ and $n > 0$} \end{cases}$$
+
+Наприклад, $A(1, 0) = 2$, $A(2, 2) = 7$ and $A(3, 4) = 125$.
+
+Знайдіть $\displaystyle\sum_{n = 0}^6 A(n, n)$ і дайте відповіді мод ${14}^8$.
+
+# --hints--
+
+`ackermanFunction()` має повертати `1098988351`.
+
+```js
+assert.strictEqual(ackermanFunction(), 1098988351);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ackermanFunction() {
+
+  return true;
+}
+
+ackermanFunction();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-284-steady-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-284-steady-squares.md
new file mode 100644
index 0000000000..680c42cc7a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-284-steady-squares.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4891000cf542c50ff9b
+title: 'Завдання 284: Незмінні квадрати'
+challengeType: 5
+forumTopicId: 301935
+dashedName: problem-284-steady-squares
+---
+
+# --description--
+
+3-цифрове число 376 в десятковій системі - це приклад числа з особливою властивістю, з якою його квадрат закінчується тими ж цифрами: ${376}^2 = 141376$. Назвемо ці числа незмінними квадратами.
+
+Незмінні квадрати існують також і в інших системах числення. У базовій системі 14 цифр, 3-цифрове число $c37$ також є незмінним квадратом: $c37^2 = a0c37$, і сума його цифр дорівнює $c+3 + 7=18$ в тій же системі цифр. Букви $a$, $b$, $c$ і $d$ використовуються для 10, 11, 11, 12 та 13 цифр відповідно, так само як і в шістнадцятковій системі числення.
+
+При $1 ≤ n ≤ 9$, сума усіх $n$-digit незмінних квадратів у базі 14-числової системи це $2d8$ (582 decimal). Незмінні квадрати з нулями на кінці не дозволені.
+
+Знайдіть суму усіх чисел $n$-digit незмінних квадратів у базі 14-числової системи за $1 ≤ n ≤ 10000$ (десятковий) та дайте відповідь у вигляді стрічки у базовій 14-числовій системі використовуючи нижній регістр.
+
+# --hints--
+
+`steadySquares()` має повертати стрічку.
+
+```js
+assert(typeof steadySquares() === 'string');
+```
+
+`steadySquares()` має повертати стрічку `5a411d7b`.
+
+```js
+assert.strictEqual(steadySquares(), '5a411d7b');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function steadySquares() {
+
+  return true;
+}
+
+steadySquares();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-285-pythagorean-odds.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-285-pythagorean-odds.md
new file mode 100644
index 0000000000..fd857b6d86
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-285-pythagorean-odds.md
@@ -0,0 +1,46 @@
+---
+id: 5900f48a1000cf542c50ff9c
+title: 'Проблема 285: коефіцієнт Піфагора'
+challengeType: 5
+forumTopicId: 301936
+dashedName: problem-285-pythagorean-odds
+---
+
+# --description--
+
+Альберт обирає додатне ціле число $k$, тоді як два дійсних числа $a$, $b$ випадковим чином обрані в інтервалі [0,1] з рівномірним розподілом.
+
+Квадратний корінь суми ${(ka + 1)}^2 + {(kb + 1)}^2$ обраховують та округлюють до найближчого цілого числа. Якщо результат рівний $k$, він одержує $k$ очки. За інших умов очки йому не нараховуються.
+
+Наприклад, якщо $k = 6$, $a = 0.2$ та $b = 0.85$, то ${(ka + 1)}^2 + {(kb + 1)}^2 = 42.05$. Квадратний корінь із 42.05 дорівнює 6.484..., а округливши до цілих, отримаємо 6. Отримане число дорівнює $k$, Альберту нараховується 6 очок.
+
+Розрахуємо варіант, у якому він грає 10 разів з $k = 1, k = 2, \ldots, k = 10$, очікуване значення загального числа очок, округлене до 5 знаків після коми, — 10.20914.
+
+А що якщо він зіграє ${10}^5$ з $k = 1, k = 2, k = 3, \ldots, k = {10}^5$, якою буде сумарна кількість очок, округлених до 5 знаків після коми?
+
+# --hints--
+
+`pythagoreanOdds()` має повернути `157055.80999`.
+
+```js
+assert.strictEqual(pythagoreanOdds(), 157055.80999);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pythagoreanOdds() {
+
+  return true;
+}
+
+pythagoreanOdds();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-286-scoring-probabilities.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-286-scoring-probabilities.md
new file mode 100644
index 0000000000..5a9b32adeb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-286-scoring-probabilities.md
@@ -0,0 +1,42 @@
+---
+id: 5900f48a1000cf542c50ff9d
+title: 'Задача 286: Підрахування ймовірностей'
+challengeType: 5
+forumTopicId: 301937
+dashedName: problem-286-scoring-probabilities
+---
+
+# --description--
+
+Барбара – математик і баскетболістка. Вона дізналась, що ймовірність отримання очка, коли кидаєш м'яч з відстані $x$, точно дорівнює ($1 - \frac{x}{q}$), де $q$ – це реальна константа, більша за 50.
+
+На кожному тренуванні вона робить кидок з дистанції $x = 1, x = 2, \ldots, x = 50$ і, відповідно до її записів, вона має 2 %-й шанс набрати в підсумку 20 очок.
+
+Знайдіть $q$ і округліть відповідь до 10 знаків після коми.
+
+# --hints--
+
+`scoringProbabilities()` має повертати до `52.6494571953`.
+
+```js
+assert.strictEqual(scoringProbabilities(), 52.6494571953);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function scoringProbabilities() {
+
+  return true;
+}
+
+scoringProbabilities();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.md
new file mode 100644
index 0000000000..51aa221fa6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-287-quadtree-encoding-a-simple-compression-algorithm.md
@@ -0,0 +1,59 @@
+---
+id: 5900f48b1000cf542c50ff9e
+title: 'Проблема 287: Кодування Дерева квадратів (простий алгоритм стиснення)'
+challengeType: 5
+forumTopicId: 301938
+dashedName: problem-287-quadtree-encoding-a-simple-compression-algorithm
+---
+
+# --description--
+
+Кодування дерева квадратів дозволяє описати чорно-біле зображення $2^N×2^N$ як послідовність бітів (0 та 1). Ці послідовності читаються зліва направо - так:
+
+- перший біт укладається з повною базою $2^N×2^N$ регіону;
+- "0" показує розділення:
+  - поточна площа $2^n×2^n$ поділена на 4 півплощі виміру $2^{n - 1}×2^{n - 1}$,
+  - наступні біти містять опис верхнього лівого верхнього лівого і правого верхнього та нижнього правого підплощ - в такому порядку;
+- "10" вказує на те, що поточна площа містить лише чорні пікселі;
+- "11" вказує, що поточна площа містить лише білі пікселі.
+
+Розглянемо зображення 4×4 (кольорові марки означають місце, де може відбутися розділ):
+
+<img class="img-responsive center-block" alt="Зображення 4х4 з кольоровими позначками позначають, де можуть з'явитися розділи" src="https://cdn.freecodecamp.org/curriculum/project-euler/quadtree-encoding-a-simple-compression-algorithm.gif" style="background-color: white; padding: 10px;" />
+
+Це зображення може бути описано декількома послідовностями, Наприклад,"<strong><span style="color: red">0</span></strong><strong><span style="color: blue">0</span></strong>10101010<strong><span style="color: green">0</span></strong>1011111011<strong><span style="color: orange">0</span></strong>10101010", довжиною 30, або "<strong><span style="color: red">0</span></strong>10<strong><span style="color: green">0</span></strong>101111101110", довжиною 16, якою є мінімальна послідовність для цього зображення.
+
+Для позитивного цілого $N$визначте $D_N$ як $2^N×2^N$ зображення з наступною кольоровою схемою:
+
+- піксель з координатами $x = 0$, $y = 0$ відповідає нижньому лівому пікселю,
+- якщо ${(x - 2^{N - 1})}^2 + {(y - 2^{N - 1})}^2 ≤ 2^{2N - 2}$ тоді, піксель чорний,
+- інакше піксель - білий.
+
+Яка довжина мінімальної послідовності, що описує $D_{24}$?
+
+# --hints--
+
+`quadtreeEncoding()` має повернути `313135496`.
+
+```js
+assert.strictEqual(quadtreeEncoding(), 313135496);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function quadtreeEncoding() {
+
+  return true;
+}
+
+quadtreeEncoding();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.md
new file mode 100644
index 0000000000..6874c0487a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-288-an-enormous-factorial.md
@@ -0,0 +1,48 @@
+---
+id: 5900f48d1000cf542c50ff9f
+title: 'Задача 288: Величезний факторіал'
+challengeType: 5
+forumTopicId: 301939
+dashedName: problem-288-an-enormous-factorial
+---
+
+# --description--
+
+Для будь-якого цілого числа $p$ число $N(p,q)$ визначається за $N(p,q) = \sum_{n=0}^q T_n \times p^n$ з $T_n$, що створене генератором випадкових чисел:
+
+$$\begin{align} & S_0 = 290797 \\\\ & S_{n + 1} = {S_n}^2\bmod 50\\,515\\,093 \\\\ & T_n = S_n\bmod p \end{align}$$
+
+Припустимо, $Nfac(p,q)$ – факторіал $N(p,q)$.
+
+Нехай $NF(p,q)$ – кількість множників $p$ у $Nfac(p,q)$.
+
+Дано: $NF(3,10000) \bmod 3^{20} = 624\\,955\\,285$.
+
+Знайти: $NF(61,{10}^7)\bmod {61}^{10}$.
+
+# --hints--
+
+`enormousFactorial()` має повертати до `605857431263982000`.
+
+```js
+assert.strictEqual(enormousFactorial(), 605857431263982000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function enormousFactorial() {
+
+  return true;
+}
+
+enormousFactorial();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-289-eulerian-cycles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-289-eulerian-cycles.md
new file mode 100644
index 0000000000..a133d9d10d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-289-eulerian-cycles.md
@@ -0,0 +1,50 @@
+---
+id: 5900f48d1000cf542c50ffa0
+title: 'Задача 289: Ейлерові ланцюги'
+challengeType: 5
+forumTopicId: 301940
+dashedName: problem-289-eulerian-cycles
+---
+
+# --description--
+
+Нехай $C(x,y)$ – коло, що проходить через точки ($x$, $y$), ($x$, $y + 1$), ($x + 1$, $y$) та ($x + 1$, $y + 1$).
+
+Для натуральних чисел $m$ і $n$ нехай $E(m,n)$ – це конфігурація, що складається з кіл $m·n$: { $C(x,y)$: $0 ≤ x &lt; m$, $0 ≤ y &lt; n$, $x$ та $y$ натуральні числа }
+
+Ейлерів ланцюг на $E(m,n)$ – це закритий шлях, який проходить через кожну дугу рівно один раз. Багато таких шляхів можливі на $E(m,n)$, але нас цікавлять тільки ті, які не є самоперетинними: Неперетинний шлях просто торкається себе в точках ґратки, але ніколи себе не перетинає.
+
+На зображенні нижче показано $E(3,3)$ і наведено приклад неперетинного шляху Ейлера.
+
+<img class="img-responsive center-block" alt="Ейлерів ланцюг E(3, 3) та неперетинний шлях Ейлера" src="https://cdn.freecodecamp.org/curriculum/project-euler/eulerian-cycles.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $L(m,n)$ – кількість неперетинних шляхів Ейлера на $E(m,n)$. Наприклад, $L(1,2) = 2$, $L(2,2) = 37$ та $L(3,3) = 104290$.
+
+Знайдіть $L(6,10)\bmod {10}^{10}$.
+
+# --hints--
+
+`eulerianCycles()` має повертати до `6567944538`.
+
+```js
+assert.strictEqual(eulerianCycles(), 6567944538);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eulerianCycles() {
+
+  return true;
+}
+
+eulerianCycles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-290-digital-signature.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-290-digital-signature.md
new file mode 100644
index 0000000000..5f245dcb39
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-290-digital-signature.md
@@ -0,0 +1,38 @@
+---
+id: 5900f48f1000cf542c50ffa1
+title: 'Завдання 290: Цифровий підпис'
+challengeType: 5
+forumTopicId: 301942
+dashedName: problem-290-digital-signature
+---
+
+# --description--
+
+Скільки цілих чисел $0 ≤ n &lt; {10}^{18}$ мають властивість, що сума цифр $n$ дорівнює сумі цифр $137n$?
+
+# --hints--
+
+`digitalSignature()` має повернути `20444710234716470`.
+
+```js
+assert.strictEqual(digitalSignature(), 20444710234716470);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitalSignature() {
+
+  return true;
+}
+
+digitalSignature();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-291-panaitopol-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-291-panaitopol-primes.md
new file mode 100644
index 0000000000..e7bfe86ca0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-291-panaitopol-primes.md
@@ -0,0 +1,40 @@
+---
+id: 5900f48f1000cf542c50ffa2
+title: 'Завдання 291: Прості числа Панайтополя'
+challengeType: 5
+forumTopicId: 301943
+dashedName: problem-291-panaitopol-primes
+---
+
+# --description--
+
+Просте число $p$ називається простим числом Панайтополя, якщо $p = \frac{x^4 - y^4}{x^3 + y^3}$ для деяких цілих натуральних чисел $x$ and $y$.
+
+Знайдіть скільки простих чисел Панайтополя є меншими, ніж $5 × {10}^{15}$.
+
+# --hints--
+
+`binaryCircles()` має повернути `4037526`.
+
+```js
+assert.strictEqual(panaitopolPrimes(), 4037526);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function panaitopolPrimes() {
+
+  return true;
+}
+
+panaitopolPrimes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.md
new file mode 100644
index 0000000000..6591b3f835
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-292-pythagorean-polygons.md
@@ -0,0 +1,51 @@
+---
+id: 5900f4911000cf542c50ffa3
+title: 'Завдання 292: Багатокутники Піфагора'
+challengeType: 5
+forumTopicId: 301944
+dashedName: problem-292-pythagorean-polygons
+---
+
+# --description--
+
+Ми визначимо Піфагоровий багатокутник як такий, що буде опуклим багатокутником з наступними властивостями:
+
+- є принаймні три вершини,
+- вершини знаходяться не на одній прямій
+- кожна вершина має цілі координати,
+- кожне ребро має ціле число довжини.
+
+Для обраного цілого числа $n$ визначити $P(n)$ як число різних многокутників піфагора, якщо периметр $≤ n$.
+
+Багатокутники Піфагора повинні розглядатися як різні, доки жоден з них не є відтворенням іншого.
+
+Дано: $P(4) = 1$, $P(30) = 3655$ і $P(60) = 891045$.
+
+Знайдіть $P(120)$.
+
+# --hints--
+
+`pythagoreanOdds()` має повернути `3600060866`.
+
+```js
+assert.strictEqual(pythagoreanPolygons(), 3600060866);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pythagoreanPolygons() {
+
+  return true;
+}
+
+pythagoreanPolygons();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.md
new file mode 100644
index 0000000000..9eefd06e65
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-293-pseudo-fortunate-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4931000cf542c50ffa4
+title: 'Задача 293: Псевдо-фортунові числа'
+challengeType: 5
+forumTopicId: 301945
+dashedName: problem-293-pseudo-fortunate-numbers
+---
+
+# --description--
+
+Кожне парне, додатне ціле число $N$ буде вважатись допустимим, якщо це квадрат або його множники є простими послідовними числами.
+
+Перші дванадцять допустимих чисел є 2, 4, 6, 8, 12, 16, 18, 24, 30, 32, 36, 48.
+
+Якщо $N$ є допустимим, найменше ціле число $M> 1$ так, що $N + M$ є простим, будем називати псевдо-фортуновим числом для $N$.
+
+Наприклад, $N = 630$ є допустимим, оскільки воно парне, а його різні прості складники - це послідовні прості числа 2,3,5 і 7. Наступне просте число після 631 є 641; звідси, псевдо-фортунове число для 630 є $M = 11$. Також для числа 16 псевдо-фортуновим є число 3.
+
+Знайти суму всі різних псевдо-фортунових чисел для допустимих $N$ чисел менших за ${10}^9$.
+
+# --hints--
+
+`pseudoFortunateNumbers()` має повернути `2209`.
+
+```js
+assert.strictEqual(pseudoFortunateNumbers(), 2209);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pseudoFortunateNumbers() {
+
+  return true;
+}
+
+pseudoFortunateNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.md
new file mode 100644
index 0000000000..4adcde3eb1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-294-sum-of-digits---experience-23.md
@@ -0,0 +1,47 @@
+---
+id: 5900f4931000cf542c50ffa5
+title: 'Завдання 294: Сума цифр - випадок #23'
+challengeType: 5
+forumTopicId: 301946
+dashedName: problem-294-sum-of-digits---experience-23
+---
+
+# --description--
+
+Для додатного цілого числа $k$, визначити $d(k)$ як суму чисел $k$ в десятковому форматі. Таким чином $d(42) = 4 + 2 = 6$.
+
+Для додатного цілого числа $n$ визначити $S(n)$, певну кількість додатніх цілих чисел $k &lt; {10}^n$ з наступними властивостями:
+
+- $k$ ділиться на 23 та,
+- $d(k) = 23$.
+
+Дано: $S(9) = 263\\,626$ and $S(42) = 6\\,377\\,168\\,878\\,570\\,056$.
+
+Знайдіть: $S({11}^{12})$ і дайте відповідь на $\bmod {10}^9$.
+
+# --hints--
+
+`experience23()` має повернути `789184709`.
+
+```js
+assert.strictEqual(experience23(), 789184709);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function experience23() {
+
+  return true;
+}
+
+experience23();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-295-lenticular-holes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-295-lenticular-holes.md
new file mode 100644
index 0000000000..a3b6cec3d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-295-lenticular-holes.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4931000cf542c50ffa6
+title: 'Завдання 295: Лінзоподібні отвори'
+challengeType: 5
+forumTopicId: 301947
+dashedName: problem-295-lenticular-holes
+---
+
+# --description--
+
+Опукла область, укладена в два кола, називається лінзоподібним отвором, якщо:
+
+- Центри обох кіл знаходяться в точках ґратки.
+- Два кола перетинаються в двох різних точках ґратки.
+- Внутрішня частина опуклої області, укладеної в обидва кола, не містить ніяких точок ґратки.
+
+Розглянемо ці кола:
+
+$$\begin{align} & C_0: x^2 + y^2 = 25 \\\\ & C_1: {(x + 4)}^2 + {(y - 4)}^2 = 1 \\\\ & C_2: {(x - 12)}^2 + {(y - 4)}^2 = 65 \end{align}$$
+
+Кола $C_0$, $C_1$ та $C_2$ намальовані на малюнку нижче.
+
+<img class="img-responsive center-block" alt="кола C_0, C_1 й C_2" src="https://cdn.freecodecamp.org/curriculum/project-euler/lenticular-holes.gif" style="background-color: white; padding: 10px;" />
+
+Лінзоподібний отвір утворюють як $C_0$ і $C_1$, так і $C_0$ і $C_2$.
+
+Впорядковану пару додатних дійсних чисел ($r_1$, $r_2$) називають лінзоподібною парою, якщо існують два кола з радіусами $r_1$ та $r_2$, які утворюють лінзоподібний отвір. Можемо перевірити, що ($1$, $5$) та ($5$, $\sqrt{65}$) – лінзоподібні пари в наведеному вище прикладі.
+
+Припустимо, що $L(N)$ – кількість різних лінзоподібних пар ($r_1$, $r_2$), для яких $0 &lt; r_1 ≤ r_2 ≤ N$. Можемо перевірити, що $L(10) = 30$ і $L(100) = 3442$.
+
+Знайдіть $L(100\\,000)$.
+
+# --hints--
+
+`lenticularHoles()` має повертати до `4884650818`.
+
+```js
+assert.strictEqual(lenticularHoles(), 4884650818);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lenticularHoles() {
+
+  return true;
+}
+
+lenticularHoles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.md
new file mode 100644
index 0000000000..51bd72b7e9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-296-angular-bisector-and-tangent.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4941000cf542c50ffa7
+title: 'Завдання 296: Кутовий перпендикуляр і дотична'
+challengeType: 5
+forumTopicId: 301948
+dashedName: problem-296-angular-bisector-and-tangent
+---
+
+# --description--
+
+Дано трикутник $ABC$, всі сторони якого вимірюються цілими числами, в якому $BC ≤ AC ≤ AB$. $k$ – це кутовий перпендикуляр кута $ACB$. $m$ – це дотична в $C$ до описаного навколо трикутника кола $ABC$. $n$ – це лінія, паралельна до $m$, що проходить через $B$.
+
+Перетин $n$ і $k$ названо $E$.
+
+<img class="img-responsive center-block" alt="трикутник ABC, в якому k - це кутовий перпендикуляр кута ACB, m - дотична в точці C, n - лінія, паралельна до m, яка проходить через B, і точка E - перетин k і n" src="https://cdn.freecodecamp.org/curriculum/project-euler/angular-bisector-and-tangent.gif" style="background-color: white; padding: 10px;" />
+
+Скільки існує трикутників $ABC$ з периметром, що не перевищує $100\\,000$, і в яких $BE$ має довжину, яку можна виміряти цілими числами?
+
+# --hints--
+
+`angularBisectorAndTangent()` має повертати `1137208419`.
+
+```js
+assert.strictEqual(angularBisectorAndTangent(), 1137208419);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function angularBisectorAndTangent() {
+
+  return true;
+}
+
+angularBisectorAndTangent();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.md
new file mode 100644
index 0000000000..c08fbbb0be
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-297-zeckendorf-representation.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4951000cf542c50ffa8
+title: 'Завдання 297: Теорема представлення Цекендорфа'
+challengeType: 5
+forumTopicId: 301949
+dashedName: problem-297-zeckendorf-representation
+---
+
+# --description--
+
+Кожне нове значення у послідовності Фібоначчі утворюється додаванням двох попередніх значень.
+
+Починаючись з 1 і 2, перші 10 значень будуть такими: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89.
+
+Кожне додатне ціле число можна однозначно записати як суму непослідовних значень послідовності Фібоначчі. Наприклад, 100 = 3 + 8 + 89.
+
+Така сума називається представленням числа Цекендорфа.
+
+Для будь-якого цілого числа $n>0$, нехай $z(n)$ буде кількістю значень в представленні Цекендорфа $n$.
+
+Таким чином, $z(5) = 1$, $z(14) = 2$, $z(100) = 3$ etc.
+
+Також, для $0 &lt; n &lt; {10}^6$, $\sum z(n) = 7\\,894\\,453$.
+
+Знайдіть $\sum z(n)$ для $0 &lt; n &lt; {10}^{17}$.
+
+# --hints--
+
+`zeckendorfRepresentation()` має повернути `2252639041804718000`.
+
+```js
+assert.strictEqual(zeckendorfRepresentation(), 2252639041804718000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function zeckendorfRepresentation() {
+
+  return true;
+}
+
+zeckendorfRepresentation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-298-selective-amnesia.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-298-selective-amnesia.md
new file mode 100644
index 0000000000..1fe0b5e528
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-298-selective-amnesia.md
@@ -0,0 +1,57 @@
+---
+id: 5900f4971000cf542c50ffa9
+title: 'Завдання 298: Вибіркова Амнезія'
+challengeType: 5
+forumTopicId: 301950
+dashedName: problem-298-selective-amnesia
+---
+
+# --description--
+
+Ларрі та Робін грають у гру на пам'ять, що включає послідовність випадкових чисел від 1 до 10 включно, які називаються по одному за раз. Кожен гравець може запам'ятати до 5 попередніх цифр. Коли назване число знаходиться в пам’яті гравця, то цьому гравцеві нараховується очко. Якщо це не так, гравець додає названий номер до своєї пам'яті, видаляючи інший номер, якщо його пам'ять заповнена.
+
+Обидва гравці починають з порожньої пам'яті. Обидва гравці завжди додають у свою пам'ять нові пропущені номери, але використовують різні стратегії, вирішуючи, який номер видалити: стратегія Ларрі полягає у видаленні номера, який не називався протягом тривалого часу. Стратегія Робіна полягає в тому, щоб видалити число, яке було в пам’яті найдовше.
+
+Приклад гри:
+
+| Черга | Названий номер | Пам'ять Ларрі | Очки Ларрі | Пам'ять Робіна | Очки Робіна |
+| ----- | -------------- | -------------:| ---------- | -------------- | ----------- |
+| 1     | 1              |             1 | 0          | 1              | 0           |
+| 2     | 2              |           1,2 | 0          | 1,2            | 0           |
+| 3     | 4              |         1,2,4 | 0          | 1,2,4          | 0           |
+| 4     | 6              |       1,2,4,6 | 0          | 1,2,4,6        | 0           |
+| 5     | 1              |       1,2,4,6 | 1          | 1,2,4,6        | 1           |
+| 6     | 8              |     1,2,4,6,8 | 1          | 1,2,4,6,8      | 1           |
+| 7     | 10             |    1,4,6,8,10 | 1          | 2,4,6,8,10     | 1           |
+| 8     | 2              |    1,2,6,8,10 | 1          | 2,4,6,8,10     | 2           |
+| 9     | 4              |    1,2,4,8,10 | 1          | 2,4,6,8,10     | 3           |
+| 10    | 1              |    1,2,4,8,10 | 2          | 1,4,6,8,10     | 3           |
+
+Позначивши очки Ларрі $L$ і очки Робіна $R$, яким буде очікуване значення $|L - R|$ після 50 ходів? Дайте відповідь, округлену до восьми знаків після коми, у форматі x.xxxxxxxx .
+
+# --hints--
+
+`selectiveAmnesia()` має повернути `1.76882294`.
+
+```js
+assert.strictEqual(selectiveAmnesia(), 1.76882294);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function selectiveAmnesia() {
+
+  return true;
+}
+
+selectiveAmnesia();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-299-three-similar-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-299-three-similar-triangles.md
new file mode 100644
index 0000000000..2b8f41aa3d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-299-three-similar-triangles.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4971000cf542c50ffaa
+title: 'Завдання 299: Три подібні трикутники'
+challengeType: 5
+forumTopicId: 301951
+dashedName: problem-299-three-similar-triangles
+---
+
+# --description--
+
+Визначено чотири точки з цілими координатами:
+
+$A(a, 0)$, $B(b, 0)$, $C(0, c)$ і $D(0, d)$, з $0 &lt; a &lt; b$ і $0 &lt; c &lt; d$.
+
+Точка $P$, також з цілими координатами, знаходиться на лінії $AC$ так, щоб $ABP$, $CDP$ і $BDP$ були подібні.
+
+<img class="img-responsive center-block" alt="точки A, B, C, D і P створюють три трикутники: ABP, CDP, та BDP" src="https://cdn.freecodecamp.org/curriculum/project-euler/three-similar-triangles.gif" style="background-color: white; padding: 10px;" />
+
+Легко довести, що трикутники можуть бути подібними, якщо $a = c$.
+
+Отже, знаючи, що $a = c$, ми шукаємо триплети ($a$, $b$, $d$) де принаймні одна точка $P$ (з цілими координатами) існує на $AC$, роблячи три подібні трикутники $ABP$, $CDP$ та $BDP$.
+
+Наприклад, якщо $(a, b, d) = (2, 3, 4)$, можна легко підтвердити, що точка $P(1, 1)$ задовольняє вимоги завдання. Зверніть увагу, що (2,3,4) і (2,4,3) вважаються окремими, хоча точка $P(1, 1)$ для них спільна.
+
+Якщо $b + d &lt; 100$, то існує 92 триплети ($a$, $b$, $d$) у яких є точка $P$.
+
+Якщо $b + d &lt; 100\\,000$, то існує 320471 триплети ($a$, $b$, $d$), які мають точку $P$.
+
+Якщо $b + d &lt; 100\\,000\\,000$,скільки буде триплетів ($a$, $b$, $d$) з точкою $P$?
+
+# --hints--
+
+`threeSimilarTriangles()` має повернути `549936643`.
+
+```js
+assert.strictEqual(threeSimilarTriangles(), 549936643);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function threeSimilarTriangles() {
+
+  return true;
+}
+
+threeSimilarTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-3-largest-prime-factor.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-3-largest-prime-factor.md
new file mode 100644
index 0000000000..98a1ef232d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-3-largest-prime-factor.md
@@ -0,0 +1,95 @@
+---
+id: 5900f36f1000cf542c50fe82
+title: 'Завдання 3: Найбільший простий множник'
+challengeType: 5
+forumTopicId: 301952
+dashedName: problem-3-largest-prime-factor
+---
+
+# --description--
+
+Простими множниками числа 13195 є 5, 7, 13 та 29.
+
+Який найбільший простий множник заданого числа (`number`)?
+
+# --hints--
+
+`largestPrimeFactor(2)` має повернути число.
+
+```js
+assert(typeof largestPrimeFactor(2) === 'number');
+```
+
+`largestPrimeFactor(2)` має повернути число 2.
+
+```js
+assert.strictEqual(largestPrimeFactor(2), 2);
+```
+
+`largestPrimeFactor(3)` має повернути число 3.
+
+```js
+assert.strictEqual(largestPrimeFactor(3), 3);
+```
+
+`largestPrimeFactor(5)` має повернути число 5.
+
+```js
+assert.strictEqual(largestPrimeFactor(5), 5);
+```
+
+`largestPrimeFactor(7)` має повернути число 7.
+
+```js
+assert.strictEqual(largestPrimeFactor(7), 7);
+```
+
+`largestPrimeFactor(8)` має повернути число 2.
+
+```js
+assert.strictEqual(largestPrimeFactor(8), 2);
+```
+
+`largestPrimeFactor(13195)` має повернути число 29.
+
+```js
+assert.strictEqual(largestPrimeFactor(13195), 29);
+```
+
+`largestPrimeFactor(600851475143)` має повернути число 6857.
+
+```js
+assert.strictEqual(largestPrimeFactor(600851475143), 6857);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestPrimeFactor(number) {
+
+  return true;
+}
+
+largestPrimeFactor(13195);
+```
+
+# --solutions--
+
+```js
+const largestPrimeFactor = (number) => {
+  let largestFactor = number;
+
+  for (let i = 2; i <= Math.sqrt(largestFactor); i++) {
+    if (!(largestFactor % i)) {
+      let factor = largestFactor / i;
+      let candidate = largestPrimeFactor(factor);
+
+      return i > candidate ? i : candidate;
+    }
+  }
+
+  return largestFactor;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-30-digit-n-powers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-30-digit-n-powers.md
new file mode 100644
index 0000000000..6ffb04379b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-30-digit-n-powers.md
@@ -0,0 +1,74 @@
+---
+id: 5900f38a1000cf542c50fe9d
+title: 'Завдання 30: степені цифри n'
+challengeType: 5
+forumTopicId: 301953
+dashedName: problem-30-digit-n-powers
+---
+
+# --description--
+
+На диво, існує лише три числа, що можуть бути представлені як сума четвертих степенів їхніх цифр:
+
+<div style='margin-left: 4em;'>
+  1634 = 1<sup>4</sup> + 6<sup>4</sup> + 3<sup>4</sup> + 4<sup>4</sup><br>
+  8208 = 8<sup>4</sup> + 2<sup>4</sup> + 0<sup>4</sup> + 8<sup>4</sup><br>
+  9474 = 9<sup>4</sup> + 4<sup>4</sup> + 7<sup>4</sup> + 4<sup>4</sup><br>
+</div>
+
+Так як 1 = 1<sup>4</sup> не є сумою, число не зараховується.
+
+Сума цих чисел дорівнює 1634 + 8208 + 9474 = 19316.
+
+Знайдіть суму всіх чисел, що може бути представлена як сума `n` степенів їхніх цифр.
+
+# --hints--
+
+`digitnPowers(2)` має повернути число.
+
+```js
+assert(typeof digitnPowers(2) === 'number');
+```
+
+`digitnPowers(2)` має повернути число 0.
+
+```js
+assert(digitnPowers(2) == 0);
+```
+
+`digitnPowers(3)` має повернути число 1301.
+
+```js
+assert(digitnPowers(3) == 1301);
+```
+
+`digitnPowers(4)` має повернути число 19316.
+
+```js
+assert(digitnPowers(4) == 19316);
+```
+
+`digitnPowers(5)` має повернути число 443839.
+
+```js
+assert(digitnPowers(5) == 443839);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitnPowers(n) {
+
+  return n;
+}
+
+digitnPowers(5);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-300-protein-folding.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-300-protein-folding.md
new file mode 100644
index 0000000000..bff17d766b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-300-protein-folding.md
@@ -0,0 +1,56 @@
+---
+id: 5900f49a1000cf542c50ffac
+title: 'Завдання 300: Згортання білка'
+challengeType: 5
+forumTopicId: 301954
+dashedName: problem-300-protein-folding
+---
+
+# --description--
+
+Якщо говорити простими словами, білки — це ланцюги, які складаються з гідрофобних (H) та полярних елементів, наприклад таких HHPPHHHPHHPH.
+
+Для цього завдання, орієнтація білка така ж важлива, наприклад HPP відрізняється від PPH. Таким чином, є $2^n$ різні білки, що складаються з $n$ елементів.
+
+Коли будь-що стикається з цими ланцюгами в природі, вони згортаються таким чином, що кількість точок дотику H-H настільки велика, наскільки це можливо, що є енергетично вигідним.
+
+У результаті H-елементи, як правило, накопичуються у внутрішній частині, у той час, як P-елементи — у зовнішній.
+
+Природні білки, звісно, згортаються в тривимірному просторі, але ми розглядатимемо цей процес у <u>двовимірній площині</u>.
+
+На зображенні нижче показні два можливих способи, як можуть згортатися білки (точки контакту Н-Н виділені червоними точками).
+
+<img class="img-responsive center-block" alt="два можливих приклади згортання білків" src="https://cdn.freecodecamp.org/curriculum/project-euler/protein-folding.gif" style="background-color: white; padding: 10px;" />
+
+Приклад зліва має лише 6 точок дотику, чого ніколи не трапляється в природі. З іншого боку, протеїн праворуч має дев'ять точок дотику H-H, що є оптимальним.
+
+Припускаючи, що H- та P-елементи з однаковою ймовірністю трапляються в межах цього ланцюга, середня кількість точок дотику H-H за оптимальних умов випадкової стрічки білка довжиною 8 — $\frac{850}{2^8} = 3.3203125$.
+
+Якою буде середня кількість дочок дотику H-H у випадковій стрічці, що згортається за сприятливих умов і має довжину 15? Для точнішої відповіді можна залишати стільки знаків після коми, скільки потрібно.
+
+# --hints--
+
+`proteinFolding()` має повернути `8.0540771484375`.
+
+```js
+assert.strictEqual(proteinFolding(), 8.0540771484375);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function proteinFolding() {
+
+  return true;
+}
+
+proteinFolding();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-301-nim.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-301-nim.md
new file mode 100644
index 0000000000..ab623137e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-301-nim.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4991000cf542c50ffab
+title: 'Завдання 301: Нім'
+challengeType: 5
+forumTopicId: 301955
+dashedName: problem-301-nim
+---
+
+# --description--
+
+Nim — це гра з купами каміння, де два гравці по черзі беруть певну кількість каменів із будь-якої купи до поки їх зовсім не залишиться.
+
+Розглянемо звичайну версію Nim на три купки каміння, яка працює наступним чином:
+
+- На початку гри є три купи каменів.
+- Коли настає черга певного гравця, він забирає додатне число каменів з будь-якої обраної купи.
+- Той, хто першим не зможе зробити хід (тому що не залишилося каменів), програє.
+
+Якщо ($n_1$, $n_2$, $n_3$) вказує на позицію Німа, що складається з купок розміром $n_1$, $n_2$ та $n_3$, тоді з'являється проста функція $X(n_1,n_2,n_3)$, яку можна спробувати знайти або спробувати вирахувати самостійно, яка повертає:
+
+- нуль, якщо гравець, з ідеальною стратегією, що збирається ходити, зрештою програє; чи
+- нуль, якщо гравець, з ідеальною стратегією, що збирається ходити, зрештою переможе.
+
+Наприклад, $X(1, 2, 3) = 0$ тому, що дії конкретного гравця неважливі, його опонент може відповісти ходом, відповідно до якого дві купи залишатимуться однакового розміру, адже цей гравець віддзеркалюватиме ходи до поки жодного каменя не залишитися, а тому він програє. Для унаочення:
+
+- поточний гравець ходить (1,2,1)
+- опонент ходить (1,0,1)
+- поточний гравець ходить (0,0,1)
+- хід суперника — (0,0,0), а отже він стає переможцем.
+
+Для скількох додатніх цілих чисел $n ≤ 2^{30}$ відповідає $X(n, 2n, 3n) = 0$?
+
+# --hints--
+
+`nim()` має повернути `2178309`.
+
+```js
+assert.strictEqual(nim(), 2178309);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nim() {
+
+  return true;
+}
+
+nim();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.md
new file mode 100644
index 0000000000..12b47eacf7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-302-strong-achilles-numbers.md
@@ -0,0 +1,50 @@
+---
+id: 5900f49b1000cf542c50ffad
+title: 'Завдання 302: Сильні Ахіллесові числа'
+challengeType: 5
+forumTopicId: 301956
+dashedName: problem-302-strong-achilles-numbers
+---
+
+# --description--
+
+Додатне число $n$ вважається повнократним, якщо $p^2$ є дільником $n$ на кожний простий множник $p$ в $n$.
+
+Додатне ціле число $n$ знаходиться в досконалому степені, якщо $n$ можна записати як степінь іншого додатного цілого числа.
+
+Додатне ціле число $n$ вважається Ахіллесовим числом, якщо $n$ є повнократним, але не є в досконалому степені. Наприклад, 864 та 1800 це Ахіллесові числа: 864 = 2^5 \times 3^3$ and $1800 = 2^3 \times 3^2 \times 5^2$.
+
+Додатне ціле число $S$ вважається сильним Ахіллесовим числом, якщо $S$ і $φ(S)$ будуть Ахіллесовими числами. $φ$ позначає функцію Ейлера.
+
+Наприклад, 864 є сильним Ахіллесовим числом: $φ(864) = 288 = 2^5 \times 3^2$. Тим не менш, 1800 не сильне Ахіллесове число, тому що: $φ(1800) = 480 = 2^5 \times 3^1 \times 5^1$.
+
+Існує 7 сильних Ахіллесових чисел нижче ${10}^4$ і 656 нижче ${10}^8$.
+
+Скільки сильних Ахіллесових чисел буде нижче ${10}^{18}$?
+
+# --hints--
+
+`strongAchillesNumbers()` має повернути `1170060`.
+
+```js
+assert.strictEqual(strongAchillesNumbers(), 1170060);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function strongAchillesNumbers() {
+
+  return true;
+}
+
+strongAchillesNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.md
new file mode 100644
index 0000000000..32bdf0c26c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-303-multiples-with-small-digits.md
@@ -0,0 +1,44 @@
+---
+id: 5900f49b1000cf542c50ffae
+title: 'Завдання 303: Кратні числа з малими розрядами'
+challengeType: 5
+forumTopicId: 301957
+dashedName: problem-303-multiples-with-small-digits
+---
+
+# --description--
+
+Для додатного цілого числа $n$ визначте $f(n)$ оскільки найменше додатне кратне число $n$, записане в десятковій системі числення, що використовує лише розряди $≤ 2$.
+
+Таким чином, $f(2) = 2$, $f(3) = 12$, $f(7) = 21$, $f(42) = 210$, $f(89) = 1\\,121\\,222$.
+
+Також, $\displaystyle\sum_{n = 1}^{100} \frac{f(n)}{n} = 11\\,363\\,107$.
+
+Знайдіть $\displaystyle\sum_{n = 1}^{10\\,000} \frac{f(n)}{n}$.
+
+# --hints--
+
+`multiplesWithSmallDigits()` має повернути `1111981904675169`.
+
+```js
+assert.strictEqual(multiplesWithSmallDigits(), 1111981904675169);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function multiplesWithSmallDigits() {
+
+  return true;
+}
+
+multiplesWithSmallDigits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-304-primonacci.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-304-primonacci.md
new file mode 100644
index 0000000000..01c0f36e0c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-304-primonacci.md
@@ -0,0 +1,46 @@
+---
+id: 5900f49d1000cf542c50ffaf
+title: 'Завдання 304: Прімоначчі'
+challengeType: 5
+forumTopicId: 301958
+dashedName: problem-304-primonacci
+---
+
+# --description--
+
+Для будь-якого додатного цілого числа $n$ функція $\text{next_prime}(n)$ повертає найменші прості числа $p$, такі як $p > n$.
+
+Послідовність $a(n)$ визначається так: $a(1) = \text{next_prime}({10}^{14})$ і $a(n) = \text{next_prime}(a(n - 1))$ для $n > 1$.
+
+Послідовність Фібоначчі $f(n)$ визначається так: $f(0) = 0$, $f(1) = 1$ і $f(n) = f(n - 1) + f(n - 2)$ для $n > 1$.
+
+Послідовність $b(n)$ визначається як $f(a(n))$.
+
+Знайдіть $\sum b(n)$ для $1≤n≤100\\,000$. Дайте відповідь $\bmod 1\\,234\\,567\\,891\\,011$.
+
+# --hints--
+
+`primonacci()` має повернути `283988410192`.
+
+```js
+assert.strictEqual(primonacci(), 283988410192);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primonacci() {
+
+  return true;
+}
+
+primonacci();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-305-reflexive-position.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-305-reflexive-position.md
new file mode 100644
index 0000000000..6bfa684edd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-305-reflexive-position.md
@@ -0,0 +1,46 @@
+---
+id: 5900f49d1000cf542c50ffb0
+title: 'Завдання 305: Рефлексивна позиція'
+challengeType: 5
+forumTopicId: 301959
+dashedName: problem-305-reflexive-position
+---
+
+# --description--
+
+Назвімо $S$ (нескінченним) рядом, що створюється шляхом об'єднання послідовних додатних цілих чисел (які починаються з 1), записаних в десятковій системі числення.
+
+Таким чином, $S = 1234567891011121314151617181920212223242\ldots$
+
+Нескладно здогадатись, що будь-яке число буде показане нескінченну кількість разів у $S$.
+
+Назвімо $f(n)$ початковою позицією $n^{\text{th}}$ входження $n$ в $S$. Наприклад, $f(1) = 1$, $f(5) = 81$, $f(12) = 271$ і $f(7780) = 111\\,111\\,365$.
+
+Знайдіть $\sum f(3^k) для 1 ≤ k ≤ 13$.
+
+# --hints--
+
+`reflexivePosition()` має повернути `18174995535140`.
+
+```js
+assert.strictEqual(reflexivePosition(), 18174995535140);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reflexivePosition() {
+
+  return true;
+}
+
+reflexivePosition();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-306-paper-strip-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-306-paper-strip-game.md
new file mode 100644
index 0000000000..8fa78e8315
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-306-paper-strip-game.md
@@ -0,0 +1,54 @@
+---
+id: 5900f49f1000cf542c50ffb1
+title: 'Проблема 306: Гра з паперовими стрічками'
+challengeType: 5
+forumTopicId: 301960
+dashedName: problem-306-paper-strip-game
+---
+
+# --description--
+
+Наведена нижче гра є класичним прикладом Теорії комбінаторіальної гри:
+
+Двоє гравців починають з смужки $n$ білих квадратів і почергово ходять. Під час кожного ходу, гравець вибирає два суміжних білих квадратики і розмальовує їх у чорний колір. Перший гравець, який не може зробити хід - програє.
+
+- $n = 1$: Немає дійсних кроків, тому перший гравець автоматично програє.
+- $n = 2$: Лише один дійсний крок, після якого другий гравець програє.
+- $n = 3$: два дійсні кроки, але обидва залишають положення, де другий гравець програє.
+- $n = 4$: Є три дійсні кроки для першого гравця; який може виграти гру замалювавши два середніх квадрати.
+- $n = 5$: чотири дійсні кроки для першого гравця (показано нижче червоним кольором); але незважаючи на те, що буде робити гравець, другий гравець (синій) виграє.
+
+<img class="img-responsive center-block" alt="дійсний початок ходів для смужки на 5 квадратів" src="https://cdn.freecodecamp.org/curriculum/project-euler/paper-strip-game.gif" style="background-color: white; padding: 10px;" />
+
+Тому за $1 ≤ n ≤ 5$, є 3 значення $n$, для яких перший гравець може прийти до виграшу.
+
+Тому за $1 ≤ n ≤ 50$, є 40 значень $n$, для яких перший гравець може прийти до виграшу.
+
+Що за $1 ≤ 1\\,000\\,000$, скільки значень $n$ для чого перший гравець може виграти?
+
+# --hints--
+
+`paperStripGame()` має повернути `852938`.
+
+```js
+assert.strictEqual(paperStripGame(), 852938);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function paperStripGame() {
+
+  return true;
+}
+
+paperStripGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-307-chip-defects.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-307-chip-defects.md
new file mode 100644
index 0000000000..cd2ae5a028
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-307-chip-defects.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4a01000cf542c50ffb2
+title: 'Завдання 307: Дефекти чіпів'
+challengeType: 5
+forumTopicId: 301961
+dashedName: problem-307-chip-defects
+---
+
+# --description--
+
+Дефекти $k$ випадково розподіляються серед випущених заводом $n$ інтегрованих чіпів (на чіпі можна знайти будь-яку кількість дефектів, і жодний дефект не залежить від іншого).
+
+Нехай $p(k,n)$ представляє ймовірність того, що існує чіп зі щонайменше 3 дефектами. Наприклад, $p(3,7) ≈ 0.0204081633$.
+
+Знайдіть $p(20\\,000, 1\\,000\\,000)$ і надайте відповідь, округлену до 10 знаків після коми у формі 0.abcdefghij
+
+# --hints--
+
+`chipDefects()` має повернути `0.7311720251`.
+
+```js
+assert.strictEqual(chipDefects(), 0.7311720251);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chipDefects() {
+
+  return true;
+}
+
+chipDefects();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.md
new file mode 100644
index 0000000000..c68067ddc5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-308-an-amazing-prime-generating-automaton.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4a11000cf542c50ffb3
+title: 'Завдання 308: Дивовижний автоматизований генератор чисел'
+challengeType: 5
+forumTopicId: 301962
+dashedName: problem-308-an-amazing-prime-generating-automaton
+---
+
+# --description--
+
+Програма, написана мовою програмування Fractran, складається зі ряду дробів.
+
+Внутрішній стан віртуальної машини Fractran – це позитивне ціле число, для якого спочатку встановлено початкове значення. Кожна ітерація програми Fractran примножує ціле число на перший дріб в списку, в результаті чого виходить ціле число.
+
+Наприклад, одна з програм Fractran, яку написав Джон Гортон Конвей для генерації простих чисел, складається з наступних 14 дробів:
+
+$$\frac{17}{91}, \frac{78}{85}, \frac{19}{51}, \frac{23}{38}, \frac{29}{33}, \frac{77}{29}, \frac{95}{23}, \frac{77}{19}, \frac{1}{17}, \frac{11}{13}, \frac{13}{11}, \frac{15}{2}, \frac{1}{7}, \frac{55}{1}$$
+
+Починаючи з початкового цілого числа 2, послідовні ітерації програми виробляють наступну послідовність:
+
+$$15, 825, 725, 1925, 2275, 425, \ldots, 68, \mathbf{4}, 30, \ldots, 136, \mathbf{8}, 60, \ldots, 544, \mathbf{32}, 240, \ldots$$
+
+У цій послідовності з'являються степені двійки $2^2, 2^3, 2^5, \ldots$.
+
+Можна показати, що всі степені 2 в цій послідовності мають прості показники і що всі прості числа з'являються як показники степенів 2 в правильному порядку!
+
+Якщо хтось використовує вищезгадану програму Fractran для розв'язання задачі 7 проєкту Project Euler (знайдіть просте число ${10001}^{\text{st}}$), скільки ітерацій буде потрібно, поки програма не видасть $2^{10001^{\text{st}}\text{ prime}}$?
+
+# --hints--
+
+`primeGeneratingAutomation()` має повернути `1539669807660924`.
+
+```js
+assert.strictEqual(primeGeneratingAutomation(), 1539669807660924);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeGeneratingAutomation() {
+
+  return true;
+}
+
+primeGeneratingAutomation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-309-integer-ladders.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-309-integer-ladders.md
new file mode 100644
index 0000000000..05777b0649
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-309-integer-ladders.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4a11000cf542c50ffb4
+title: 'Завдання 309: Драбини цілих чисел'
+challengeType: 5
+forumTopicId: 301963
+dashedName: problem-309-integer-ladders
+---
+
+# --description--
+
+У класичній задачі про схрещенні драбини нам дається довжина $x$ і $y$ двох драбин, що лежать на протилежних стінах вузької вулиці. Ми маємо висоту $h$ над вулицею, де драбини перетинаються і повинні визначити ширину вулиці ($w$).
+
+<img class="img-responsive center-block" alt="драбини х і y, перетинаються на висоті h, і спираються на протилежні стіни вулиці ширини w" src="https://cdn.freecodecamp.org/curriculum/project-euler/integer-ladders.gif" style="background-color: white; padding: 10px;" />
+
+Слід враховувати лише випадки, де усі чотири перемінні будуть цілими числами. Наприклад, якщо $x = 70$, $y = 119$ and $h = 30$, можемо визначити, що $w = 56$.
+
+Насправді, для цілих значень $x$, $y$, $h$ і $0 &lt; x &lt; y &lt; 200$, є лише п'ять триплетів ($x$, $y$, $h$), які дають ціле рішення для $w$: (70, 119, 30), (74, 182, 21), (87, 105, 35), (100, 116, 35) і (119, 175, 40).
+
+З цілими значеннями $x$, $y$, $h$ і $0 &lt; x &lt; y &lt; 1\\,000\\,000$, скільки триплетів ($x$, $y$, $h$) дають ціле рішення для $w$?
+
+# --hints--
+
+`integerLadders()` має повернути `210139`.
+
+```js
+assert.strictEqual(integerLadders(), 210139);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function integerLadders() {
+
+  return true;
+}
+
+integerLadders();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-31-coin-sums.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-31-coin-sums.md
new file mode 100644
index 0000000000..4719afef30
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-31-coin-sums.md
@@ -0,0 +1,77 @@
+---
+id: 5900f38b1000cf542c50fe9e
+title: 'Завдання 31: Суми монет'
+challengeType: 5
+forumTopicId: 301965
+dashedName: problem-31-coin-sums
+---
+
+# --description--
+
+В Англії валюта складається з фунтів (£) і пенні (p), а в загальному обігу є вісім монет:
+
+<div style='margin-left: 4em;'>1p, 5p, 5p, 10p, 20p, 50p, £1 (100p) і £2 (200p).</div>
+
+£2 можна скласти наступним чином:
+
+<div style='margin-left: 4em;'>1×£1 + 1×50p + 2×20p + 1×5p + 1×2p + 3×1p</div>
+
+Скількома різними способами можна скласти `n` пенні, використовуючи будь-яку кількість монет?
+
+# --hints--
+
+`coinSums(50)` має повернути число.
+
+```js
+assert(typeof coinSums(50) === 'number');
+```
+
+`coinSums(50)` має повернути число 451.
+
+```js
+assert(coinSums(50) == 451);
+```
+
+`coinSums(100)` має повернути число 4563.
+
+```js
+assert(coinSums(100) == 4563);
+```
+
+`coinSums(150)` має повернути число 21873.
+
+```js
+assert(coinSums(150) == 21873);
+```
+
+`coinSums(200)` має повернути число 73682.
+
+```js
+assert(coinSums(200) == 73682);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function coinSums(n) {
+
+  return n;
+}
+
+coinSums(200);
+```
+
+# --solutions--
+
+```js
+const coinSums = (n) => {
+  const getWays = (n, m=8, c=[1, 2, 5, 10, 20, 50, 100, 200]) => {
+    if (n === 0) return 1;
+    if (m === 0 || n < 0) return 0;
+    return getWays(n - c[m - 1], m, c) + getWays(n, m - 1, c);
+  };
+  return getWays(n);
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-310-nim-square.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-310-nim-square.md
new file mode 100644
index 0000000000..5847bd88b1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-310-nim-square.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4a21000cf542c50ffb5
+title: 'Завдання 310: Нім квадратів'
+challengeType: 5
+forumTopicId: 301966
+dashedName: problem-310-nim-square
+---
+
+# --description--
+
+Аліса і Боб грають у гру "Нім квадратів".
+
+"Нім квадратів" – це те ж саме, що й звичайна гра Нім з трьома купами, але гравці можуть вилучати з купи лише квадратну кількість каменів.
+
+Кількість каменів у трьох купах представлена впорядкованою трійкою ($a$, $b$, $c$).
+
+Якщо $0 ≤ a ≤ b ≤ c ≤ 29$, то кількість програшних позицій для наступного гравця дорівнюватиме 1160.
+
+Знайдіть кількість програшних позицій для наступного гравця, якщо $0 ≤ a ≤ b ≤ c ≤ 100\\,000$.
+
+# --hints--
+
+`nimSquare()` має повертати до `2586528661783`.
+
+```js
+assert.strictEqual(nimSquare(), 2586528661783);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nimSquare() {
+
+  return true;
+}
+
+nimSquare();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.md
new file mode 100644
index 0000000000..72f85edb4b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-311-biclinic-integral-quadrilaterals.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4a31000cf542c50ffb6
+title: 'Задача 311: Біклінічні чотирикутники, сторони яких вимірюються цілими числами'
+challengeType: 5
+forumTopicId: 301967
+dashedName: problem-311-biclinic-integral-quadrilaterals
+---
+
+# --description--
+
+$ABCD$ – це опуклий чотирикутник, сторони якого вимірюються цілими числами, з $1 ≤ AB &lt; BC &lt; CD &lt; AD$.
+
+$BD$ має цілочисельну довжину. $O$ – це центральна точка $BD$. $AO$ має цілочисельну довжину.
+
+Ми назвемо $ABCD$ біклінічним чотирикутником, сторони якого вимірюються цілими числами, якщо $AO = CO ≤ BO = DO$.
+
+Наприклад, наведений нижче чотирикутник є біклінічним чотирикутником, сторони якого вимірюються цілими числами: $AB = 19$, $BC = 29$, $CD = 37$, $AD = 43$, $BD = 48$ і $AO = CO = 23$.
+
+<img class="img-responsive center-block" alt="чотирикутник ABCD з точкою O, яка є центром BD" src="https://cdn.freecodecamp.org/curriculum/project-euler/biclinic-integral-quadrilaterals.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $B(N)$ буде кількістю різних біклінічних чотирикутників $ABCD$, сторони яких вимірюються цілими числами, які задовольняють ${AB}^2 + {BC}^2 + {CD}^2 + {AD}^2 ≤ N$. Ми можемо перевірити, що $B(10\\,000) = 49$ і $B(1\\,000\\,000) = 38239$.
+
+Знайдіть $B(10\\,000\\,000\\,000)$.
+
+# --hints--
+
+`biclinicIntegralQuadrilaterals()` має повертати до `2466018557`.
+
+```js
+assert.strictEqual(biclinicIntegralQuadrilaterals(), 2466018557);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function biclinicIntegralQuadrilaterals() {
+
+  return true;
+}
+
+biclinicIntegralQuadrilaterals();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.md
new file mode 100644
index 0000000000..7929d3a23d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-312-cyclic-paths-on-sierpiski-graphs.md
@@ -0,0 +1,51 @@
+---
+id: 5900f4a51000cf542c50ffb7
+title: 'Задача 312: Циклічні шляхи на графах Серпінського'
+challengeType: 5
+forumTopicId: 301968
+dashedName: problem-312-cyclic-paths-on-sierpiski-graphs
+---
+
+# --description--
+
+- Граф Серпінського порядку-1 ($S_1$) – це рівносторонній трикутник.
+- $S_{n + 1}$ отримується від $S_n$ шляхом розташування трьох копій $S_n$ таким чином, що кожна пара копій має один спільний кут.
+
+<img class="img-responsive center-block" alt="Графи Серпінського від порядку-1 до порядку-5" src="https://cdn.freecodecamp.org/curriculum/project-euler/cyclic-paths-on-sierpinski-graphs-1.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $C(n)$ буде кількістю циклів, які проходять через всі вершини $S_n$ лише один раз. Наприклад, $C(3) = 8$, тому що вісім таких циклів можна змалювати на $S_3$, як це показано нижче:
+
+<img class="img-responsive center-block" alt="вісім циклів, що проходять через усі вершини S_3 лише один раз" src="https://cdn.freecodecamp.org/curriculum/project-euler/cyclic-paths-on-sierpinski-graphs-2.gif" style="background-color: white; padding: 10px;" />
+
+Також можна перевірити, що:
+
+$$\begin{align} & C(1) = C(2) = 1 \\\\ & C(5) = 71\\,328\\,803\\,586\\,048 \\\\ & C(10 000)\bmod {10}^8 = 37\\,652\\,224 \\\\ & C(10 000)\bmod {13}^8 = 617\\,720\\,485 \\\\ \end{align}$$
+
+Знайдіть $C(C(C(10\\,000)))\bmod {13}^8$.
+
+# --hints--
+
+`pathsOnSierpinskiGraphs()` має повертати до `324681947`.
+
+```js
+assert.strictEqual(pathsOnSierpinskiGraphs(), 324681947);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pathsOnSierpinskiGraphs() {
+
+  return true;
+}
+
+pathsOnSierpinskiGraphs();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-313-sliding-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-313-sliding-game.md
new file mode 100644
index 0000000000..0b6f64fd81
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-313-sliding-game.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4a61000cf542c50ffb8
+title: 'Завдання 313: П''ятнашки'
+challengeType: 5
+forumTopicId: 301969
+dashedName: problem-313-sliding-game
+---
+
+# --description--
+
+У цій грі фішки можуть рухатися горизонтально або вертикально, займаючи порожній простір. Мета гри — перемістити червону фішку з лівого верхнього кута сітки в правий нижній кут. На початку гри порожня клітинка завжди в нижньому правому куті. Ось приклад того, як можна завершити гру за п’ять ходів на сітці розміром 2 на 2.
+
+<img class="img-responsive center-block" alt="завершення гри за п’ять ходів на сітці 2х2" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliding-game-1.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $S(m, n)$ означає мінімальну кількість ходів для завершення гри на сітці розміром $m$ на $n$. Наприклад, можна перевірити, що $S(5, 4) = 25$.
+
+<img class="img-responsive center-block" alt="початок і кінець гри на сітці розміром 5х4" src="https://cdn.freecodecamp.org/curriculum/project-euler/sliding-game-2.gif" style="background-color: white; padding: 10px;" />
+
+Існує рівно 5482 сітки, для яких $S(m, n) = p^2$, де $p &lt; 100$ є простим числом.
+
+Скільки сіток створює $S(m, n) = p^2$, де $p &lt; {10}^6$ є простим числом?
+
+# --hints--
+
+`slidingGame()` має повернути `2057774861813004`.
+
+```js
+assert.strictEqual(slidingGame(), 2057774861813004);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function slidingGame() {
+
+  return true;
+}
+
+slidingGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.md
new file mode 100644
index 0000000000..1afce4c84a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-314-the-mouse-on-the-moon.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4a71000cf542c50ffb9
+title: 'Проблема 314: Миша на Місяці'
+challengeType: 5
+forumTopicId: 301970
+dashedName: problem-314-the-mouse-on-the-moon
+---
+
+# --description--
+
+Місяць відкривається, і земля може бути доступна безкоштовно, але є пастка. Вам необхідно побудувати стіну навколо землі, яку ви зазначили, але побудувати стіну на Місяці дорого. Кожній країні виділили 500 м на 500 м квадратної площі, але вона матиме тільки ту площу, яку вони обгороджують. 251001 матеріали розміщувались в прямокутній сітці з інтервалом в 1 метр. Стіна повинна бути закритою низкою прямих ліній, кожен рядок біжить від поста до поста.
+
+Більші країни, звичайно, збудували 2000-метрову стіну, яка обгороджує усі 250 000 $\text{m}^2$ площі. Герцогство Великого Фенвіку, має більш обмежений бюджет, і попросив Вас (їх королівського програміста) обчислити, яку форму отримує максимальний коефіцієнт $\frac{\text{enclosed-area}}{\text{wall-length}}$.
+
+Ви зробили деякі попередні розрахунки на аркуші паперу. Для 2000-метрової стіни, яка обгорожує 250 000 $\tтекст{m}^2$ площу $\frac{\text{enclosed-area}}{\text{wall-length}}$ коефіціент 125.
+
+Хоча і не дозволяється, але щоб отримати ідею, якщо є щось краще: якщо ви поставите коло всередині квадратної площі, яке дотикається до чотирьох сторін, площа дорівнюватиме $π \times {250}^2 \text{m}^2$ і периметр буде $π \times 500 \text{m}$, так що коефіціент $\frac{\text{enclosed-area}}{\text{wall-length}}$ також буде 125.
+
+Однак, якщо ви відрізали з квадрата чотири трикутники із сторонами 75 м, 75 м і $75\sqrt{2}$, загальна площа стає 238750 $\text{m}^2$, а периметр стає $1400 + 300 \sqrt{2} m. Отже, це дає $\frac{\tтекст{enclosed-area}}{\tтекст{wall-length}}$ коефіціент 130.87, що значно краще.
+
+<img class="img-responsive center-block" alt="зображення показує різницю в початковій області між колом і квадратом з вирізанням чотирьох трикутників" src="https://cdn.freecodecamp.org/curriculum/project-euler/the-mouse-on-the-moon.gif" style="background-color: white; padding: 10px;" />
+
+Знайдіть максимальне значення $\frac{\tтекст{enclosed-area}}{\text{wall-length}}$ співвідношення. Дайте відповідь, округлену до 8 знаків за десятковим значенням у формі abc.defghijk.
+
+# --hints--
+
+`theMouseOnTheMoon()` повинен повернути `132.52756426`.
+
+```js
+assert.strictEqual(theMouseOnTheMoon(), 132.52756426);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function theMouseOnTheMoon() {
+
+  return true;
+}
+
+theMouseOnTheMoon();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-315-digital-root-clocks.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-315-digital-root-clocks.md
new file mode 100644
index 0000000000..717cd15b83
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-315-digital-root-clocks.md
@@ -0,0 +1,72 @@
+---
+id: 5900f4a71000cf542c50ffba
+title: 'Проблема 315: Годинники коренів чисел'
+challengeType: 5
+forumTopicId: 301971
+dashedName: problem-315-digital-root-clocks
+---
+
+# --description--
+
+<img class="img-responsive center-block" alt="анімація годинників Сема і Макса, що обчислюють цифрові корені, починаючи з 137" src="https://cdn.freecodecamp.org/curriculum/project-euler/digital-root-clocks.gif" style="background-color: white; padding: 10px;" />
+
+Сему і Максу було запропоновано перетворити два звичайних електронних годинники на два "кореневі" годинники.
+
+Електронний кореневий годинник - це такий, що крок за кроком вираховує корені чисел.
+
+Якщо годиннику дати число, воно спочатку відображається на циферблаті, а потім годинник починає розрахунки, показуючи усі проміжні значення, поки не покаже результат. Наприклад, якщо годиннику дати число 137, він покаже: `137` → `11` → `2`, після чого циферблат стане чорним, доки не введуть нове число.
+
+Кожне число складається з певних світлових елементів: три горизонтальні (верх, середина, низ) і чотири вертикальні (зверху зліва, зверху справа, знизу зліва, знизу справа). Цифра `1` складається з вертикалі зверху справа і знизу справа, цифра `4` складається з горизонталі посередині і вертикалі зверху зліва, зверху справа і знизу справа. У цифрі `8` висвічуються усі елементи.
+
+Годинники споживають енергію лише тоді, коли хоча б деякі елементи ввімкнені. Щоб показати `2` необхідно 5 переходів, а для `7` - лише 4.
+
+Сем і Макс створили два різних годинники.
+
+До годинника Сема ввели наприклад цифру 137: годинник показує `137`, потім циферблат вимикається, і з'являється наступна цифра (`11`), потім циферблат знову вимикається, і показує останню цифру (`2`), яка, через певний час зникає.
+
+Наприклад, для номера 137, годиннику Сема необхідно:
+
+- `137`: $(2 + 5 + 4) × 2 = 22$ переходів (`137` on/off).
+- `11`: $(2 + 2) × 2 = 8$ переходів(`11` on/off).
+- `2`: $(5) × 2 = 10$ переходів (`2` on/off).
+
+Усього 40 переходів.
+
+Годинник Макса працює по-іншому. Замість того, щоб вимикати всю панель, він досить розумний, щоб вимкнути лише ті сегменти, які не будуть потрібні для наступного числа.
+
+Для числа 137, годинник Макса потребує:
+
+- `137` : $2 + 5 + 4 = 11$ переходів (`137` on), $7$ переходів (для того, щоб виключити сегменти, які є непотрібними для числа `11`).
+- `11` : $0$ переходів (число `11` уже ввімкнено правильно), $3$ переходи (виключити першу `1` і нижню частини другого `1`; верхня частина є спільна з числом `2`).
+- `2` : $4$ переходи (увімкнути інші сегменти щоб отримати `2`), $5$ переходів(вимкнути число`2`).
+
+Загалом 30 переходів.
+
+Звичайно, годинник Макса витрачає менше енергії ніж годинник Сема. Два годинники використовують всі прості числа в межах $A = {10}^7$ and $B = 2 × {10}^7$. Знайдіть різницю між загальною кількістю переходів, яка є необхідною для годинника Сема та Макса.
+
+# --hints--
+
+`digitalRootClocks()` має повернути `13625242`.
+
+```js
+assert.strictEqual(digitalRootClocks(), 13625242);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitalRootClocks() {
+
+  return true;
+}
+
+digitalRootClocks();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.md
new file mode 100644
index 0000000000..5d0d725bfc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-316-numbers-in-decimal-expansions.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4a81000cf542c50ffbb
+title: 'Завдання 316: Числа в десяткових розширеннях'
+challengeType: 5
+forumTopicId: 301972
+dashedName: problem-316-numbers-in-decimal-expansions
+---
+
+# --description--
+
+Нехай $p = p_1 p_2 p_3 \ldots$ — це нескінченна послідовність випадкових цифр, вибраних з {0,1,2,3,4,5,6,7,8,9} з однаковою вірогідністю.
+
+Можна побачити, що $p$ відповідає дійсному числу $0.p_1 p_2 p_3 \ldots$.
+
+Також можемо побачити, що вибір випадкового дійсного числа з інтервалу [0,1) є рівними з вибором із нескінченної послідовності випадкових чисел, вибраних з {0,1,2,3,4,5,6,7,8,9} з однаковою вірогідністю.
+
+Для будь-якого додатнього числа $n$ з $d$ десяткових знаків, нехай $k$ буде найменшим індексом, таким же як $p_k, p_{k + 1}, \ldots p_{k + d - 1}$ є десятковими знаками $n$ у такому самому порядку.
+
+Також, нехай $g(n)$ буде очікувано величиною $k$; це можна довести тим, що $g(n)$ — це завжди скінченне і, що цікаво, завжди ціле число.
+
+Наприклад, якщо $n = 535$, то
+
+для $p = 31415926\mathbf{535}897\ldots$, ми отримуємо $k = 9$
+
+для $p = 35528714365004956000049084876408468\mathbf{535}4\ldots$, ми отримуємо $k = 36$
+
+і так далі, і ми знаходимо, що $g(535) = 1008$.
+
+Дано, що $\displaystyle\sum_{n = 2}^{999} g\left(\left\lfloor\frac{{10}^6}{n}\right\rfloor\right) = 27280188$, знайдіть $\displaystyle\sum_{n = 2}^{999\\,999} g\left(\left\lfloor\frac{{10}^{16}}{n}\right\rfloor\right)$.
+
+**Примітка:** $\lfloor x\rfloor$ є функцією підлога.
+
+# --hints--
+
+`numbersInDecimalExpansion()` повинен повертатися як `542934735751917760`.
+
+```js
+assert.strictEqual(numbersInDecimalExpansion(), 542934735751917760);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numbersInDecimalExpansion() {
+
+  return true;
+}
+
+numbersInDecimalExpansion();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-317-firecracker.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-317-firecracker.md
new file mode 100644
index 0000000000..a7518631f3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-317-firecracker.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4aa1000cf542c50ffbc
+title: 'Завдання 317: Петарда'
+challengeType: 5
+forumTopicId: 301973
+dashedName: problem-317-firecracker
+---
+
+# --description--
+
+Петарда вибухає на висоті 100 м над рівнем землі. Вона розпадається на багато маленьких уламків, які рухаються у різних напрямках. Усі вони мають однакову початкову швидкість 20 $\frac{\text{m}}{\text{s}}$.
+
+Припустимо, що осколки рухаються без опору повітря в єдиному гравітаційному полі з $g=9.81 \frac{\text{m}}{\text{s}^2}$.
+
+Знайдіть об'єм (у $\text{m}^3$) простору, через який рухаються уламки, перш ніж досягти землі. Дайте відповідь, округлену до 4 знаків після коми.
+
+# --hints--
+
+`firecracker()` має повернути `1856532.8455`.
+
+```js
+assert.strictEqual(firecracker(), 1856532.8455);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function firecracker() {
+
+  return true;
+}
+
+firecracker();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-318-2011-nines.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-318-2011-nines.md
new file mode 100644
index 0000000000..397705db4a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-318-2011-nines.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4ab1000cf542c50ffbd
+title: 'Проблема 318: дев''ятки 2011'
+challengeType: 5
+forumTopicId: 301974
+dashedName: problem-318-2011-nines
+---
+
+# --description--
+
+Розглянемо дійсне число $\sqrt{2} + \sqrt{3}$.
+
+Коли ми обчислимо парні степені $\sqrt{2} + \sqrt{3}$, ми отримаємо:
+
+$$\begin{align} & {(\sqrt{2} + \sqrt{3})}^2 = 9.898979485566356\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^4 = 97.98979485566356\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^6 = 969.998969071069263\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^8 = 9601.99989585502907\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^{10} = 95049.999989479221\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^{12} = 940897.9999989371855\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^{14} = 9313929.99999989263\ldots \\\\ & {(\sqrt{2} + \sqrt{3})}^{16} = 92198401.99999998915\ldots \\\\ \end{align}$$
+
+Схоже, що кількість послідовних дев'яток на початку дробової частини цих ступенів не зменшується. Насправді, можна довести, що дробова частина ${(\sqrt{2} + \sqrt{3})}^{2n}$ наближається до 1 для великого значення $n$.
+
+Розглянемо всі дійсні числа виду $\sqrt{p} + \sqrt{q}$ з цілими числами $p$ та $q$ та $p & lt; q$, так що дробова частина ${(\sqrt{p}+\sqrt{q})}^{2n}$ наближається до 1 для великих значень $n$.
+
+Нехай $C(p, q, n)$ буде кількістю послідовних дев'яток на початку дробової частини ${(\sqrt{p} + \sqrt {q})}^{2n}$.
+
+Нехай $N(p,q)$ буде мінімальною величиною $n$, так що $C(p,q,n) ≥ 2011$.
+
+Знайдіть $\sum N(p,q)$ for $p + q ≤ 2011$.
+
+# --hints--
+
+`twoThousandElevenNines()` повинен повертатися як `709313889`.
+
+```js
+assert.strictEqual(twoThousandElevenNines(), 709313889);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function twoThousandElevenNines() {
+
+  return true;
+}
+
+twoThousandElevenNines();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-319-bounded-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-319-bounded-sequences.md
new file mode 100644
index 0000000000..4b64062061
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-319-bounded-sequences.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4ab1000cf542c50ffbe
+title: 'Проблема 319: Обмежені послідовності'
+challengeType: 5
+forumTopicId: 301975
+dashedName: problem-319-bounded-sequences
+---
+
+# --description--
+
+Нехай $x_1, x_2, \ldots, x_n$ це послідовність довжини $n$ так, що:
+
+- $x_1 = 2$
+- для усіх $1 &lt; i ≤ n : x_{i - 1} &lt; x_i$
+- для усіх $i$ та $j$ з $1 ≤ i, j ≤ n : {(x_i)}^j &lt; {(x_j + 1)}^i$
+
+Існують лише п'ять таких послідовностей довжини 2, а саме: {2,4}, {2,5}, {2,6}, {2,7} та {2,8}. Існують 293 такі послідовності довжини 5; нижче наведені три приклада: {2,5,11,25,55}, {2,6,14,36,88}, {2,8,22,64,181}.
+
+Нехай $t(n)$ позначає кількість таких послідовностей довжини $n$. Дано, що $t(10) = 86195$ та $t(20) = 5227991891$.
+
+Знайдіть $t({10}^{10})$ та дайте вашу відповідь на модуль $10^9$.
+
+# --hints--
+
+`boundedSequences()` має видати `268457129`.
+
+```js
+assert.strictEqual(boundedSequences(), 268457129);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function boundedSequences() {
+
+  return true;
+}
+
+boundedSequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-32-pandigital-products.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-32-pandigital-products.md
new file mode 100644
index 0000000000..5777414b01
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-32-pandigital-products.md
@@ -0,0 +1,118 @@
+---
+id: 5900f38c1000cf542c50fe9f
+title: 'Завдання 32: Панцифрові добутки'
+challengeType: 5
+forumTopicId: 301976
+dashedName: problem-32-pandigital-products
+---
+
+# --description--
+
+Допустимо, що `n`--цифрове число є панцифровим, якщо у ньому використовуються всі цифри від 1 до `n` лише один раз; наприклад, 5-цифрове число 15234 є панцифровим в проміжку від 1 до 5.
+
+Добуток 7254 є незвичайним, оскільки рівність 39 × 186 = 7254, яка складається з 1-го множника, 2-го множника та добутку, є панцифровою у проміжку від 1 до 9.
+
+Знайдіть суму всіх добутків, рівність 1-го множника / 2-го множника / добутку яких можна представити як панцифрове число в проміжку від 1 до `n`.
+
+**Hint:** Деякі добутки можна отримати більше, ніж одним способом, тому переконайтесь, що ви включили цей добуток в суму лише один раз.
+
+# --hints--
+
+`pandigitalProducts(4)` має повернути число.
+
+```js
+assert(typeof pandigitalProducts(4) === 'number');
+```
+
+`pandigitalProducts(4)` має повернути `12`.
+
+```js
+assert.strictEqual(pandigitalProducts(4), 12);
+```
+
+`pandigitalProducts(6)` має повернути `162`.
+
+```js
+assert.strictEqual(pandigitalProducts(6), 162);
+```
+
+`pandigitalProducts(7)` має повернути `0`.
+
+```js
+assert.strictEqual(pandigitalProducts(7), 0);
+```
+
+`pandigitalProducts(8)` має повернути `13458`.
+
+```js
+assert.strictEqual(pandigitalProducts(8), 13458);
+```
+
+`pandigitalProducts(9)` має повернути `45228`.
+
+```js
+assert.strictEqual(pandigitalProducts(9), 45228);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pandigitalProducts(n) {
+
+  return true;
+}
+
+pandigitalProducts(4);
+```
+
+# --solutions--
+
+```js
+function pandigitalProducts(n) {
+  function is1toNPandigital(n, digitStr) {
+    // check if length is n
+    if (digitStr.length !== n) {
+      return false;
+    }
+    // check if pandigital
+    for (let i = digitStr.length; i > 0; i--) {
+      if (digitStr.indexOf(i.toString()) === -1) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function concatenateNums(...numbers) {
+    let digitStr = '';
+    for (let i = 0; i < numbers.length; i++) {
+      digitStr += numbers[i].toString();
+    }
+    return digitStr;
+  }
+
+  const pandigitalNums = [];
+  const limit = 10 ** Math.floor(n / 2) - 1;
+  let sum = 0;
+  for (let mult1 = 2; mult1 < limit; mult1++) {
+    for (let mult2 = 2; mult2 < limit; mult2++) {
+      const product = mult1 * mult2;
+      const concatenated = concatenateNums(mult1, mult2, product);
+      if (concatenated.length > n) {
+        break;
+      } else if (concatenated.length < n) {
+        continue;
+      }
+      if (
+        is1toNPandigital(n, concatenated) &&
+        !pandigitalNums.includes(product)
+      ) {
+        pandigitalNums.push(product);
+        sum += product;
+      }
+    }
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.md
new file mode 100644
index 0000000000..92bd80e948
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-320-factorials-divisible-by-a-huge-integer.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4ae1000cf542c50ffbf
+title: 'Завдання 320: Факторіали, що діляться на велике ціле число'
+challengeType: 5
+forumTopicId: 301977
+dashedName: problem-320-factorials-divisible-by-a-huge-integer
+---
+
+# --description--
+
+Нехай $N(i)$ буде найменшим цілим числом $n$, таким, що $n!$ ділиться на $(i!)^{1234567890}$
+
+Нехай $S(u) = \sum N(i)$ для $10 ≤ i ≤ u$.
+
+$S(1000)=614\\,538\\,266\\,565\\,663$.
+
+Знайдіть $S(1\\,000\\,000)\bmod {10}^{18}$.
+
+# --hints--
+
+`divisibleByHugeInteger()` має повернути `278157919195482660`.
+
+```js
+assert.strictEqual(divisibleByHugeInteger(), 278157919195482660);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function divisibleByHugeInteger() {
+
+  return true;
+}
+
+divisibleByHugeInteger();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-321-swapping-counters.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-321-swapping-counters.md
new file mode 100644
index 0000000000..5003ec1d02
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-321-swapping-counters.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4ae1000cf542c50ffc0
+title: 'Завдання 321: Заміна фішок'
+challengeType: 5
+forumTopicId: 301978
+dashedName: problem-321-swapping-counters
+---
+
+# --description--
+
+Горизонтальний ряд, що складається з $2n + 1$ квадратів, має $n$ червоних фішок, розміщених в одному кінці, та $n$ синіх фішок у іншому кінці, котрі розмежовані пустим квадратом у центрі. Наприклад, якщо $n = 3$.
+
+<img class="img-responsive center-block" alt="три квадрати з червоними та синіми фішками розміщені у протилежних кінцях ряду й розділені одним пустим квадратом" src="https://cdn.freecodecamp.org/curriculum/project-euler/swapping-counters-1.gif" style="background-color: white; padding: 10px;" />
+
+Фішка може рухатися з одного квадрата до іншого (зміщення), чи може перестрибнути через іншу фішку, якщо квадрат біля фішки не зайнятий.
+
+<img class="img-responsive center-block" alt="дозволені рухи фішок" src="https://cdn.freecodecamp.org/curriculum/project-euler/swapping-counters-2.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $M(n)$ відображає мінімальну кількість рухів/дій, потрібних для цілковитої зміни позицій кольорових фішок; це все, перемістіть усі червоні фішки праворуч та усі сині — ліворуч.
+
+Може бути підтверджено, що $M(3) = 15$, яке є трикутним числом.
+
+Якщо ми створимо послідовність, що базується на значеннях n, де $M(n)$ є трикутним числом, тоді першими п'ятьма значеннями будуть: 1, 3, 10, 22 та 63, а їхня сума дорівнюватиме 99.
+
+Знайдіть суму перших сорока значень послідовності.
+
+# --hints--
+
+`swappingCounters()` має повернути `2470433131948040`.
+
+```js
+assert.strictEqual(swappingCounters(), 2470433131948040);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function swappingCounters() {
+
+  return true;
+}
+
+swappingCounters();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.md
new file mode 100644
index 0000000000..08f8ff8418
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-322-binomial-coefficients-divisible-by-10.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4af1000cf542c50ffc1
+title: 'Завдання 322: Біноміальні коефіцієнти, що діляться на 10'
+challengeType: 5
+forumTopicId: 301979
+dashedName: problem-322-binomial-coefficients-divisible-by-10
+---
+
+# --description--
+
+Нехай $T(m, n)$ буде кількістю біномінальних коефіцієнтів ${}^iC_n$, які діляться на 10 при $n ≤ i &lt; m$ ($i$, $m$ та $n$ натуральні числа).
+
+Дано, що $T({10}^9, {10}^7 - 10) = 989\\,697\\,000$.
+
+Знайдіть $T({10}^{18}, {10}^{12} - 10)$.
+
+# --hints--
+
+`binomialCoefficientsDivisibleBy10()` має повернути `999998760323314000`.
+
+```js
+assert.strictEqual(binomialCoefficientsDivisibleBy10(), 999998760323314000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function binomialCoefficientsDivisibleBy10() {
+
+  return true;
+}
+
+binomialCoefficientsDivisibleBy10();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.md
new file mode 100644
index 0000000000..48f4d21558
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-323-bitwise-or-operations-on-random-integers.md
@@ -0,0 +1,49 @@
+---
+id: 5900f4b01000cf542c50ffc2
+title: 'Завдання 323: Бітові операції над випадковими цілими числами'
+challengeType: 5
+forumTopicId: 301980
+dashedName: problem-323-bitwise-or-operations-on-random-integers
+---
+
+# --description--
+
+Нехай $y_0, y_1, y_2, \ldots$ – це послідовність випадково непідписаних 32-бітних цілих чисел
+
+(тобто $0 ≤ y_i &lt; 2^{32}$, кожне значення рівноможливе).
+
+Для послідовності $x_i$ надано наступну рекурсію:
+
+- $x_0 = 0$ і
+- $x_i = x_{i - 1} \mathbf{|} y_{i - 1}$, для $i > 0$. ($\mathbf{|}$ – це оператори бітових операцій)
+
+Бачимо, що зрештою в нас буде такий індекс $N$, що $x_i = 2^{32} - 1$ (бітовий шаблон для всіх одиниць) для всіх $i ≥ N$.
+
+Знайдіть очікуване значення $N$. Округліть відповідь до 10 цифр після коми.
+
+# --hints--
+
+`bitwiseOrOnRandomIntegers()` має повернути до `6.3551758451`.
+
+```js
+assert.strictEqual(bitwiseOrOnRandomIntegers(), 6.3551758451);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bitwiseOrOnRandomIntegers() {
+
+  return true;
+}
+
+bitwiseOrOnRandomIntegers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-324-building-a-tower.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-324-building-a-tower.md
new file mode 100644
index 0000000000..e80c325c89
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-324-building-a-tower.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4b11000cf542c50ffc3
+title: 'Завдання 324: Побудова вежі'
+challengeType: 5
+forumTopicId: 301981
+dashedName: problem-324-building-a-tower
+---
+
+# --description--
+
+Нехай $f(n)$ представляє кількість способів, як можна заповнити вежу $3×3×n$ блоками $2×1×1$. Дозволяється обертати блоки будь-яким чином; однак повороти, віддзеркалення самої вежі тощо вважаються різними.
+
+Наприклад, (з $q = 100\\,000\\,007$):
+
+$$\begin{align} & f(2) = 229, \\\\ & f(4) = 117\\,805, \\\\ & f(10)\bmod q = 96\\,149\\,360, \\\\ & f({10}^3)\bmod q = 24\\,806\\,056, \\\\ & f({10}^6)\bmod q = 30\\,808\\,124. \end{align}$$
+
+Знайдіть $f({10}^{10000})\bmod 100\\,000\\,007$.
+
+# --hints--
+
+`buildingTower()` має повернути `96972774`.
+
+```js
+assert.strictEqual(buildingTower(), 96972774);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function buildingTower() {
+
+  return true;
+}
+
+buildingTower();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-325-stone-game-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-325-stone-game-ii.md
new file mode 100644
index 0000000000..356c0a6cdc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-325-stone-game-ii.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4b11000cf542c50ffc4
+title: 'Завдання 325: Гра в камені II'
+challengeType: 5
+forumTopicId: 301982
+dashedName: problem-325-stone-game-ii
+---
+
+# --description--
+
+Для гри необхідно три купи камінців та два гравці. На кожному ході гравець видаляє кілька каменів із купи. Кількість видалень каміння має бути додатним і кратним кількості камінців в меншій купі.
+
+Наприклад, нехай введена пара (6,14) означає, що в меншій купі 6 каменів, а в більшій – 14, тоді перший гравець може видалити 6 або 12 каменів з більшої кулі.
+
+Гравець, що забере всі камені з купи – перемагає.
+
+Виграшною конфігурацією є та, де перший гравець може виграти. Наприклад, (1,5), (2,6) і (3,12) виграшні конфігурації, тому що перший гравець одразу прибирає всі камені у другій купі.
+
+Програшною є конфігурація, коли другий гравець може виграти, незалежно від того, що робить перший гравець. Наприклад, (2,3) і (3,4) програшні конфігурації: будь-який хід залишає можливість виграти для другого гравця.
+
+Визначте $S(N)$ як суму ($x_i + y_i$) для усіх програшних конфігурацій ($x_i$, $y_i$), $0 &lt; x_i &lt; y_i ≤ N$. Ми можемо перевірити, що $S(10) = 211$ та $S({10}^4) = 230\\,312\\,207\\,313$.
+
+Знайдіть $S({10}^{16})\bmod 7^{10}$.
+
+# --hints--
+
+`stoneGameTwo()` має повернути `54672965`.
+
+```js
+assert.strictEqual(stoneGameTwo(), 54672965);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stoneGameTwo() {
+
+  return true;
+}
+
+stoneGameTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-326-modulo-summations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-326-modulo-summations.md
new file mode 100644
index 0000000000..2c6f98d909
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-326-modulo-summations.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4b21000cf542c50ffc5
+title: 'Завдання 326: Суми модулів'
+challengeType: 5
+forumTopicId: 301983
+dashedName: problem-326-modulo-summations
+---
+
+# --description--
+
+Нехай an – це послідовність, рекурсивно визначена за допомогою: $a_1 = 1$, $\displaystyle a_n = \left(\sum_{k = 1}^{n - 1} k \times a_k\right)\bmod n$.
+
+Тож першими 10 елементами $a_n$ є: 1, 1, 0, 3, 0, 3, 5, 4, 1, 9.
+
+Нехай $f(N, M)$ представляє кількість пар $(p, q)$, таких, що:
+
+$$ 1 \le p \le q \le N \\; \text{and} \\; \left(\sum_{i = p}^q a_i\right)\bmod M = 0$$
+
+Можна помітити, що $f(10, 10) = 4$ з парами (3,3), (5,5), (7,9) і (9,10).
+
+Також дано, що $f({10}^4, {10}^3) = 97\\,158$.
+
+Знайдіть $f({10}^{12}, {10}^6)$.
+
+# --hints--
+
+`moduloSummations()` має повернути `1966666166408794400`.
+
+```js
+assert.strictEqual(moduloSummations(), 1966666166408794400);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function moduloSummations() {
+
+  return true;
+}
+
+moduloSummations();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-327-rooms-of-doom.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-327-rooms-of-doom.md
new file mode 100644
index 0000000000..da8f245bc3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-327-rooms-of-doom.md
@@ -0,0 +1,62 @@
+---
+id: 5900f4b31000cf542c50ffc6
+title: 'Завдання 327: Кімнати Страху'
+challengeType: 5
+forumTopicId: 301984
+dashedName: problem-327-rooms-of-doom
+---
+
+# --description--
+
+Три кімнати поєднані між собою автоматичними дверима.
+
+<img class="img-responsive center-block" alt="три кімнати, поєднані між собою автоматичними дверима" src="https://cdn.freecodecamp.org/curriculum/project-euler/rooms-of-doom.gif" style="background-color: white; padding: 10px;" />
+
+Кожні двері керуються карткою доступу. Щойно ви заходите в кімнату, двері автоматично зачиняються, і картка доступу не може бути використана знову. На старті автомат видає необмежену кількість карт, але в кожній кімнаті (включаючи стартову кімнату) є сканери. Якщо вони виявляють, що ви маєте більш ніж три картки, або якщо сканери помітять картку доступу на підлозі, всі двері зачиняться назавжди. Проте, у кожній кімнаті містяться поля, де можна безпечно зберігати будь-яку кількість карт безпеки, що можуть бути використані пізніше.
+
+Якби ви спробували пройти всі кімнати по черзі, то, увійшовши в кімнату 3, ви б використали усі три картки і опинилися б у пастці назавжди!
+
+Однак, якщо ви будете використовувати коробки для зберігання, то втеча буде можливою. Наприклад, ви можете увійти в кімнату 1, використовуючи першу карту, розмістити одну картку в коробці для зберігання та використати вашу третю картку для того, щоб вийти з кімнати на старт. Потім, після того, як візьмете ще три картки з автомату, ви зможете використати одну для входу в кімнату 1 і забрати картку, яку ви поклали в поле зберігання кілька хвилин тому. Тепер у вас знову є три картки і ви зможете пройти крізь наступні двері. Цей спосіб дозволяє вам пройти всі три кімнати, використавши шість карток доступу.
+
+Можна пройти 6 кімнат, використавши загалом 123 картки безпеки, при тому, що при собі можна мати максимум 3.
+
+Нехай $C$ буде максимальною кількістю карт, що можна мати при собі в будь-який час.
+
+Нехай $R$ буде кількістю кімнат, через які потрібно пройти.
+
+Нехай $M(C, R)$ буде мінімальною кількістю карток, що необхідно взяти в автоматі, щоб пройти $R$ кімнат, при можливості мати при собі $C$ карток.
+
+Наприклад, $M(3, 6) = 123$ та $M(4, 6) = 23$.
+
+І $\sum M(C, 6) = 146$ за $3 ≤ C ≤ 4$.
+
+Бачите, що $\sum M(C, 10) = 10382$ за $3 ≤ C ≤ 10$.
+
+Знайдіть $\sum M(C, 30)$ за $3 і ≤ C ≤ 40$.
+
+# --hints--
+
+`roomsOfDoom()` має повернути `34315549139516`.
+
+```js
+assert.strictEqual(roomsOfDoom(), 34315549139516);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function roomsOfDoom() {
+
+  return true;
+}
+
+roomsOfDoom();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-328-lowest-cost-search.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-328-lowest-cost-search.md
new file mode 100644
index 0000000000..1ab0eb993d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-328-lowest-cost-search.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4b41000cf542c50ffc7
+title: 'Завдання 328: Найменш затратний пошук'
+challengeType: 5
+forumTopicId: 301985
+dashedName: problem-328-lowest-cost-search
+---
+
+# --description--
+
+Ставлячи питання, ми намагаємося знайти прихований номер, вибраний із множини цілих чисел {1, 2, ..., $n$}. Кожне число (питання) яке ми запитуємо, має <u>вартість відповідну до поставленого питання</u> і ми отримуємо одну з трьох можливих відповідей:
+
+- "Ваше припущення менше, ніж приховане число", або
+- "Так, це воно!" або
+- "Ваше припущення більше за приховане число".
+
+Зважаючи на значення $n$, оптимальна стратегія мінімізує загальні витрати (наприклад, сума всіх поставлених запитань) <u>для найгіршого можливого випадку</u>. Наприклад:
+
+Якщо $n = 3$, то, очевидно, найкраще, що ми можемо зробити, це запитати число "<strong>2</strong>". Відповідь одразу приведе нас до прихованого числа (загальні витрати = 2).
+
+Якщо $n = 8$, ми можемо використати стратегію "двійкового пошуку": нашим першим питанням буде "<strong>4</strong>", і якщо приховане число перевищує 4, нам знадобиться одне або два додаткових запитання. Нехай наше друге питання буде "<strong>6</strong>". Якщо приховане число все ще вище, ніж 6, нам знадобиться третє питання, щоб вирішити між 7 і 8. Таким чином наше третє питання буде "<strong>7</strong>" і загальна вартість, у найгіршому випадку буде $4 + 6 + 7 = \mathbf{\color{red}{17}$.
+
+Ми можемо значно поліпшити найгіршу ціну за $n = 8$, запитуючи спершу "<strong>5</strong>". Якщо нам кажуть, що приховане число вище, ніж 5, наше друге запитання буде "<strong>7</strong>", тоді ми дізнаємося, яким буде приховане число (для загальної вартості $5 + 7 = \mathbf{\color{blue}{12}}$). Якщо нам кажуть, що приховане число менше за 5, наше друге запитання буде "<strong>3</strong>", і якщо приховане число буде менше, то третє питання буде "<strong>1</strong>", в результаті ми отримуємо загальну вартість $5 + 3 = \mathbf{\color{blue}{9}}$. Оскільки $\mathbf{\color{blue}{12 > 9}}$, то найвища ціна у цій стратегії - <strong><span style="color: red;">12</span></strong>. Це краще, ніж те, чого ми раніше досягли зі стратегією "двійкового пошуку", це також краще або дорівнює будь-якій іншій стратегії. Таким чином ми щойно описали оптимальну стратегію для $n = 8$.
+
+Нехай $C(n)$ буде найгіршою вартістю, досягнутою оптимальною стратегією для $n$, як описано вище. Таким чином $C(1) = 0$, $C(2) = 1$, $C(3) = 2$ та $C(8) = 12$.
+
+Аналогічно, $C(100) = 400$ і $\displaystyle\sum_{n = 1}^{100} C(n) = 17575$.
+
+Знайдіть $\displaystyle\sum_{n = 1}^{200\\,000} C(n)$.
+
+# --hints--
+
+`lowestCostSearch()` має повернути `260511850222`.
+
+```js
+assert.strictEqual(lowestCostSearch(), 260511850222);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lowestCostSearch() {
+
+  return true;
+}
+
+lowestCostSearch();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-329-prime-frog.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-329-prime-frog.md
new file mode 100644
index 0000000000..c3e1efdf7c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-329-prime-frog.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4b51000cf542c50ffc8
+title: 'Завдання 329: Проста жаба'
+challengeType: 5
+forumTopicId: 301986
+dashedName: problem-329-prime-frog
+---
+
+# --description--
+
+У Сьюзен є проста жаба.
+
+Її жаба стрибає по 500 квадратам, пронумерованим від 1 до 500.
+
+Вона може стрибнути лише на один квадрат ліворуч або праворуч з однаковою ймовірністю і не може вистрибнути з діапазону [1;500]. (якщо вона опиниться на будь-якому з кінців, то автоматично перестрибне на єдиний доступний квадрат після цього.)
+
+Якщо вона знаходиться на квадраті з простим числом, вона квакає "П" (ПРОСТИЙ) з імовірністю $\frac{2}{3}$ або "Н" (НЕПРОСТИЙ) з імовірністю $\frac{1}{3}$ перед тим, як перестрибнути на наступний квадрат. Коли вона опиняється на квадраті з числом, яке не є простим, вона квакає "П" з імовірністю $\frac{1}{3}$ або "Н" з імовірністю $\frac{2}{3}$ перед тим, як перестрибнути на наступний квадрат.
+
+Припустимо, що початкова позиція жаби випадкова з однаковою ймовірністю для кожного квадрату, і що Сьюзен слухає перші 15 її квакань. Якою є ймовірність того, що вона почує таку послідовність: ППППННПППНППНПН?
+
+Надайте відповідь у формі рядка дробу `p/q` у скороченій формі.
+
+# --hints--
+
+`primeFrog()` повинне видати рядок.
+
+```js
+assert(typeof primeFrog() === 'string');
+```
+
+`primeFrog()` повинне видати рядок `199740353/29386561536000`.
+
+```js
+assert.strictEqual(primeFrog(), '199740353/29386561536000');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeFrog() {
+
+  return true;
+}
+
+primeFrog();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.md
new file mode 100644
index 0000000000..4b2b37c0c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-33-digit-cancelling-fractions.md
@@ -0,0 +1,102 @@
+---
+id: 5900f38d1000cf542c50fea0
+title: 'Завдання 33: Числове скорочення дробів'
+challengeType: 5
+forumTopicId: 301987
+dashedName: problem-33-digit-cancelling-fractions
+---
+
+# --description--
+
+Дріб <sup>49</sup>/<sub>98</sub> - це цікавий дріб, оскільки недосвідчений математик, намагаючись скоротити його, може помилково подумати, що <sup>49</sup>/<sub>98</sub> = <sup>4</sup>/<sub>8</sub>, що є істиною, отримано за рахунок викреслення числа 9.
+
+Ми будемо вважати такі дроби як <sup>30</sup>/<sub>50</sub> = <sup>3</sup>/<sub>5</sub> тривіальними прикладами.
+
+Існує рівно чотири нетривіальні приклади дробу цього типу, які за значенням дорівнюють менше одиниці, і містять два числа в чисельнику і знаменнику.
+
+Знайдіть значення знаменника, якщо добуток цих чотирьох дробів подано у вигляді найменшого спільного знаменника.
+
+# --hints--
+
+`digitCancellingFractions()` має повернути число.
+
+```js
+assert(typeof digitCancellingFractions() === 'number');
+```
+
+`digitCancellingFractions()` має повернути число 100.
+
+```js
+assert.strictEqual(digitCancellingFractions(), 100);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitCancellingFractions() {
+
+  return true;
+}
+
+digitCancellingFractions();
+```
+
+# --solutions--
+
+```js
+function digitCancellingFractions() {
+  function isCurious(numerator, denominator) {
+    const fraction = numerator / denominator;
+    const numString = numerator.toString();
+    const denString = denominator.toString();
+
+    if (numString[1] === '0' && denString[1] === '0') {
+      // trivial
+      return false;
+    }
+    for (let i = 0; i < 2; i++) {
+      for (let j = 0; j < 2; j++) {
+        if (numString[i] === denString[j]) {
+          const newNum = parseInt(numString[1 - i], 10);
+          const newDen = parseInt(denString[1 - j], 10);
+          if (newNum / newDen === fraction) {
+            return true;
+          }
+        }
+      }
+    }
+    return false;
+  }
+  function findLargestDivisor(a, b) {
+    let gcd = a > b ? b : a;
+    while (gcd > 1) {
+      if (a % gcd === 0 && b % gcd === 0) {
+        return gcd;
+      }
+      gcd--;
+    }
+    return gcd;
+  }
+
+  function simplifyFraction(numerator, denominator) {
+    const divisor = findLargestDivisor(numerator, denominator);
+    return [numerator / divisor, denominator / divisor];
+  }
+
+  let multipleNumerator = 1;
+  let multipleDenominator = 1;
+
+  for (let denominator = 11; denominator < 100; denominator++) {
+    for (let numerator = 10; numerator < denominator; numerator++) {
+      if (isCurious(numerator, denominator)) {
+        multipleNumerator *= numerator;
+        multipleDenominator *= denominator;
+      }
+    }
+  }
+
+  return simplifyFraction(multipleNumerator, multipleDenominator)[1];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-330-eulers-number.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
new file mode 100644
index 0000000000..6df0d4bb6d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-330-eulers-number.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4b71000cf542c50ffc9
+title: 'Завдання 330: Число Ейлера'
+challengeType: 5
+forumTopicId: 301988
+dashedName: problem-330-eulers-number
+---
+
+# --description--
+
+Нескінченна послідовність дійсних чисел $a(n)$ визначається для усіх цілих чисел $n$ наступним чином:
+
+$$ a(n) = \begin{cases} 1                                                       & n < 0 \\\\ \displaystyle \sum_{i = 1}^{\infty} \frac{a(n - 1)}{i!} & n \ge 0 \end{cases} $$
+
+Наприклад,
+
+$$\begin{align} & a(0) = \frac{1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = e − 1 \\\\ & a(1) = \frac{e − 1}{1!} + \frac{1}{2!} + \frac{1}{3!} + \ldots = 2e − 3 \\\\ & a(2) = \frac{2e − 3}{1!} + \frac{e − 1}{2!} + \frac{1}{3!} + \ldots = \frac{7}{2} e − 6 \end{align}$$
+
+де $e = 2.7182818\ldots$ — число Ейлера.
+
+Може бути показано, що $a(n)$ має форму $\displaystyle\frac{A(n)e + B(n)}{n!}$ для цілих чисел $A(n)$ та $B(n)$.
+
+Наприклад, $\displaystyle a(10) = \frac{328161643e − 652694486}{10!}$.
+
+Знайдіть $A({10}^9)$ + $B({10}^9)$ та дайте свою відповідь $\bmod 77\\,777\\,777$.
+
+# --hints--
+
+`eulersNumber()` повинне видати `15955822`.
+
+```js
+assert.strictEqual(eulersNumber(), 15955822);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eulersNumber() {
+
+  return true;
+}
+
+eulersNumber();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-332-spherical-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-332-spherical-triangles.md
new file mode 100644
index 0000000000..69719d3532
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-332-spherical-triangles.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4b91000cf542c50ffcb
+title: 'Задача 332: сферичні трикутники'
+challengeType: 5
+forumTopicId: 301990
+dashedName: problem-332-spherical-triangles
+---
+
+# --description--
+
+Сферичний трикутник - це фігура, утворена на поверхні сфери трьома великими круговими дугами, що попарно перетинаються у трьох вершинах.
+
+<img class="img-responsive center-block" alt="сферичний трикутник, утворений на поверхні сфери" src="https://cdn.freecodecamp.org/curriculum/project-euler/spherical-triangles.jpg" style="background-color: white; padding: 10px;" />
+
+Нехай $C(r)$ буде сферою з центром (0,0,0) і радіусом $r$.
+
+Нехай $Z(r)$ буде набором точок на поверхні $C(r)$ з цілими координатами.
+
+Нехай $T(r)$ буде набором сферичних трикутників з вершинами в $Z(r)$. Вироджені сферичні трикутники, утворені трьома точками на одній великій дузі, є <u>не</u>включені до $T(r)$.
+
+Нехай $A(r)$ буде площею найменшого сферичного трикутника в $T(r)$.
+
+Наприклад $A(14)$ є 3.294040, округлений до шести десяткових знаків.
+
+Знайдіть$\displaystyle \sum_{r = 1}^{50} A(r)$. Округліть відповідь до шести десяткових знаків.
+
+# --hints--
+
+`sphericalTriangles()`повинен повертатися як `2717.751525`.
+
+```js
+assert.strictEqual(sphericalTriangles(), 2717.751525);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sphericalTriangles() {
+
+  return true;
+}
+
+sphericalTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-333-special-partitions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-333-special-partitions.md
new file mode 100644
index 0000000000..ed123b66ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-333-special-partitions.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4b91000cf542c50ffcc
+title: 'Задача 333: Спеціальні ділення'
+challengeType: 5
+forumTopicId: 301991
+dashedName: problem-333-special-partitions
+---
+
+# --description--
+
+Усі додатні цілі числа можна поділити способом, коли кожна частинка розподілу виражається як $2^i \times 3^j$, де $i, j ≥ 0$.
+
+Давайте розглянемо лише випадки ділення, коли жодна зі складових не може поділити інші складові. До прикладу, поділ $17 = 2 + 6 + 9 = (2^1 \times 3^0 + 2^1 \times 3^1 + 2^0 \times 3^2)$ не був би допустимим, оскільки 6 ділиться на 2. Не допустимий й поділ $17 = 16 + 1 = (2^4 \times 3^0 + 2^0 \times 3^0)$, оскільки 16 ділиться на 1. Єдиним правильним поділом 17 є $8 + 9 = (2^3 \times 3^0 + 2^0 \times 3^2)$.
+
+Для багатьох цілих чисел існує декілька варіантів допустимого поділу, починаючи з 11, котре має два шляхи ділення.
+
+$$\begin{align} & 11 = 2 + 9 = (2^1 \times 3^0 + 2^0 \times 3^2) \\\\ & 11 = 8 + 3 = (2^3 \times 3^0 + 2^0 \times 3^1) \end{align}$$
+
+Визначимо $P(n)$ як сукупність правильних поділів $n$. Наприклад, $P(11) = 2$.
+
+Розглянемо лише прості числа $q$, для яких буде можливим лише один допустимий поділ, як-от $P(17)$.
+
+Сума простих чисел $q &lt;100$, таких як $P(q) = 1$ дорівнює 233.
+
+Знайдіть суму простих чисел $q &lt; 1\\,000\\,000$ якщо $P(q) = 1$.
+
+# --hints--
+
+`specialPartitions()` повинен вивести `3053105`.
+
+```js
+assert.strictEqual(specialPartitions(), 3053105);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function specialPartitions() {
+
+  return true;
+}
+
+specialPartitions();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-334-spilling-the-beans.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-334-spilling-the-beans.md
new file mode 100644
index 0000000000..67080923b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-334-spilling-the-beans.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4ba1000cf542c50ffcd
+title: 'Задача 334: Розсипання бобів (Spilling the beans)'
+challengeType: 5
+forumTopicId: 301992
+dashedName: problem-334-spilling-the-beans
+---
+
+# --description--
+
+У Раю Платона існує нескінченна кількість мисок, що стоять в одну пряму лінію. У кожній мисці є чи немає певної скінченної кількості бобів. Дитина грає у гру, де можна ходити лише одним способом: забрати два боби з будь-якої миски, і покласти по одному у сусідні миски. Гра закінчується, коли у кожній мисці є хоча б один або нема жодного боба.
+
+Наприклад, у двох сусідніх мисках лежить, відповідно, 2 і 3 боби, а усі інші миски пусті. Наступні 8 кроків завершать гру:
+
+<img class="img-responsive center-block" alt="анімація гри, коли у двох сусідніх мисках є, відповідно, 2 і 3 боби" src="https://cdn.freecodecamp.org/curriculum/project-euler/spilling-the-beans.gif" style="background-color: white; padding: 10px;" />
+
+Вам надано наступні послідовності:
+
+$$\begin{align} & t_0 = 123456, \\\\ & t_i = \begin{cases} \frac{t_{i - 1}}{2},               & \text{if $t_{i - 1}$ is even} \\\\ \left\lfloor\frac{t_{i - 1}}{2}\right\rfloor \oplus 926252, & \text{if $t_{i - 1}$ is odd} \end{cases} \\\\ & \qquad \text{where $⌊x⌋$ is the floor function and $\oplus$ is the bitwise XOR operator.} \\\\ & b_i = (t_i\bmod 2^{11}) + 1. \end{align}$$
+
+Перші дві умови останньої послідовності: $b_1 = 289$ and $b_2 = 145$. Якщо б ми почали з $b_1$ і $b_2$ бобів у двох сусідніх мисках, то нам потрібно було б 3419100 кроків, щоб завершити гру.
+
+Тепер розглянемо, якщо у нас 1500 сусідніх мисок, у яких $b_1, b_2, \ldots, b_{1500}$ бобів, відповідно, а усі інші миски пусті. Визначте, скільки кроків знадобиться, щоб закінчити гру.
+
+# --hints--
+
+`spillingTheBeans()` має повернути `150320021261690850`.
+
+```js
+assert.strictEqual(spillingTheBeans(), 150320021261690850);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spillingTheBeans() {
+
+  return true;
+}
+
+spillingTheBeans();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-335-gathering-the-beans.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-335-gathering-the-beans.md
new file mode 100644
index 0000000000..5d418145a7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-335-gathering-the-beans.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4bd1000cf542c50ffce
+title: 'Задача 335: Збір бобів'
+challengeType: 5
+forumTopicId: 301993
+dashedName: problem-335-gathering-the-beans
+---
+
+# --description--
+
+Кожен раз коли Пітеру стає нудно, він розставляє по колу кілька мисок, в кожній з яких знаходиться по одній квасолині. Після цього він дістає всі боби з певної миски та опускає їх по одному в миски, рухаючись за годинниковою стрілкою. Він повторює ці рухи, починаючи з миски, в яку впустив останню квасолинку, поки початкове положення не виникне знову. Наприклад, з 5 мисками він взаємодіє таким чином:
+
+<img class="img-responsive center-block" alt="анімація переміщення бобів в 5 мисках" src="https://cdn.freecodecamp.org/curriculum/project-euler/gathering-the-beans.gif" style="background-color: white; padding: 10px;" />
+
+Таким чином, при 5 чашах Пітеру потрібно 15 ходів, щоб повернутися до вихідної ситуації.
+
+Нехай $M(x)$ є кількістю ходів, необхідних для повернення до вихідної ситуації, починаючи з чаш $x$. Таким чином, $M(5) = 15$. Можна також підтвердити, що $M(100) = 10920$.
+
+Знайдіть $\displaystyle\sum_{k = 0}^{{10}^{18}} M(2^k + 1)$. Дайте відповідь по модулю $7^9$.
+
+# --hints--
+
+`gatheringTheBeans()` має повертати `5032316`.
+
+```js
+assert.strictEqual(gatheringTheBeans(), 5032316);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gatheringTheBeans() {
+
+  return true;
+}
+
+gatheringTheBeans();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-336-maximix-arrangements.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-336-maximix-arrangements.md
new file mode 100644
index 0000000000..86fbb6f868
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-336-maximix-arrangements.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4bd1000cf542c50ffcf
+title: 'Задача 336: Послідовність Максімікс (Maximix Arrangements)'
+challengeType: 5
+forumTopicId: 301994
+dashedName: problem-336-maximix-arrangements
+---
+
+# --description--
+
+Потяг возить чотири вагони, у порядку: $ABCD$. Проте, інколи, коли потяг прибуває, щоб причепити вагони, вони стоять у неправильному порядку.
+
+Щоб переставити вагони, їх усі ставлять на велике коло, що обертається. Після того, як вагони роз'єднуються у певний момент, потяг рухається з кола разом с вагонами, що до нього приєднані. Вагони, що залишилися, розвертаються на 180°. Після цього, усі вагони з'єднуються, і цей процес повторюється стільки разів, скільки необхідно для того, щоб отримати найменшу кількість обертів кола.
+
+Деякі послідовності, як $ADCB$, можуть легко бути вирішені: вагони роз'єднуються між $A$ і $D$, а після того, як $DCB$ повертається, досягнуто правильну послідовність.
+
+Проте, Саймон Простачок, водій потяга, не надто відомий своєю кмітливістю, завжди вирішує цю проблему, спочатку виставляючи вагон $A$ на правильну позицію, потім вагон $B$, і так далі.
+
+Якщо взяти 4 вагони, найгірші можливі варіації для Саймона, які ми назвемо послідовностями Максімікс, це $DACB$ і $DBAC$; кожна з яких вимагатиме від нього 5 обертів (хоча, якби використовувати найбільш оптимальний підхід, їх можна було б вирішити лише за 3 оберти). Нижче наведено те, як він вирішуватиме $DACB$.
+
+<img class="img-responsive center-block" alt="5 обертів для послідовності максімікс DACB" src="https://cdn.freecodecamp.org/curriculum/project-euler/maximix-arrangements.gif" style="background-color: white; padding: 10px;" />
+
+Можна визначити, що існує 24 послідовності максімікс для 6-ти вагонів, з яких десята лексикографічна послідовність - це $DFAECB$.
+
+Знайдіть лексикографічну послідовність максімікс ${2011}^{\text{th}}$ для 11 вагонів.
+
+# --hints--
+
+`maximixArrangements()` має повернути рядок.
+
+```js
+assert(typeof maximixArrangements() === 'string');
+```
+
+`maximixArrangements()` має повернути рядок `CAGBIHEFJDK`.
+
+```js
+assert.strictEqual(maximixArrangements(), 'CAGBIHEFJDK');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximixArrangements() {
+
+  return true;
+}
+
+maximixArrangements();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.md
new file mode 100644
index 0000000000..f098dae594
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-337-totient-stairstep-sequences.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4be1000cf542c50ffd0
+title: 'Задача 337: ступінчасті послідовності Ейлера'
+challengeType: 5
+forumTopicId: 301995
+dashedName: problem-337-totient-stairstep-sequences
+---
+
+# --description--
+
+Нехай $\\{a_1, a_2, \ldots, a_n\\}$ буде послідовністю цілих чисел довжиною $n$ такою, що:
+
+- $a_1 = 6$
+- для всіх $1 ≤ i &lt; n$ : $φ(a_i) &lt; φ(a_{i + 1}) &lt; a_i &lt; a_{i + 1}$
+
+$φ$ позначає функцію Ейлера.
+
+Нехай $S(N)$ буде кількістю таких послідовностей з $a_n ≤ N$.
+
+Наприклад, $S(10) = 4$: {6}, {6, 8}, {6, 8, 9} та {6, 10}.
+
+Ми можемо перевірити, що $S(100) = 482\\,073\\,668$ та $S(10\\,000)\bmod {10}^8 = 73\\,808\\,307$.
+
+Знайдіть $S(20\\,000\\,000)\bmod {10}^8$.
+
+
+# --hints--
+
+`totientStairstepSequences()` має вивести `85068035`.
+
+```js
+assert.strictEqual(totientStairstepSequences(), 85068035);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientStairstepSequences() {
+
+  return true;
+}
+
+totientStairstepSequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.md
new file mode 100644
index 0000000000..551c02d467
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-338-cutting-rectangular-grid-paper.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4be1000cf542c50ffd1
+title: 'Задача 338: Вирізання прямокутної сітчастої сітки'
+challengeType: 5
+forumTopicId: 301996
+dashedName: problem-338-cutting-rectangular-grid-paper
+---
+
+# --description--
+
+Дано прямокутний аркуш паперу в решітку з цілочисельними розмірами $w$ × $h$. Відстань між ґратками дорівнює 1.
+
+Якщо розрізати аркуш по лініях ґратки на дві частини та переставити їх так, щоб вони не перекривали одне одного, можна отримати ще один прямокутник з іншими розмірами.
+
+До прикладу, розрізавши та переставивши частинки аркуша паперу з розмірами 9 × 4 так, як показано нижче, можна зробити прямокутник зі сторонами 18 × 2, 12 × 3 та 6 × 6:
+
+<img class="img-responsive center-block" alt="з аркуша розміром 9 x 4, який розділили на три частини, можна одержати прямокутники зі сторонами 18 x 2, 12 x 3 та 6 x 6" src="https://cdn.freecodecamp.org/curriculum/project-euler/cutting-rectangular-grid-paper.gif" style="background-color: white; padding: 10px;" />
+
+Схожим чином із листка 9 × 8 вийде прямокутник на 18 × 4 та 12 × 6.
+
+Для пари $w$ та $h$, нехай $F(w, h)$ — та кількість прямокутників, яку можна отримати з аркуша паперу розміром $w$ × $h$. Наприклад, $F(2, 1) = 0$, $F(2, 2) = 1$, $F(9, 4) = 3$ та $F(9, 8) = 2$. Зверніть увагу на те, що прямокутники, що збігаються з вихідним, не враховуються в $F(w, h)$. До того ж прямокутники з розмірами $w$ × $h$ та $h$ × $w$ — вважаються однаковими.
+
+Для цілого числа $N$, нехай $G(N)$ — це сума $F(w, h)$ для всіх пар $w$ та $h$, яка задовольняє умову $0 &lt; h ≤ w ≤ N$. Можна перевірити, що $G(10) = 55$, $G({10}^3) = 971\\,745$ та $G({10}^5) = 9\\,992\\,617\\,687$.
+
+Знайдіть $G({10}^{12})$. Надайте відповідь за модулем ${10}^8$.
+
+# --hints--
+
+`cuttingRectangularGridPaper()` має повернути `15614292`.
+
+```js
+assert.strictEqual(cuttingRectangularGridPaper(), 15614292);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cuttingRectangularGridPaper() {
+
+  return true;
+}
+
+cuttingRectangularGridPaper();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.md
new file mode 100644
index 0000000000..ebc14875b8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-339-peredur-fab-efrawg.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4c01000cf542c50ffd2
+title: 'Задача 339: Peredur fab Efrawg'
+challengeType: 5
+forumTopicId: 301997
+dashedName: problem-339-peredur-fab-efrawg
+---
+
+# --description--
+
+"І він підійшов до долини, через яку протікала річка; краї долини були лісові, а по обидва боки річки були рівні луки. І з одного боку річки він побачив отару білих овець, а з іншого отару чорних овець. І щоразу, коли одна з білих овець бекала, одна з чорних овець переходила і ставала білою; і коли одна з чорних овець бекала, одна з білих овець переходила і ставала чорною." - Peredur the Son of Evrawc
+
+Спочатку кожна отара складається з $n$ овець. Кожна вівця (незалежно від кольору) з однаковою ймовірністю стане наступною вівцею, яка бекатиме. Коли вівця бекає, а вівця з іншої отари переходить, Peredur може видалити кількість білих овець, щоб збільшити до максимуму очікувану кінцеву кількість чорних овець. $E(n)$ - очікувана остаточна кількість чорних овець, якщо Peredur використовує оптимальну стратегію.
+
+Дано, що $E(5) = 6.871346$ заокруглено до 6 знаків після десяткової коми.
+
+Знайдіть $E(10\\,000)$ та дайте відповідь, заокруглену до 6 знаків після десяткової коми.
+
+# --hints--
+
+`peredurFabEfrawg()` повинен повертатися як `19823.542204`.
+
+```js
+assert.strictEqual(peredurFabEfrawg(), 19823.542204);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function peredurFabEfrawg() {
+
+  return true;
+}
+
+peredurFabEfrawg();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-34-digit-factorials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-34-digit-factorials.md
new file mode 100644
index 0000000000..31847a2c6f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-34-digit-factorials.md
@@ -0,0 +1,50 @@
+---
+id: 5900f38e1000cf542c50fea1
+title: 'Завдання 34: Факторіали чисел'
+challengeType: 5
+forumTopicId: 301998
+dashedName: problem-34-digit-factorials
+---
+
+# --description--
+
+145 — це автоморфне число, оскільки 1! + 4! + 5! = 1 + 24 + 120 = 145.
+
+Знайдіть числа та суму чисел, які дорівнюють сумі факторіалу їхніх цифр.
+
+**Примітка:** як 1! = 1 і 2! = 2 не є сумами, то вони сюди не входять.
+
+# --hints--
+
+`digitFactorial()` повинен повернути об'єкт.
+
+```js
+assert.typeOf(digitFactorial(), 'object');
+```
+
+`digitFactorial()` має повернути {sum: 40730, numbers: [145, 40585] }.
+
+```js
+assert.deepEqual(digitFactorial(), { sum: 40730, numbers: [145, 40585] });
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitFactorial() {
+
+  var sum = 0;
+  var numbers = [];
+  return { sum, numbers };
+}
+
+digitFactorial();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-340-crazy-function.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-340-crazy-function.md
new file mode 100644
index 0000000000..ab19d2d271
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-340-crazy-function.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4c21000cf542c50ffd4
+title: 'Задача 340: Божевільна функція'
+challengeType: 5
+forumTopicId: 301999
+dashedName: problem-340-crazy-function
+---
+
+# --description--
+
+Для фіксованих цілих $a$, $b$, $c$ визначити цю функцію $F(n)$ наступним чином:
+
+$$\begin{align} & F(n) = n - c \\;\text{ for all } n > b \\\\ & F(n) = F(a + F(a + F(a + F(a + n)))) \\;\text{ for all } n ≤ b. \end{align}$$
+
+Також визначте $S(a, b, c) = \displaystyle\sum_{n = 0}^b F(n)$.
+
+Наприклад, якщо $a = 50$, $b = 2000$ та $c = 40$, тоді $F(0) = 3240$ and $F(2000) = 2040$. Також $S(50, 2000, 40) = 5\\,204\\,240$.
+
+Знайдіть останні 9 цифр в $S({21}^7, 7^{21}, {12}^7)$.
+
+# --hints--
+
+`crazyFunction()` має повернути `291504964`.
+
+```js
+assert.strictEqual(crazyFunction(), 291504964);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crazyFunction() {
+
+  return true;
+}
+
+crazyFunction();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.md
new file mode 100644
index 0000000000..21175fada6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-341-golombs-self-describing-sequence.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4c11000cf542c50ffd3
+title: 'Задача 341: Послідовність Голомба, яка описує саму себе'
+challengeType: 5
+forumTopicId: 302000
+dashedName: problem-341-golombs-self-describing-sequence
+---
+
+# --description--
+
+Послідовність Голомба ($G(n)$) є єдиною незменшувальною послідовність натуральних чисел, така що $n$ з'являється рівно $G(n)$ разів у послідовності. Значення $G(n)$ для перших кількох $n$ є
+
+$$\початок{array}{c} n    & 1 & 2 & 3 & 4 & 5 & 6 & 7 & 8 & 9 & 10 & 11 & 12 & 13 & 14 & 15 & \ldots \\\\ G(n) & 1 & 2 & 2 & 3 & 3 & 4 & 4 & 4 & 5 & 5  &  5 &  6 &  6 &  6 &  6 & \ldots \end{array}$$
+
+Вам дано що $G({10}^3) = 86$, $G({10}^6) = 6137$.
+
+Вам дано що $\sum G(n^3) = 153\\,506\\,976$ for $1 ≤ n &lt; {10}^3$.
+
+Знайти $\sum G(n^3)$ для $1 ≤ n &lt; {10}^6$.
+
+# --hints--
+
+`golombsSequence()` має повернути `56098610614277016`.
+
+```js
+assert.strictEqual(golombsSequence(), 56098610614277016);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function golombsSequence() {
+
+  return true;
+}
+
+golombsSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.md
new file mode 100644
index 0000000000..e334c929ba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-342-the-totient-of-a-square-is-a-cube.md
@@ -0,0 +1,45 @@
+---
+id: 5900f4c31000cf542c50ffd5
+title: 'Задача 342: Функція квадрата - куб'
+challengeType: 5
+forumTopicId: 302001
+dashedName: problem-342-the-totient-of-a-square-is-a-cube
+---
+
+# --description--
+
+Розглянемо число 50.
+
+${50}^2 = 2500 = 2^2 × 5^4$, отже $φ(2500) = 2 × 4 × 5^3 = 8 × 5^3 = 2^3 × 5^3$. $φ$ позначає функцію Ейлера.
+
+Отже, 2500 - квадрат, а $φ(2500)$ - куб.
+
+Знайдіть суму всіх чисел $n$, $1 &lt; n &lt; {10}^{10}$ при якій $φ(n^2)$ є кубом.
+
+
+# --hints--
+
+`totientOfSquare()` має повертати `5943040885644`.
+
+```js
+assert.strictEqual(totientOfSquare(), 5943040885644);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientOfSquare() {
+
+  return true;
+}
+
+totientOfSquare();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-343-fractional-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-343-fractional-sequences.md
new file mode 100644
index 0000000000..4de1e5127a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-343-fractional-sequences.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4c41000cf542c50ffd6
+title: 'Задача 343: Дробові послідовності'
+challengeType: 5
+forumTopicId: 302002
+dashedName: problem-343-fractional-sequences
+---
+
+# --description--
+
+Для будь-якого додатного цілого числа $k$ скінченна послідовність $a_i$ дробів $\frac{x_i}{y_i}$ визначається таким чином:
+
+- $a_1 = \displaystyle\frac{1}{k}$ та
+- $a_i = \displaystyle\frac{(x_{i - 1} + 1)}{(y_{i - 1} - 1)}$, зменшена до найнижчих значень для $i > 1$.
+
+Коли $a_i$ досягає цілого числа $n$, послідовність зупиняється. (У випадку, коли $y_i = 1$.)
+
+Визначаємо $f(k) = n$.
+
+До прикладу, для $k = 20$:
+
+$$\frac{1}{20} → \frac{2}{19} → \frac{3}{18} = \frac{1}{6} → \frac{2}{5} → \frac{3}{4} → \frac{4}{3} → \frac{5}{2} → \frac{6}{1} = 6$$
+
+Отже $f(20) = 6$.
+
+Також $f(1) = 1$, $f(2) = 2$, $f(3) = 1$ та $\sum f(k^3) = 118\\,937$ for $1 ≤ k ≤ 100$.
+
+Знайдіть $\суму f(k^3)$ для $1 ≤ k ≤ 2 × {10}^6$.
+
+# --hints--
+
+`fractionalSequences()` має вивести `269533451410884200`.
+
+```js
+assert.strictEqual(fractionalSequences(), 269533451410884200);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fractionalSequences() {
+
+  return true;
+}
+
+fractionalSequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-344-silver-dollar-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-344-silver-dollar-game.md
new file mode 100644
index 0000000000..e9855cf58d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-344-silver-dollar-game.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4c51000cf542c50ffd7
+title: 'Задача 344: Гра "Срібний долар"'
+challengeType: 5
+forumTopicId: 302003
+dashedName: problem-344-silver-dollar-game
+---
+
+# --description--
+
+Один з варіантів N.G. Гру де Брейна "Срібний долар" можна описати таким чином:
+
+В рядку квадратів розміщена певна кількість монет, щонайбільше одна на квадрат. Цінність має лише монета під назвою "срібний долар". Двоє гравців ходять по черзі. Хід може бути або звичайним, або спеціальним.
+
+Звичайний хід полягає в тому, щоб вибрати одну монету і перемістити її на один чи два квадрати ліворуч. Монета не може вийти за межі смуги або накрити собою іншу монету.
+
+Крім того, замість звичайного ходу, гравець може обрати спеціальний, а саме - забрати крайню ліву монету. Якщо звичайний рух неможливий, гравець не має вибору, окрім як забрати крайню ліву монету.
+
+Переможець - гравець, який забирає срібний долар.
+
+<img class="img-responsive center-block" alt="Гра &quot;Срібний долар&quot;" src="https://cdn.freecodecamp.org/curriculum/project-euler/silver-dollar-game.gif" style="background-color: white; padding: 10px;" />
+
+Виграшна конфігурація полягає в розташуванні монет таким чином, щоб перший гравець зміг перемогти незалежно від дій другого гравця.
+
+Нехай $W(n, c)$ буде кількістю виграшних конфігурацій у рядку на $n$ квадратів, $c$ монет і один срібний долар.
+
+Дано, що $W(10, 2) = 324$ та $W(100, 10) = 1\\,514\\,7046\\,113\\,500$.
+
+Знайти $W(1\\,000\\,000, 100)$ відповідь до модулю з семіпрієм $1000\\,036\\,000\\,099 (= 1\\,000\\,003 \tстворив 1\\,000\\,000\\,033)$.
+
+# --hints--
+
+`silverDollarGame()` повертає `65579304332`.
+
+```js
+assert.strictEqual(silverDollarGame(), 65579304332);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function silverDollarGame() {
+
+  return true;
+}
+
+silverDollarGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-345-matrix-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-345-matrix-sum.md
new file mode 100644
index 0000000000..c72f261899
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-345-matrix-sum.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4c81000cf542c50ffda
+title: 'Завдання 345: Матрична сума'
+challengeType: 5
+forumTopicId: 302004
+dashedName: problem-345-matrix-sum
+---
+
+# --description--
+
+Ми визначаємо матричну суму матриць як максимальну суму елементів матриці, де кожен елемент є єдиним у його рядку чи стовпці.
+
+Наприклад, матрична сума матриці нижче дорівнює $3315 ( = 863 + 383 + 343 + 959 + 767)$:
+
+$$\begin{array}{rrrrr} 7                &  53                & 183                & 439                & \color{lime}{863} \\\\ 497                & \color{lime}{383} & 563                &  79                & 973 \\\\ 287                &  63                & \color{lime}{343} & 169                & 583 \\\\ 627                & 343                & 773                & \color{lime}{959} & 943 \\\\ \color{lime}{767} & 473                & 103                & 699                & 303 \end{array}$$
+
+Знайдіть матричну суму матриці:
+
+$$\\begin{array}{r} 7 &  53 & 183 & 439 & 863 & 497 & 383 & 563 &  79 & 973 & 287 &  63 & 343 & 169 & 583 \\\\ 627 & 343 & 773 & 959 & 943 & 767 & 473 & 103 & 699 & 303 & 957 & 703 & 583 & 639 & 913 \\\\ 447 & 283 & 463 &  29 &  23 & 487 & 463 & 993 & 119 & 883 & 327 & 493 & 423 & 159 & 743 \\\\ 217 & 623 &   3 & 399 & 853 & 407 & 103 & 983 &  89 & 463 & 290 & 516 & 212 & 462 & 350 \\\\ 960 & 376 & 682 & 962 & 300 & 780 & 486 & 502 & 912 & 800 & 250 & 346 & 172 & 812 & 350 \\\\ 870 & 456 & 192 & 162 & 593 & 473 & 915 &  45 & 989 & 873 & 823 & 965 & 425 & 329 & 803 \\\\ 973 & 965 & 905 & 919 & 133 & 673 & 665 & 235 & 509 & 613 & 673 & 815 & 165 & 992 & 326 \\\\ 322 & 148 & 972 & 962 & 286 & 255 & 941 & 541 & 265 & 323 & 925 & 281 & 601 &  95 & 973 \\\\ 445 & 721 &  11 & 525 & 473 &  65 & 511 & 164 & 138 & 672 &  18 & 428 & 154 & 448 & 848 \\\\ 414 & 456 & 310 & 312 & 798 & 104 & 566 & 520 & 302 & 248 & 694 & 976 & 430 & 392 & 198 \\\\ 184 & 829 & 373 & 181 & 631 & 101 & 969 & 613 & 840 & 740 & 778 & 458 & 284 & 760 & 390 \\\\ 821 & 461 & 843 & 513 &  17 & 901 & 711 & 993 & 293 & 157 & 274 &  94 & 192 & 156 & 574 \\\\ 34 & 124 &   4 & 878 & 450 & 476 & 712 & 914 & 838 & 669 & 875 & 299 & 823 & 329 & 699 \\\\ 815 & 559 & 813 & 459 & 522 & 788 & 168 & 586 & 966 & 232 & 308 & 833 & 251 & 631 & 107 \\\\ 813 & 883 & 451 & 509 & 615 &  77 & 281 & 613 & 459 & 205 & 380 & 274 & 302 &  35 & 805 \end{array}$$
+
+# --hints--
+
+`matrixSum()` має повернути `13938`.
+
+```js
+assert.strictEqual(matrixSum(), 13938);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function matrixSum() {
+
+  return true;
+}
+
+matrixSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-346-strong-repunits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-346-strong-repunits.md
new file mode 100644
index 0000000000..c4426008e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-346-strong-repunits.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4c71000cf542c50ffd8
+title: 'Задача 346: Сильні повторювані одиниці (реп''юніти)'
+challengeType: 5
+forumTopicId: 302005
+dashedName: problem-346-strong-repunits
+---
+
+# --description--
+
+Цифра 7 є особливою, тому що 7 є 111, вписаною у базу 2, та 11, вписаною у базу 6 (i.e. $7_{10} = {11}_6 = {111}_2$). Іншими словами, 7 є реп'юнітом у щонайменш двох базах $b > 1$.
+
+Додатне ціле число з цією властивістю ми називатимемо сильним реп'юнітом. Можна зазначити, що існує 8 сильних реп'юнітів нижче 50: {1, 7, 13, 15, 21, 31, 40, 43}. Крім того, сума усіх сильних реп'юнітів нижче 1000 дорівнює 15864.
+
+Знайдіть суму усіх сильних реп'юнітів нижче ${10}^{12}$.
+
+# --hints--
+
+`strongRepunits()` має вивести `336108797689259260`.
+
+```js
+assert.strictEqual(strongRepunits(), 336108797689259260);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function strongRepunits() {
+
+  return true;
+}
+
+strongRepunits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.md
new file mode 100644
index 0000000000..326f4de6c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-347-largest-integer-divisible-by-two-primes.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4c81000cf542c50ffd9
+title: 'Задача 347: Найбільше ціле число ділиться на два простих'
+challengeType: 5
+forumTopicId: 302006
+dashedName: problem-347-largest-integer-divisible-by-two-primes
+---
+
+# --description--
+
+Найбільше ціле число $≤ 100$, яке ділиться на прості числа 2 і 3, дорівнює 96, як $96 = 32 \tразів 3 = 2^5 \tвираховує 3$.
+
+На два різні прості числа, $p$ і $q$, $M(p, q, q, N)$ буде найбільшим додатним цілим числом, $≤ N$ ділиться тільки на $p$ і $q$ і $M(p, q, N)=0$, якщо такого додатного цілого не існує.
+
+Напр. $M(2, 3, 100) = 96$.
+
+$M(3, 5, 100) = 75$ а не 90, тому що 90 ділиться на 2, 3 і 5. Також $M(2, 73, 100) = 0$, тому що не існує додатного цілого числа $ ≤ 100$, яке ділиться як на 2, так і на 73.
+
+Нехай $S(N)$ буде сумою всіх різних $M(p, q, N)$. $S(100)=2262$.
+
+Знайдіть $S(10\\,000\\,000)$.
+
+# --hints--
+
+`integerDivisibleByTwoPrimes()` має повернути `11109800204052`.
+
+```js
+assert.strictEqual(integerDivisibleByTwoPrimes(), 11109800204052);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function integerDivisibleByTwoPrimes() {
+
+  return true;
+}
+
+integerDivisibleByTwoPrimes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.md
new file mode 100644
index 0000000000..1597ad7a77
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-348-sum-of-a-square-and-a-cube.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4c81000cf542c50ffdb
+title: 'Завдання 348: Сума квадрата і куба'
+challengeType: 5
+forumTopicId: 302007
+dashedName: problem-348-sum-of-a-square-and-a-cube
+---
+
+# --description--
+
+Багато чисел можна виразити як суму квадрата та куба. Деякі з них більше ніж одним способом.
+
+Розглянемо паліндромні числа, які можна виразити як суму квадрата та куба, обидва більші за 1, рівно 4 різними способами.
+
+Наприклад, 5229225 - це паліндромне число, яке можна записати 4 способами:
+
+$$\begin{align} & {2285}^2 + {20}^3 \\\\ & {2223}^2 + {66}^3 \\\\ & {1810}^2 + {125}^3 \\\\ & {1197}^2 + {156}^3 \end{align}$$
+
+Знайдіть суму п'яти найменших таких паліндромних чисел.
+
+# --hints--
+
+`sumOfSquareAndCube()` має повернутися як`1004195061`.
+
+```js
+assert.strictEqual(sumOfSquareAndCube(), 1004195061);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumOfSquareAndCube() {
+
+  return true;
+}
+
+sumOfSquareAndCube();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-349-langtons-ant.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-349-langtons-ant.md
new file mode 100644
index 0000000000..a507a83050
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-349-langtons-ant.md
@@ -0,0 +1,45 @@
+---
+id: 5900f4ca1000cf542c50ffdc
+title: 'Задача 349: Мураха Ленґтона'
+challengeType: 5
+forumTopicId: 302008
+dashedName: problem-349-langtons-ant
+---
+
+# --description--
+
+Мураха рухається по звичайній сітці квадратів, забарвлених у чорний або білий колір.
+
+Мураха завжди орієнтована в одному з основних напрямків (вліво, вправо, вгору або вниз) і рухається від квадрата до сусіднього квадрата за такими правилами:
+
+- якщо він знаходиться на чорному квадраті, він змінює колір квадрата на білий, повертається на 90 ° проти годинникової стрілки і рухається вперед на один квадрат.
+- якщо він знаходиться на білому квадраті, він змінює колір квадрата на чорний, повертається на 90 ° за годинниковою стрілкою і рухається вперед на один квадрат.
+
+Починаючи з повністю білої сітки, скільки квадратів є чорними після ${10}^{18}$ рухів мурашки?
+
+# --hints--
+
+`langtonsAnt()` повинен повертатися як `115384615384614940`.
+
+```js
+assert.strictEqual(langtonsAnt(), 115384615384614940);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function langtonsAnt() {
+
+  return true;
+}
+
+langtonsAnt();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-35-circular-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-35-circular-primes.md
new file mode 100644
index 0000000000..741527bfec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-35-circular-primes.md
@@ -0,0 +1,132 @@
+---
+id: 5900f38f1000cf542c50fea2
+title: 'Завдання 35: Кругові прості числа'
+challengeType: 5
+forumTopicId: 302009
+dashedName: problem-35-circular-primes
+---
+
+# --description--
+
+Число 197 називається круговим простим, тому що всі перестановки цифр: 197, 971, і 719 є простими.
+
+Існує тринадцять таких простих чисел менших за 100: 2, 3, 5, 7, 11, 13, 17, 31, 37, 71, 73, 79 та 97.
+
+Скільки існує кругових простих чисел менше `n`, в той час як 100 ≤ `n` ≤ 1000000?
+
+**Примітка:**
+
+Кількість перестановок кругових простих чисел може перевищувати `n`.
+
+# --hints--
+
+`circularPrimes(100)` має повернути число.
+
+```js
+assert(typeof circularPrimes(100) === 'number');
+```
+
+`circularPrimes(100)` має повернути число 13.
+
+```js
+assert(circularPrimes(100) == 13);
+```
+
+`circularPrimes(100000)` має повернути число 43.
+
+```js
+assert(circularPrimes(100000) == 43);
+```
+
+`circularPrimes(250000)` має повернути число 45.
+
+```js
+assert(circularPrimes(250000) == 45);
+```
+
+`circularPrimes(500000)` має повернути число 49.
+
+```js
+assert(circularPrimes(500000) == 49);
+```
+
+`circularPrimes(750000)` має повернути число 49.
+
+```js
+assert(circularPrimes(750000) == 49);
+```
+
+`circularPrimes(1000000)` має повернути число 55.
+
+```js
+assert(circularPrimes(1000000) == 55);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function circularPrimes(n) {
+
+  return n;
+}
+
+circularPrimes(1000000);
+```
+
+# --solutions--
+
+```js
+function rotate(n) {
+  if (n.length == 1) return n;
+  return n.slice(1) + n[0];
+}
+
+function circularPrimes(n) {
+  // Nearest n < 10^k
+  const bound = 10 ** Math.ceil(Math.log10(n));
+  const primes = [0, 0, 2];
+  let count = 0;
+
+  // Making primes array
+  for (let i = 4; i <= bound; i += 2) {
+    primes.push(i - 1);
+    primes.push(0);
+  }
+
+  // Getting upperbound
+  const upperBound = Math.ceil(Math.sqrt(bound));
+
+  // Setting other non-prime numbers to 0
+  for (let i = 3; i < upperBound; i += 2) {
+    if (primes[i]) {
+      for (let j = i * i; j < bound; j += i) {
+        primes[j] = 0;
+      }
+    }
+  }
+
+  // Iterating through the array
+  for (let i = 2; i < n; i++) {
+    if (primes[i]) {
+      let curr = String(primes[i]);
+      let tmp = 1; // tmp variable to hold the no of rotations
+      for (let x = rotate(curr); x != curr; x = rotate(x)) {
+        if (x > n && primes[x]) {
+          continue;
+        }
+        else if (!primes[x]) {
+          // If the rotated value is 0 then it isn't a circular prime, break the loop
+          tmp = 0;
+          break;
+        }
+        tmp++;
+        primes[x] = 0;
+      }
+      count += tmp;
+    }
+  }
+  return count;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.md
new file mode 100644
index 0000000000..eea801849b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-350-constraining-the-least-greatest-and-the-greatest-least.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4cb1000cf542c50ffdd
+title: 'Задача 350: Обмеження найменшого найбільшим та найбільшого найменшим'
+challengeType: 5
+forumTopicId: 302010
+dashedName: problem-350-constraining-the-least-greatest-and-the-greatest-least
+---
+
+# --description--
+
+Список розміру $n$ - це послідовність натуральних чисел $n$. Прикладами можуть бути (2, 4, 6), (2, 6, 4), (10, 6, 15, 6), та (11).
+
+Найбільший спільний дільник або список $gcd$ - це найбільше натуральне число, яке розділяє всі елементи списку. Приклади: $gcd(2, 6, 4) = 2$, $gcd(10, 6, 15, 6) = 1$ та $gcd(11) = 11$.
+
+Найменше спільне кратне число або список $lcm$ - це найменше натуральне число, що ділиться на кожен елемент у списку. Приклади: $lcm(2, 6, 4) = 12$, $lcm(10, 6, 15, 6) = 30$ and $lcm(11) = 11$.
+
+$f(G, L, N)$ - це кількість списків розміру $N$ з $gcd ≥ G$ та $lcm ≤ L$. Наприклад:
+
+$$\begin{align} & f(10, 100, 1) = 91 \\\\ & f(10, 100, 2) = 327 \\\\ & f(10, 100, 3) = 1135 \\\\ & f(10, 100, 1000)\bmod {101}^4 = 3\\,286\\,053 \end{align}$$
+
+Знайдіть $f({10}^6, {10}^{12}, {10}^{18})\bmod {101}^4$.
+
+# --hints--
+
+`leastGreatestAndGreatestLeast()` повинен повертатися як `84664213`.
+
+```js
+assert.strictEqual(leastGreatestAndGreatestLeast(), 84664213);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function leastGreatestAndGreatestLeast() {
+
+  return true;
+}
+
+leastGreatestAndGreatestLeast();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.md
new file mode 100644
index 0000000000..0dadff4c5b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-351-hexagonal-orchards.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4cb1000cf542c50ffde
+title: 'Задача 351: Шестикутні сади'
+challengeType: 5
+forumTopicId: 302011
+dashedName: problem-351-hexagonal-orchards
+---
+
+# --description--
+
+Шестикутний сад послідовності $n$ це трикутна решітка, зроблена з крапок у звичайному шестикутнику зі стороною $n$. Наступна схема є прикладом шестикутного саду послідовності 5:
+
+<img class="img-responsive center-block" alt="шестикутний сад послідовності 5 з виділеними зеленим кольором точками, котрі приховані від центру точками поблизу нього" src="https://cdn.freecodecamp.org/curriculum/project-euler/hexagonal-orchards.png" style="background-color: white; padding: 10px;" />
+
+Точки, виділені зеленим, є прихованими від центру за допомогою точок, ближчих до нього. Ми бачимо, що у шестикутному саду послідовності 5, 30 точок приховані від центру.
+
+Припустимо, що $H(n)$ це кількість точок, схованих від центру, у шестикутному саду послідовності $n$.
+
+$H(5) = 30$. $H(10) = 138$. $H(1\\,000)$ = $1\\,177\\,848$.
+
+Find $H(100\\,000\\,000)$.
+
+# --hints--
+
+`hexagonalOrchards()` повинно вивести `11762187201804552`.
+
+```js
+assert.strictEqual(hexagonalOrchards(), 11762187201804552);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hexagonalOrchards() {
+
+  return true;
+}
+
+hexagonalOrchards();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-352-blood-tests.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-352-blood-tests.md
new file mode 100644
index 0000000000..353759e45d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-352-blood-tests.md
@@ -0,0 +1,70 @@
+---
+id: 5900f4cd1000cf542c50ffdf
+title: 'Задача 352: Аналізи крові'
+challengeType: 5
+forumTopicId: 302012
+dashedName: problem-352-blood-tests
+---
+
+# --description--
+
+Кожну з 25 овець в отарі необхідно обстежити на рідкісний вірус, відомий тим, що вражає 2% популяції овець.
+
+Існує точний та надзвичайно чутливий тест ПЛР-тест для зразків крові, який дає чіткий позитивний / негативний результат, але він забирає дуже багато часу та фінансів.
+
+Через високу вартість, головний ветеринар пропонує замість того, щоб виконувати 25 окремих тестів, використати таку процедуру:
+
+Вівці поділяються на 5 груп по 5 овець у кожній групі. Для кожної групи 5 зразків змішуються разом і проводиться один тест. Потім
+
+- Якщо результат негативний, усі вівці цієї групи вважаються безвірусними.
+- Якщо результат позитивний, буде проведено 5 додаткових тестів (окремий тест для кожної тварини) для визначення ураженої особини.
+
+Оскільки ймовірність зараження будь-якої конкретної тварини становить лише 0,02, перший тест (на об’єднаних зразках) для кожної групи буде:
+
+- Негативний (і більше ніяких тестів не потрібно) з ймовірністю ${0.98}^5 = 0.9039207968$.
+- Позитивний (потрібно 5 додаткових тестів) з вірогідністю $1 - 0.9039207968 = 0.0960792032$.
+
+Таким чином, очікувана кількість тестів для кожної групи становить 1 + 0.0960792032 × 5 = 1,480396016$.
+
+Отже, усі 5 груп можна перевірити, використовуючи в середньому лише $1.480396016 × 5 = \mathbf{7.40198008}$ тестів, що становить величезну економію, більш ніж на 70%!
+
+Хоча схема, яку ми щойно описали, здається дуже ефективною, її все ж можна значно покращити (завжди припускаючи, що тест достатньо чутливий і ніякі негативні наслідки не викликаються змішуванням різних зразків). Наприклад:
+
+- Ми можемо почати з тестування на суміші усіх 25 зразків. Можна переконатися, що приблизно в 60,35% випадків цей тест буде негативним, тому більше ніяких тестів не буде потрібно. Подальше тестування буде потрібно лише для решти 39,65% випадків.
+- Якщо ми знаємо, що принаймні одна тварина у групі з 5 інфікована, а перші 4 окремі тести виявляються негативними, немає потреби проводити тест на п’ятій тварині (ми знаємо, що вона має бути інфікованою).
+- Ми можемо спробувати різну кількість груп / різну кількість тварин у кожній групі, регулюючи цю кількість на кожному рівні так, щоб загальна очікувана кількість тестів була мінімізована.
+
+Щоб спростити дуже широкий спектр можливостей, існує одне обмеження, яке ми накладаємо при розробці найбільш економічно ефективної схеми тестування: коли ми починаємо зі змішаного зразка, усі вівці, які роблять внесок у цей зразок, повинні бути повністю перевірені (тобто вирок зараженого / незараженого повинен бути досягнутий для всіх них), перш ніж ми розпочнемо огляд будь-яких інших тварин.
+
+Для поточного прикладу виявляється, що найбільш економічно ефективна схема тестування (ми назвемо це оптимальною стратегією) вимагає в середньому всього <strong>4.155452</strong> тестів!
+
+Використовуючи оптимальну стратегію, нехай $T(s, p)$ представляє середню кількість тестів, необхідних для перевірки отари $s$ овець на наявність вірусу з ймовірністю $p$ бути присутнім у будь-якої особини. Таким чином, округлено до шести знаків після коми, $T(25, 0.02) = 4.155452$ and $T(25, 0.10) = 12.702124$.
+
+Знайдіть $\sum T(10\\,000, p)$ за $p = 0.01, 0.02, 0.03, \ldots 0.50$. Дайте відповідь, округлену до 6 знаків після коми.
+
+# --hints--
+
+`bloodTests()` має повернути `378563.260589`.
+
+```js
+assert.strictEqual(bloodTests(), 378563.260589);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bloodTests() {
+
+  return true;
+}
+
+bloodTests();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-353-risky-moon.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-353-risky-moon.md
new file mode 100644
index 0000000000..6db4da9b69
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-353-risky-moon.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4cd1000cf542c50ffe0
+title: 'Завдання 353: Ризикований місяць'
+challengeType: 5
+forumTopicId: 302013
+dashedName: problem-353-risky-moon
+---
+
+# --description--
+
+Місяць можна описати сферою $C(r)$ з центром (0, 0, 0) і радіусом $r$.
+
+На Місяці є станції на точках поверхні $C(r)$ з цілими координатами. Станція на (0, 0, $r$) називається станцією Північного полюсу, станція на (0, 0, $-r$) називається станцією Південного полюсу.
+
+Усі станції з'єднані між собою найкоротшою дорогою на великій дузі через станції. Подорож між двома станціями є ризикованою. Якщо $d$ - це довжина дороги між двома станціями, $\{\left(\frac{d}{πr}\right)}^2$ є мірою ризику подорожі (назвемо це ризик дорожнього руху). Якщо подорож включає більше двох станцій, ризик подорожі - це сума ризиків використаних доріг.
+
+Пряма подорож від станції Північний полюс до станції Південний полюс має довжину $πr$ і ризик 1. Подорож від станції Північного полюсу до станції Південного полюсу через (0, $r$, 0) має таку ж довжину, але менший ризик:
+
+${\left(\frac{\frac{1}{2}πr}{πr}\right)}^2+{\left(\frac{\frac{1}{2}πr}{πr}\right)}^2 = 0.5$
+
+Мінімальний ризик подорожі з Північного полюсу до станції Південного полюсу на $C(r)$ - $M(r)$.
+
+Дано, що $M(7) = 0.178\\,494\\,399\\,8$ округлено до 10 цифр після десяткової коми.
+
+Знайдіть $\displaystyle\sum_{n = 1}^{15} M(2^n - 1)$.
+
+Дайте відповідь, округлену до 10 знаків у формі a.bcdefghijk.
+
+# --hints--
+
+`riskyMoon()` має повернути `1.2759860331`.
+
+```js
+assert.strictEqual(riskyMoon(), 1.2759860331);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function riskyMoon() {
+
+  return true;
+}
+
+riskyMoon();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.md
new file mode 100644
index 0000000000..07d73a6efb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-354-distances-in-a-bees-honeycomb.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4cf1000cf542c50ffe1
+title: 'Задача 354: Відстані в бджолиних стільниках'
+challengeType: 5
+forumTopicId: 302014
+dashedName: problem-354-distances-in-a-bees-honeycomb
+---
+
+# --description--
+
+Розглянемо стільники медоносних бджіл, де кожна клітина є ідеальним правильним шестикутником із довжиною сторони 1.
+
+<img class="img-responsive center-block" alt="шестикутний стільник з довжиною кожної сторони 1" src="https://cdn.freecodecamp.org/curriculum/project-euler/distances-in-a-bees-honeycomb.png" style="background-color: white; padding: 10px;" />
+
+Одну конкретну клітину займає бджола-матка. Для додатного дійсного числа $L$, нехай $B(L)$ підраховує клітини з відстанню $L$ від осередку бджолиної матки (усі відстані вимірюються від центру до центру); ви можете припустити, що стільники досить великі, щоб вмістити будь-яку відстань, яку ми хочемо врахувати.
+
+Наприклад, $B(\sqrt{3}) = 6$, $B(\sqrt{21}) = 12$ та $B(111\\,111\\,111) = 54$.
+
+Знайдіть кількість $L ≤ 5 \times {10}^{11}$ таких, що $B(L) = 450$.
+
+# --hints--
+
+`distancesInHoneycomb()` повинен повертати `58065134`.
+
+```js
+assert.strictEqual(distancesInHoneycomb(), 58065134);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function distancesInHoneycomb() {
+
+  return true;
+}
+
+distancesInHoneycomb();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.md
new file mode 100644
index 0000000000..ca525f4709
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-355-maximal-coprime-subset.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4d01000cf542c50ffe2
+title: 'Задача 355: Максимальна підмножина співвідношень'
+challengeType: 5
+forumTopicId: 302015
+dashedName: problem-355-maximal-coprime-subset
+---
+
+# --description--
+
+Визначте $Co(n)$ як максимально можливу суму набору взаємно простих елементів з $\\{1, 2, \ldots, n\\}$. Наприклад, $Co(10)$ становить 30 і досягає цього максимуму на підмножині $\\{1,5,7,8,9\\}$.
+
+Вам дано, що $Co(30) = 193$ та $Co(100) = 1356$.
+
+Знайдіть $Co(200\\,000)$.
+
+# --hints--
+
+`maximalCoprimeSubset()` повинен повертати `1726545007`.
+
+```js
+assert.strictEqual(maximalCoprimeSubset(), 1726545007);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximalCoprimeSubset() {
+
+  return true;
+}
+
+maximalCoprimeSubset();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.md
new file mode 100644
index 0000000000..25da484c31
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-356-largest-roots-of-cubic-polynomials.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4d01000cf542c50ffe3
+title: 'Задача 356: Найбільші корені кубічних поліномів'
+challengeType: 5
+forumTopicId: 302016
+dashedName: problem-356-largest-roots-of-cubic-polynomials
+---
+
+# --description--
+
+Нехай an - найбільший дійсний корінь полінома $g(x) = x^3 - 2^n \times x^2 + n$.
+
+Наприклад, $a_2 = 3.86619826\ldots$
+
+Знайдіть останні вісім цифр $\displaystyle\sum_{i = 1}^{30} \lfloor {a_i}^{987654321}\rfloor$.
+
+**Зверніть увагу:**$\lfloor a\rfloor$ представляє функцію підлога.
+
+# --hints--
+
+`rootsOfCubicPolynomials()` повинен повернути `28010159`.
+
+```js
+assert.strictEqual(rootsOfCubicPolynomials(), 28010159);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rootsOfCubicPolynomials() {
+
+  return true;
+}
+
+rootsOfCubicPolynomials();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-357-prime-generating-integers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-357-prime-generating-integers.md
new file mode 100644
index 0000000000..277b12ca43
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-357-prime-generating-integers.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4d11000cf542c50ffe4
+title: 'Задача 357: Прості генератори цілих чисел'
+challengeType: 5
+forumTopicId: 302017
+dashedName: problem-357-prime-generating-integers
+---
+
+# --description--
+
+Розглянемо дільники 30: 1, 2, 3, 5, 6, 10, 15, 30.
+
+Видно, що для кожного дільника $d$30, $d + \frac {30}{d} $ є простим числом.
+
+Знайдіть суму всіх натуральних чисел $n$, що не перевищує $100\\,000\\,000$ так, що для кожного дільника $d$ з $n$, $d + \frac {n}{d}$ є просте число.
+
+# --hints--
+
+`primeGeneratingIntegers()` повинен повернути `1739023853137`.
+
+```js
+assert.strictEqual(primeGeneratingIntegers(), 1739023853137);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeGeneratingIntegers() {
+
+  return true;
+}
+
+primeGeneratingIntegers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-358-cyclic-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-358-cyclic-numbers.md
new file mode 100644
index 0000000000..5c9051bcd5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-358-cyclic-numbers.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4d21000cf542c50ffe5
+title: 'Задача 358: Циклічні числа'
+challengeType: 5
+forumTopicId: 302018
+dashedName: problem-358-cyclic-numbers
+---
+
+# --description--
+
+Циклічне число з цифрами $n$ має дуже цікаву властивість:
+
+Якщо його помножити на 1, 2, 3, 4, ... $n$, усі добутки мають абсолютно однакові цифри в тому ж порядку, але обертаються круговим способом!
+
+Найменше циклічне число - це 6-значне число 142857:
+
+$$\begin{align} & 142857 × 1 = 142857 \\\\ & 142857 × 2 = 285714 \\\\ & 142857 × 3 = 428571 \\\\ & 142857 × 4 = 571428 \\\\ & 142857 × 5 = 714285 \\\\ & 142857 × 6 = 857142 \end{align}$$
+
+Наступне циклічне число 0588235294117647 на 16 цифр:
+
+$$\begin{align} & 0588235294117647 × 1 = 0588235294117647 \\\\ & 0588235294117647 × 2 = 1176470588235294 \\\\ & 0588235294117647 × 3 = 1764705882352941 \\\\ & \ldots \\\\ & 0588235294117647 × 16 = 9411764705882352 \end{align}$$
+
+Зауважте, що для циклічних чисел важливі нулі на початку.
+
+Існує лише одне циклічне число, для якого одинадцять крайніх лівих цифр - це 00000000137, а п'ять крайніх правих цифр - 56789 (тобто він має вигляд $00000000137\ldots56789$ з невідомою кількістю цифр посередині). Знайдіть суму всіх її цифр.
+
+# --hints--
+
+`cyclicNumbers()` повинен повертати `3284144505`.
+
+```js
+assert.strictEqual(cyclicNumbers(), 3284144505);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cyclicNumbers() {
+
+  return true;
+}
+
+cyclicNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.md
new file mode 100644
index 0000000000..60183135ec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-359-hilberts-new-hotel.md
@@ -0,0 +1,59 @@
+---
+id: 5900f4d31000cf542c50ffe6
+title: 'Задача 359: Новий готель Гільберта'
+challengeType: 5
+forumTopicId: 302019
+dashedName: problem-359-hilberts-new-hotel
+---
+
+# --description--
+
+В рядку нескінченна кількість осіб (під номером 1, 2, 3 тощо) бажають отримати кімнату в новому нескінченному готелі Гільберта. У готелі нескінченна кількість поверхів (під номером 1, 2, 3 тощо), і на кожному безмежна кількість номерів (1, 2, 3 тощо).
+
+Спочатку готель порожній. Гільберт оголошує, що особа $n^{\text{th}}$ отримує номер: $n$ дістане першу вільну кімнату на найнижчому поверсі за таких умов:
+
+- поверх пустий
+- поверх не пустий, а особа $m$ останньою отримала там кімнату, тоді $m + n$ ідеальний квадрат
+
+Особа 1 отримує кімнату 1 на поверсі 1, оскільки він пустий.
+
+Особа 2 не отримує кімнату 2 на поверсі 1, оскільки 1 + 2 = 3 не створює ідеальний квадрат.
+
+Натомість особа 2 отримує кімнату 1 на поверсі 2, оскільки він пустий.
+
+Особа 3 отримує кімнату 2 на поверсі 1, оскільки 1 + 3 = 4 створює ідеальний квадрат.
+
+Згодом, кожна людина з рядку отримує кімнату в готелі.
+
+Визначте $P(f, r)$ як $n$, якщо особа $n$ займає кімнату $r$ на поверсі $f$, та 0, якщо жодна людина не займає кімнату. Ось декілька прикладів:
+
+$$\begin{align} & P(1, 1) = 1 \\\\ & P(1, 2) = 3 \\\\ & P(2, 1) = 2 \\\\ & P(10, 20) = 440 \\\\ & P(25, 75) = 4863 \\\\ & P(99, 100) = 19454 \end{align}$$
+
+Знайти суму усіх $P(f, r)$ для всіх додатних $f$ і $r$, такі як $f × r = 71\\, 28\\,803\\,586\\,048$ і вказати останні 8 цифр як відповідь.
+
+# --hints--
+
+`hilbertsNewHotel()` має повернути `40632119`.
+
+```js
+assert.strictEqual(hilbertsNewHotel(), 40632119);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hilbertsNewHotel() {
+
+  return true;
+}
+
+hilbertsNewHotel();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-36-double-base-palindromes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-36-double-base-palindromes.md
new file mode 100644
index 0000000000..bcfbd13238
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-36-double-base-palindromes.md
@@ -0,0 +1,66 @@
+---
+id: 5900f3901000cf542c50fea3
+title: 'Завдання 36: Двоосновні паліндроми'
+challengeType: 5
+forumTopicId: 302020
+dashedName: problem-36-double-base-palindromes
+---
+
+# --description--
+
+Десяткове число 585 = 1001001001<sub>2</sub> (бінарне) є паліндромним в обох основах.
+
+Знайдіть суму всіх чисел, менших за `n`, тоді як 1000 ≤ `n` ≤ 1000000, що є паліндромними у основі 10 та основі 2.
+
+(Будь ласка, зверніть увагу на те, що паліндромне число може не містити провідних нулів у кожній основі.)
+
+# --hints--
+
+`doubleBasePalindromes(1000)` має повернути число.
+
+```js
+assert(typeof doubleBasePalindromes(1000) === 'number');
+```
+
+`doubleBasePalindromes(1000)` має повернути число 1772.
+
+```js
+assert(doubleBasePalindromes(1000) == 1772);
+```
+
+`doubleBasePalindromes(50000)` має повернути число 105795.
+
+```js
+assert(doubleBasePalindromes(50000) == 105795);
+```
+
+`doubleBasePalindromes(500000)` має повернути число 286602.
+
+```js
+assert(doubleBasePalindromes(500000) == 286602);
+```
+
+`doubleBasePalindromes(1000000)` має повернути число 872187.
+
+```js
+assert(doubleBasePalindromes(1000000) == 872187);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function doubleBasePalindromes(n) {
+
+  return n;
+}
+
+doubleBasePalindromes(1000000);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-360-scary-sphere.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-360-scary-sphere.md
new file mode 100644
index 0000000000..2433be70c6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-360-scary-sphere.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4d41000cf542c50ffe7
+title: 'Задача 360: Страшна Сфера'
+challengeType: 5
+forumTopicId: 302021
+dashedName: problem-360-scary-sphere
+---
+
+# --description--
+
+Враховуючи дві точки ($x_1$, $y_1$, $z_1$) та ($x_2$, $y_2$, $z_2$) у тривимірному просторі, Манхеттенська відстань між цими точками визначається як $| x_1 - x_2 | + | y_1 - y_2 | + | z_1 - z_2 |$.
+
+Нехай $C(r)$ - куля з радіусом $r$ і центром у початку координат $O(0, 0, 0)$.
+
+Нехай $I(r)$ - множина всіх точок з цілими координатами на поверхні $C(r)$.
+
+Нехай $S(r)$ це сума Манхеттенських відстаней всіх елементів $I(r)$ до початку координат $O$.
+
+Наприклад. $S(45)=34518$.
+
+Знайдіть $S({10}^{10})$.
+
+# --hints--
+
+`scarySphere()` повинен повертати `878825614395267100`.
+
+```js
+assert.strictEqual(scarySphere(), 878825614395267100);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function scarySphere() {
+
+  return true;
+}
+
+scarySphere();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.md
new file mode 100644
index 0000000000..3cb1e7f966
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-361-subsequence-of-thue-morse-sequence.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4d51000cf542c50ffe8
+title: 'Проблема 361: Підпослідовність послідовності Thue-Morse'
+challengeType: 5
+forumTopicId: 302022
+dashedName: problem-361-subsequence-of-thue-morse-sequence
+---
+
+# --description--
+
+Послідовність Thue-Morse $\\{T_n\\}$ є виконанням двійкової послідовності:
+
+- $T_0 = 0$
+- $T_{2n} = T_n$
+- $T_{2n + 1} = 1 - T_n$
+
+Перші кілька термінів $\\{T_n\\}$ подаються так: $01101001\color{red}{10010}1101001011001101001\ldots$.
+
+Ми визначаємо $\\{A_n\\}$ як відсортовану послідовність цілих чисел так, що двійковий вираз кожного елемента відображається як підпослідовність у$\\{T_n \\}$. Наприклад, десяткове число 18 записується як 10010 у двійковій системі. 10010 відображається у $\\{T_n\\}$ ($T_8$ to $T_{12}$), тому 18 є елементом $\\{A_n\\}$. Десяткове число 14 записується як 1110 у двійковій системі. 1110 ніколи не відображається в $\\{T_n\\}$, тому 14 не є елементом $\\{A_n\\}$.
+
+Перші кілька термінів $A_n$ наведені наступним чином:
+
+$$\begin{array}{cr} n   & 0 & 1 & 2 & 3 & 4 & 5 & 6 & 7 &  8 &  9 & 10 & 11 & 12 & \ldots \\\\ A_n & 0 & 1 & 2 & 3 & 4 & 5 & 6 & 9 & 10 & 11 & 12 & 13 & 18 & \ldots \end{array}$$
+
+Ми також можемо підтвердити, що $A_{100} = 3251$ та $A_{1000} = 80\\,852\\,364\\,498$.
+
+Знайдіть останні 9 цифр $\displaystyle\sum_{k = 1}^{18} A_{{10}^k}$.
+
+# --hints--
+
+`subsequenceOfThueMorseSequence()` повинен повернути `178476944`.
+
+```js
+assert.strictEqual(subsequenceOfThueMorseSequence(), 178476944);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function subsequenceOfThueMorseSequence() {
+
+  return true;
+}
+
+subsequenceOfThueMorseSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-362-squarefree-factors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-362-squarefree-factors.md
new file mode 100644
index 0000000000..a3d5586dae
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-362-squarefree-factors.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4d61000cf542c50ffe9
+title: 'Задача 362: Безквадратні числа'
+challengeType: 5
+forumTopicId: 302023
+dashedName: problem-362-squarefree-factors
+---
+
+# --description--
+
+Розглянемо число 54.
+
+Число 54 може бути розкладене 7 різними способами на один чи більше факторів, більших ніж 1:
+
+$$54, 2 × 27, 3 × 18, 6 × 9, 3 × 3 × 6, 2 × 3 × 9 \text{ and } 2 × 3 × 3 × 3$$
+
+Якщо нам потрібно, щоб всі фактори були безквадратними, залишаються лише два способи: $3 × 3 × 6$ and $2 × 3 × 3 × 3$.
+
+Давайте викличемо $Fsf(n)$ кількість шляхів $n$, щоб можна було розкласти на один чи більше безквадратних факторів, які більше 1, отже $Fsf(54) = 2$.
+
+Нехай $S(n)$ буде $\сумою Fsf(k)$ for $k = 2$ to $n$.
+
+$S(100) = 193$.
+
+Знайдіть $S(10\\,000\\,000\\,000)$.
+
+# --hints--
+
+`squarefreeFactors()` має повертати `457895958010`.
+
+```js
+assert.strictEqual(squarefreeFactors(), 457895958010);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squarefreeFactors() {
+
+  return true;
+}
+
+squarefreeFactors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-363-bzier-curves.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-363-bzier-curves.md
new file mode 100644
index 0000000000..3bf75634da
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-363-bzier-curves.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4d91000cf542c50ffeb
+title: 'Задача 363: Крива Безьє'
+challengeType: 5
+forumTopicId: 302024
+dashedName: problem-363-bzier-curves
+---
+
+# --description--
+
+Кубічна крива Безьє визначається чотирма точками: $P_0$, $P_1$, $P_2$ та $P_3$.
+
+Крива будується наступним чином:
+
+<img class="img-responsive center-block" alt="побудова кривої Безьє" src="https://cdn.freecodecamp.org/curriculum/project-euler/bzier-curves.png" style="background-color: white; padding: 10px;" />
+
+На відрізках $P_0P_1$, $P_1P_2$ та $P_2P_3$ точки $Q_0$,$Q_1$ та $Q_2$ намальовані так, що $\frac{P_0Q_0}{P_0P_1} = \frac{P_1Q_1}{P_1P_2} = \frac{P_2Q_2}{P_2P_3} = t$, з $t$ в [0,1].
+
+На відрізках $Q_0Q_1$ та $Q_1Q_2$ точки $R_0$ та $R_1$ намальовані так, що $\frac{Q_0R_0}{Q_0Q_1} = \frac{Q_1R_1}{Q_1Q_2} = t$ для того ж значення $t$.
+
+На відрізку $R_0R_1$ точка $B$ намальована так, що $\frac{R_0B}{R_0R_1} = t$ для того ж значення $t$.
+
+Крива Безьє, визначена точками $P_0$, $P_1$, $P_2$, $P_3$, є місцем розташування $B$, оскільки $Q_0$ займає всі можливі позиції на відрізку $P_0P_1$. (Зверніть увагу, що для всіх пунктів значення $t$ однакове.)
+
+З побудови зрозуміло, що крива Безьє буде дотичною до відрізків $P_0P_1$ в $P_0$ та $P_2P_3$ в $P_3$.
+
+Кубічна крива Безьє з $P_0 = (1, 0)$, $P_1 = (1, v)$, $P_2 = (v, 1)$ і $P_3 = (0, 1) $ використовується для наближення значення чверті кола. Значення $v > 0$ вибрано таким чином, що площа, обмежена лініями $OP_0$, $OP_3$ і крива дорівнює $\frac{π}{4}$ (площа чверті кола).
+
+На скільки відсотків довжина кривої відрізняється від довжини чверті кола? Тобто, якщо $L$ - це довжина кривої, обчисліть $100×\displaystyle\frac{L-\frac{π}{2}}{\frac{π}{2}}$. Відповідь округляйте до 10 цифр після коми.
+
+# --hints--
+
+`bezierCurves()` повинен повернутися `0.0000372091`.
+
+```js
+assert.strictEqual(bezierCurves(), 0.0000372091);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bezierCurves() {
+
+  return true;
+}
+
+bezierCurves();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-364-comfortable-distance.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-364-comfortable-distance.md
new file mode 100644
index 0000000000..c083e0a9ba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-364-comfortable-distance.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4d91000cf542c50ffea
+title: 'Задача 364: Комфортна відстань'
+challengeType: 5
+forumTopicId: 302025
+dashedName: problem-364-comfortable-distance
+---
+
+# --description--
+
+Є $N$ місць поспіль. $N$ людей приходять один за одним та займають місця відповідно до таких правил:
+
+1. Якщо є будь-яке місце, сусіднє місце (місця) якого не зайняте, займіть таке місце.
+2. Якщо такого місця немає і є місце, для якого зайнято лише одне сусіднє місце, займіть таке місце.
+3. В іншому випадку займіть одне з наявних місць.
+
+Нехай $T(N)$ буде кількістю можливостей, що $N$ місць зайняті $N$ людьми з даними правилами. Наступний малюнок показує $T(4) = 8$.
+
+<img class="img-responsive center-block" alt="вісім способів для N місць, зайняті N людьми" src="https://cdn.freecodecamp.org/curriculum/project-euler/comfortable-distance.gif" style="background-color: white; padding: 10px;" />
+
+Можна перевірити, що $T(10) = 61\\,632$ та $T(1\\,000)\bmod 100\\,000\\,007 = 47\\,255\\,094$.
+
+Знайдіть $T(100\\,000\\,000)\bmod 1\\,000\\,007$.
+
+# --hints--
+
+`comfortableDistance()` має повернути `44855254`.
+
+```js
+assert.strictEqual(comfortableDistance(), 44855254);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function comfortableDistance() {
+
+  return true;
+}
+
+comfortableDistance();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.md
new file mode 100644
index 0000000000..4fb7b14942
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-365-a-huge-binomial-coefficient.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4da1000cf542c50ffec
+title: 'Задача 365: Величезний біноміальний коефіцієнт'
+challengeType: 5
+forumTopicId: 302026
+dashedName: problem-365-a-huge-binomial-coefficient
+---
+
+# --description--
+
+Біномінальний коефіцієнт $\displaystyle\binom{{10}^{18}}{{10}^9}$ є числом з більш ніж 9 мільярдами ($9 × {10}^9$) цифр.
+
+Нехай $M(n, k, m)$ позначає біномінальний коефіцієнт $\displaystyle\binom{n}{k}$ модуля $m$.
+
+Обчисліть $\sum M({10}^{18}, {10}^9, p \times q \times r)$ для $1000 &lt; p &lt; q &lt; r &lt; 5000$ та $p$, $q$, $r$ — прості числа.
+
+# --hints--
+
+`hugeBinomialCoefficient()` має повернути `162619462356610300`.
+
+```js
+assert.strictEqual(hugeBinomialCoefficient(), 162619462356610300);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hugeBinomialCoefficient() {
+
+  return true;
+}
+
+hugeBinomialCoefficient();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-366-stone-game-iii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-366-stone-game-iii.md
new file mode 100644
index 0000000000..de2e388978
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-366-stone-game-iii.md
@@ -0,0 +1,68 @@
+---
+id: 5900f4da1000cf542c50ffed
+title: 'Задача 366: Гра в камені III'
+challengeType: 5
+forumTopicId: 302027
+dashedName: problem-366-stone-game-iii
+---
+
+# --description--
+
+Два гравці, Антон та Бернхард, грають у наступну гру.
+
+Є купка з $n$ каменів.
+
+Перший гравець може взяти будь-яку додатню кількість каменів, але не всю купу.
+
+Відтак кожен гравець може забрати щонайбільше вдвічі більше каменів, які його противник взяв у попередньому ході.
+
+Гравець, який візьме останній камінь, стає переможцем.
+
+Наприклад. $n = 5$
+
+Якщо перший гравець бере більше одного каменя, наступний гравець зможе забрати все, що залишиться.
+
+Якщо перший гравець бере один камінь, залишаючи чотири, і його опонент також візьме один, а отже в підсумку їх буде три.
+
+Перший гравець не може забрати всі три, адже він може взяти не більше $2 \times 1 = 2$ каменів. Скажімо, він візьме один камінь — відповідно залишиться 2.
+
+Інший гравець, взявши ті два, що залишилися, переможе.
+
+Тому 5 — це програшна позиція для першого гравця.
+
+Для першого гравця є більше одного можливого кроку для виграшної позиції.
+
+Наприклад. якщо $n = 17$, перший гравець може взяти один або чотири камені.
+
+Нехай $M(n)$ — максимальна кількість каменів, яку може забрати перший гравець для виграшної позиції за перший крок. тоді $M(n) = 0$ — для будь-якої іншої позиції.
+
+$\sum M(n)$ для $n ≤ 100$ — 728.
+
+Знайдіть $\sum M(n)$ for $n ≤ {10}^{18}$. Дайте відповідь за модулем ${10}^8$.
+
+# --hints--
+
+`stoneGameThree()` має повернути `88351299`.
+
+```js
+assert.strictEqual(stoneGameThree(), 88351299);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stoneGameThree() {
+
+  return true;
+}
+
+stoneGameThree();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-367-bozo-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-367-bozo-sort.md
new file mode 100644
index 0000000000..eb1d4f62ba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-367-bozo-sort.md
@@ -0,0 +1,56 @@
+---
+id: 5900f4db1000cf542c50ffee
+title: 'Задача 367: Сортування Бозо'
+challengeType: 5
+forumTopicId: 302028
+dashedName: problem-367-bozo-sort
+---
+
+# --description--
+
+Сортування Бозо, яке не слід плутати з дещо менш ефективним сортуванням бого, полягає в тому, щоб перевірити, чи сортується вхідна послідовність, і якщо ні, замінити випадково два елементи. Це повторюється, поки послідовність не буде впорядкована.
+
+Якщо ми розглянемо всі перестановки перших чотирьох натуральних чисел як вхідні дані, то очікуване значення кількості перестановок, усереднене для всіх вхідних послідовностей $4!$, буде $24.75$.
+
+Вже відсортована послідовність займає 0 кроків.
+
+У цій задачі ми розглядаємо наступний варіант сортування бозо.
+
+Якщо послідовність не відсортована, ми вибираємо три елементи навмання і перемішуємо ці три елементи випадковим чином.
+
+Всі $3! = 6$ перестановок цих трьох елементів однаково ймовірними.
+
+Вже відсортована послідовність займає 0 кроків.
+
+Якщо розглядати всі перестановки перших чотирьох натуральних чисел як вхідні, то очікуване значення кількості перестановок, усереднене для всіх вхідних послідовностей $4!$, становить $27.5$.
+
+Вважайте вхідними послідовностями перестановки перших 11 натуральних чисел.
+
+У середньому по всіх вхідних послідовностях $11!$, яку очікувану кількість перетасувань буде виконувати цей алгоритм сортування? Округліть свою відповідь до найближчого цілого числа.
+
+# --hints--
+
+`bozoSort()` повинен повернути `48271207`.
+
+```js
+assert.strictEqual(bozoSort(), 48271207);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bozoSort() {
+
+  return true;
+}
+
+bozoSort();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.md
new file mode 100644
index 0000000000..35ea0bfb62
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-368-a-kempner-like-series.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4dd1000cf542c50ffef
+title: 'Задача 368: Послідовність в стилі Кемпнер'
+challengeType: 5
+forumTopicId: 302029
+dashedName: problem-368-a-kempner-like-series
+---
+
+# --description--
+
+Гармонічна послідовність $1 + \dfrac{1}{2} + \dfrac{1}{3} + \dfrac{1}{4} + \ldots$ добре відома як розбіжна.
+
+Якщо ж опустити з цієї послідовності кожне значення, де в знаменнику є 9, послідовність досить чудово сходиться приблизно до 22.9206766193. Ця змінена гармонічна послідовність називається серією Кемпнера.
+
+Тепер розглянемо іншу модифіковану гармонічну послідовність не включаючи з гармонічної послідовності кожне значення, де знаменник має 3 або більше рівних послідовних цифр. Можна переконатися, що з перших 1200 значень гармонічної послідовності буде пропущено лише 20.
+
+20 опущених значень:
+
+$$\dfrac{1}{111}, \dfrac{1}{222}, \dfrac{1}{333}, \dfrac{1}{444}, \dfrac{1}{555}, \dfrac{1}{666}, \dfrac{1}{777}, \dfrac{1}{888}, \dfrac{1}{999}, \dfrac{1}{1000}, \dfrac{1}{1110}, \\\\ \dfrac{1}{1111}, \dfrac{1}{1112}, \dfrac{1}{1113}, \dfrac{1}{1114}, \dfrac{1}{1115}, \dfrac{1}{1116}, \dfrac{1}{1117}, \dfrac{1}{1118}, \dfrac{1}{1119}$$
+
+Ця послідовність також сходиться.
+
+Знайдіть значення, до якого сходиться послідовність. Дайте відповідь заокруглену до 10 цифр після десяткової коми.
+
+# --hints--
+
+`kempnerLikeSeries()` повинен повертатися як `253.6135092068`.
+
+```js
+assert.strictEqual(kempnerLikeSeries(), 253.6135092068);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function kempnerLikeSeries() {
+
+  return true;
+}
+
+kempnerLikeSeries();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-369-badugi.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-369-badugi.md
new file mode 100644
index 0000000000..017c87e48a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-369-badugi.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4de1000cf542c50fff0
+title: 'Задача 369: Badugi'
+challengeType: 5
+forumTopicId: 302030
+dashedName: problem-369-badugi
+---
+
+# --description--
+
+У стандартній колоді гральних карт, яка складається з 52 карт, набір з 4 карт є бадугі, якщо він містить 4 карти без пар і без двох карт однієї масті.
+
+$f(n)$ - це кількість способів вибору карт $n$ з підмножиною з 4 карт, що є Badugi. Наприклад, існує $2\\,598\\,960$ способів вибрати п'ять карт зі стандартної колоди з 52 карт, з яких $514\\,800$ містять підмножину з 4 карт, що є Badugi, тому $f(5) = 514800$.
+
+Знайдіть $\sum f(n)$ for $4 ≤ n ≤ 13$.
+
+# --hints--
+
+`badugi()` повинен повертатися як `862400558448`.
+
+```js
+assert.strictEqual(badugi(), 862400558448);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function badugi() {
+
+  return true;
+}
+
+badugi();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-37-truncatable-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-37-truncatable-primes.md
new file mode 100644
index 0000000000..d8d9e5ed6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-37-truncatable-primes.md
@@ -0,0 +1,66 @@
+---
+id: 5900f3911000cf542c50fea4
+title: 'Завдання 37: Скоротні прості числа'
+challengeType: 5
+forumTopicId: 302031
+dashedName: problem-37-truncatable-primes
+---
+
+# --description--
+
+Число 3739 має цікаву властивість. Оскільки воно є простим числом, з нього можна послідовно видаляти числа зліва направо і воно все рівно буде залишитися простим на кожному етапі: 3797, 797, 97, and 7. Це працює аналогічно і в іншому напрямку: 3797, 379, 37 та 3.
+
+Знайдіть суму лише `n` (8 ≤ `n` ≤ 11) простих чисел, які можна скоротити як зліва направо, так і справа наліво.
+
+ПРИМІТКА: 2, 3, 5 та 7 не вважаються скоротними простими числами.
+
+# --hints--
+
+`truncatablePrimes(8)` має повернути число.
+
+```js
+assert(typeof truncatablePrimes(8) === 'number');
+```
+
+`truncatablePrimes(8)` має повернути число 1986.
+
+```js
+assert(truncatablePrimes(8) == 1986);
+```
+
+`truncatablePrimes(9)` має повернути число 5123.
+
+```js
+assert(truncatablePrimes(9) == 5123);
+```
+
+`truncatablePrimes(10)` має повернути число 8920.
+
+```js
+assert(truncatablePrimes(10) == 8920);
+```
+
+`truncatablePrimes(11)` має повернути число 748317.
+
+```js
+assert(truncatablePrimes(11) == 748317);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function truncatablePrimes(n) {
+
+  return n;
+}
+
+truncatablePrimes(11);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-370-geometric-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-370-geometric-triangles.md
new file mode 100644
index 0000000000..4e2b5c1ac0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-370-geometric-triangles.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4de1000cf542c50fff1
+title: 'Задача 370: Геометричні трикутники'
+challengeType: 5
+forumTopicId: 302032
+dashedName: problem-370-geometric-triangles
+---
+
+# --description--
+
+Визначимо геометричний трикутник як цілочисельний трикутник зі сторонами $a ≤ b ≤ c$ так, що його сторони утворюють геометричну прогресію, тобто $b^2 = a \times c$.
+
+Прикладом такого геометричного трикутника є трикутник зі сторонами $a = 144$, $b = 156$ та $c = 169$.
+
+Існує $861\\, 805$ геометричних трикутників з $\text{perimeter} ≤ {10}^6$.
+
+Скільки існує геометричних трикутників з $\text{perimeter} ≤ 2,5 \times {10}^{13}$?
+
+# --hints--
+
+`geometricTriangles()` має повернути `41791929448408`.
+
+```js
+assert.strictEqual(geometricTriangles(), 41791929448408);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function geometricTriangles() {
+
+  return true;
+}
+
+geometricTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-371-licence-plates.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-371-licence-plates.md
new file mode 100644
index 0000000000..d43fd31ff7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-371-licence-plates.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4e01000cf542c50fff2
+title: 'Задача 371: Номерні знаки'
+challengeType: 5
+forumTopicId: 302033
+dashedName: problem-371-licence-plates
+---
+
+# --description--
+
+Номерні знаки штату Орегон складаються з трьох літер, за якими знаходиться тризначний цифровий номер (кожна цифра може бути від [0...9]).
+
+Їдучи на роботу, Сет грає в таку гру:
+
+Кожен раз, коли числа двох номерних знаків, що він побачив на своєму шляху, додаючись, утворюють 1000 - це перемога.
+
+До прикладу. `MIC-012` і `HAN-988` є перемогою, `RYU-500` і `SET-500` -- також перемога. (якщо бачить він їх в одній поїздці).
+
+Знайдіть очікувану кількість номерних пластин, які йому потрібно побачити для перемоги. Дайте відповідь, заокруглену до 8 знаків після коми.
+
+**Примітка:** Ми припускаємо, що на кожному побаченому номерному знаку з однаковою ймовірністю буде будь-який тризначний номер.
+
+# --hints--
+
+`licensePlates()` має повернути `40.66368097`.
+
+```js
+assert.strictEqual(licensePlates(), 40.66368097);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function licensePlates() {
+
+  return true;
+}
+
+licensePlates();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-372-pencils-of-rays.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-372-pencils-of-rays.md
new file mode 100644
index 0000000000..0dd861e422
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-372-pencils-of-rays.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4e11000cf542c50fff3
+title: 'Задача 372: В''язка променів'
+challengeType: 5
+forumTopicId: 302034
+dashedName: problem-372-pencils-of-rays
+---
+
+# --description--
+
+Нехай $R(M, N)$ буде кількістю точок доріжки ($x$, $y$), яка задовільняє $M \lt x \le N$, $M \lt y \le N$ та $\left\lfloor\frac{y^2}{x^2}\right\rfloor$ і непарним.
+
+Можемо переконатись, що $R(0, 100) = 3\\,019$ та $R(100, 10\\,000) = 29\\,750\\,422$.
+
+Знайдіть $R(2 \times {10}^6, {10}^9)$.
+
+**Note:** $\lfloor x\rfloor$ представляє підлогу цілої функції.
+
+# --hints--
+
+`pencilsOfRays()` має повернути `301450082318807040`.
+
+```js
+assert.strictEqual(pencilsOfRays(), 301450082318807040);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pencilsOfRays() {
+
+  return true;
+}
+
+pencilsOfRays();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-373-circumscribed-circles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-373-circumscribed-circles.md
new file mode 100644
index 0000000000..4ba16ae6fd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-373-circumscribed-circles.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4e11000cf542c50fff4
+title: 'Задача 373: Обмежені кола'
+challengeType: 5
+forumTopicId: 302035
+dashedName: problem-373-circumscribed-circles
+---
+
+# --description--
+
+Кожен трикутник має обмежене коло, яке проходить через три вершини. Розглянемо всі трикутники, сторони яких вимірюються цілими числами, для яких радіус обмеженого кола також вимірюється цілими числами.
+
+$S(n)$ - це сума радіусів обмежених кіл усіх таких трикутників, радіус яких не перевищує $n$.
+
+$S(100) = 4\\,950$ and $S(1\\,200) = 1\\,653\\,605$.
+
+Знайдіть $S({10}^7)$.
+
+# --hints--
+
+`circumscribedCircles()` повинен повернути як `727227472448913`.
+
+```js
+assert.strictEqual(circumscribedCircles(), 727227472448913);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function circumscribedCircles() {
+
+  return true;
+}
+
+circumscribedCircles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.md
new file mode 100644
index 0000000000..19192a1714
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-374-maximum-integer-partition-product.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e51000cf542c50fff6
+title: 'Задача 374: Максимальний цілочисельний розділ'
+challengeType: 5
+forumTopicId: 302036
+dashedName: problem-374-maximum-integer-partition-product
+---
+
+# --description--
+
+Цілочисельний розділ числа $n$ - це спосіб запису $n$ як суми натуральних чисел.
+
+Розділи, які відрізняються лише порядком їх складання, вважаються однаковими. Розділ $n$ на окремі частини - це розділ $n$, у якому кожна частина зустрічається не більше одного разу.
+
+Розподіл 5 на окремі частини:
+
+5, 4 + 1 та 3 + 2.
+
+Нехай $f(n)$ - це максимальний добуток частин будь-якого такого поділу $n$ на окремі частини і нехай $m(n)$ - кількість елементів будь-якого такого поділу $n$ з цим добутком.
+
+Таким чином, $f(5) = 6$ і $m(5) = 2$.
+
+Для $n=10$ розділ з найбільшим добутком становить $10 = 2 + 3 + 5$, що дає $f(10) = 30$ і $m(10) = 3$. І їх добуток, $f(10)\times m(10) = 30\times 3 = 90$
+
+Можна перевірити, що $\sum f(n)\times m(n)$ для $ 1 ≤ n ≤ 100 = 1\\,683\\,550\\,844\\,462 $.
+
+Знайдіть $\sum f(n) \times m(n)$ для $1 ≤ n ≤ {10}^{14}$. Дайте свою відповідь по модулю $982\\,451\\,653$, 50-мільйонне просте число.
+
+# --hints--
+
+`maximumIntegerPartitionProduct()` повинен повернути `334420941`.
+
+```js
+assert.strictEqual(maximumIntegerPartitionProduct(), 334420941);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximumIntegerPartitionProduct() {
+
+  return true;
+}
+
+maximumIntegerPartitionProduct();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.md
new file mode 100644
index 0000000000..6d85b3a676
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-375-minimum-of-subsequences.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4e41000cf542c50fff5
+title: 'Задача 375: Мінімальна кількість підпослідовностей'
+challengeType: 5
+forumTopicId: 302037
+dashedName: problem-375-minimum-of-subsequences
+---
+
+# --description--
+
+Нехай $S_n$ буде цілочисельною послідовністю, створеною за допомогою такого генератора псевдовипадкових чисел:
+
+$$\begin{align} S_0 & = 290\\,797 \\\\ S_{n + 1} & = {S_n}^2\bmod 50\\,515\\,093 \end{align}$$
+
+Нехай $A(i, j)$ буде мінімальним з чисел $S_i, S_{i + 1}, \ldots, S_j$ for $i ≤ j$. Нехай $M(N) = \sum A(i, j)$ для $1 ≤ i ≤ j ≤ N$.
+
+Ми можемо перевірити, що $M(10) = 432\\,256\\,955$ and $M(10\\,000) = 3\\,264\\,567\\,774\\,119$.
+
+Знайдіть $M(2\\,000\\,000\\,000)$.
+
+# --hints--
+
+`minimumOfSubsequences()` повинен повернути ` 7435327983715286000`.
+
+```js
+assert.strictEqual(minimumOfSubsequences(), 7435327983715286000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function minimumOfSubsequences() {
+
+  return true;
+}
+
+minimumOfSubsequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.md
new file mode 100644
index 0000000000..8394ab0439
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-376-nontransitive-sets-of-dice.md
@@ -0,0 +1,67 @@
+---
+id: 5900f4e51000cf542c50fff7
+title: 'Задача 376: Нетранзитивні набори кубиків'
+challengeType: 5
+forumTopicId: 302038
+dashedName: problem-376-nontransitive-sets-of-dice
+---
+
+# --description--
+
+Розглянемо такий набір кубиків з нетиповою розміткою:
+
+$$\begin{array}{} \text{Die A: } & 1 & 4 & 4 & 4 & 4 & 4 \\\\ \text{Die B: } & 2 & 2 & 2 & 5 & 5 & 5 \\\\ \text{Die C: } & 3 & 3 & 3 & 3 & 3 & 6 \\\\ \end{array}$$
+
+За правилами гри, двоє гравців по черзі підкидують гральний кубик. Переможцем стає той, чий кубик показав найвище значення.
+
+Якщо перший гравець обере кубик $A$, а другий $B$, тоді ми отримуємо
+
+$P(\text{second player wins}) = \frac{7}{12} > \frac{1}{2}$
+
+Якщо перший гравець обере кубик $B$, а другий $C$, ми отримуємо
+
+$P(\text{second player wins}) = \frac{7}{12} > \frac{1}{2}$
+
+Якщо перший гравець обере кубик $C$, а другий $A$, ми отримуємо
+
+$P(\text{second player wins}) = \frac{25}{36} > \frac{1}{2}$
+
+Отже, який би кубик не обрав перший гравець, другий може обрати інший кубик і його шанс перемогти становитиме більше 50%. Набір кубиків, що має таку властивість, називається нетранзитивним.
+
+Ми хочемо дослідити, яка загальна кількість нетранзитивних наборів кубиків. Візьмемо до уваги такі умови:
+
+- Існує 3 шестисторонні кубики, на кожній грані якого розташовано від 1 до $N$ точок включно.
+- Кубики з однаковими наборами точок є рівними, незалежно від того, на якій стороні розташовані ці точки.
+- Однакове значення точок може з'являтись на декількох кубиках; якщо обом гравцями випаде однакове значення точок, жоден із гравців не переміг.
+- Набори кубиків $\\{A, B, C\\}$, $\\{B, C, A\\}$ і $\\{C, A, B\\}$ є рівними.
+
+For $N = 7$ існує 9780 таких наборів.
+
+Скільки їх існує для $N = 30$?
+
+# --hints--
+
+`nontransitiveSetsOfDice()` має повернути `973059630185670`.
+
+```js
+assert.strictEqual(nontransitiveSetsOfDice(), 973059630185670);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nontransitiveSetsOfDice() {
+
+  return true;
+}
+
+nontransitiveSetsOfDice();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.md
new file mode 100644
index 0000000000..9b4991bd91
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-377-sum-of-digits-experience-13.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4e51000cf542c50fff8
+title: 'Задача 377: Сума цифр, випадок #13'
+challengeType: 5
+forumTopicId: 302039
+dashedName: problem-377-sum-of-digits-experience-13
+---
+
+# --description--
+
+Дано 16 додатних цілих чисел, які не містять нулів та сума цифр яких дорівнює 5:
+
+5, 14, 23, 32, 41, 113, 122, 131, 212, 221, 311, 1112, 1121, 1211, 2111 та 11111.
+
+Їхня сума дорівнює 17891.
+
+Нехай $f(n)$ буде сумою усіх додатних чисел, що не місять нулів та сума цифр яких дорівнює $n$.
+
+Знайдіть $\displaystyle\sum_{i=1}^{17} f(13^i)$. У відповіді вкажіть останні 9 цифр.
+
+# --hints--
+
+`experience13()` повинне повернути `732385277`.
+
+```js
+assert.strictEqual(experience13(), 732385277);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function experience13() {
+
+  return true;
+}
+
+experience13();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-378-triangle-triples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-378-triangle-triples.md
new file mode 100644
index 0000000000..f632bf7870
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-378-triangle-triples.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4e61000cf542c50fff9
+title: 'Задача 378: Трійки трикутників'
+challengeType: 5
+forumTopicId: 302040
+dashedName: problem-378-triangle-triples
+---
+
+# --description--
+
+Нехай $T(n)$ буде $n^{\text{th}}$ номером трикутника, отже $T(n) = \frac{n(n + 1)}{2}$.
+
+Нехай $dT(n)$ буде кількістю дільників $T(n)$. До прикладу: $T(7) = 28$ і $dT(7) = 6$.
+
+Нехай $Tr(n)$ буде номером трикутників ($i$, $j$, $k$) таких як $1 ≤ i &lt; j &lt; k ≤ n$ і $dT(i) > dT(j) > dT(k)$. $Tr(20) = 14$, $Tr(100) = 5\\,772$ і $Tr(1000) = 11\\,174\\,776$.
+
+Знайдіть $Tr(60\\,000\\,000)$. Впишіть останні 18 цифр вашої відповіді.
+
+# --hints--
+
+`triangleTriples()` має повернути `147534623725724700`.
+
+```js
+assert.strictEqual(triangleTriples(), 147534623725724700);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triangleTriples() {
+
+  return true;
+}
+
+triangleTriples();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.md
new file mode 100644
index 0000000000..eb218ba138
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-379-least-common-multiple-count.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4e81000cf542c50fffa
+title: 'Завдання 379: Найменше спільне кратне число'
+challengeType: 5
+forumTopicId: 302041
+dashedName: problem-379-least-common-multiple-count
+---
+
+# --description--
+
+Нехай $f(n)$ буде кількістю пар ($x$, $y$) з $x$ і $y$ позитивними додатніми числами, $x ≤ y$ і найменш спільне кратне $x$ і $y$ рівне $n$.
+
+Нехай $g$ буде функцією суми $f$, до приикладу $g(n) = \sum f(i)$ for $1 ≤ i ≤ n$.
+
+Вам дано, що $g({10}^6) = 37\\,429\\,395$.
+
+Знайдіть $g({10}^{12})$.
+
+# --hints--
+
+`leastCommonMultipleCount()` має повернути `132314136838185`.
+
+```js
+assert.strictEqual(leastCommonMultipleCount(), 132314136838185);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function leastCommonMultipleCount() {
+
+  return true;
+}
+
+leastCommonMultipleCount();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-38-pandigital-multiples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-38-pandigital-multiples.md
new file mode 100644
index 0000000000..81b8adf5b1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-38-pandigital-multiples.md
@@ -0,0 +1,96 @@
+---
+id: 5900f3931000cf542c50fea5
+title: 'Завдання 38: Панцифрові кратні числа'
+challengeType: 5
+forumTopicId: 302042
+dashedName: problem-38-pandigital-multiples
+---
+
+# --description--
+
+Візьміть число 192 і помножте його на 1, 2 і 3:
+
+$$\begin{align} 192 × 1 = 192\\\\ 192 × 2 = 384\\\\ 192 × 3 = 576\\\\ \end{align}$$
+
+Об'єднавши кожний добуток, ми отримаємо панцифрове число від 1 до 9 - 192384576. Назвемо отримане число 192384576 об'єднаним добутком 192 і (1, 2, 3).
+
+Те ж саме можна отримати, починаючи з числа 9 і перемноживши його на 1, 2, 3, 4 і 5, утворивши панцифрове число 918273645, яке є об'єднаним добутком цифр 9 та (1, 2, 3, 4, 5).
+
+Яке найбільше `k`-не панцифрове число від 1 до `k` можна сформувати як об'єднаний добуток цілого числа з (1, 2, ..., `n`), де `n` > 1?
+
+# --hints--
+
+`pandigitalMultiples(8)` має повернути число.
+
+```js
+assert(typeof pandigitalMultiples(8) === 'number');
+```
+
+`pandigitalMultiples(8)` має повернути `78156234`.
+
+```js
+assert.strictEqual(pandigitalMultiples(8), 78156234);
+```
+
+`pandigitalMultiples(9)` має повернути `932718654`.
+
+```js
+assert.strictEqual(pandigitalMultiples(9), 932718654);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pandigitalMultiples(k) {
+
+  return true;
+}
+
+pandigitalMultiples(8);
+```
+
+# --solutions--
+
+```js
+function pandigitalMultiples(k) {
+  function getKDigitConcatenatedProduct(num, k) {
+    // returns false if concatenated product is not k digits
+    let concatenatedProduct = num.toString();
+    for (let i = 2; concatenatedProduct.length < k; i++) {
+      concatenatedProduct += num * i;
+    }
+    return concatenatedProduct.length === k ? concatenatedProduct : false;
+  }
+
+  function is1toKPandigital(num, k) {
+    const numStr = num.toString();
+
+    // check if length is not k
+    if (numStr.length !== k) {
+      return false;
+    }
+
+    // check if pandigital
+    for (let i = k; i > 0; i--) {
+      if (numStr.indexOf(i.toString()) === -1) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  let largestNum = 0;
+  for (let i = 10 ** Math.floor(k / 2) + 1; i >= 1; i--) {
+    const concatenatedProduct = getKDigitConcatenatedProduct(i, k);
+    if (is1toKPandigital(concatenatedProduct, k)) {
+      const number = parseInt(concatenatedProduct, 10);
+      if (number > largestNum) {
+        largestNum = number;
+      }
+    }
+  }
+  return largestNum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-380-amazing-mazes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-380-amazing-mazes.md
new file mode 100644
index 0000000000..6f7dafd5a3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-380-amazing-mazes.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4e81000cf542c50fffb
+title: 'Задача 380: Дивовижні лабіринти!'
+challengeType: 5
+forumTopicId: 302044
+dashedName: problem-380-amazing-mazes
+---
+
+# --description--
+
+Лабіринт $m×n$ - це прямокутна сітка $m×n$ зі стінками, розміщеними між клітинками сітки таким чином, що існує рівно один шлях від верхнього лівого квадрата до будь-якого іншого квадрата. Нижче наведено приклади лабіринту 9×12 та лабіринту 15×20:
+
+<img class="img-responsive center-block" alt="Лабіринт 9х12 і лабіринт 15х20" src="https://cdn.freecodecamp.org/curriculum/project-euler/amazing-mazes.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $C(m, n)$ - кількість різних $m×n$ лабіринтів. Лабіринти, які можуть утворитися шляхом обертання та відбиття від іншого лабіринту, вважаються окремими.
+
+Можна перевірити, що $C(1, 1) = 1$, $C(2, 2) = 4$, $C (3, 4) = 2415$ і $C (9, 12) = 2,5720\mathrm{e}\\,46$ (у наукових позначеннях округлено до 5 значущих цифр).
+
+Знайдіть $C(100, 500)$ і запишіть свою відповідь у вигляді рядка в науковому позначенні, округленому до 5 значущих цифр.
+
+Даючи свою відповідь, використовуйте малі літери e, щоб відокремити мантису та показник степеня. Наприклад. якщо відповідь становить 1234567891011, тоді формат відповіді буде рядком `1.2346e12`.
+
+# --hints--
+
+`amazingMazes()` має повернути рядок.
+
+```js
+assert(typeof amazingMazes() === 'string');
+```
+
+`amazingMazes()` має повернути рядок `6.3202e25093`.
+
+```js
+assert.strictEqual(amazingMazes(), '6.3202e25093');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function amazingMazes() {
+
+  return true;
+}
+
+amazingMazes();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-381-prime-k-factorial.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-381-prime-k-factorial.md
new file mode 100644
index 0000000000..ed9b93e188
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-381-prime-k-factorial.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4ea1000cf542c50fffc
+title: 'Задача 381: Факторіал простого числа-k'
+challengeType: 5
+forumTopicId: 302045
+dashedName: problem-381-prime-k-factorial
+---
+
+# --description--
+
+Нехай для простого числа $p$ $S(p) = (\sum (p - k)!)\bmod (p)$ for $1 ≤ k ≤ 5$.
+
+Наприклад, якщо $p = 7$,
+
+$$(7 - 1)! + (7 - 2)! + (7 - 3)! + (7 - 4)! + (7 - 5)! = 6! + 5! + 4! + 3! + 2! = 720 + 120 + 24 + 6 + 2 = 872$$
+
+Тоді $872\bmod (7) = 4$, $S(7) = 4$.
+
+Можна довести, що $\sum S(p) = 480$ для $5 ≤ p &lt; 100$.
+
+Знайдіть $\sum S(p)$ для $5 ≤ p &lt; {10}^8$.
+
+# --hints--
+
+`primeKFactorial()` має видати `139602943319822`.
+
+```js
+assert.strictEqual(primeKFactorial(), 139602943319822);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeKFactorial() {
+
+  return true;
+}
+
+primeKFactorial();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-382-generating-polygons.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-382-generating-polygons.md
new file mode 100644
index 0000000000..3c0c45763e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-382-generating-polygons.md
@@ -0,0 +1,65 @@
+---
+id: 5900f4eb1000cf542c50fffd
+title: 'Завдання 382: Створення багатокутників'
+challengeType: 5
+forumTopicId: 302046
+dashedName: problem-382-generating-polygons
+---
+
+# --description--
+
+Багатокутник - це пласка фігура, що складається з прямих відрізків, які з'єднані таким чином, що формують цільний ланцюг. Багатокутник складається принаймні з трьох сторін та не перетинається.
+
+Множина додатніх чисел $S$ створює багатокутник $P$, якщо:
+
+- немає двох сторін $P$ однакової довжини,
+- довжина кожної сторони $P$ знаходиться в $S$, і
+- $S$ не містить іншого значення.
+
+Наприклад:
+
+Набір {3, 4, 5} створює багатокутник зі сторонами 3, 4 та 5 (трикутник).
+
+Набір {6, 9, 11, 24} створює багатокутник зі сторонами 6, 9, 11 та 24 (чотирикутник).
+
+Набори {1, 2, 3} і {2, 3, 4, 9} не утворюють жодного багатокутника.
+
+Розглянемо послідовність $s$, визначену наступним чином:
+
+- $s_1 = 1$, $s_2 = 2$, $s_3 = 3$
+- $s_n = s_{n - 1} + s_{n - 3}$ для $n > 3$.
+
+Нехай $U_n$ буде набором $\\{s_1, s_2, \ldots, s_n\\}$. Наприклад, $U_{10} = \\{1, 2, 3, 4, 6, 9, 13, 19, 28, 41\\}$.
+
+Нехай $f(n)$ буде числом підмножин $U_n$, що утворює принаймні один багатокутник.
+
+Наприклад, $f(5) = 7$, $f(10) = 501$ та $f(25) = 18\\,635\\,853$.
+
+Знайдіть останні 9 цифр з $f({10}^{18})$.
+
+# --hints--
+
+`generatingPolygons()` повинен повертатися як `697003956`.
+
+```js
+assert.strictEqual(generatingPolygons(), 697003956);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function generatingPolygons() {
+
+  return true;
+}
+
+generatingPolygons();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.md
new file mode 100644
index 0000000000..b3fa9b5ad5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-383-divisibility-comparison-between-factorials.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4ed1000cf542c50ffff
+title: 'Завдання 383: Порівняння подільності факторіалів'
+challengeType: 5
+forumTopicId: 302047
+dashedName: problem-383-divisibility-comparison-between-factorials
+---
+
+# --description--
+
+Нехай $f_5(n)$ — це найбільше ціле число $x$, при якому $5^x$ ділить $n$.
+
+Наприклад, $f_5(625\\,000) = 7$.
+
+Нехай $T_5(n)$ — це кількість цілих чисел $i$, які задовольняють вираз $f_5((2 \times i - 1)!) &lt; 2 \times f_5(i!)$ та $1 ≤ i ≤ n$.
+
+Можна довести, що $T_5({10}^3) = 68$ та $T_5({10}^9) = 2\\,408\\,210$.
+
+Знайдіть $T_5({10}^{18})$.
+
+# --hints--
+
+`factorialDivisibilityComparison()` повинно видавати `22173624649806`.
+
+```js
+assert.strictEqual(factorialDivisibilityComparison(), 22173624649806);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorialDivisibilityComparison() {
+
+  return true;
+}
+
+factorialDivisibilityComparison();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.md
new file mode 100644
index 0000000000..50caf1667e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-384-rudin-shapiro-sequence.md
@@ -0,0 +1,62 @@
+---
+id: 5900f4ed1000cf542c50fffe
+title: 'Завдання 384: послідовність Рудіна-Шапіро'
+challengeType: 5
+forumTopicId: 302048
+dashedName: problem-384-rudin-shapiro-sequence
+---
+
+# --description--
+
+Визначте послідовність $a(n)$ як кількість прилеглих пар у бінарному розширенні $n$ (можливо, вони перекриватимуть одна одне).
+
+Наприклад: $a(5) = a({101}_2) = 0$, $a(6) = a({110}_2) = 1$, $a(7) = a({111}_2) = 2$
+
+Визначте послідовність $b(n) = {(-1)}^{a(n)}$. Така послідовність має назву "Послідовність Рудіна-Шапіро".
+
+Також розглянемо суматорну послідовність $b(n)$: $s(n) = \displaystyle\sum_{i = 0}^{n} b(i)$.
+
+Перші декілька значень цих послідовностей:
+
+$$\begin{array}{lr} n    & 0 & 1 & 2 &  3 & 4 & 5 &  6 & 7 \\\\ a(n) & 0 & 0 & 0 &  1 & 0 & 0 &  1 & 2 \\\\ b(n) & 1 & 1 & 1 & -1 & 1 & 1 & -1 & 1 \\\\ s(n) & 1 & 2 & 3 &  2 & 3 & 4 &  3 & 4 \end{array}$$
+
+Послідовність $s(n)$ має особливу властивість, коли усі її елементи позитивні, а кожне позитивне ціле число $k$ виникає рівно $k$ разів.
+
+Визначте $g(t, c)$, with $1 ≤ c ≤ t$, як індекс у $s(n)$ для якого $t$ виникає у $c$-й раз у $s(n)$.
+
+Наприклад: $g(3, 3) = 6$, $g(4, 2) = 7$ and $g(54321, 12345) = 1\\,220\\,847\\,710$.
+
+Нехай $F(n)$ буде послідовністю Фібоначчі, що визначається наступним:
+
+$$\begin{align} & F(0) = F(1) = 1 \text{ and} \\\\ & F(n) = F(n - 1) + F(n - 2) \text{ for } n > 1. \end{align}$$
+
+Визначити $GF(t) = g(F(t), F(t - 1))$.
+
+Знайти $\sum GF(t)$ for$ 2 ≤ t ≤ 45$.
+
+# --hints--
+
+`rudinShapiroSequence()` має повернути `3354706415856333000`.
+
+```js
+assert.strictEqual(rudinShapiroSequence(), 3354706415856333000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rudinShapiroSequence() {
+
+  return true;
+}
+
+rudinShapiroSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.md
new file mode 100644
index 0000000000..70200e48de
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-385-ellipses-inside-triangles.md
@@ -0,0 +1,55 @@
+---
+id: 5900f4ee1000cf542c510000
+title: 'Завдання 385: Еліпси всередині трикутників'
+challengeType: 5
+forumTopicId: 302049
+dashedName: problem-385-ellipses-inside-triangles
+---
+
+# --description--
+
+На площині будь-якого трикутника $T$ можна зобразити унікальний еліпс, який повністю розташовується всередині $T$.
+
+<img class="img-responsive center-block" alt="еліпс повністю всередині трикутника" src="https://cdn.freecodecamp.org/curriculum/project-euler/ellipses-inside-triangles.png" style="background-color: white; padding: 10px;" />
+
+Для даного $n$ розглянемо такі трикутники $T$:
+
+-   вершини $T$ мають цілі координати з абсолютним значенням $≤ n$
+-   $(\sqrt{13}, 0)$ та $(-\sqrt{13}, 0)$ є фокусами<sup>1</sup> найбільшого еліпса в межах $T$.
+
+Нехай $A(n)$ — це сума площ усіх таких трикутників.
+
+Наприклад, якщо $n = 8$, то є два таких трикутників. Їхні вершини: (-4,-3), (-4,3), (8,0) та (4,3), (4,-3), (-8,0), а площа кожного трикутника — 36. Таким чином $A(8) = 36 + 36 = 72$.
+
+Можна перевірити, що $A(10) = 252$, $A(100) = 34\\,632$ та $A(1000) = 3\\,529\\,008$.
+
+Знайдіть $A(1\\,000\\,000\\,000)$.
+
+<sup>1</sup>Фокусами еліпса є дві точки $A$ та $B$. Для кожної точки $P$ на межі еліпса $AP + PB$ є константою.
+
+# --hints--
+
+`ellipsesInsideTriangles()` має повернути `3776957309612154000`.
+
+```js
+assert.strictEqual(ellipsesInsideTriangles(), 3776957309612154000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ellipsesInsideTriangles() {
+
+  return true;
+}
+
+ellipsesInsideTriangles();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.md
new file mode 100644
index 0000000000..835c5262ed
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-386-maximum-length-of-an-antichain.md
@@ -0,0 +1,50 @@
+---
+id: 5900f4ef1000cf542c510001
+title: 'Задача 386: Максимальна довжина антиланцюга'
+challengeType: 5
+forumTopicId: 302050
+dashedName: problem-386-maximum-length-of-an-antichain
+---
+
+# --description--
+
+Нехай $n$ — ціле число, а $S(n)$ — набір множників $n$.
+
+Підмножина $A$ та $S(n)$ називається антиланцюгом $S(n)$, якщо $A$ має лише один елемент або якщо жоден з елементів $A$ не ділить будь-який інший з елементів $A$.
+
+Наприклад, $S(30) = \\{1, 2, 3, 5, 6, 10, 15, 30\\}$
+
+$\\{2, 5, 6\\}$ не є антиланцюгом $S(30)$.
+
+$\\{2, 3, 5\\}$ не є антиланцюгом $S(30)$.
+
+Нехай $N(n)$ — максимальна довжина антиланцюга $S(n)$.
+
+Знайдіть $\sum N(n)$ for $1 ≤ n ≤ {10}^8$
+
+# --hints--
+
+`maximumLengthOfAntichain()` має повернути `528755790`.
+
+```js
+assert.strictEqual(maximumLengthOfAntichain(), 528755790);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximumLengthOfAntichain() {
+
+  return true;
+}
+
+maximumLengthOfAntichain();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-387-harshad-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-387-harshad-numbers.md
new file mode 100644
index 0000000000..9b3dbf6643
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-387-harshad-numbers.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4f11000cf542c510003
+title: 'Задача 387: Числа Гаршада'
+challengeType: 5
+forumTopicId: 302051
+dashedName: problem-387-harshad-numbers
+---
+
+# --description--
+
+Число Гаршада або Нівена - це число, що ділиться на суму його цифр.
+
+201 - це число Гаршада, тому що воно ділиться на 3 (суму його цифр.)
+
+Скоротімо останню цифру від 201, отримаємо 20, а саме число Гаршад.
+
+Скоротимо останнє число з 20, отримаємо 2, а це також число Гаршад.
+
+Давайте будемо вважати, що число Гаршада, рекурсивно скорочуючи останню цифру, завжди призводить до того, що число є правильним та усіченим.
+
+Також:
+
+$\frac{201}{3} = 67$ яке є простим числом.
+
+Будемо вважати, що число Гаршада, розділене на суму його цифр, призводить до простого сильного числа Гаршада.
+
+Візьмімо просте число 2011. Коли ми забираємо останню цифру, ми отримуємо 201 - сильне число Гаршада, яке теж добре скорочується. Назвімо такі прості, скорочені числа простими числами Гаршада.
+
+Дано, що сума сильних простих Гаршад чисел, які правильно скорочуються, менше ніж 10000 є 90619.
+
+Знайти: суму сильних простих чисел Гаршада менше ${10}^{14}$.
+
+# --hints--
+
+`harshadNumbers()` повинен повернути`696067597313468`.
+
+```js
+assert.strictEqual(harshadNumbers(), 696067597313468);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function harshadNumbers() {
+
+  return true;
+}
+
+harshadNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-388-distinct-lines.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-388-distinct-lines.md
new file mode 100644
index 0000000000..8a65461487
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-388-distinct-lines.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4f11000cf542c510002
+title: 'Задача 388: Окремі лінії'
+challengeType: 5
+forumTopicId: 302052
+dashedName: problem-388-distinct-lines
+---
+
+# --description--
+
+Розглянемо всі точки решітки ($a$, $b$, $c$) with $0 ≤ a, b, c ≤ N$.
+
+Від початку координат $O(0, 0, 0)$ всі лінії проводяться до інших точок решітки. Нехай $D(N)$ - кількість окремих таких прямих.
+
+Вам дано, що $D(1\\,000\\,000) = 831\\,909\\,254\\,469\\,114\\,121$.
+
+Знайдіть $D({10}^{10})$. У відповідь вкажіть перші дев’ять цифр, за якими йдуть останні дев’ять цифр.
+
+# --hints--
+
+`distinctLines()` повинен повертатися як `831907372805130000`.
+
+```js
+assert.strictEqual(distinctLines(), 831907372805130000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function distinctLines() {
+
+  return true;
+}
+
+distinctLines();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-389-platonic-dice.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-389-platonic-dice.md
new file mode 100644
index 0000000000..01c83b38f8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-389-platonic-dice.md
@@ -0,0 +1,48 @@
+---
+id: 5900f4f21000cf542c510004
+title: 'Задача 389: Platonic Dice (Правильний многокутник)'
+challengeType: 5
+forumTopicId: 302053
+dashedName: problem-389-platonic-dice
+---
+
+# --description--
+
+Кинуто правильний 4-х сторонній кубик, його значення - $T$.
+
+Кинуто $T$ правильних 6-и сторонніх кубиків, їх значення додано. Сума їх значень: $C$.
+
+Кинуто $C$ правильних 8-и сторонніх кубиків. Сума їх значень: $O$.
+
+Кинуто $O$ правильних 12-и сторонніх кубиків. Сума їх значень: $D$.
+
+Кинуто $D$ правильних 20-и сторонніх кубиків. Сума їх значень: $I$.
+
+Знайдіть варіацію $I$ і дайте відповідь округлену до 4-х десяткових знаків після коми.
+
+# --hints--
+
+`platonicDice()` повинен повернути `2406376.3623`.
+
+```js
+assert.strictEqual(platonicDice(), 2406376.3623);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function platonicDice() {
+
+  return true;
+}
+
+platonicDice();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-39-integer-right-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-39-integer-right-triangles.md
new file mode 100644
index 0000000000..8b4bdc1ad4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-39-integer-right-triangles.md
@@ -0,0 +1,91 @@
+---
+id: 5900f3931000cf542c50fea6
+title: 'Завдання 39: Цілочисельні прямокутні трикутники'
+challengeType: 5
+forumTopicId: 302054
+dashedName: problem-39-integer-right-triangles
+---
+
+# --description--
+
+Якщо `p` — це периметр прямокутного трикутника з цілочисельними довжинами сторін {a,b,c}, то для p = 120 є три рішення.
+
+{20,48,52}, {24,45,51}, {30,40,50}
+
+При якому значенні `p`≤`n` кількість рішень буде максимальною?
+
+# --hints--
+
+`intRightTriangles(500)` має повернути число.
+
+```js
+assert(typeof intRightTriangles(500) === 'number');
+```
+
+`intRightTriangles(500)` має повернути число 420.
+
+```js
+assert(intRightTriangles(500) == 420);
+```
+
+`intRightTriangles(800)` має повернути число 720.
+
+```js
+assert(intRightTriangles(800) == 720);
+```
+
+`intRightTriangles(900)` має повернути число 840.
+
+```js
+assert(intRightTriangles(900) == 840);
+```
+
+`intRightTriangles(1000)` має повернути число 840.
+
+```js
+assert(intRightTriangles(1000) == 840);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function intRightTriangles(n) {
+
+  return n;
+}
+
+intRightTriangles(500);
+```
+
+# --solutions--
+
+```js
+// Original idea for this solution came from
+// https://www.xarg.org/puzzle/project-euler/problem-39/
+
+function intRightTriangles(n) {
+  // store the number of triangles with a given perimeter
+  let triangles = {};
+  // a is the shortest side
+  for (let a = 3; a < n / 3; a++)
+  // o is the opposite side and is at least as long as a
+    for (let o = a; o < n / 2; o++) {
+      let h = Math.sqrt(a * a + o * o); // hypotenuse
+      let p = a + o + h;  // perimeter
+      if ((h % 1) === 0 && p <= n) {
+        triangles[p] = (triangles[p] || 0) + 1;
+      }
+    }
+
+  let max = 0, maxp = null;
+  for (let p in triangles) {
+    if (max < triangles[p]) {
+      max = triangles[p];
+      maxp = parseInt(p);
+    }
+  }
+  return maxp;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.md
new file mode 100644
index 0000000000..54a071fc1b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-390-triangles-with-non-rational-sides-and-integral-area.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4f21000cf542c510005
+title: 'Задача 390: Трикутники зі сторонами та площею, що вимірюється цілими числами'
+challengeType: 5
+forumTopicId: 302055
+dashedName: problem-390-triangles-with-non-rational-sides-and-integral-area
+---
+
+# --description--
+
+Розглянемо трикутник зі сторонами $\sqrt{5}$, $\ sqrt{65}$ та $\sqrt{68}$. Можна показати, що площа цього трикутника дорівнює 9.
+
+$S(n)$ - це сума площ усіх трикутників зі сторонами $\sqrt{1 + b^2}$, $\sqrt{1 + c^2}$ та $\sqrt{b^2 + c ^2}$ (для натуральних чисел $b$ і $c$), які мають цілісну площу, що не перевищує $n$.
+
+Наприклад $b = 2$ і $c = 8$.
+
+$S({10}^6) = 18\\,018\\,206$.
+
+Знайдіть $S({10}^{10})$.
+
+# --hints--
+
+`nonRationalSidesAndIntegralArea()` повинен повернути `2919133642971`.
+
+```js
+assert.strictEqual(nonRationalSidesAndIntegralArea(), 2919133642971);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nonRationalSidesAndIntegralArea() {
+
+  return true;
+}
+
+nonRationalSidesAndIntegralArea();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-391-hopping-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-391-hopping-game.md
new file mode 100644
index 0000000000..c06fd4d3f4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-391-hopping-game.md
@@ -0,0 +1,59 @@
+---
+id: 5900f4f31000cf542c510006
+title: 'Завдання 391: Гра класики'
+challengeType: 5
+forumTopicId: 302056
+dashedName: problem-391-hopping-game
+---
+
+# --description--
+
+Нехай $s_k$ буде кількістю одиниць при записі чисел від 0 до $k$ у двійковій системі.
+
+Наприклад, записуючи числа від 0 до 5 у двійковій системі, ми маємо 0, 1, 10, 11, 100, 101. Є сім одиниць, тому $s_5 = 7$.
+
+Послідовність $S = \\{s_k : k ≥ 0\\}$ починається з $\\{0, 1, 2, 4, 5, 7, 9, 12, \ldots\\}$.
+
+Грають два гравці. Перед початком гри обрано число $n$. Лічити $c$ починає з 0. На початку ходу гравець обирає число від 1 до $n$ (включно) та збільшує це число на $c$. Отримане значення $c$ має належати $S$. Якщо більше немає можливих ходів, то гравець програє.
+
+Наприклад, з $n = 5$ і починаючи з $c = 0$:
+
+- Гравець 1 обирає 4, тож $c$ стає $0 + 4 = 4$.
+- Гравець 2 обирає 5, тож $c$ стає $4 + 5 = 9$.
+- Гравець 1 обирає 3, тож $c$ стає $9 + 3 = 12$.
+- і т. д.
+
+Зверніть увагу, що $c$ завжди належить $S$, і кожен гравець може збільшити $c$ не більше ніж на $n$.
+
+Нехай $M(n)$ буде найбільшим числом, яке може обрати перший гравець у перший хід, щоб спровокувати перемогу, і $M(n) = 0$, якщо такого ходу немає. Наприклад, $M(2) = 2$, $M(7) = 1$ та $M(20) = 4$.
+
+Це може бути підтверджено $\sum M{(n)}^3 = 8150$ за $1 ≤ n ≤ 20$.
+
+Знайдіть $\sum M{(n)}^3$ за $1 ≤ 1000$.
+
+# --hints--
+
+`hoppingGame()` повинен повертатися як `61029882288`.
+
+```js
+assert.strictEqual(hoppingGame(), 61029882288);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hoppingGame() {
+
+  return true;
+}
+
+hoppingGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.md
new file mode 100644
index 0000000000..8f67aa7805
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-392-enmeshed-unit-circle.md
@@ -0,0 +1,58 @@
+---
+id: 5900f4f41000cf542c510007
+title: 'Задача 392: Взаємозалежне одиничне коло'
+challengeType: 5
+forumTopicId: 302057
+dashedName: problem-392-enmeshed-unit-circle
+---
+
+# --description--
+
+Прямолінійна сітка – це прямокутна сітка, де відстань між лініями не повинна бути рівновіддаленою.
+
+Прикладом такої сітки є логарифмічний розграфлений листок.
+
+Розглянемо прямолінійні сітки у декартовій системі координат з наступними властивостями:
+
+- Сітки є паралельними до осей координатної системи Декарта.
+- Є $N + 2$ вертикальні та $N + 2$ горизонтальні сітки. Отже, це $(N + 1) \times (N + 1)$ прямокутні клітинки.
+- Рівняннями двох зовнішніх вертикальних сіток є $x = -1$ та $x = 1$.
+- Рівняннями двох зовнішніх горизонтальних сіток є are $y = -1$ та $y = 1$.
+- Клітинки сітки позначені червоним, якщо вони перекривають одиничне коло, чорним – якщо навпаки.
+
+Для цього завдання вам варто знайти положення залишених $N$ внутрішніх горизонтальних та $N$ внутрішніх вертикальних сіток, аби площа, зайнята червоними клітинками, мінімалізувалася.
+
+Наприкл. це малюнок вирішення для $N = 10$:
+
+<img class="img-responsive center-block" alt="розв'язок для N = 10" src="https://cdn.freecodecamp.org/curriculum/project-euler/enmeshed-unit-circle.png" style="background-color: white; padding: 10px;" />
+
+Площа, зайнята червоними клітинками, для $N = 10$, округлена до 10 знаків після коми, дорівнює 3.3469640797.
+
+Знайдіть положення для $N = 400$. У своїй відповіді зазначте площу, зайняту червоними клітинками, округлену до 10 знаків після коми.
+
+# --hints--
+
+`enmeshedUnitCircle()` має вивести `3.1486734435`.
+
+```js
+assert.strictEqual(enmeshedUnitCircle(), 3.1486734435);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function enmeshedUnitCircle() {
+
+  return true;
+}
+
+enmeshedUnitCircle();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-393-migrating-ants.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-393-migrating-ants.md
new file mode 100644
index 0000000000..c061244ff4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-393-migrating-ants.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4f61000cf542c510008
+title: 'Задача 393: Міграція мурах'
+challengeType: 5
+forumTopicId: 302058
+dashedName: problem-393-migrating-ants
+---
+
+# --description--
+
+Сітка квадратів $n×n$ містить $n^2$ мурашок, по одній мурашці на квадрат.
+
+Усі мурахи вирішують одночасно переміститися до сусіднього квадрата (зазвичай є 4 варіанти, за винятком мурашок на краю сітки або по кутах).
+
+Ми визначаємо, що $f(n)$ - це кількість способів, за яких це може статися без того, щоб мурашки опинилися на одному й тому ж квадраті, і без того, щоб дві мурашки перетинали один і той самий край між двома квадратами.
+
+Вам дано, що $f(4) = 88$.
+
+Знайдіть $f(10)$.
+
+# --hints--
+
+`migratingAnts()` повинен повертати `112398351350823100`.
+
+```js
+assert.strictEqual(migratingAnts(), 112398351350823100);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function migratingAnts() {
+
+  return true;
+}
+
+migratingAnts();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-394-eating-pie.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-394-eating-pie.md
new file mode 100644
index 0000000000..25ac0017d1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-394-eating-pie.md
@@ -0,0 +1,53 @@
+---
+id: 5900f4f71000cf542c510009
+title: 'Завдання 394: Споживання пирога'
+challengeType: 5
+forumTopicId: 302059
+dashedName: problem-394-eating-pie
+---
+
+# --description--
+
+Джефф їсть пиріг незвично.
+
+Пиріг є круглим. Він починає з нарізання початкового розрізу пирога по радіусу.
+
+Поки залишилася принаймні дана частка $F$ пирога, він виконує таку процедуру:
+
+- Він робить дві скибочки від центру пирога до будь-якої точки краю пирога, будь-яка точка на іншому краї пирога - однаково ймовірна. Це розділить решту пирога на три частини.
+- Йдучи з початкового розрізу проти годинникової стрілки, він бере перші два шматочки пирога і їсть їх.
+
+Коли залишається менше частки $F$ пирога, він не повторює цю процедуру. Натомість він їсть пиріг, що залишився.
+
+<img class="img-responsive center-block" alt="анімація процедури нарізання пирога" src="https://cdn.freecodecamp.org/curriculum/project-euler/eating-pie.gif" style="background-color: white; padding: 10px;" />
+
+Для $x ≥ 1$, нехай $E(x)$ - це очікувана кількість разів, коли Джефф повторить описану вище процедуру з $F = \frac{1}{x}$. Можна перевірити, що $E(1) = 1$, $E(2) ≈ 1.2676536759$, і $E(7.5) ≈ 2.1215732071$.
+
+Знайдіть $E(40)$, округлений до 10 знаків після коми.
+
+# --hints--
+
+`eatingPie()` має повернути `3.2370342194`.
+
+```js
+assert.strictEqual(eatingPie(), 3.2370342194);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eatingPie() {
+
+  return true;
+}
+
+eatingPie();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-395-pythagorean-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-395-pythagorean-tree.md
new file mode 100644
index 0000000000..ae1252d774
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-395-pythagorean-tree.md
@@ -0,0 +1,52 @@
+---
+id: 5900f4f71000cf542c51000a
+title: 'Завдання 395: Дерево Піфагора'
+challengeType: 5
+forumTopicId: 302060
+dashedName: problem-395-pythagorean-tree
+---
+
+# --description--
+
+Дерево Піфагора це фрактальна крива, створена за наступною процедурою:
+
+Почніть з одиничного квадрата. Після цього, позначте одну із його сторін основою (у анімації нижня сторона є основою):
+
+1. Прикріпіть правий трикутник до протилежної основі сторони з її гіпотенузою та співвідношенням сторін 3-4-5. Зверніть увагу, що менша сторона трикутника повинна бути праворуч від основи (погляньте на анімацію).
+2. Прикріпіть квадрат до кожного кута правого трикутника так, щоб сторона була дотичною з кутом.
+3. Повторіть процедуру для обох квадратів, беручи за основи сторони, дотичні до трикутника.
+
+Отримана фігура, після безкінечної кількості повторень, є деревом Піфагора.
+
+<img class="img-responsive center-block" alt="анімація показує 8 повторень процедури" src="https://cdn.freecodecamp.org/curriculum/project-euler/pythagorean-tree.gif" style="background-color: white; padding: 10px;" />
+
+Може бути показано, що існує принаймні один прямокутник, чиї сторони є паралельними до найбільшого квадрата дерева Піфагора, що цілком охоплює його.
+
+Знайдіть найменшу можливу площину для такого об'єднувального прямокутника та скоротіть відповідь до десяти чисел після коми.
+
+# --hints--
+
+`pythagoreanTree()` має вивести `28.2453753155`.
+
+```js
+assert.strictEqual(pythagoreanTree(), 28.2453753155);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pythagoreanTree() {
+
+  return true;
+}
+
+pythagoreanTree();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.md
new file mode 100644
index 0000000000..0952a488b5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-396-weak-goodstein-sequence.md
@@ -0,0 +1,62 @@
+---
+id: 5900f4f81000cf542c51000b
+title: 'Задача 396: Слабка Послідовність Гудштейна'
+challengeType: 5
+forumTopicId: 302061
+dashedName: problem-396-weak-goodstein-sequence
+---
+
+# --description--
+
+Для будь-якого цілого додатного числа $n$, $n$ по черзі слабка послідовність Гудштейна $\\{g1, g2, g3, \ldots\\}$ визначається:
+
+- $g_1 = n$
+- для $k > 1$, $g_k$ отримується через написання $g_{k - 1}$ в базі $k$, пояснюючи це як базу $k + 1$ номеру, та віднявши 1.
+
+Послідовність припиняється, коли $g_k$ стає 0.
+
+Наприклад, $6$-та слабка послідовність Гудштейна - це $\\{6, 11, 17, 25, \ldots\\}$:
+
+- $g_1 = 6$.
+- $g_2 = 11$ since $6 = 110_2$, $110_3 = 12$, and $12 - 1 = 11$.
+- $g_3 = 17$ since $11 = 102_3$, $102_4 = 18$, and $18 - 1 = 17$.
+- $g_4 = 25$ since $17 = 101_4$, $101_5 = 26$, and $26 - 1 = 25$.
+
+і так далі.
+
+Видно, що кожна слабка послідовність Гудштейна закінчується.
+
+Нехай $G(n)$ буде кількістю ненульованих елементів в $n$-тій послідовності Гудштейна.
+
+Доведено, що $G(2) = 3$, $G(4) = 21$ and $G(6) = 381$.
+
+Також можна довести, що $\sum G(n) = 2517$ for $1 ≤ n &lt; 8$.
+
+Знайдіть останні 9 цифр $\sum G(n)$ for $1 ≤ n &lt; 16$.
+
+# --hints--
+
+`weakGoodsteinSequence()` має повернути `173214653`.
+
+```js
+assert.strictEqual(weakGoodsteinSequence(), 173214653);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function weakGoodsteinSequence() {
+
+  return true;
+}
+
+weakGoodsteinSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.md
new file mode 100644
index 0000000000..21074a1d22
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-397-triangle-on-parabola.md
@@ -0,0 +1,44 @@
+---
+id: 5900f4f91000cf542c51000c
+title: 'Задача 397: Трикутник на параболі'
+challengeType: 5
+forumTopicId: 302062
+dashedName: problem-397-triangle-on-parabola
+---
+
+# --description--
+
+На параболі $y = \frac{x^2}{k}$ обрано три точки: $A(a, \frac{a^2}{k})$, $B(b, \frac{b^2}{k})$ та $C(c, \frac{c^2}{k})$.
+
+Нехай $F(K, X)$ — кількість цілочисельних квадруплетів $(k, a, b, c)$ так, що хоча б один кут трикутника $ABC$ має 45°, а $1 ≤ k ≤ K$ та $-X ≤ a &lt; b &lt; c ≤ X$.
+
+Наприклад, $F(1, 10) = 41$ and $F(10, 100) = 12\\,492$.
+
+Знайдіть $F({10}^6, {10}^9)$.
+
+# --hints--
+
+`triangleOnParabola()` має повернути `141630459461893730`.
+
+```js
+assert.strictEqual(triangleOnParabola(), 141630459461893730);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triangleOnParabola() {
+
+  return true;
+}
+
+triangleOnParabola();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-398-cutting-rope.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-398-cutting-rope.md
new file mode 100644
index 0000000000..622e057ad5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-398-cutting-rope.md
@@ -0,0 +1,42 @@
+---
+id: 5900f4fa1000cf542c51000d
+title: 'Задача 398: Порізка мотузки'
+challengeType: 5
+forumTopicId: 302063
+dashedName: problem-398-cutting-rope
+---
+
+# --description--
+
+Всередині мотузки довжиною $n$, $n - 1$ точок розміщуються на відстані 1 від одного та від країв. Серед цих точок ми вибираємо $m - 1$ точок навмання і відрізаємо мотузку в цих точках, щоб створити $m$ сегменти.
+
+Нехай $E(n, m)$ буде очікуваною довжиною другого найкоротшого сегмента. Наприклад, $E(3, 2) = 2$ та $E(8, 3) = \frac{16}{7}$. Зверніть увагу, що якщо декілька сегментів мають таку ж найменшу довжину, довжина другого найкоротшого сегмента визначається так само, як і найкоротша довжина.
+
+Знайдіть $E({10}^7, 100)$. Дайте відповідь, округлену до 5 знаків після коми.
+
+# --hints--
+
+`cuttingRope()` має вивести `2010.59096`.
+
+```js
+assert.strictEqual(cuttingRope(), 2010.59096);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cuttingRope() {
+
+  return true;
+}
+
+cuttingRope();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.md
new file mode 100644
index 0000000000..c8df35f75a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-399-squarefree-fibonacci-numbers.md
@@ -0,0 +1,60 @@
+---
+id: 5900f4fc1000cf542c51000e
+title: 'Задача 399: Вільні від квадратів числа Фібоначчі'
+challengeType: 5
+forumTopicId: 302064
+dashedName: problem-399-squarefree-fibonacci-numbers
+---
+
+# --description--
+
+Перші 15 чисел Фібоначчі це:
+
+$$1,1,2,3,5,8,13,21,34,55,89,144,233,377,610.$$
+
+8 і 144 не є вільними від квадратів: 8 можна розділити на 4, а 144 можна розділити на 4 чи 9.
+
+Тож перші 13 числа Фібоначчі, вільні від квадратів, це:
+
+$$1,1,2,3,5,13,21,34,55,89,233,377 \text{ and } 610.$$
+
+$200$th число Фібоначчі, вільне від квадратів це: 971183874599339129547649988289594072811608739584170445. Останні 16 цифр цього числа: 1608739584170445, що у вигляді експоненціального запису може бути записане, як `9.7e53`.
+
+Знайдіть $100\\,000\\,000$th вільне від квадрата число Фібоначчі. Дайте відповідь у вигляді рядка, де після його останніх 16 цифр стоїть кома, після якої надане число у вигляді експоненціального запису (округлене до однієї цифри після десяткової крапки). Для $200$th вільного від квадрата числа відповідь буде: `1608739584170445,9.7e53`
+
+**Note:** для цієї проблеми, пам'ятайте, що для кожного простого числа $p$, перше число Фібоначчі, що ділиться на $p$ не ділиться на $p^2$ (згідно з гіпотезою Т. Уолла). Підтверджено, що для простих чисел $≤ 3 \times {10}^{15}$, проте це не було доведено для загальних чисел.
+
+Якщо так трапляється, що гіпотеза є хибною, тоді не факт, що вірною відповіддю буде $100\\,000\\,000$th вільне від квадрата число Фібоначчі. Радше сказати, що це буде лише нижня ланка цього числа.
+
+# --hints--
+
+`squarefreeFibonacciNumbers()` має повернути рядок.
+
+```js
+assert(typeof squarefreeFibonacciNumbers() === 'string');
+```
+
+`squarefreeFibonacciNumbers()` має повернути рядок `1508395636674243,6.5e27330467`.
+
+```js
+assert.strictEqual(squarefreeFibonacciNumbers(), '1508395636674243,6.5e27330467');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squarefreeFibonacciNumbers() {
+
+  return true;
+}
+
+squarefreeFibonacciNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.md
new file mode 100644
index 0000000000..1247c4dc29
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-4-largest-palindrome-product.md
@@ -0,0 +1,64 @@
+---
+id: 5900f3701000cf542c50fe83
+title: 'Завдання 4: Найбільший паліндромний добуток'
+challengeType: 5
+forumTopicId: 302065
+dashedName: problem-4-largest-palindrome-product
+---
+
+# --description--
+
+Паліндромне число читається однаково в обох напрямках. Найбільший паліндром, утворений добутком двох двоцифрових чисел, це 9009 = 91 × 99.
+
+Знайдіть найбільший паліндром, утворений добутком двох `n`-значних чисел.
+
+# --hints--
+
+`largestPalindromeProduct(2)` має повернути число.
+
+```js
+assert(typeof largestPalindromeProduct(2) === 'number');
+```
+
+`largestPalindromeProduct(2)` має повернути число 9009.
+
+```js
+assert.strictEqual(largestPalindromeProduct(2), 9009);
+```
+
+`largestPalindromeProduct(3)` має повернути число 906609.
+
+```js
+assert.strictEqual(largestPalindromeProduct(3), 906609);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestPalindromeProduct(n) {
+
+  return true;
+}
+
+largestPalindromeProduct(3);
+```
+
+# --solutions--
+
+```js
+const largestPalindromeProduct = (digit)=>{
+  let start = 1;
+  let end = Number(`1e${digit}`) - 1;
+ let palindrome = [];
+  for(let i=start;i<=end;i++){
+    for(let j=start;j<=end;j++){
+      let product = i*j;
+      let palindromeRegex = /\b(\d)(\d?)(\d?).?\3\2\1\b/gi;
+      palindromeRegex.test(product) && palindrome.push(product);
+    }
+ }
+ return Math.max(...palindrome);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-40-champernownes-constant.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-40-champernownes-constant.md
new file mode 100644
index 0000000000..97e0f6683b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-40-champernownes-constant.md
@@ -0,0 +1,77 @@
+---
+id: 5900f3941000cf542c50fea7
+title: 'Завдання 40: Константа Чамперноуна'
+challengeType: 5
+forumTopicId: 302066
+dashedName: problem-40-champernownes-constant
+---
+
+# --description--
+
+Ірраціональний десятковий дріб створюється шляхом об’єднання натуральних чисел:
+
+0.12345678910**1**112131415161718192021...
+
+Можна побачити, що 12<sup>та</sup> цифра дробової частини - 1.
+
+Якщо *d<sub></sub>* являє собою *n*<sup>-ту</sup> цифру дробової частини, знайдіть значення наступного виразу.
+
+d<sub>1</sub> × d<sub>10</sub> × d<sub>100</sub> × d<sub>1000</sub> × d<sub>10000</sub> × d<sub>100000</sub> × d<sub>1000000</sub>
+
+# --hints--
+
+`champernownesConstant(100)` має повернути число.
+
+```js
+assert(typeof champernownesConstant(100) === 'number');
+```
+
+`champernownesConstant(100)` має повернути число 5.
+
+```js
+assert.strictEqual(champernownesConstant(100), 5);
+```
+
+`champernownesConstant(1000)` має повернути число 15.
+
+```js
+assert.strictEqual(champernownesConstant(1000), 15);
+```
+
+`champernownesConstant(1000000)` має повернути число 210.
+
+```js
+assert.strictEqual(champernownesConstant(1000000), 210);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function champernownesConstant(n) {
+
+  return true;
+}
+
+champernownesConstant(100);
+```
+
+# --solutions--
+
+```js
+function champernownesConstant(n) {
+  let fractionalPart = '';
+  for (let i = 0; fractionalPart.length <= n; i++) {
+    fractionalPart += i.toString();
+  }
+
+  let product = 1;
+  for (let i = 0; i < n.toString().length; i++) {
+    const index = 10 ** i;
+    product *= parseInt(fractionalPart[index], 10);
+  }
+
+  return product;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.md
new file mode 100644
index 0000000000..325ac48be4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-400-fibonacci-tree-game.md
@@ -0,0 +1,54 @@
+---
+id: 5900f4fe1000cf542c510010
+title: 'Завдання 400: Гра з деревом Фібоначчі'
+challengeType: 5
+forumTopicId: 302067
+dashedName: problem-400-fibonacci-tree-game
+---
+
+# --description--
+
+Дерево Фібоначчі - це двійкове дерево, рекурсивно визначене як:
+
+- $T(0)$ - це порожнє дерево.
+- $T(1)$ - це двійкове дерево лише з одним вузлом.
+- $T(k)$ складається з кореневого вузла, який має $T(k - 1)$ і $T(k - 2)$ як дочірній.
+
+Два гравці грають на вибування на такому дереві. Під час кожного ходу гравець вибирає вузол і видаляє цей вузол разом із залежним деревом, що прив'язане до цього вузла. Гравець, якого змушують взяти кореневий вузол усього дерева, програє.
+
+Ось виграшні ходи першого гравця на першому ході за $T(k)$ від $k = 1$ до $k = 6$.
+
+<img class="img-responsive center-block" alt="виграшні ходи першого гравця, на першому ході за k = 1 до k = 6" src="https://cdn.freecodecamp.org/curriculum/project-euler/fibonacci-tree-game.png" style="background-color: white; padding: 10px;" />
+
+Нехай $f(k)$ - це кількість виграшних ходів першого гравця (тобто ходів, для яких другий гравець не має стратегії виграшу) на першому ході гри, коли ця гра проводиться $T(k)$.
+
+Наприклад, $f(5) = 1$ і $f(10) = 17$.
+
+Знайдіть $f(10000)$. Вкажіть останні 18 цифр своєї відповіді.
+
+# --hints--
+
+`fibonacciTreeGame()` повинен повернути `438505383468410600`.
+
+```js
+assert.strictEqual(fibonacciTreeGame(), 438505383468410600);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fibonacciTreeGame() {
+
+  return true;
+}
+
+fibonacciTreeGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.md
new file mode 100644
index 0000000000..66ccfe986f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-401-sum-of-squares-of-divisors.md
@@ -0,0 +1,46 @@
+---
+id: 5900f4fd1000cf542c51000f
+title: 'Завдання 401: Сума квадратів дільників'
+challengeType: 5
+forumTopicId: 302069
+dashedName: problem-401-sum-of-squares-of-divisors
+---
+
+# --description--
+
+Дільниками числа 6 є 1, 2, 3 і 6.
+
+Сума квадратів цих чисел дорівнює $1 + 4 + 9 + 36 = 50$.
+
+$\sigma_2(n)$ позначає суму квадратів дільників $n$. Отже, $\sigma_2(6) = 50$.
+
+$\Sigma_2$ позначає функцію суми $\sigma_2$, тобто $\Sigma_2(n) = \sum \sigma_2(i)$ для $i=1$ to $n$. Першими 6 значеннями $\Sigma_2$ є 1, 6, 16, 37, 63 і 113.
+
+Знайдіть $\Sigma_2({10}^{15})$ за модулем ${10}^9$.
+
+# --hints--
+
+`sumOfSquaresDivisors()` повинен повернути `281632621`.
+
+```js
+assert.strictEqual(sumOfSquaresDivisors(), 281632621);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumOfSquaresDivisors() {
+
+  return true;
+}
+
+sumOfSquaresDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.md
new file mode 100644
index 0000000000..1c8620882a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-402-integer-valued-polynomials.md
@@ -0,0 +1,51 @@
+---
+id: 5900f4ff1000cf542c510011
+title: 'Завдання 402: Цілочисельні многочлени'
+challengeType: 5
+forumTopicId: 302070
+dashedName: problem-402-integer-valued-polynomials
+---
+
+# --description--
+
+Показано, що многочлен $n^4 + 4n^3 + 2n^2 + 5n$ кратний 6 для кожного цілого числа $n$. Також 6 є найбільшим цілим числом, що задовольняє цю властивість.
+
+Визначте $M(a, b, c)$ як максимальний $m$ таким чином, щоб $n^4 + an^3 + bn^2 + cn$ було кратне $m$ для всіх цілих чисел $n$. Наприклад, $M(4, 2, 5) = 6$.
+
+Також визначте $S(N)$ як суму $M(a, b, c)$ для всіх $0 &lt; a, b, c ≤ N$.
+
+Можна перевірити, що $S(10) = 1\\,972$ і $S(10\\,000) = 2\\,024\\,258\\,331\\,114$.
+
+Нехай $F_k$ буде послідовністю Фібоначчі:
+
+- $F_0 = 0$, $F_1 = 1$ і
+- $F_k = F_{k - 1} + F_{k - 2}$ для $k ≥ 2$.
+
+Знайдіть останні 9 цифр $\sum S(F_k)$ for $2 ≤ k ≤ 1\\,234\\,567\\,890\\,123$.
+
+# --hints--
+
+`integerValuedPolynomials()` повинен повернути `356019862`.
+
+```js
+assert.strictEqual(integerValuedPolynomials(), 356019862);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function integerValuedPolynomials() {
+
+  return true;
+}
+
+integerValuedPolynomials();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.md
new file mode 100644
index 0000000000..d1ed18a44b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-403-lattice-points-enclosed-by-parabola-and-line.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5001000cf542c510013
+title: 'Завдання 403: Точки решітки, обведені параболою та лінією'
+challengeType: 5
+forumTopicId: 302071
+dashedName: problem-403-lattice-points-enclosed-by-parabola-and-line
+---
+
+# --description--
+
+Для цілих чисел $a$ та $b$ ми визначаємо $D(a, b)$ як область, обведена параболою $y = x^2$ та лінією $y = ax + b: D(a, b) = \\{ (x, y) | x^2 ≤ y ≤ ax + b \\}$.
+
+$L(a, b)$ — це кількість точок решітки, що містяться в $D(a, b)$. Наприклад, $L(1, 2) = 8$ та $L(2, -1) = 1$.
+
+$S(N)$ означає суму $L(a, b)$ для всіх пар ($a$, $b$) так, що область $D(a, b)$ — раціональне число, а $|a|,|b| ≤ N$.
+
+Можна переконатися, що $S(5) = 31004$ та $S(^4) = 26\\,709\\,528$.
+
+Знайдіть $S({10}^{12})$. Дайте відповідь за $\bmod {10}^8$.
+
+# --hints--
+
+`latticePoints()` має повернути `18224771`.
+
+```js
+assert.strictEqual(latticePoints(), 18224771);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function latticePoints() {
+
+  return true;
+}
+
+latticePoints();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.md
new file mode 100644
index 0000000000..c31d2ed472
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-404-crisscross-ellipses.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5001000cf542c510012
+title: 'Завдання 404: Еліпси, що перетинаються'
+challengeType: 5
+forumTopicId: 302072
+dashedName: problem-404-crisscross-ellipses
+---
+
+# --description--
+
+$E_a$ — еліпс з рівнянням $x^2 + 4y^2 = 4a^2$.
+
+$E_a'$ — повернуте зображення $E_a$ на $θ$ градусів проти годинникової стрілки навколо початку координат $O(0, 0)$ на $0° &lt; θ &lt; 90°$.
+
+<img class="img-responsive center-block" alt="еліпс E_a та еліпс E_a' повернутий на θ градусів" src="https://cdn.freecodecamp.org/curriculum/project-euler/crisscross-ellipses.gif" style="background-color: white; padding: 10px;" />
+
+$b$ — відстань до двох точок перетину, найближчих до початку системи координат, а $c$ — відстань двох інших точок перетину.
+
+Ми називаємо впорядкований триплет ($a$, $b$, $c$) канонічним еліпсоїдним триплетом, якщо $a$, $b$ та $c$ - додатні цілі числа.
+
+Наприклад, (209, 247, 286) — це канонічний еліпсоїдний триплет.
+
+Нехай $C(N)$ — це кількість різних еліпсоїдних триплетів ($a$, $b$, $c$) для $a ≤ N$.
+
+Можна переконатися, що $C({10}^3) = 7$, $C({10}^4) = 106$, а $C({10}^6) = 11\\,845$.
+
+Знайдіть $C({10}^{17})$.
+
+# --hints--
+
+`crisscrossEllipses()` має повернути `1199215615081353`.
+
+```js
+assert.strictEqual(crisscrossEllipses(), 1199215615081353);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function crisscrossEllipses() {
+
+  return true;
+}
+
+crisscrossEllipses();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.md
new file mode 100644
index 0000000000..58e09c9391
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-405-a-rectangular-tiling.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5021000cf542c510014
+title: 'Завдання 405: Прямокутна плита'
+challengeType: 5
+forumTopicId: 302073
+dashedName: problem-405-a-rectangular-tiling
+---
+
+# --description--
+
+Ми хочемо викласти прямокутник, довжина якого вдвічі більша за ширину.
+
+Нехай $T(0)$ буде плиткою, яка складається з одного прямокутника.
+
+Для $n > 0$, нехай $T(n)$буде отримано з $T( n- 1)$ шляхом заміни всіх плиток наступним чином:
+
+<img class="img-responsive center-block" alt="отримання T(n) зT(n - 1)" src="https://cdn.freecodecamp.org/curriculum/project-euler/a-rectangular-tiling-1.png" style="background-color: white; padding: 10px;" />
+
+Наступна анімація демонструє плитки $T(n)$ для $n$ від 0 до 5:
+
+<img class="img-responsive center-block" alt="анімація з плитками T(n) для n від 0 до 5" src="https://cdn.freecodecamp.org/curriculum/project-euler/a-rectangular-tiling-2.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $f(n)$ кількість точок, де перетинаються чотири плитки $T(n)$. Наприклад, $f(1) = 0$, $f(4) = 82$ та $f({10}^9)\bmod {17}^7 = 126\\,897\\,180$.
+
+Знайдіть $f({10}^k)$ для $k = {10}^{18}$, дайте відповідь за модулем ${17}^7$.
+
+# --hints--
+
+`rectangularTiling()`повинен повернути `237696125`.
+
+```js
+assert.strictEqual(rectangularTiling(), 237696125);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rectangularTiling() {
+
+  return true;
+}
+
+rectangularTiling();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-406-guessing-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-406-guessing-game.md
new file mode 100644
index 0000000000..601fd43213
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-406-guessing-game.md
@@ -0,0 +1,66 @@
+---
+id: 5900f5021000cf542c510015
+title: 'Задача 406: Гра «Вгадування»'
+challengeType: 5
+forumTopicId: 302074
+dashedName: problem-406-guessing-game
+---
+
+# --description--
+
+Ми намагаємось знайти приховане число, вибране з набору цілих чисел {1, 2, ..., $n$}, задаючи питання. На кожне поставлене нами число (питання) ми отримуємо одну з трьох можливих відповідей:
+
+- "Ваше припущення нижче за приховане число" (і ви підпадаєте під вартість а), або
+- "Ваше припущення вище, ніж приховане число" (і ви підпадаєте під вартість b) або
+- "Так, це воно!" (і гра закінчується).
+
+Враховуючи значення $n$, $a$, і $b$, оптимальна стратегія мінімізує загальні витрати <u>на найгірший з можливих випадків</u>.
+
+Наприклад, якщо $n = 5$, $a = 2$, та $b = 3$, тоді ми можемо задати "<strong>2</strong>" як наше перше питання.
+
+Якщо нам кажуть, що 2 більше, ніж приховане число (для вартості $b = 3$), тоді ми впевнені, що "<strong>1</strong>" - це приховане число (для загальної вартості <strong><span style="color: blue;">3</span></strong>).
+
+Якщо нам кажуть, що 2 менше, ніж приховане число (для вартості $a = 2$), тоді наше наступне запитання буде "<strong>4</strong>".
+
+Якщо нам кажуть, що 4 більше, ніж приховане число (для вартості $b = 3$), тоді ми впевнені, що "<strong>3</strong>" - це приховане число (для загальної вартості $2 + 3 = \color{blue}{\mathbf{5}}$).
+
+Якщо нам кажуть, що 4 менше, ніж приховане число (для вартості $a = 2$), тоді ми впевнені, що "<strong>5</strong>" - це приховане число (для загальної вартості $2 + 2 = \color{blue}{\mathbf{4}}$).
+
+Таким чином, найгірша вартість досягнута цією стратегією, - <strong><span style="color: red">5</span></strong>. Також можна показати, що це найнижча найгірша вартість, яку можна досягти. Так, насправді, ми щойно описали оптимальну стратегію для заданих значень $n$, $a$і $b$.
+
+Нехай $C(n, a, b)$ буде найгіршою вартістю, досягнутою оптимальною стратегією для заданих значень $n$, $a$та $b$.
+
+Ось декілька прикладів:
+
+$$\begin{align} & C(5, 2, 3) = 5 \\\\ & C(500, \sqrt{2}, \sqrt{3}) = 13.220\\,731\\,97\ldots \\\\ & C(20\\,000, 5, 7) = 82 \\\\ & C(2\\,000\\,000, √5, √7) = 49.637\\,559\\,55\ldots \\\\ \end{align}$$
+
+Нехай $F_k$ буде цифрами фібоначчі: $F_k = F_{k - 1} + F_{k - 2}$ з базовими кешами $F_1 = F_2 = 1$.
+
+Знайдіть $\displaystyle\sum_{k = 1}^{30} C({10}^{12}, \sqrt{k}\sqrt{F_k})$, і дайте відповідь, округлену до 8 десяткових знаків після коми.
+
+# --hints--
+
+`guessingGame()` має повернути `36813.12757207`.
+
+```js
+assert.strictEqual(guessingGame(), 36813.12757207);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function guessingGame() {
+
+  return true;
+}
+
+guessingGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-407-idempotents.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-407-idempotents.md
new file mode 100644
index 0000000000..89746340e9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-407-idempotents.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5041000cf542c510016
+title: 'Задача 407: Ідемпотентні елементи'
+challengeType: 5
+forumTopicId: 302075
+dashedName: problem-407-idempotents
+---
+
+# --description--
+
+Якщо обчислити $a^2\bmod 6$ для $0 ≤ a ≤ 5$ ми отримаємо: 0, 1, 4, 3, 4, 1.
+
+Найбільше значення $a^2 ≡ a\bmod 6$ становить $4$.
+
+Назвімо $M(n)$ найбільшим значенням $a &lt; n$ так, що $a^2 ≡ a (\text{mod } n)$. Отже, $M(6) = 4$.
+
+Знайдіть $\sum M(n)$ для $1 ≤ n ≤ {10}^7$.
+
+# --hints--
+
+`idempotents()` повинен повертатися як `39782849136421`.
+
+```js
+assert.strictEqual(idempotents(), 39782849136421);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function idempotents() {
+
+  return true;
+}
+
+idempotents();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.md
new file mode 100644
index 0000000000..f8989e0d39
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-408-admissible-paths-through-a-grid.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5091000cf542c51001b
+title: 'Задача 408: Прийнятні шляхи через сітку'
+challengeType: 5
+forumTopicId: 302076
+dashedName: problem-408-admissible-paths-through-a-grid
+---
+
+# --description--
+
+Назвемо точки ґратки ($x$, $y$) неприйнятними, якщо $x$, $y$, а $x + y$ — це всі додатні ідеальні квадрати.
+
+Наприклад, (9, 16) є неприйнятними, а (0, 4), (3, 1) та (9, 4) — прийнятні.
+
+Розглянемо шлях від точки ($x_1$, $y_1$) до точки ($x_2$, $y_2$), використовуючи лише одиничні кроки на північ чи схід. Назвемо такий шлях прийнятним, якщо жодна з його проміжних точок не є неприйнятною.
+
+Нехай $P(n)$ — це кількість прийнятних шляхів з (0, 0) до ($n$, $n$). Можна перевірити, що $P(5) = 252$, $P(16) = 596\\,994\\,440$, а $P(1\\,000)\bmod 1\\,000\\,000\\,007 = 341\\,920\\,854$.
+
+Знайдіть $P(10\\,000\\,000)\bmod 1\\,000\\,000\\,007$.
+
+# --hints--
+
+`admissiblePaths()` має повернути `299742733`.
+
+```js
+assert.strictEqual(admissiblePaths(), 299742733);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function admissiblePaths() {
+
+  return true;
+}
+
+admissiblePaths();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-409-nim-extreme.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-409-nim-extreme.md
new file mode 100644
index 0000000000..d73d5a27ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-409-nim-extreme.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5061000cf542c510017
+title: 'Задача 409: Крайність Nim'
+challengeType: 5
+forumTopicId: 302077
+dashedName: problem-409-nim-extreme
+---
+
+# --description--
+
+Нехай $n$ буде натуральним числом. Розглянемо позиції nim де:
+
+- Є $n$ непорожніх купок.
+- Кожна купка має розмір менше ніж $2^n$.
+- Немає жодних двох купок з однаковими розмірами.
+
+Нехай $W(n)$ буде кількістю виграшних позицій nim, які задовольняють вищезгадані умови (позиція переможна, якщо перший гравець має переможну стратегію).
+
+Наприклад, $W(1) = 1$, $W(2) = 6$, $W(3) = 168$, $W(5) = 19\\,764\\,360$ та $W(100)\bmod 1\\,000\\,000\\,007 = 384\\,777\\,056$.
+
+Знайдіть $W(10\\,000\\,000)\bmod 1\\,000\\,000\\,007$.
+
+# --hints--
+
+`nimExtreme()` має вивести `253223948`.
+
+```js
+assert.strictEqual(nimExtreme(), 253223948);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nimExtreme() {
+
+  return true;
+}
+
+nimExtreme();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-41-pandigital-prime.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-41-pandigital-prime.md
new file mode 100644
index 0000000000..14ab2ff830
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-41-pandigital-prime.md
@@ -0,0 +1,117 @@
+---
+id: 5900f3951000cf542c50fea8
+title: 'Завдання 41: Панцифрові прості числа'
+challengeType: 5
+forumTopicId: 302078
+dashedName: problem-41-pandigital-prime
+---
+
+# --description--
+
+Скажімо, що `n`-цифрове число є панцифровим, якщо воно використовує всі цифри від 1 до `n` лише один раз. Наприклад, 2143 є 4-значним панцифровим числом, яке також є простим.
+
+Яким є найбільше `n`-значне панцифрове просте число, що існує?
+
+# --hints--
+
+`pandigitalPrime(4)` має повернути число.
+
+```js
+assert(typeof pandigitalPrime(4) === 'number');
+```
+
+`pandigitalPrime(4)` має повернути число 4231.
+
+```js
+assert(pandigitalPrime(4) == 4231);
+```
+
+`pandigitalPrime(7)` має повернути число 7652413.
+
+```js
+assert(pandigitalPrime(7) == 7652413);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pandigitalPrime(n) {
+
+  return n;
+}
+
+pandigitalPrime(7);
+```
+
+# --solutions--
+
+```js
+function pandigitalPrime(n) {
+  function isPrime(num) {
+    for (let i = 2, s = Math.sqrt(num); i <= s; i++) {
+      if (num % i === 0) {
+        return false;
+      }
+    }
+    return num !== 1;
+  }
+
+  function getPermutations(n) {
+    if (n === 1) {
+      permutations.push(digitsArr.join(''));
+    } else {
+      for (let i = 0; i < n - 1; i++) {
+        getPermutations(n - 1);
+        // swap(n % 2 === 0 ? i : 0, n - 1);
+        if (n % 2 === 0) {
+          swap(i, n - 1);
+        } else {
+          swap(0, n - 1);
+        }
+      }
+      getPermutations(n - 1);
+    }
+  }
+  function swap(x, y) {
+    let temp = digitsArr[x];
+    digitsArr[x] = digitsArr[y];
+    digitsArr[y] = temp;
+  }
+  let max = 0;
+  let permutations = [];
+  let digitsArr;
+  let pandigitalNum = '';
+
+  for (let max = n; max > 0; max--) {
+    pandigitalNum += max;
+  }
+
+  for (let i = 0; i < pandigitalNum.length; i++) {
+    if (max > 0) {
+      break;
+    } else {
+      permutations = [];
+      const currMax = pandigitalNum.slice(i);
+      digitsArr = currMax.split('');
+      getPermutations(digitsArr.length);
+
+      // sort permutations in descending order
+      permutations.sort(function(a, b) {
+        return b - a;
+      });
+
+      for (let perm of permutations) {
+        const thisPerm = parseInt(perm);
+        if (isPrime(thisPerm)) {
+          max = thisPerm;
+          break;
+        }
+      }
+    }
+  }
+
+  return max;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.md
new file mode 100644
index 0000000000..ca5c8e5188
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-410-circle-and-tangent-line.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5071000cf542c510018
+title: 'Завдання 410: Коло та дотична лінія'
+challengeType: 5
+forumTopicId: 302079
+dashedName: problem-410-circle-and-tangent-line
+---
+
+# --description--
+
+Нехай $C$ — коло з радіусом $r$, $x^2 + y^2 = r^2$. Обираємо дві точки $P(a, b) $ та $Q(-a, c)$, щоб лінія, яка проходить через $P$ і $Q$, була дотичною до $C$.
+
+Наприклад, четвірка $(r, a, b, c) = (2, 6, 2, -7)$ задовольняє цю властивість.
+
+Нехай $F(R, X)$ — кількість четвірок цілих чисел $(r, a, b, c)$ з цією властивістю при $0 &lt; r ≤ R$ і $0 &lt; ≤ X$.
+
+Можемо переконатися, що $F(1, 5) = 10$, $F(2, 10) = 52$ і $F(10, 100) = 3384$.
+
+Знайдіть $F({10}^8, {10}^9) + F({10}^9, {10}^8)$.
+
+# --hints--
+
+`circleAndTangentLine()` має повернути `799999783589946600`.
+
+```js
+assert.strictEqual(circleAndTangentLine(), 799999783589946600);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function circleAndTangentLine() {
+
+  return true;
+}
+
+circleAndTangentLine();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-411-uphill-paths.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-411-uphill-paths.md
new file mode 100644
index 0000000000..aadcd1cc1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-411-uphill-paths.md
@@ -0,0 +1,50 @@
+---
+id: 5900f5081000cf542c510019
+title: 'Завдання 411: Шлях вгору'
+challengeType: 5
+forumTopicId: 302080
+dashedName: problem-411-uphill-paths
+---
+
+# --description--
+
+Нехай $n$ — це додатне ціле число. Припустимо, що є такі точки з координатами $(x, y) = (2^i\bmod n, 3^i\bmod n)$ для $0 ≤ i ≤ 2n$. Вважатимемо точки з однаковими координатами, як одну й ту саму точку.
+
+Потрібно створити шлях від (0, 0) до ($n$, $n$) таким чином, щоб координати $x$ та $y$ не зменшувалися.
+
+Нехай $S(n)$ — це максимальна кількість точок, через які може проходити шлях.
+
+Наприклад, якщо $n = 22$, то є 11 точок, а допустимий шлях може проходити щонайбільше через 5 точок. Таким чином, $S(22) = 5$. Ілюстрація цього прикладу подана нижче, на ній можна побачити зразок оптимального шляху:
+
+<img class="img-responsive center-block" alt="допустимий шлях, що проходить через 5 точок, при n = 22, з 11 окремими точками" src="https://cdn.freecodecamp.org/curriculum/project-euler/uphill-paths.png" style="background-color: white; padding: 10px;" />
+
+Також можна перевірити, що $S(123) = 14$, а $S(10\\,000) = 48$.
+
+Знайдіть $\sum S(k^5)$ для $1 ≤ k ≤ 30$.
+
+# --hints--
+
+`uphillPaths()` має повернути `9936352`.
+
+```js
+assert.strictEqual(uphillPaths(), 9936352);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function uphillPaths() {
+
+  return true;
+}
+
+uphillPaths();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-412-gnomon-numbering.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-412-gnomon-numbering.md
new file mode 100644
index 0000000000..bc3db55580
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-412-gnomon-numbering.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5081000cf542c51001a
+title: 'Завдання 412: Нумерація гномонів'
+challengeType: 5
+forumTopicId: 302081
+dashedName: problem-412-gnomon-numbering
+---
+
+# --description--
+
+Для цілих чисел $m$, $n$ ($0 ≤ n &lt; m$), нехай $L(m, n)$ — сітка $m×m$ без верхньої правої частини $n×n$.
+
+Наприклад, $L(5, 3)$ виглядає так:
+
+<img class="img-responsive center-block" alt="сітка 5x5 без верхньої правої частини розміром 3x3" src="https://cdn.freecodecamp.org/curriculum/project-euler/gnomon-numbering-1.png" style="background-color: white; padding: 10px;" />
+
+У кожну клітинку $L(m, n)$ потрібно ввести послідовні цілі числа — 1, 2, 3, ... так, щоб число в кожній клітинці було меншим ніж те, що знаходиться внизу та зліва.
+
+До прикладу, ось два варіанти такої нумерації $L(5, 3)$:
+
+<img class="img-responsive center-block" alt="дві можливі нумерації L(5, 3)" src="https://cdn.freecodecamp.org/curriculum/project-euler/gnomon-numbering-2.png" style="background-color: white; padding: 10px;" />
+
+Нехай $LC(m, n)$ — це кількість можливих варіантів нумерації $L(m, n)$. Можна перевірити те, що $LC(3, 0) = 42$, $LC(5, 3) = 250\\,250$, $LC(6, 3) = 406\\,029\\,023\\,400$ та $LC(10, 5)\bmod 76\\,543\\,217 = 61\\,251\\,715$.
+
+Знайдіть $LC(10\\,000, 5\\,000)\bmod 76\\,543\\,217$.
+
+# --hints--
+
+`gnomonNumbering()` має повернути `38788800`.
+
+```js
+assert.strictEqual(gnomonNumbering(), 38788800);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gnomonNumbering() {
+
+  return true;
+}
+
+gnomonNumbering();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-413-one-child-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-413-one-child-numbers.md
new file mode 100644
index 0000000000..063b061153
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-413-one-child-numbers.md
@@ -0,0 +1,46 @@
+---
+id: 5900f50a1000cf542c51001c
+title: 'Завдання 413: Однодітні числа'
+challengeType: 5
+forumTopicId: 302082
+dashedName: problem-413-one-child-numbers
+---
+
+# --description--
+
+Додатне число з кількістю цифр $d$ (без нуля на початку) вважається однодітним, якщо виключно одне число з підрядків ділиться на $d$.
+
+Приміром, 5671 — чотиризначне однодітне число. Серед усіх його підрядків 5, 6, 7, 1, 56, 67, 71, 567, 671 і 5671, лише 56 діляться на 4.
+
+Так само 104 — це тризначне однодітне число, тому що лише 0 ділить на 3. 1132451 також можна вважати семизначним однодітним числом, адже лише 245 ділиться на 7.
+
+Нехай $F(N)$ — кількість однодітних чисел, менших за $N$. Можемо перевірити те, що $F(10) = 9$, $F({10}^3) = 389$ та $F({10}^7) = 277\\,674$.
+
+Знайдіть $F({10}^{19})$.
+
+# --hints--
+
+`oneChildNumbers()` має повернути `3079418648040719`.
+
+```js
+assert.strictEqual(oneChildNumbers(), 3079418648040719);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function oneChildNumbers() {
+
+  return true;
+}
+
+oneChildNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-414-kaprekar-constant.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-414-kaprekar-constant.md
new file mode 100644
index 0000000000..b7cd690949
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-414-kaprekar-constant.md
@@ -0,0 +1,63 @@
+---
+id: 5900f50b1000cf542c51001d
+title: 'Завдання 414: Стала Капрекара'
+challengeType: 5
+forumTopicId: 302083
+dashedName: problem-414-kaprekar-constant
+---
+
+# --description--
+
+6174 — доволі цікаве число. Якщо розмістити його цифри у порядку зростання, отримаємо 1467; якщо розмістити його цифри у порядку спадання, вийде 7641. Результатом віднімання двох отриманих чисел буде $7641 - 1467 = 6174$.
+
+Цікавим є й те, що якщо взяти будь-яке чотиризначне число та повторити попередні дії сортування цифр та віднімання, ми отримаємо 6174 або одразу 0, якщо всі цифри однакові.
+
+Те саме відбувається з числами, які складаються з менше ніж із 4 цифр. Але для цього до них потрібно додати нулі, щоб утворити чотиризначні числа.
+
+Наприклад, почнемо з числа 0837:
+
+$$\begin{align} & 8730 - 0378 = 8352 \\\\ & 8532 - 2358 = 6174 \end{align}$$
+
+6174 називається сталою Капрекара. Сортування цифр, віднімання та повторення цього процесу поки не отримаємо 0 або сталу Капрекара, називається перетворенням Капрекара.
+
+Можна розглядати рутину Капрекара і для інших систем числення та кількості цифр. На жаль, стала Капрекара існує не у всіх випадках. Перетворення закінчується циклом для деяких вхідних чисел або стала, отримана в результаті перетворення, інша для різних вхідних чисел. Однак для п'яти цифр та основи $b = 6t + 3 ≠ 9$ константа Капрекара існує.
+
+Наприклад, основа 15: ${(10, 4, 14, 9, 5)}\_{15}$ основа 21: $(14, 6, 20, 13, 7)_{21}$
+
+Нехай $C_b$ — стала Капрекара в основі $b$ для 5-ти цифр. Визначте функцію $sb(i)$:
+
+- 0, якщо $i = C_b$, або якщо $i$, записаний в основі $b$, складається з 5-ти однакових цифр
+- кількість повторень, здійснених під час перетворення Капрекара в основі $b$, щоб досягти $C_b$
+
+Зверніть увагу, що ми можемо визначити $sb(i)$ для всіх цілих чисел $i &lt; b^5$. Якщо $i$, записане в основі $b$ має менше, ніж 5 цифр, то до числа додаємо нулі, поки не воно не стане п'ятизначним. Аж тоді застосовуємо перетворення Капрекара.
+
+Визначимо $S(b)$ як суму $sb(i)$ для $0 &lt; i &lt; b^5$. Наприклад, $S(15) = 5\\,274\\,369$ $S(111) = 400\\,668\\,930\\,299$
+
+Знайдіть суму $S(6k + 3)$ для $2 ≤ k ≤ 300$. У відповіді запишіть 18 останніх цифр.
+
+# --hints--
+
+`kaprekarConstant()` має повернути `552506775824935500`.
+
+```js
+assert.strictEqual(kaprekarConstant(), 552506775824935500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function kaprekarConstant() {
+
+  return true;
+}
+
+kaprekarConstant();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-415-titanic-sets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-415-titanic-sets.md
new file mode 100644
index 0000000000..c18736a853
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-415-titanic-sets.md
@@ -0,0 +1,46 @@
+---
+id: 5900f50c1000cf542c51001e
+title: 'Завдання 415: Титанічні множини'
+challengeType: 5
+forumTopicId: 302084
+dashedName: problem-415-titanic-sets
+---
+
+# --description--
+
+Набір точок ґратки $S$ називається титанічною множиною, якщо існує лінія, що проходить рівно через дві точки в $S$.
+
+Прикладом титанічної множини є $S = \\{(0, 0), (0, 1), (0, 2), (1, 1), (2, 0), (1, 0), (1, 0)\\}$, де лінія, що проходить через (0, 1) та (2, 0) не проходить через будь-які інші точки в $S$.
+
+З іншого боку, множина {(0, 0), (1, 1), (2, 2), (4, 4)} не є титанічною множиною, оскільки пряма, що проходить через дві точки у множині, також проходить через дві інші.
+
+Для будь-якого додатного цілого числа $N$, нехай $T(N)$ — кількість титанічних множин $S$, кожна точка яких ($x$ $y$) задовільняє $0 ≤ x$, $y ≤ N$. Можна перевірити, що $T(1) = 11$, $T(2) = 494$, $T(4) = 33\\,554\\,178$, $T(111)\bmod {10}^8 = 13\\,500\\,401$ і $T({10}^5)\bmod {10}^8 = 63\\,259\\,062$.
+
+Знайдіть $T({10}^{11})\bmod {10}^8$.
+
+# --hints--
+
+`titanicSets()` має повернути `55859742`.
+
+```js
+assert.strictEqual(titanicSets(), 55859742);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function titanicSets() {
+
+  return true;
+}
+
+titanicSets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-416-a-frogs-trip.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-416-a-frogs-trip.md
new file mode 100644
index 0000000000..586864eca8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-416-a-frogs-trip.md
@@ -0,0 +1,44 @@
+---
+id: 5900f50e1000cf542c510020
+title: 'Завдання 416: Подорож жабки'
+challengeType: 5
+forumTopicId: 302085
+dashedName: problem-416-a-frogs-trip
+---
+
+# --description--
+
+У ряді, що складається із $n$ квадратів, жабка знаходиться у найлівішому. Стрибаючи, жабка прямує у найправіший, а потім повертається у найлівіший. Під час своєї подорожі туди та сюди, вона стрибає на 1, 2 або 3 квадрати праворуч, і таким самим чином назад ліворуч. Жабка не може вистрибнути за межі квадратів. Вона повторює подорож $m$ разів.
+
+Нехай $F(m, n)$ — кількість способів, якими жабка може пресуватися, щоб щонайменш один квадрат залишився невідвіданим.
+
+Наприклад, $F(1, 3) = 4$, $F(1, 4) = 15$, $F(1, 5) = 46$, $F(2, 3) = 16$ та $F(2, 100)\bmod {10}^9 = 429\\,619\\,151$.
+
+Знайти останні 9 цифр з $F(10, {10}^{12})$.
+
+# --hints--
+
+`frogsTrip()` має повернути `898082747`.
+
+```js
+assert.strictEqual(frogsTrip(), 898082747);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function frogsTrip() {
+
+  return true;
+}
+
+frogsTrip();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.md
new file mode 100644
index 0000000000..b876586ecc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-417-reciprocal-cycles-ii.md
@@ -0,0 +1,48 @@
+---
+id: 5900f50d1000cf542c51001f
+title: 'Завдання 417: Зворотні цикли II'
+challengeType: 5
+forumTopicId: 302086
+dashedName: problem-417-reciprocal-cycles-ii
+---
+
+# --description--
+
+Одиничний дріб містить 1 в чисельнику. Десяткове представлення дробів зі знаменниками від 2 до 10:
+
+$$\begin{align} & \frac{1}{2}  = 0.5 \\\\ & \frac{1}{3}  = 0.(3) \\\\ & \frac{1}{4}  = 0.25 \\\\ & \frac{1}{5}  = 0.2 \\\\ & \frac{1}{6}  = 0.1(6) \\\\ & \frac{1}{7}  = 0.(142857) \\\\ & \frac{1}{8}  = 0.125 \\\\ & \frac{1}{9}  = 0.(1) \\\\ & \frac{1}{10} = 0.1 \\\\ \end{align}$$
+
+Де 0.1(6) означає 0.166666... і має послідовність з однієї цифри, що повторюється. Бачимо, що $\frac{1}{7}$ має послідовність із 6 цифр, що повторюються.
+
+Аліквотні дроби, чий знаменник не має інших простих множників, ніж 2 та / або 5 не мають послідовності, що повторюється. Визначаємо довжину послідовності таких аліквотних дробів як 0.
+
+Нехай $L(n)$ позначає довжину послідовності, що повторюється $\frac{1}{n}$. Дано: $\sum L(n)$ для $3 ≤ n ≤ 1\\,000\\,000$ дорівнює $55\\,535\\,191\\,115$.
+
+Знайдіть $\суму L(n)$ для $3 ≤ 100\\,000\\,000\\,000$.
+
+# --hints--
+
+`reciprocalCyclesTwo()` має повернути `446572970925740`.
+
+```js
+assert.strictEqual(reciprocalCyclesTwo(), 446572970925740);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function reciprocalCyclesTwo() {
+
+  return true;
+}
+
+reciprocalCyclesTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-418-factorisation-triples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-418-factorisation-triples.md
new file mode 100644
index 0000000000..8a3bb7057c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-418-factorisation-triples.md
@@ -0,0 +1,47 @@
+---
+id: 5900f50f1000cf542c510021
+title: 'Завдання 418: Факторизаційні трійки'
+challengeType: 5
+forumTopicId: 302087
+dashedName: problem-418-factorisation-triples
+---
+
+# --description--
+
+Нехай $n$ – натуральне число. Трійка цілих чисел ($a$, $b$, $c$) називається факторизаційною трійкою числа $n$, якщо:
+
+- $1 ≤ a ≤ b ≤ c$
+- $a \times b \times c = n$.
+
+Визначте $f(n)$ як $a + b + c$ для факторизаційної трійки ($a$, $b$, $c$) числа $n$, що мінімізує $\frac{c}{a}$. Можна довести, що ця трійка унікальна.
+
+Наприклад, $f(165) = 19$, $f(100\\,100) = 142$ та $f(20!) = 4\\,034\\,872$.
+
+Знайдіть $f(43!)$.
+
+# --hints--
+
+`factorisationTriples()` має повернути `1177163565297340400`.
+
+```js
+assert.strictEqual(factorisationTriples(), 1177163565297340400);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorisationTriples() {
+
+  return true;
+}
+
+factorisationTriples();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.md
new file mode 100644
index 0000000000..908e612486
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-419-look-and-say-sequence.md
@@ -0,0 +1,65 @@
+---
+id: 5900f5101000cf542c510022
+title: 'Завдання 419: Послідовність «глянь і скажи»'
+challengeType: 5
+forumTopicId: 302088
+dashedName: problem-419-look-and-say-sequence
+---
+
+# --description--
+
+Послідовність "глянь і скажи" виглядає так: 1, 11, 21, 1211, 111221, 312211, 13112221, 1113213213211, ...
+
+Послідовність починається з 1 та всі наступні числа отримуємо за допомогою послідовного опису цифр попередньо числа.
+
+Краще рахувати вголос:
+
+1 — це "одна одиниця" $→ 11$
+
+11 — це "дві одиниці" $→ 21$
+
+21 — це "одна двійка та одна одиниця" $→ 1211$
+
+1211 — це "одна одиниця, одна двійка і дві одиниці" $→ 111221$
+
+111221 — це "три одиниці, два двійки та одна одиниця" $→ 312211$
+
+...
+
+Визначте $A(n)$, $B(n)$ і $C(n)$ як кількість одиниць, двійок і трійок у елеманта $n$' послідовності відповідно. Одиниця моє підтвердити, що $A(40) = 31\\,254$, $B(40) = 20\\,259$ та $C(40) = 11\\,625$.
+
+Знайти: $A(n)$, $B(n)$ та $C(n)$ для $n = {10}^{12}$. Дайте відповідь за модулем $2^{30}$ як рядок, а також розділіть значення $A$, $B$ та $C$ комами. Наприклад,. для $n = 40$ відповідь така: `31254,20259,11625`.
+
+# --hints--
+
+`lookAndSaySequence()` має повернути рядок.
+
+```js
+assert(typeof lookAndSaySequence() === 'string');
+```
+
+
+`lookAndSaySequence()` має повернути рядок `998567458,1046245404,43363922`.
+
+```js
+assert.strictEqual(lookAndSaySequence(), '998567458,1046245404,43363922');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lookAndSaySequence() {
+
+  return true;
+}
+
+lookAndSaySequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.md
new file mode 100644
index 0000000000..e7d5bb61f0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-42-coded-triangle-numbers.md
@@ -0,0 +1,71 @@
+---
+id: 5900f3961000cf542c50fea9
+title: 'Завдання 42: Закодовані трикутні числа'
+challengeType: 5
+forumTopicId: 302089
+dashedName: problem-42-coded-triangle-numbers
+---
+
+# --description--
+
+`n`<sup>th</sup> член послідовності трикутних чисел виражений як `tn` = ½`n`(`n`+1); тому першими десятьма трикутними числами є:
+
+<div style='margin-left: 4em;'>1, 3, 6, 10, 15, 21, 28, 36, 45, 55, ...</div>
+
+Перетворивши кожну літеру слова в число, що відповідає її порядковому номеру в алфавіті, і додавши ці значення, ми отримаємо числове значення слова. Наприклад, числове значення слова SKY дорівнює 19 + 11 + 25 = 55 = `t`<sub>10</sub>. Якщо числове значення слова є трикутним числом, то ми називатимемо це слово трикутним.
+
+Використовуючи масив слів довжиною `n`, визначте, скільки в ньому трикутних слів.
+
+# --hints--
+
+`codedTriangleNumbers(1400)` має повернути число.
+
+```js
+assert(typeof codedTriangleNumbers(1400) === 'number');
+```
+
+`codedTriangleNumbers(1400)` має повернути число 129.
+
+```js
+assert(codedTriangleNumbers(1400) == 129);
+```
+
+`codedTriangleNumbers(1500)` має повернути число 137.
+
+```js
+assert(codedTriangleNumbers(1500) == 137);
+```
+
+`codedTriangleNumbers(1600)` має повернути число 141.
+
+```js
+assert(codedTriangleNumbers(1600) == 141);
+```
+
+`codedTriangleNumbers(1786)` має повернути число 162.
+
+```js
+assert(codedTriangleNumbers(1786) == 162);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function codedTriangleNumbers(n) {
+
+  return 1;
+}
+// Only change code above this line
+
+const words = ['A','ABILITY','ABLE','ABOUT','ABOVE','ABSENCE','ABSOLUTELY','ACADEMIC','ACCEPT','ACCESS','ACCIDENT','ACCOMPANY','ACCORDING','ACCOUNT','ACHIEVE','ACHIEVEMENT','ACID','ACQUIRE','ACROSS','ACT','ACTION','ACTIVE','ACTIVITY','ACTUAL','ACTUALLY','ADD','ADDITION','ADDITIONAL','ADDRESS','ADMINISTRATION','ADMIT','ADOPT','ADULT','ADVANCE','ADVANTAGE','ADVICE','ADVISE','AFFAIR','AFFECT','AFFORD','AFRAID','AFTER','AFTERNOON','AFTERWARDS','AGAIN','AGAINST','AGE','AGENCY','AGENT','AGO','AGREE','AGREEMENT','AHEAD','AID','AIM','AIR','AIRCRAFT','ALL','ALLOW','ALMOST','ALONE','ALONG','ALREADY','ALRIGHT','ALSO','ALTERNATIVE','ALTHOUGH','ALWAYS','AMONG','AMONGST','AMOUNT','AN','ANALYSIS','ANCIENT','AND','ANIMAL','ANNOUNCE','ANNUAL','ANOTHER','ANSWER','ANY','ANYBODY','ANYONE','ANYTHING','ANYWAY','APART','APPARENT','APPARENTLY','APPEAL','APPEAR','APPEARANCE','APPLICATION','APPLY','APPOINT','APPOINTMENT','APPROACH','APPROPRIATE','APPROVE','AREA','ARGUE','ARGUMENT','ARISE','ARM','ARMY','AROUND','ARRANGE','ARRANGEMENT','ARRIVE','ART','ARTICLE','ARTIST','AS','ASK','ASPECT','ASSEMBLY','ASSESS','ASSESSMENT','ASSET','ASSOCIATE','ASSOCIATION','ASSUME','ASSUMPTION','AT','ATMOSPHERE','ATTACH','ATTACK','ATTEMPT','ATTEND','ATTENTION','ATTITUDE','ATTRACT','ATTRACTIVE','AUDIENCE','AUTHOR','AUTHORITY','AVAILABLE','AVERAGE','AVOID','AWARD','AWARE','AWAY','AYE','BABY','BACK','BACKGROUND','BAD','BAG','BALANCE','BALL','BAND','BANK','BAR','BASE','BASIC','BASIS','BATTLE','BE','BEAR','BEAT','BEAUTIFUL','BECAUSE','BECOME','BED','BEDROOM','BEFORE','BEGIN','BEGINNING','BEHAVIOUR','BEHIND','BELIEF','BELIEVE','BELONG','BELOW','BENEATH','BENEFIT','BESIDE','BEST','BETTER','BETWEEN','BEYOND','BIG','BILL','BIND','BIRD','BIRTH','BIT','BLACK','BLOCK','BLOOD','BLOODY','BLOW','BLUE','BOARD','BOAT','BODY','BONE','BOOK','BORDER','BOTH','BOTTLE','BOTTOM','BOX','BOY','BRAIN','BRANCH','BREAK','BREATH','BRIDGE','BRIEF','BRIGHT','BRING','BROAD','BROTHER','BUDGET','BUILD','BUILDING','BURN','BUS','BUSINESS','BUSY','BUT','BUY','BY','CABINET','CALL','CAMPAIGN','CAN','CANDIDATE','CAPABLE','CAPACITY','CAPITAL','CAR','CARD','CARE','CAREER','CAREFUL','CAREFULLY','CARRY','CASE','CASH','CAT','CATCH','CATEGORY','CAUSE','CELL','CENTRAL','CENTRE','CENTURY','CERTAIN','CERTAINLY','CHAIN','CHAIR','CHAIRMAN','CHALLENGE','CHANCE','CHANGE','CHANNEL','CHAPTER','CHARACTER','CHARACTERISTIC','CHARGE','CHEAP','CHECK','CHEMICAL','CHIEF','CHILD','CHOICE','CHOOSE','CHURCH','CIRCLE','CIRCUMSTANCE','CITIZEN','CITY','CIVIL','CLAIM','CLASS','CLEAN','CLEAR','CLEARLY','CLIENT','CLIMB','CLOSE','CLOSELY','CLOTHES','CLUB','COAL','CODE','COFFEE','COLD','COLLEAGUE','COLLECT','COLLECTION','COLLEGE','COLOUR','COMBINATION','COMBINE','COME','COMMENT','COMMERCIAL','COMMISSION','COMMIT','COMMITMENT','COMMITTEE','COMMON','COMMUNICATION','COMMUNITY','COMPANY','COMPARE','COMPARISON','COMPETITION','COMPLETE','COMPLETELY','COMPLEX','COMPONENT','COMPUTER','CONCENTRATE','CONCENTRATION','CONCEPT','CONCERN','CONCERNED','CONCLUDE','CONCLUSION','CONDITION','CONDUCT','CONFERENCE','CONFIDENCE','CONFIRM','CONFLICT','CONGRESS','CONNECT','CONNECTION','CONSEQUENCE','CONSERVATIVE','CONSIDER','CONSIDERABLE','CONSIDERATION','CONSIST','CONSTANT','CONSTRUCTION','CONSUMER','CONTACT','CONTAIN','CONTENT','CONTEXT','CONTINUE','CONTRACT','CONTRAST','CONTRIBUTE','CONTRIBUTION','CONTROL','CONVENTION','CONVERSATION','COPY','CORNER','CORPORATE','CORRECT','COS','COST','COULD','COUNCIL','COUNT','COUNTRY','COUNTY','COUPLE','COURSE','COURT','COVER','CREATE','CREATION','CREDIT','CRIME','CRIMINAL','CRISIS','CRITERION','CRITICAL','CRITICISM','CROSS','CROWD','CRY','CULTURAL','CULTURE','CUP','CURRENT','CURRENTLY','CURRICULUM','CUSTOMER','CUT','DAMAGE','DANGER','DANGEROUS','DARK','DATA','DATE','DAUGHTER','DAY','DEAD','DEAL','DEATH','DEBATE','DEBT','DECADE','DECIDE','DECISION','DECLARE','DEEP','DEFENCE','DEFENDANT','DEFINE','DEFINITION','DEGREE','DELIVER','DEMAND','DEMOCRATIC','DEMONSTRATE','DENY','DEPARTMENT','DEPEND','DEPUTY','DERIVE','DESCRIBE','DESCRIPTION','DESIGN','DESIRE','DESK','DESPITE','DESTROY','DETAIL','DETAILED','DETERMINE','DEVELOP','DEVELOPMENT','DEVICE','DIE','DIFFERENCE','DIFFERENT','DIFFICULT','DIFFICULTY','DINNER','DIRECT','DIRECTION','DIRECTLY','DIRECTOR','DISAPPEAR','DISCIPLINE','DISCOVER','DISCUSS','DISCUSSION','DISEASE','DISPLAY','DISTANCE','DISTINCTION','DISTRIBUTION','DISTRICT','DIVIDE','DIVISION','DO','DOCTOR','DOCUMENT','DOG','DOMESTIC','DOOR','DOUBLE','DOUBT','DOWN','DRAW','DRAWING','DREAM','DRESS','DRINK','DRIVE','DRIVER','DROP','DRUG','DRY','DUE','DURING','DUTY','EACH','EAR','EARLY','EARN','EARTH','EASILY','EAST','EASY','EAT','ECONOMIC','ECONOMY','EDGE','EDITOR','EDUCATION','EDUCATIONAL','EFFECT','EFFECTIVE','EFFECTIVELY','EFFORT','EGG','EITHER','ELDERLY','ELECTION','ELEMENT','ELSE','ELSEWHERE','EMERGE','EMPHASIS','EMPLOY','EMPLOYEE','EMPLOYER','EMPLOYMENT','EMPTY','ENABLE','ENCOURAGE','END','ENEMY','ENERGY','ENGINE','ENGINEERING','ENJOY','ENOUGH','ENSURE','ENTER','ENTERPRISE','ENTIRE','ENTIRELY','ENTITLE','ENTRY','ENVIRONMENT','ENVIRONMENTAL','EQUAL','EQUALLY','EQUIPMENT','ERROR','ESCAPE','ESPECIALLY','ESSENTIAL','ESTABLISH','ESTABLISHMENT','ESTATE','ESTIMATE','EVEN','EVENING','EVENT','EVENTUALLY','EVER','EVERY','EVERYBODY','EVERYONE','EVERYTHING','EVIDENCE','EXACTLY','EXAMINATION','EXAMINE','EXAMPLE','EXCELLENT','EXCEPT','EXCHANGE','EXECUTIVE','EXERCISE','EXHIBITION','EXIST','EXISTENCE','EXISTING','EXPECT','EXPECTATION','EXPENDITURE','EXPENSE','EXPENSIVE','EXPERIENCE','EXPERIMENT','EXPERT','EXPLAIN','EXPLANATION','EXPLORE','EXPRESS','EXPRESSION','EXTEND','EXTENT','EXTERNAL','EXTRA','EXTREMELY','EYE','FACE','FACILITY','FACT','FACTOR','FACTORY','FAIL','FAILURE','FAIR','FAIRLY','FAITH','FALL','FAMILIAR','FAMILY','FAMOUS','FAR','FARM','FARMER','FASHION','FAST','FATHER','FAVOUR','FEAR','FEATURE','FEE','FEEL','FEELING','FEMALE','FEW','FIELD','FIGHT','FIGURE','FILE','FILL','FILM','FINAL','FINALLY','FINANCE','FINANCIAL','FIND','FINDING','FINE','FINGER','FINISH','FIRE','FIRM','FIRST','FISH','FIT','FIX','FLAT','FLIGHT','FLOOR','FLOW','FLOWER','FLY','FOCUS','FOLLOW','FOLLOWING','FOOD','FOOT','FOOTBALL','FOR','FORCE','FOREIGN','FOREST','FORGET','FORM','FORMAL','FORMER','FORWARD','FOUNDATION','FREE','FREEDOM','FREQUENTLY','FRESH','FRIEND','FROM','FRONT','FRUIT','FUEL','FULL','FULLY','FUNCTION','FUND','FUNNY','FURTHER','FUTURE','GAIN','GAME','GARDEN','GAS','GATE','GATHER','GENERAL','GENERALLY','GENERATE','GENERATION','GENTLEMAN','GET','GIRL','GIVE','GLASS','GO','GOAL','GOD','GOLD','GOOD','GOVERNMENT','GRANT','GREAT','GREEN','GREY','GROUND','GROUP','GROW','GROWING','GROWTH','GUEST','GUIDE','GUN','HAIR','HALF','HALL','HAND','HANDLE','HANG','HAPPEN','HAPPY','HARD','HARDLY','HATE','HAVE','HE','HEAD','HEALTH','HEAR','HEART','HEAT','HEAVY','HELL','HELP','HENCE','HER','HERE','HERSELF','HIDE','HIGH','HIGHLY','HILL','HIM','HIMSELF','HIS','HISTORICAL','HISTORY','HIT','HOLD','HOLE','HOLIDAY','HOME','HOPE','HORSE','HOSPITAL','HOT','HOTEL','HOUR','HOUSE','HOUSEHOLD','HOUSING','HOW','HOWEVER','HUGE','HUMAN','HURT','HUSBAND','I','IDEA','IDENTIFY','IF','IGNORE','ILLUSTRATE','IMAGE','IMAGINE','IMMEDIATE','IMMEDIATELY','IMPACT','IMPLICATION','IMPLY','IMPORTANCE','IMPORTANT','IMPOSE','IMPOSSIBLE','IMPRESSION','IMPROVE','IMPROVEMENT','IN','INCIDENT','INCLUDE','INCLUDING','INCOME','INCREASE','INCREASED','INCREASINGLY','INDEED','INDEPENDENT','INDEX','INDICATE','INDIVIDUAL','INDUSTRIAL','INDUSTRY','INFLUENCE','INFORM','INFORMATION','INITIAL','INITIATIVE','INJURY','INSIDE','INSIST','INSTANCE','INSTEAD','INSTITUTE','INSTITUTION','INSTRUCTION','INSTRUMENT','INSURANCE','INTEND','INTENTION','INTEREST','INTERESTED','INTERESTING','INTERNAL','INTERNATIONAL','INTERPRETATION','INTERVIEW','INTO','INTRODUCE','INTRODUCTION','INVESTIGATE','INVESTIGATION','INVESTMENT','INVITE','INVOLVE','IRON','IS','ISLAND','ISSUE','IT','ITEM','ITS','ITSELF','JOB','JOIN','JOINT','JOURNEY','JUDGE','JUMP','JUST','JUSTICE','KEEP','KEY','KID','KILL','KIND','KING','KITCHEN','KNEE','KNOW','KNOWLEDGE','LABOUR','LACK','LADY','LAND','LANGUAGE','LARGE','LARGELY','LAST','LATE','LATER','LATTER','LAUGH','LAUNCH','LAW','LAWYER','LAY','LEAD','LEADER','LEADERSHIP','LEADING','LEAF','LEAGUE','LEAN','LEARN','LEAST','LEAVE','LEFT','LEG','LEGAL','LEGISLATION','LENGTH','LESS','LET','LETTER','LEVEL','LIABILITY','LIBERAL','LIBRARY','LIE','LIFE','LIFT','LIGHT','LIKE','LIKELY','LIMIT','LIMITED','LINE','LINK','LIP','LIST','LISTEN','LITERATURE','LITTLE','LIVE','LIVING','LOAN','LOCAL','LOCATION','LONG','LOOK','LORD','LOSE','LOSS','LOT','LOVE','LOVELY','LOW','LUNCH','MACHINE','MAGAZINE','MAIN','MAINLY','MAINTAIN','MAJOR','MAJORITY','MAKE','MALE','MAN','MANAGE','MANAGEMENT','MANAGER','MANNER','MANY','MAP','MARK','MARKET','MARRIAGE','MARRIED','MARRY','MASS','MASTER','MATCH','MATERIAL','MATTER','MAY','MAYBE','ME','MEAL','MEAN','MEANING','MEANS','MEANWHILE','MEASURE','MECHANISM','MEDIA','MEDICAL','MEET','MEETING','MEMBER','MEMBERSHIP','MEMORY','MENTAL','MENTION','MERELY','MESSAGE','METAL','METHOD','MIDDLE','MIGHT','MILE','MILITARY','MILK','MIND','MINE','MINISTER','MINISTRY','MINUTE','MISS','MISTAKE','MODEL','MODERN','MODULE','MOMENT','MONEY','MONTH','MORE','MORNING','MOST','MOTHER','MOTION','MOTOR','MOUNTAIN','MOUTH','MOVE','MOVEMENT','MUCH','MURDER','MUSEUM','MUSIC','MUST','MY','MYSELF','NAME','NARROW','NATION','NATIONAL','NATURAL','NATURE','NEAR','NEARLY','NECESSARILY','NECESSARY','NECK','NEED','NEGOTIATION','NEIGHBOUR','NEITHER','NETWORK','NEVER','NEVERTHELESS','NEW','NEWS','NEWSPAPER','NEXT','NICE','NIGHT','NO','NOBODY','NOD','NOISE','NONE','NOR','NORMAL','NORMALLY','NORTH','NORTHERN','NOSE','NOT','NOTE','NOTHING','NOTICE','NOTION','NOW','NUCLEAR','NUMBER','NURSE','OBJECT','OBJECTIVE','OBSERVATION','OBSERVE','OBTAIN','OBVIOUS','OBVIOUSLY','OCCASION','OCCUR','ODD','OF','OFF','OFFENCE','OFFER','OFFICE','OFFICER','OFFICIAL','OFTEN','OIL','OKAY','OLD','ON','ONCE','ONE','ONLY','ONTO','OPEN','OPERATE','OPERATION','OPINION','OPPORTUNITY','OPPOSITION','OPTION','OR','ORDER','ORDINARY','ORGANISATION','ORGANISE','ORGANIZATION','ORIGIN','ORIGINAL','OTHER','OTHERWISE','OUGHT','OUR','OURSELVES','OUT','OUTCOME','OUTPUT','OUTSIDE','OVER','OVERALL','OWN','OWNER','PACKAGE','PAGE','PAIN','PAINT','PAINTING','PAIR','PANEL','PAPER','PARENT','PARK','PARLIAMENT','PART','PARTICULAR','PARTICULARLY','PARTLY','PARTNER','PARTY','PASS','PASSAGE','PAST','PATH','PATIENT','PATTERN','PAY','PAYMENT','PEACE','PENSION','PEOPLE','PER','PERCENT','PERFECT','PERFORM','PERFORMANCE','PERHAPS','PERIOD','PERMANENT','PERSON','PERSONAL','PERSUADE','PHASE','PHONE','PHOTOGRAPH','PHYSICAL','PICK','PICTURE','PIECE','PLACE','PLAN','PLANNING','PLANT','PLASTIC','PLATE','PLAY','PLAYER','PLEASE','PLEASURE','PLENTY','PLUS','POCKET','POINT','POLICE','POLICY','POLITICAL','POLITICS','POOL','POOR','POPULAR','POPULATION','POSITION','POSITIVE','POSSIBILITY','POSSIBLE','POSSIBLY','POST','POTENTIAL','POUND','POWER','POWERFUL','PRACTICAL','PRACTICE','PREFER','PREPARE','PRESENCE','PRESENT','PRESIDENT','PRESS','PRESSURE','PRETTY','PREVENT','PREVIOUS','PREVIOUSLY','PRICE','PRIMARY','PRIME','PRINCIPLE','PRIORITY','PRISON','PRISONER','PRIVATE','PROBABLY','PROBLEM','PROCEDURE','PROCESS','PRODUCE','PRODUCT','PRODUCTION','PROFESSIONAL','PROFIT','PROGRAM','PROGRAMME','PROGRESS','PROJECT','PROMISE','PROMOTE','PROPER','PROPERLY','PROPERTY','PROPORTION','PROPOSE','PROPOSAL','PROSPECT','PROTECT','PROTECTION','PROVE','PROVIDE','PROVIDED','PROVISION','PUB','PUBLIC','PUBLICATION','PUBLISH','PULL','PUPIL','PURPOSE','PUSH','PUT','QUALITY','QUARTER','QUESTION','QUICK','QUICKLY','QUIET','QUITE','RACE','RADIO','RAILWAY','RAIN','RAISE','RANGE','RAPIDLY','RARE','RATE','RATHER','REACH','REACTION','READ','READER','READING','READY','REAL','REALISE','REALITY','REALIZE','REALLY','REASON','REASONABLE','RECALL','RECEIVE','RECENT','RECENTLY','RECOGNISE','RECOGNITION','RECOGNIZE','RECOMMEND','RECORD','RECOVER','RED','REDUCE','REDUCTION','REFER','REFERENCE','REFLECT','REFORM','REFUSE','REGARD','REGION','REGIONAL','REGULAR','REGULATION','REJECT','RELATE','RELATION','RELATIONSHIP','RELATIVE','RELATIVELY','RELEASE','RELEVANT','RELIEF','RELIGION','RELIGIOUS','RELY','REMAIN','REMEMBER','REMIND','REMOVE','REPEAT','REPLACE','REPLY','REPORT','REPRESENT','REPRESENTATION','REPRESENTATIVE','REQUEST','REQUIRE','REQUIREMENT','RESEARCH','RESOURCE','RESPECT','RESPOND','RESPONSE','RESPONSIBILITY','RESPONSIBLE','REST','RESTAURANT','RESULT','RETAIN','RETURN','REVEAL','REVENUE','REVIEW','REVOLUTION','RICH','RIDE','RIGHT','RING','RISE','RISK','RIVER','ROAD','ROCK','ROLE','ROLL','ROOF','ROOM','ROUND','ROUTE','ROW','ROYAL','RULE','RUN','RURAL','SAFE','SAFETY','SALE','SAME','SAMPLE','SATISFY','SAVE','SAY','SCALE','SCENE','SCHEME','SCHOOL','SCIENCE','SCIENTIFIC','SCIENTIST','SCORE','SCREEN','SEA','SEARCH','SEASON','SEAT','SECOND','SECONDARY','SECRETARY','SECTION','SECTOR','SECURE','SECURITY','SEE','SEEK','SEEM','SELECT','SELECTION','SELL','SEND','SENIOR','SENSE','SENTENCE','SEPARATE','SEQUENCE','SERIES','SERIOUS','SERIOUSLY','SERVANT','SERVE','SERVICE','SESSION','SET','SETTLE','SETTLEMENT','SEVERAL','SEVERE','SEX','SEXUAL','SHAKE','SHALL','SHAPE','SHARE','SHE','SHEET','SHIP','SHOE','SHOOT','SHOP','SHORT','SHOT','SHOULD','SHOULDER','SHOUT','SHOW','SHUT','SIDE','SIGHT','SIGN','SIGNAL','SIGNIFICANCE','SIGNIFICANT','SILENCE','SIMILAR','SIMPLE','SIMPLY','SINCE','SING','SINGLE','SIR','SISTER','SIT','SITE','SITUATION','SIZE','SKILL','SKIN','SKY','SLEEP','SLIGHTLY','SLIP','SLOW','SLOWLY','SMALL','SMILE','SO','SOCIAL','SOCIETY','SOFT','SOFTWARE','SOIL','SOLDIER','SOLICITOR','SOLUTION','SOME','SOMEBODY','SOMEONE','SOMETHING','SOMETIMES','SOMEWHAT','SOMEWHERE','SON','SONG','SOON','SORRY','SORT','SOUND','SOURCE','SOUTH','SOUTHERN','SPACE','SPEAK','SPEAKER','SPECIAL','SPECIES','SPECIFIC','SPEECH','SPEED','SPEND','SPIRIT','SPORT','SPOT','SPREAD','SPRING','STAFF','STAGE','STAND','STANDARD','STAR','START','STATE','STATEMENT','STATION','STATUS','STAY','STEAL','STEP','STICK','STILL','STOCK','STONE','STOP','STORE','STORY','STRAIGHT','STRANGE','STRATEGY','STREET','STRENGTH','STRIKE','STRONG','STRONGLY','STRUCTURE','STUDENT','STUDIO','STUDY','STUFF','STYLE','SUBJECT','SUBSTANTIAL','SUCCEED','SUCCESS','SUCCESSFUL','SUCH','SUDDENLY','SUFFER','SUFFICIENT','SUGGEST','SUGGESTION','SUITABLE','SUM','SUMMER','SUN','SUPPLY','SUPPORT','SUPPOSE','SURE','SURELY','SURFACE','SURPRISE','SURROUND','SURVEY','SURVIVE','SWITCH','SYSTEM','TABLE','TAKE','TALK','TALL','TAPE','TARGET','TASK','TAX','TEA','TEACH','TEACHER','TEACHING','TEAM','TEAR','TECHNICAL','TECHNIQUE','TECHNOLOGY','TELEPHONE','TELEVISION','TELL','TEMPERATURE','TEND','TERM','TERMS','TERRIBLE','TEST','TEXT','THAN','THANK','THANKS','THAT','THE','THEATRE','THEIR','THEM','THEME','THEMSELVES','THEN','THEORY','THERE','THEREFORE','THESE','THEY','THIN','THING','THINK','THIS','THOSE','THOUGH','THOUGHT','THREAT','THREATEN','THROUGH','THROUGHOUT','THROW','THUS','TICKET','TIME','TINY','TITLE','TO','TODAY','TOGETHER','TOMORROW','TONE','TONIGHT','TOO','TOOL','TOOTH','TOP','TOTAL','TOTALLY','TOUCH','TOUR','TOWARDS','TOWN','TRACK','TRADE','TRADITION','TRADITIONAL','TRAFFIC','TRAIN','TRAINING','TRANSFER','TRANSPORT','TRAVEL','TREAT','TREATMENT','TREATY','TREE','TREND','TRIAL','TRIP','TROOP','TROUBLE','TRUE','TRUST','TRUTH','TRY','TURN','TWICE','TYPE','TYPICAL','UNABLE','UNDER','UNDERSTAND','UNDERSTANDING','UNDERTAKE','UNEMPLOYMENT','UNFORTUNATELY','UNION','UNIT','UNITED','UNIVERSITY','UNLESS','UNLIKELY','UNTIL','UP','UPON','UPPER','URBAN','US','USE','USED','USEFUL','USER','USUAL','USUALLY','VALUE','VARIATION','VARIETY','VARIOUS','VARY','VAST','VEHICLE','VERSION','VERY','VIA','VICTIM','VICTORY','VIDEO','VIEW','VILLAGE','VIOLENCE','VISION','VISIT','VISITOR','VITAL','VOICE','VOLUME','VOTE','WAGE','WAIT','WALK','WALL','WANT','WAR','WARM','WARN','WASH','WATCH','WATER','WAVE','WAY','WE','WEAK','WEAPON','WEAR','WEATHER','WEEK','WEEKEND','WEIGHT','WELCOME','WELFARE','WELL','WEST','WESTERN','WHAT','WHATEVER','WHEN','WHERE','WHEREAS','WHETHER','WHICH','WHILE','WHILST','WHITE','WHO','WHOLE','WHOM','WHOSE','WHY','WIDE','WIDELY','WIFE','WILD','WILL','WIN','WIND','WINDOW','WINE','WING','WINNER','WINTER','WISH','WITH','WITHDRAW','WITHIN','WITHOUT','WOMAN','WONDER','WONDERFUL','WOOD','WORD','WORK','WORKER','WORKING','WORKS','WORLD','WORRY','WORTH','WOULD','WRITE','WRITER','WRITING','WRONG','YARD','YEAH','YEAR','YES','YESTERDAY','YET','YOU','YOUNG','YOUR','YOURSELF','YOUTH'];
+
+codedTriangleNumbers(1786);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.md
new file mode 100644
index 0000000000..2348769803
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-420-2x2-positive-integer-matrix.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5111000cf542c510023
+title: 'Задача 420: матриця натуральних чисел 2x2'
+challengeType: 5
+forumTopicId: 302090
+dashedName: problem-420-2x2-positive-integer-matrix
+---
+
+# --description--
+
+Матриця натуральних чисел – матриця, всі елементи якої є натуральними числами.
+
+Деякі матриці натуральних чисел можуть бути виражені у вигляді квадрата матриці натуральних чисел двома різними способами. Наприклад:
+
+$$\begin{pmatrix} 40 & 12 \\\\ 48 & 40 \end{pmatrix} =
+{\begin{pmatrix}
+  2 & 3 \\\\ 12 & 2 \end{pmatrix}}^2 =
+{\begin{pmatrix}
+  6 & 1 \\\\ 4 & 6 \end{pmatrix}}^2$$
+
+Визначаємо $F (N)$ як кількість матриць натуральних чисел 2x2, які мають слід менше N, і які можуть бути виражені у вигляді квадрата натурального числа матриці двома різними способами.
+
+Перевіримо, що $F(50) = 7$ та $F(1000) = 1019$.
+
+Знайдіть $F({10}^7)$.
+
+# --hints--
+
+`positiveIntegerMatrix()` має повертати до `145159332`.
+
+```js
+assert.strictEqual(positiveIntegerMatrix(), 145159332);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function positiveIntegerMatrix() {
+
+  return true;
+}
+
+positiveIntegerMatrix();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.md
new file mode 100644
index 0000000000..3ca02bf60a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-421-prime-factors-of-n151.md
@@ -0,0 +1,50 @@
+---
+id: 5900f5131000cf542c510024
+title: 'Задача 421: прості множники n15+1'
+challengeType: 5
+forumTopicId: 302091
+dashedName: problem-421-prime-factors-of-n151
+---
+
+# --description--
+
+Числа форми $n^{15} + 1$ – складові для кожного цілого числа $n > 1$.
+
+Для натуральних чисел $n$ і $m$ припустимо, що $s(n, m)$ – це сума різних простих множників $n^{15} + 1$, яка не перевищує $m$.
+
+Напр. $2^{15} + 1 = 3 × 3 × 11 × 331$.
+
+Отже, $s(2, 10) = 3$ та $s(2, 1000) = 3 + 11 + 331 = 345$.
+
+Також ${10}^{15} + 1 = 7 × 11 × 211 × 241 × 2161 × 9091$.
+
+Отже, $s(10, 100) = 31$ та $s(10, 1000) = 483$.
+
+Знайдіть $\sum s(n, {10}^8)$ для $1 ≤ n ≤ {10}^{11}$.
+
+# --hints--
+
+`primeFactorsOfN15Plus1()` має повертати до `2304215802083466200`.
+
+```js
+assert.strictEqual(primeFactorsOfN15Plus1(), 2304215802083466200);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeFactorsOfN15Plus1() {
+
+  return true;
+}
+
+primeFactorsOfN15Plus1();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.md
new file mode 100644
index 0000000000..44053b2c6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-422-sequence-of-points-on-a-hyperbola.md
@@ -0,0 +1,54 @@
+---
+id: 5900f5131000cf542c510025
+title: 'Задача 422: Послідовність точок на гіперболі'
+challengeType: 5
+forumTopicId: 302092
+dashedName: problem-422-sequence-of-points-on-a-hyperbola
+---
+
+# --description--
+
+Нехай $H$ - це гіпербола, визначена рівнянням $12x^2 + 7xy - 12y^2 = 625$.
+
+Визначте $X$ як точку з координатами (7, 1). Можна побачити, що $X$ знаходиться в $H$.
+
+Тепер визначимо послідовність точок у $H, \\{P_i : i ≥ 1\\}$, як:
+
+- $P_1 = (13, \frac{61}{4})$.
+- $P_2 = (\frac{-43}{6}, -4)$.
+- Для $i > 2$, $P_i$ є унікальною точкою в $H$, яка відрізняється від $P_{i - 1}$. Таким чином лінія $P_iP_{i - 1}$ паралельна до лінії $P_{i - 2}X$. Можна показати, що $P_i$ є добре визначеною і її координати завжди раціональні.
+
+<img class="img-responsive center-block" alt="анімація, що показує точки від P_1 до P_6" src="https://cdn.freecodecamp.org/curriculum/project-euler/sequence-of-points-on-a-hyperbola.gif" style="background-color: white; padding: 10px;" />
+
+Дано, що $P_3 = (\frac{-19}{2}, \frac{-229}{24})$, $P_4 = (\frac{1267}{144}, \frac{-37}{12})$ and $P_7 = (\frac{17\\,194\\,218\\,091}{143\\,327\\,232}, \frac{274\\,748\\,766\\,781}{1\\,719\\,926\\,784})$.
+
+Знайдіть $P_n$ для $n = {11}^{14}$ у такому форматі: Якщо $P_n = (\frac{a}{b}, \frac{c}{d})$, де дроби - найнижчі значення, а знаменники додатні, то відповіддю є $(a + b + c + d)\bmod 1\\,000\\,000\\,007$.
+
+Для $n = 7$ відповідь була б такою: $806\\,236\\,837$.
+
+# --hints--
+
+`sequenceOfPointsOnHyperbola()` повинен повернути `92060460`.
+
+```js
+assert.strictEqual(sequenceOfPointsOnHyperbola(), 92060460);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sequenceOfPointsOnHyperbola() {
+
+  return true;
+}
+
+sequenceOfPointsOnHyperbola();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.md
new file mode 100644
index 0000000000..45ed51aedc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-423-consecutive-die-throws.md
@@ -0,0 +1,58 @@
+---
+id: 5900f5141000cf542c510027
+title: 'Задача 423: сума послідовних простих чисел'
+challengeType: 5
+forumTopicId: 302093
+dashedName: problem-423-consecutive-die-throws
+---
+
+# --description--
+
+Нехай $n$ буде додатним цілим числом.
+
+6-бічний кубик кидають $n$ разів. Нехай $c$ буде кількістю кидків поспіль, що дають однакове значення.
+
+Наприклад, якщо $n = 7$ і значення кидків кубика є (1, 5, 6, 6, 6, 3), тоді наступні кидки поспіль дають однакове значення:
+
+$$\begin{align} & (\underline{1}, \underline{1}, 5, 6, 6, 6, 3) \\\\ & (1, 1, 5, \underline{6}, \underline{6}, 6, 3) \\\\ & (1, 1, 5, 6, \underline{6}, \underline{6}, 3) \end{align}$$
+
+Таким чином, $c = 3$ за (1, 5, 6, 6, 3).
+
+Визначте $C(n)$ як кількість результатів кидання 6-стороннього кубика $n$ разів, так що $c$ не перевищує $π(n)$.<sup>1</sup>
+
+Наприклад, $C(3) = 216$, $C(4) = 1290$, $C(11) = 361\\,912\\,500$ та $C(24) = 4\\,727\\,547\\,363\\,281\\,250\\,250\\,000$.
+
+Визначте $S(L)$ як $\суму C(n)$ за $1 ≤ n L$.
+
+Наприклад, $S(50)\bmod 1\\,000\\,007 = 832\\,833\\,871$.
+
+Знайдіть $S(50\\,000\\,000)\bmod 1\\,000\\,000\\,007$.
+
+<sup>1</sup> $π$ позначає функцію підрахунку простих чисел, тобто $π(n)$ це кількість простих чисел $≤ n$.
+
+# --hints--
+
+`consecutiveDieThrows()` should return `653972374`.
+
+```js
+assert.strictEqual(consecutiveDieThrows(), 653972374);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function consecutiveDieThrows() {
+
+  return true;
+}
+
+consecutiveDieThrows();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-424-kakuro.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-424-kakuro.md
new file mode 100644
index 0000000000..ce5fca18eb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-424-kakuro.md
@@ -0,0 +1,77 @@
+---
+id: 5900f5141000cf542c510026
+title: 'Проблема 424: Какуро'
+challengeType: 5
+forumTopicId: 302094
+dashedName: problem-424-kakuro
+---
+
+# --description--
+
+<img class="img-responsive center-block" alt="приклад какуро" src="https://cdn.freecodecamp.org/curriculum/project-euler/kakuro.gif" style="background-color: white; padding: 10px;" />
+
+Вище наведено приклад криптичного какуро (також відомого як перехресне додавання, або навіть пересічні суми), з розв'язком праворуч. (Звичні правила головоломок какуро легко можна знайти на численних інтернет-сайтах. Інші суміжні дані можна також знайти на krazydad.com, автор якого надав дані для цього завдання.)
+
+Масив `testPuzzles` містить опис 200 подібних завдань, поєднання головоломок 5x5 і 6x6. Першим завданням у файлі є наведеним вище прикладом, який написаний як рядок наступним чином:
+
+`6,X,X,(vCC),(vI),X,X,X,(hH),B,O,(vCA),(vJE),X,(hFE,vD),O,O,O,O,(hA),O,I,(hJC,vB),O,O,(hJC),H,O,O,O,X,X,X,(hJE),O,O,X`
+
+Перший символ - це число, що вказує на розмір інформаційної таблиці. Це може бути 6 (для головоломки 6 x 5) або 7 (для завдань 6х6), після якого слідує кома (,). Додаткова верхня лінія та ліва колонка потрібні для вставлення інформації.
+
+Вміст кожної клітини потім описується, а в кінці ставиться кома; запис ведеться зліва направо, а починається з верхньої лінії.
+
+`X` = сіра клітина, не має бути заповнена цифрою.
+
+`O` (буква верхнього регістру) = порожня біла клітинка, заповнена цифрою.
+
+`A` = або будь-які літери верхнього регістру від А до J повинні бути замінені еквівалентними цифрами в розв'язаній головоломці.
+
+`( )` = Місце знаходження зашифрованих сум. Горизонтальним сумам передує "h" нижнім регістром, а вертикальним - "v" нижнім регістром. За ними слідують одна або дві літери верхнього регістру, залежно від того, чи сума - одно- або двоцифрова. Для двоцифрової суми перша літера буде для десятків, а друга - для одиниць. Коли клітинка має містити інформацію як для горизонтальної, так і для вертикальної суми, перша літера завжди стосується горизонтальної суми, а також вони розділені комою у межах однієї і тієї ж множини дужок: (hFE,vD). Кожнен набір дужок також обов'язково супроводжується комою.
+
+За описом останньої клітинки слідує Carriage Return/Line Feed (CRLF) замість коми.
+
+Необхідна відповідь кожної головоломки базується на значенні кожної літери, необхідної для досягнення рішення, та в алфавітному порядку. Як показано на головоломці-прикладі, відповідь до неї - 8426039571. Щонайменше 9 з 10 зашифрованих літер є частиною опису проблеми. Коли дано лише 9 літер, пропущеній буде присвоєне число, що залишилося.
+
+Вам дано, що сума відповідей за перші 10 головоломок в `testPuzzles` дорівнює 64414157580.
+
+Знайдіть суму відповідей для масиву `puzzles`.
+
+# --hints--
+
+`kakuro(testPuzzles)` має повернутися як `1059760019628`.
+
+```js
+assert.strictEqual(kakuro(_testPuzzles), 1059760019628);
+```
+
+# --seed--
+
+
+## --after-user-code--
+
+```js
+const _testPuzzles = [
+  '6,X,X,(vCC),(vI),X,X,X,(hH),B,O,(vCA),(vJE),X,(hFE,vD),O,O,O,O,(hA),O,I,(hJC,vB),O,O,(hJC),H,O,O,O,X,X,X,(hJE),O,O,X','7,X,X,X,X,(vJJ),(vCD),X,X,X,X,(hCG),O,O,(vCE),X,X,X,(hCI,vJB),C,O,O,X,(vB),(hJF,vJF),O,F,O,O,(hJA),F,G,O,O,X,X,(hCA),O,A,O,X,X,X,X,(hCF),O,O,X,X,X','7,X,X,X,(vE),(vCB),X,X,X,X,(hJ),O,O,(vCA),X,X,(vCH),(hCG,vCJ),O,O,O,(vJ),(hCE),O,O,O,(hJ,vGG),O,O,(hD),I,O,(hCD,vCB),H,O,O,X,(hCE),O,O,E,X,X,X,X,(hCE),O,O,X,X','6,X,X,X,(vEA),(vJF),X,X,X,(hI),O,O,(vJA),X,(vA),(hEI,vEB),O,O,O,(hIG),C,O,J,O,D,(hJD),O,O,O,X,X,X,(hJD),O,O,X,X','7,X,(vH),(vG),X,X,(vI),(vDH),(hG),B,O,(vDI),(hDB,vDE),O,O,(hBC),I,O,F,O,O,J,X,X,(hG),O,O,X,X,X,(vDG),(hH,vDD),O,O,(vDJ),(vC),(hBI),O,O,O,O,O,O,(hDJ),O,O,X,(hA),O,O','6,X,(vID),(vIJ),X,X,X,(hH),F,I,(vF),(vIA),X,(hIA),G,B,O,C,X,X,(hID),O,O,O,(vIF),X,(hIA),E,O,I,O,X,X,X,(hII),O,G','6,X,X,(vAF),(vAI),X,X,X,(hJ,vAC),O,B,(vGJ),X,(hGH),J,O,O,O,(vAF),(hAG),O,O,(hH,vF),A,D,X,(hGF),O,E,O,O,X,X,(hD),O,O,X','7,X,X,X,X,(vCE),(vGB),X,X,(vJG),(vCI),(hCD,vCJ),O,O,X,(hCI),O,O,O,O,B,(vJB),(hCF),O,O,O,(hCA,vH),O,O,(hCJ),O,O,(hJB,vCJ),O,O,O,X,(hJD),O,O,O,O,O,X,(hF),I,O,X,X,X','7,X,(vBB),(vBD),X,X,X,X,(hBB),C,E,(vEE),(vEC),X,X,(hBC),O,O,O,O,X,X,X,(hEF),H,O,A,(vJ),X,X,X,(hBD),O,O,O,(vI),X,X,(hBE),F,O,O,O,X,X,X,X,(hG),O,O','7,X,X,(vGG),(vGD),X,(vI),(vGI),X,(hGB),O,O,(hGH,vIC),O,O,X,(hGA),O,O,O,J,O,X,X,(hGI),O,O,X,X,X,(vGD),(hE,vE),O,O,(vGF),X,(hIH),O,O,O,O,O,X,(hE),A,O,(hGF),O,O,X','6,X,(vIJ),(vIE),X,X,X,(hF),O,C,(vIA),X,X,(hCA),O,O,D,(vIH),X,X,(hIB),E,O,O,(vF),X,X,(hD),O,A,O,X,X,X,(hID),O,G','6,X,(vAD),(vGI),(vI),X,X,(hB),O,O,O,(vAF),X,(hGC),O,O,O,O,(vGA),(hGE),O,O,(hJ,vB),O,O,X,(hGD),D,O,E,O,X,X,(hAI),O,C,O','6,X,X,X,(vAB),(vFA),X,X,X,(hHI),O,O,(vHJ),X,(vA),(hFJ,vHE),I,D,O,(hFH),O,O,O,O,O,(hHJ),O,O,O,X,X,X,(hC),O,J,X,X','7,X,X,X,(vJ),(vEF),X,X,X,X,(hI,vGD),C,E,(vEF),(vA),X,(hEH),O,O,O,O,O,X,(hH,vJ),O,O,(hJ,vEJ),O,O,(hD),O,A,(hEF,vEB),O,O,X,(hCC),O,O,A,O,O,X,X,X,(hH),O,O,X,X','7,X,X,X,(vAG),(vAJ),(vFH),X,X,X,(hFD),O,O,O,X,X,(vH),(hAJ,vAB),O,O,O,(vB),(hAH),O,H,O,(hC,vAI),O,O,(hE),O,O,(hAI,vAE),O,O,O,X,(hJ),O,O,O,X,X,X,(hFG),E,O,O,X,X','7,X,(vAI),(vHB),X,X,(vJE),(vAA),(hD),O,O,X,(hG),O,O,(hAJ),O,O,(vE),(hAA,vAI),O,O,X,(hHF),O,O,O,O,X,X,(hJF,vAE),O,O,O,J,(vH),(hAI),D,O,X,(hB),O,O,(hAG),O,O,X,(hAA),O,O','7,X,X,(vHJ),(vC),(vAF),X,X,X,(hHF),O,O,O,(vHI),(vHD),X,(hHB,vAB),O,O,O,O,E,(hAI),O,O,X,(hAB),O,O,(hD),O,O,(vAB),(hAI,vE),J,O,(hHH),O,O,O,B,O,X,X,X,(hG),O,A,O,X','6,X,X,(vDF),(vHE),X,X,X,(hHJ,vE),C,O,X,X,(hHI),O,O,O,(vDF),(vHH),(hFA),A,O,B,O,O,X,X,(hE),O,I,O,X,X,(hHH),O,O,X','6,X,(vA),(vA),X,X,X,(hE),O,O,(vCJ),X,X,(hG),O,O,O,(vHI),X,X,(hHC),O,O,H,(vB),X,X,(hCE),O,O,D,X,X,X,(hE),O,O','6,X,X,X,X,(vEH),(vEC),X,X,X,(hEB,vEJ),O,O,X,X,(hEC,vEF),O,O,B,X,(hDD,vEI),O,B,C,X,(hB),O,D,A,X,X,(hEC),O,O,X,X,X','6,X,X,X,X,(vIF),(vH),X,X,X,(hIJ,vGJ),B,I,X,X,(hIB,vIC),O,O,G,X,(hIA,vC),O,O,O,X,(hE),O,O,O,X,X,(hIA),E,O,X,X,X','7,X,(vC),(vFB),X,X,X,X,(hFH),O,O,(vFA),(vFJ),(vC),X,(hFJ),O,O,O,O,O,X,X,X,(hA,vJ),O,O,O,X,X,(hG),D,O,O,(vC),(vFC),X,(hBH),A,O,O,O,E,X,X,X,X,(hFH),O,I','6,X,X,(vFD),(vC),X,X,X,(hDH),E,F,(vDG),(vDD),X,(hDF,vDI),O,O,A,O,(hDG),O,O,(hDG,vDG),O,O,(hDJ),O,D,J,O,X,X,X,(hJ),E,O,X','6,X,X,X,(vE),(vGH),(vIC),X,X,(hD,vIG),O,O,A,X,(hIF,vJ),O,J,E,O,(hJ),O,D,(hGG,vGH),O,O,(hGG),O,O,O,O,X,(hIC),O,O,O,X,X','7,X,X,X,X,(vAG),(vJA),(vH),X,X,X,(hAJ,vDJ),O,O,O,X,X,(hJF),O,O,O,O,X,X,(hG),D,O,X,X,X,(vJH),(hJE,vJD),C,I,X,X,(hAE),B,O,O,O,X,X,(hAJ),O,O,E,X,X,X','7,X,X,X,X,(vGG),(vIA),(vGF),X,X,X,(hGF),O,O,D,X,X,X,(hGJ,vIB),O,O,O,X,X,(hGH,vGD),O,O,O,X,X,(hII,vC),O,J,O,X,X,(hIH),J,O,O,X,X,X,(hGE),O,I,O,X,X,X','6,X,X,(vFA),(vEC),X,X,X,(hI,vFI),F,O,X,X,(hDE),O,O,O,(vFF),(vFF),(hDI),G,J,O,F,O,X,X,(hFJ),O,D,O,X,X,(hFH),J,A,X','7,X,X,X,X,X,(vID),(vBB),X,X,X,X,(hBC),O,I,X,X,(vIH),(vBH),(hBF,vF),O,O,X,(hIE,vD),O,O,I,O,O,(hAG),O,O,O,O,F,X,(hA),O,O,X,X,X,X,(hD),O,O,X,X,X,X','7,X,(vCD),(vCC),X,X,X,X,(hE),B,C,(vCE),X,X,X,(hCD),O,O,O,(vE),(vCG),X,X,(hCH),O,O,O,O,X,X,(hFC),B,J,G,O,(vCC),X,X,X,(hCI),O,O,O,X,X,X,X,(hG),O,O','7,X,X,X,(vID),(vD),(vFB),X,X,X,(hIB,vID),O,O,O,X,X,(hJE,vIA),J,C,O,D,(vF),(hIB),O,O,X,(hIG),O,O,(hIJ),O,O,(vD),(hA,vID),O,O,X,(hJF),O,O,O,O,X,X,(hIE),O,O,O,X,X','7,X,X,(vAC),(vAH),X,X,X,X,(hD),O,O,(vAD),X,X,X,(hCH,vAD),O,O,O,(vAA),(vF),(hAC),O,H,(hAB,vAJ),O,O,A,(hAE),O,O,O,(hD,vAD),O,O,X,X,(hAC),O,O,O,X,X,X,X,(hG),O,O,X','6,X,X,(vBB),(vBE),X,X,X,(hBH),O,I,(vBG),(vBB),X,(hHE,vBD),H,D,O,O,(hBA),C,O,(hA,vG),O,O,(hBF),I,O,O,O,X,X,X,(hG),O,O,X','6,X,X,(vEC),(vD),X,X,X,(hD,vH),O,O,(vIB),X,(hIA),O,O,O,O,(vE),(hII),O,F,(hII,vIG),O,O,X,(hIH),O,O,O,O,X,X,(hIA),O,D,X','6,X,X,X,X,(vEH),(vEG),X,X,X,(hEB,vEF),O,O,X,X,(hAC,vG),O,B,O,X,(hEE,vEC),O,D,O,X,(hEE),O,O,O,X,X,(hEJ),D,O,X,X,X','6,X,(vD),(vB),X,X,X,(hA),O,O,(vE),X,X,(hE),A,O,O,(vCJ),X,X,(hCH),O,A,O,(vCI),X,X,(hB),O,D,O,X,X,X,(hCB),G,O','7,X,X,X,X,(vHJ),(vIF),(vIB),X,X,X,(hIH,vJI),O,O,J,X,X,(hIA),O,O,O,F,X,X,(hIG),O,C,X,X,X,(vD),(hA,vIB),O,J,X,X,(hHB),O,O,O,O,X,X,(hHB),O,O,O,X,X,X','7,X,X,X,(vBJ),(vIB),X,X,X,(vIF),(hBB,vBB),O,O,(vBA),X,(hIC),O,O,O,O,O,(vBA),(hBD),O,O,(hC,vC),O,O,O,(hBJ),E,O,O,(hBC,vBI),G,H,X,(hBA),O,O,O,O,O,X,X,(hBF),O,O,X,X','7,X,(vHI),(vHE),X,X,X,X,(hA),O,O,X,X,X,X,(hHG),O,O,(vHH),(vHE),(vIJ),X,(hHA),O,O,O,O,O,(vHI),X,(hID),H,O,O,B,I,X,X,X,X,(hHB),F,O,X,X,X,X,(hHE),O,H','6,X,X,(vAJ),(vAJ),X,X,X,(hAF,vAA),G,A,X,X,(hDA),O,O,O,(vDE),(vAH),(hAJ),O,O,O,O,I,X,X,(hAG),D,C,O,X,X,(hAI),O,O,X','6,X,X,X,X,(vDH),(vDA),X,X,X,(hG,vDG),O,E,X,X,(hBJ,vBC),O,O,O,X,(hBI,vE),O,E,O,X,(hE),O,O,O,X,X,(hDH),O,E,X,X,X','6,X,X,X,X,(vHJ),(vHH),X,X,X,(hHE,vCC),O,O,X,X,(hF,vG),A,O,O,X,(hHC,vHJ),O,B,O,X,(hHH),O,O,O,X,X,(hHI),O,O,X,X,X','7,X,(vJ),(vDG),X,X,(vDF),(vEF),(hC),E,B,X,(hEA),O,O,(hEE),C,O,(vH),(hED,vEF),A,O,X,(hEC),O,O,O,O,X,X,(hDD,vEF),O,O,O,O,(vEA),(hEJ),O,F,X,(hJ),O,O,(hEF),O,O,X,(hEF),O,O','7,X,X,X,(vCC),(vD),X,X,X,(vJE),(hI,vCH),O,O,(vBF),X,(hCC),O,O,O,O,A,(vJB),(hCB),G,O,O,(hJA,vJF),O,O,(hJA),O,O,(hG,vH),O,O,O,X,(hCE),O,O,O,O,O,X,X,(hH),O,O,X,X','7,X,X,(vEI),(vEB),(vG),X,X,X,(hEF),E,O,O,(vHE),X,X,(hEF,vH),O,O,O,O,(vEI),(hH),O,O,X,(hEH),O,B,(hG),O,O,(vG),(hEI,vED),O,O,X,(hAG),C,O,O,O,X,X,X,(hEE),O,O,O,X','6,X,X,X,X,(vJE),(vF),X,X,X,(hI,vJJ),O,O,X,X,(hEC,vJJ),H,O,O,X,(hF,vJB),O,O,O,X,(hJI),A,C,E,X,X,(hJD),O,J,X,X,X','6,X,X,X,(vH),(vAE),X,X,X,(hCB,vCJ),O,O,(vCB),X,(hCA,vD),O,O,O,O,(hD),C,O,(hCC,vJ),O,O,(hAB),A,O,F,O,X,X,(hB),G,O,X,X','6,X,X,(vEC),(vEG),X,X,X,(hEF),O,O,(vFC),(vEI),X,(hHJ,vJ),E,O,O,A,(hJ),O,O,(hEA,vEA),O,O,(hHH),O,O,O,B,X,X,X,(hEF),O,O,X','7,X,(vEI),(vEC),X,X,X,X,(hH),O,O,X,X,X,X,(hED),O,O,(vEB),(vEG),(vGB),X,(hEJ),O,O,O,O,O,(vD),X,(hIA),O,O,O,O,C,X,X,X,X,(hA),O,I,X,X,X,X,(hEB),A,O','7,X,X,X,(vF),(vG),(vIB),X,X,(vG),(hBA,vIH),J,I,D,X,(hBG),O,O,O,O,O,(vBG),(hA),O,O,X,(hE),O,O,(hBB),O,C,(vA),(hBI,vBE),O,O,X,(hBA),O,O,O,O,O,X,(hBF),O,O,O,X,X','7,X,X,(vEF),(vDI),X,X,X,X,(hDG),O,O,(vDA),X,X,X,(hEA,vG),O,O,O,(vEJ),(vJ),(hF),O,G,(hDH,vDI),O,O,F,(hED),O,O,O,(hDD,vB),O,O,X,X,(hDB),O,O,A,X,X,X,X,(hH),O,O,X','7,X,X,X,X,(vJH),(vD),(vAJ),X,X,X,(hAC,vDH),O,O,O,X,X,(hAA),O,O,O,O,X,X,(hC),F,O,X,X,X,(vC),(hAJ,vAA),I,H,X,X,(hJA),O,D,O,G,X,X,(hJB),O,C,O,X,X,X','6,X,X,X,(vDC),(vG),X,X,X,(hA),O,O,(vCH),X,(vCI),(hCB,vB),O,O,O,(hDF),O,H,O,O,O,(hH),O,O,O,X,X,X,(hH),J,O,X,X','6,X,X,(vCG),(vGA),X,X,X,(hE),O,O,(vGG),(vGB),X,(hCI,vF),O,O,O,I,(hGI),O,O,(hI,vD),O,A,(hGH),O,B,O,O,X,X,X,(hA),O,O,X','6,X,X,X,(vJ),(vHF),X,X,(vF),(hHG,vHD),O,A,X,(hHI),A,O,O,O,(vHE),(hB),G,O,(hD,vHE),O,F,X,(hGJ),O,O,O,O,X,(hHD),O,O,X,X','6,X,X,X,X,(vBD),(vD),X,X,X,(hD,vBB),O,O,X,X,(hI,vHD),O,O,O,X,(hHD,vBE),O,O,A,X,(hHF),C,O,G,X,X,(hBI),O,O,X,X,X','7,X,(vJ),(vFB),(vDB),X,X,X,(hFC),O,O,O,(vFE),X,X,(hFB),O,O,O,O,X,X,X,X,(hG),I,O,X,X,X,X,(hA),O,O,(vFG),(vE),X,X,(hDD),O,O,O,A,X,X,X,(hFD),D,E,J','6,X,X,X,(vAD),(vAH),X,X,(vB),(hF,vEB),O,O,X,(hED),O,O,O,O,(vD),(hD),O,O,(hJ,vI),O,O,X,(hEH),O,A,O,C,X,(hB),G,O,X,X','6,X,X,X,X,(vFG),(vFB),X,X,X,(hFD,vB),O,O,X,X,(hFG,vFG),O,O,O,X,(hI,vH),O,O,C,X,(hGA),E,H,O,X,X,(hD),O,G,X,X,X','7,X,X,X,(vBH),(vBB),X,X,X,X,(hBJ,vBJ),I,O,(vHE),(vI),X,(hBF,vBA),O,O,O,O,O,(hBE),O,D,X,(hA),O,O,(hBC),O,O,(vA),(hBB,vBH),O,O,(hDA),B,H,O,O,O,X,X,X,(hI),O,O,X,X','7,X,X,X,(vEC),(vD),X,X,X,(vJ),(hEB,vEJ),O,O,X,X,(hFC),O,O,O,F,(vEG),X,(hG),O,O,(hH,vFI),O,E,(vEH),X,(hEB),A,O,(hED,vJ),O,O,X,X,(hFI),O,O,O,O,X,X,(hED),O,O,X,X','6,X,(vGH),(vGG),X,X,X,(hGE),O,O,(vFI),(vGJ),X,(hGF),O,O,D,O,X,X,(hGB),O,C,O,(vGG),X,(hFG),O,O,O,O,X,X,X,(hE),O,I','7,X,X,X,(vF),(vGI),X,X,X,(vJ),(hB,vGA),H,G,X,X,(hHF),O,O,O,A,(vHH),X,(hB),O,O,(hGB,vGA),C,O,(vC),X,(hGC),O,O,(hGI,vGF),O,O,X,X,(hHB),O,E,O,O,X,X,(hA),O,O,X,X','7,X,X,X,X,X,(vED),(vIG),X,X,X,X,(hEC),O,O,X,X,(vAC),(vA),(hH,vEG),O,O,X,(hAE,vB),O,O,H,O,O,(hIJ),O,O,O,B,O,X,(hEC),O,O,X,X,X,X,(hEI),O,O,X,X,X,X','7,X,X,(vAI),(vAA),X,X,X,X,(hAD,vAG),O,O,(vAE),X,X,(hAH),O,O,O,O,(vBH),(vD),(hG),O,O,(hI,vE),O,O,O,(hAI),O,O,O,(hG,vAC),D,F,X,X,(hAH),O,O,O,O,X,X,X,(hAJ),O,O,X','7,X,X,(vGD),(vFB),(vJ),X,X,X,(hGD),O,O,O,(vFA),(vGG),X,(hFA),O,O,O,O,O,X,(hGE,vGF),O,O,(hH,vFB),O,O,(hH),O,G,(hGC,vD),O,G,X,(hEB),O,O,O,O,O,X,X,X,(hGC),O,A,O,X','6,X,X,(vAD),(vEE),X,X,X,(hEC),G,O,(vAJ),(vH),X,(hEC,vEG),O,A,O,O,(hEG),F,O,(hEG,vEG),O,O,(hAB),O,E,F,A,X,X,X,(hEG),O,O,X','6,X,X,X,X,(vIB),(vJ),X,X,X,(hB,vIJ),O,O,X,X,(hE,vIF),O,O,C,X,(hFC,vIF),O,A,O,X,(hG),O,O,H,X,X,(hIJ),O,O,X,X,X','6,X,X,X,(vIB),(vEB),X,X,X,(hD,vAE),O,O,(vE),X,(hIJ,vE),O,O,O,O,(hII),O,O,(hJ,vC),H,O,(hAE),O,O,G,J,X,X,(hC),O,O,X,X','6,X,X,(vFF),(vB),X,X,X,(hC,vI),O,J,(vJE),X,(hJJ),O,O,I,G,(vA),(hJJ),O,O,(hJD,vJE),O,O,X,(hJB),O,O,F,O,X,X,(hJH),C,J,X','7,X,X,X,(vEI),(vJI),X,X,X,X,(hJA),O,O,(vJE),(vJJ),X,X,(hJI,vJB),O,E,O,D,X,(hJI,vC),O,H,(hJB,vJE),O,O,(hB),O,O,(hF,vD),O,O,X,(hJB),O,O,O,O,X,X,X,X,(hJE),O,O,X,X','7,X,(vJB),(vFD),X,X,(vFE),(vH),(hJF),O,O,X,(hH),O,O,(hJC),O,O,(vH),(hJF,vJF),O,O,X,(hJI),H,O,O,O,X,X,(hFJ,vJJ),J,O,O,O,(vJA),(hA),G,O,X,(hJF),O,C,(hJC),O,O,X,(hD),O,O','7,X,(vI),(vDH),X,X,X,X,(hB),O,I,X,X,X,X,(hC),O,O,(vA),(vI),(vDJ),X,(hDH),O,B,O,O,O,(vDH),X,(hGG),O,O,O,J,O,X,X,X,X,(hHH),B,O,X,X,X,X,(hHE),O,O','6,X,X,(vDI),(vE),X,X,X,(hA,vDA),E,O,(vHI),X,(hHI),F,A,O,O,(vDF),(hDD),O,O,(hDJ,vDJ),O,O,X,(hDG),O,O,H,O,X,X,(hB),O,D,X','6,X,(vJ),(vDH),X,X,X,(hDA),G,O,(vDA),(vDB),X,(hDB),O,O,I,F,X,X,(hG),O,F,O,(vDI),X,(hED),G,O,O,F,X,X,X,(hDE),O,H','6,X,X,(vCJ),(vD),X,X,X,(hG),O,O,(vAD),(vAE),X,(hCC,vI),O,O,A,O,(hJ),O,F,(hAD,vAD),I,H,(hCD),O,O,O,F,X,X,X,(hAJ),O,G,X','7,X,X,X,X,(vEF),(vEC),(vF),X,X,X,(hED,vEB),O,O,O,X,X,(hEB),O,O,O,O,X,X,(hC),O,D,X,X,X,(vI),(hB,vEE),O,O,X,X,(hEB),E,H,D,O,X,X,(hHJ),O,G,O,X,X,X','7,X,X,X,X,(vJF),(vIC),X,X,X,(vIA),(hD,vJE),O,O,X,X,(hIJ,vD),J,O,O,D,(vG),(hJC),I,O,O,(hJA,vC),O,O,(hJF),J,C,(hJF,vJE),O,O,O,X,(hIB),O,O,O,O,X,X,(hJF),O,O,X,X,X','6,X,(vH),(vJE),X,X,X,(hC),J,O,(vJJ),(vJC),X,(hJJ),A,I,O,H,X,X,(hD),O,O,A,(vC),X,(hAI),F,B,O,O,X,X,X,(hC),J,O','7,X,(vA),(vEE),X,X,(vD),(vF),(hEC),O,O,(vIH),(hI,vEB),O,O,(hBD),O,O,O,O,F,O,X,X,(hA),O,O,X,X,X,(vJ),(hEJ,vEG),F,O,(vA),(vG),(hBG),O,O,O,O,O,O,(hEH),O,O,X,(hG),O,O','6,X,X,X,(vFG),(vFC),X,X,(vE),(hFE,vFF),A,O,X,(hBF),O,O,O,O,(vH),(hE),O,O,(hD,vFF),I,O,X,(hFF),O,O,E,D,X,(hFI),O,O,X,X','6,X,X,(vHA),(vFH),X,X,X,(hFF),O,O,(vFH),(vE),X,(hDI,vFG),O,O,O,O,(hFG),B,O,(hC,vFB),O,O,(hDC),O,G,O,F,X,X,X,(hFF),O,O,X','7,X,X,(vBE),(vBB),(vA),X,X,X,(hH),O,O,O,(vBA),(vH),X,(hGI,vBB),O,J,O,O,O,(hBG),O,O,X,(hI),O,O,(hC),O,O,(vBG),(hE,vBD),H,C,(hBI),O,O,O,O,O,X,X,X,(hGG),O,O,O,X','7,X,X,X,X,X,(vHC),(vF),X,X,X,X,(hF,vC),O,E,X,X,(vEJ),(hEF,vEG),F,O,H,X,(hHD),C,O,O,O,X,X,(hHC,vI),A,O,O,O,X,(hJ),D,O,O,X,X,X,(hF),O,O,X,X,X,X','6,X,X,(vH),(vDC),X,X,X,(hCI,vCD),O,O,X,X,(hH),O,O,O,(vCA),(vCB),(hCJ),O,I,O,D,E,X,X,(hDI),E,H,O,X,X,(hG),O,O,X','7,X,X,X,X,(vJ),(vHE),X,X,X,X,(hHA,vHF),O,B,(vHE),X,X,(hEC,vHG),O,O,O,O,X,(hHE,vHG),O,O,(hA,vHB),O,O,(hJ),O,O,(hHE,vJ),O,O,X,(hED),O,J,O,O,X,X,X,(hB),O,O,X,X,X','6,X,X,(vJG),(vA),X,X,X,(hI),B,O,(vJC),(vJH),X,(hJH,vJC),O,E,O,O,(hB),O,O,(hJJ,vF),O,O,(hCE),O,O,D,I,X,X,X,(hB),O,H,X','6,X,X,X,X,(vDG),(vHH),X,X,(vDH),(hJ,vHB),O,O,X,(hJF),O,O,O,O,X,(hHF,vE),O,O,O,X,(hDJ),H,O,O,I,X,(hHC),G,O,X,X,X','7,X,(vAI),(vHC),X,X,X,X,(hD),O,G,X,X,(vHI),(vG),(hAJ),O,O,(vB),(hH,vAH),O,O,X,(hHF,vH),O,O,F,O,O,(hCA),O,O,O,O,O,(vF),(hH),O,O,X,(hG),O,O,X,X,X,X,(hAH),O,O','7,X,X,X,X,(vFG),(vFI),X,X,X,X,(hFI,vFB),O,O,(vFJ),X,(vFA),(hFG,vGA),O,B,O,O,(hIB),O,O,O,(hH,vJ),O,O,(hJ),O,O,(hFD,vD),O,C,O,(hII),O,O,O,O,X,X,X,(hE),O,O,X,X,X','7,X,X,X,(vI),(vEG),(vFD),X,X,(vED),(hA,vEB),O,O,O,X,(hJC),O,O,A,O,O,X,(hEG),O,O,(hEG,vEC),O,O,(vB),X,(hH),O,O,(hJ,vEB),O,O,X,(hEI),O,O,O,O,J,X,(hFF),O,H,O,X,X','6,X,X,(vEI),(vEB),X,X,X,(hEC,vB),O,O,(vEB),X,(hHC),J,O,O,F,(vEC),(hH),O,O,(hB,vEC),O,O,X,(hEH),O,O,O,O,X,X,(hEA),D,O,X','6,X,X,(vAF),(vBF),X,X,X,(hBI),O,G,(vAD),(vBD),X,(hBI,vF),O,J,O,E,(hBB),A,G,(hBI,vBI),O,H,(hAJ),B,O,O,O,X,X,X,(hBA),O,O,X','6,X,(vCB),(vJ),X,X,X,(hCE),A,O,(vCI),X,X,(hCG),D,O,O,(vCC),X,X,(hCA),O,O,O,(vB),X,X,(hB),O,E,G,X,X,X,(hG),O,H','7,X,X,X,X,X,(vFI),(vHG),X,X,X,X,(hHJ,vHH),O,O,X,X,(vHC),(hHD,vHG),O,O,O,X,(hHH),O,O,O,O,X,X,(hFE,vHC),O,O,O,D,X,(hHE),H,O,O,X,X,X,(hHE),I,A,X,X,X,X','7,X,X,(vFA),(vC),X,X,X,X,(hE),O,B,(vAC),(vGJ),X,X,(hFF,vG),O,O,O,O,(vAI),(hAA),O,D,(hAB,vAC),O,O,O,(hAH),O,O,O,(hAB,vAB),O,O,X,(hFJ),O,O,O,O,X,X,X,X,(hAH),O,J,X','7,X,X,X,(vIF),(vIB),X,X,X,X,(hID),O,O,(vC),X,X,(vIF),(hIH,vEE),O,O,O,(vII),(hEB),O,O,O,(hIB,vIF),D,J,(hIF),O,O,(hII,vIE),O,O,O,X,(hJ),O,G,O,X,X,X,X,(hIF),O,O,X,X','7,X,(vDJ),(vDB),X,X,X,X,(hDJ),O,O,(vDF),(vCE),(vI),X,(hCH),O,O,O,O,O,X,X,X,(hDC,vDB),O,A,G,X,X,(hFE),O,O,O,(vDJ),(vI),X,(hCF),O,O,O,O,O,X,X,X,X,(hDE),O,O','6,X,X,(vCI),(vJ),X,X,X,(hA),O,E,(vEG),(vCC),X,(hEG,vCF),O,O,D,O,(hJ),C,G,(hB,vCC),C,O,(hED),O,O,A,O,X,X,X,(hCD),O,O,X','6,X,X,X,(vG),(vFE),X,X,X,(hG,vBC),O,O,(vBC),X,(hFJ,vC),O,E,O,I,(hG),O,O,(hBF,vBC),O,O,(hEJ),O,O,O,O,X,X,(hBA),D,O,X,X','6,X,X,(vAJ),(vE),X,X,X,(hFH,vH),O,O,(vFA),X,(hFH),O,O,O,O,(vFI),(hI),O,C,(hFI,vFD),O,O,X,(hAC),O,O,I,G,X,X,(hC),O,O,X','6,X,X,X,(vE),(vCJ),X,X,(vFF),(hA,vHJ),C,O,X,(hFC),O,O,O,F,(vD),(hFI),O,O,(hFE,vFJ),O,O,X,(hFG),O,O,O,O,X,(hFD),O,O,X,X','7,X,X,X,(vBJ),(vBI),X,X,X,X,(hA),O,O,(vCH),(vBJ),X,(vCJ),(hCB,vG),H,O,I,B,(hBA),O,O,O,(hBE,vG),O,O,(hBB),F,O,(hBE,vBI),O,O,O,(hBI),O,O,O,O,X,X,X,X,(hBC),O,O,X,X','6,X,X,(vCJ),(vD),X,X,X,(hH),O,O,(vBD),(vJ),X,(hCI,vCH),O,J,F,O,(hCG),O,E,(hA,vCD),O,F,(hBF),O,O,O,O,X,X,X,(hCG),O,O,X','6,X,X,X,X,(vJB),(vG),X,X,X,(hA,vH),I,O,X,X,(hCD,vCG),O,O,B,X,(hCF,vCD),O,O,O,X,(hJD),O,H,O,X,X,(hB),O,O,X,X,X','7,X,(vI),(vEH),X,X,(vCC),(vF),(hG),O,O,X,(hH),O,C,(hJ),O,O,(vAD),(hAG,vG),O,O,X,(hEI),F,O,O,O,X,X,(hAD,vAB),O,O,I,O,(vI),(hG),O,O,X,(hC),O,O,(hAJ),O,O,X,(hAA),O,O','7,X,X,X,X,X,(vEC),(vEA),X,X,X,X,(hB),O,O,X,X,(vDF),(vEH),(hEC,vH),H,O,X,(hEA,vI),O,B,E,O,O,(hDB),E,J,O,D,O,X,(hEH),O,A,X,X,X,X,(hI),O,O,X,X,X,X','6,X,X,X,(vBC),(vBC),X,X,X,(hBJ,vEC),H,O,(vBB),X,(hBE,vA),D,J,O,O,(hC),O,O,(hBE,vBG),O,O,(hEG),H,O,B,O,X,X,(hBI),O,O,X,X','7,X,(vE),(vCF),X,X,X,X,(hJ),O,O,(vFB),X,X,X,(hCJ),O,O,A,(vFE),(vCA),X,X,(hIH),O,O,O,O,X,X,(hFF),O,O,O,B,(vFA),X,X,X,(hCI),O,O,O,X,X,X,X,(hFG),O,O','7,X,X,X,X,(vBH),(vH),X,X,X,X,(hI),O,O,(vE),X,X,X,(hJG,vBF),O,O,O,X,(vH),(hBA,vJE),O,O,O,O,(hDG),O,O,O,O,X,X,(hBG),O,F,O,X,X,X,X,(hA),J,O,X,X,X','7,X,X,X,X,X,(vIC),(vA),X,X,X,(vII),(hG,vIH),F,I,X,X,(hIG),O,O,O,D,X,X,(hC,vC),O,O,J,X,X,(hIF,vE),O,G,A,X,X,(hIH),O,O,O,O,X,X,(hJ),F,D,X,X,X,X','7,X,X,X,(vH),(vCJ),X,X,X,(vCG),(hCB,vEG),O,O,X,X,(hEF),O,I,O,O,(vCI),X,(hCD),O,J,(hCB,vCJ),E,O,(vCC),X,(hCE),O,O,(hCI,vH),O,O,X,X,(hEB),O,O,O,O,X,X,(hD),O,O,X,X','6,X,(vGA),(vBE),X,X,X,(hGC),H,O,(vGF),X,X,(hGG),O,O,O,(vGD),X,X,(hBG),O,J,O,(vGD),X,X,(hGD),O,O,E,X,X,X,(hGH),O,O','6,X,X,(vEE),(vEJ),X,X,X,(hI,vEF),O,O,(vEH),X,(hEA),O,O,O,E,(vB),(hEE),O,O,(hB,vB),O,O,X,(hEG),A,O,I,O,X,X,(hA),D,B,X','6,X,(vJ),(vHA),X,X,X,(hHH),D,O,(vHG),X,X,(hI),O,O,F,(vDG),X,X,(hDJ),O,O,O,(vHF),X,X,(hHF),O,O,E,X,X,X,(hHE),B,O','6,X,X,X,X,(vFI),(vE),X,X,X,(hH,vA),J,I,X,X,(hGF,vD),O,O,F,X,(hGF,vC),O,O,A,X,(hD),O,O,O,X,X,(hD),O,O,X,X,X','7,X,X,(vHG),(vE),X,X,X,X,(hGD),O,O,(vGA),(vHC),(vAJ),X,(hGD,vAC),O,O,O,O,O,(hGC),O,O,(hAA,vGC),O,O,O,(hAC),O,O,F,(hGD,vD),O,O,(hHB),O,O,O,O,O,X,X,X,X,(hI),O,D,X','7,X,X,(vBG),(vBJ),X,(vBD),(vE),X,(hC),O,O,(hBB,vAG),O,C,X,(hBE),O,O,O,O,D,X,(hBG),O,O,O,(vBE),X,X,(vE),(hBI,vJ),O,O,O,X,(hCG),F,G,O,O,O,X,(hC),O,O,(hBJ),O,O,X','7,X,X,X,X,X,(vEA),(vJJ),X,X,(vED),(vJI),(hF),O,O,X,(hB),O,O,(hJH,vB),O,O,X,(hED),O,B,O,O,X,X,(hJI,vJI),O,O,C,O,X,(hJH),O,O,(hJJ),O,O,X,(hF),J,E,X,X,X,X','6,X,(vF),(vED),X,X,X,(hEI),O,O,(vEA),X,X,(hEJ),O,O,J,(vB),X,X,(hB),O,O,O,(vG),X,X,(hJ),B,O,C,X,X,X,(hF),O,E','6,X,X,X,X,(vCH),(vCD),X,X,X,(hG,vCH),O,O,X,X,(hCH,vCI),O,O,O,X,(hFA,vCE),O,O,J,X,(hFF),O,O,O,X,X,(hI),F,C,X,X,X','6,X,X,(vCH),(vA),X,X,X,(hE,vE),D,O,(vAG),(vHC),(hHB),O,O,C,O,I,(hHA),O,O,(hE,vJ),O,O,(hCH),A,O,O,O,O,X,X,(hHD),O,O,X','7,X,(vF),(vDG),(vGD),X,X,X,(hA),O,D,O,(vI),(vGE),X,(hDG),O,C,O,O,O,X,(hGC),H,O,(hH,vA),O,O,(vGF),X,(hH),O,O,(hGB,vGD),O,O,X,(hDH),O,D,O,O,O,X,X,X,(hA),O,O,G','7,X,X,X,X,(vIG),(vIG),X,X,X,X,(hCJ),O,O,(vCE),X,X,X,(hIE,vEA),O,O,O,X,(vJ),(hEA,vIE),O,O,O,O,(hCH),O,F,O,O,X,X,(hCH),I,B,O,X,X,X,X,(hCH),O,O,X,X,X','7,X,X,X,X,(vJ),(vDB),X,X,X,X,(hDG,vH),O,O,X,X,(vB),(hJ,vEB),E,O,O,(vG),(hDJ),O,F,D,(hI,vDC),O,O,(hA),O,O,(hJ,vA),O,O,I,X,(hDA),O,O,O,X,X,X,(hDH),O,O,X,X,X','6,X,X,X,(vEE),(vJA),(vEI),X,X,(hD,vEE),O,F,O,X,(hED,vEC),O,O,O,O,(hJ),O,O,(hEH,vEI),O,O,(hIB),O,O,O,O,X,(hII),O,O,O,X,X','6,X,(vE),(vGH),X,X,X,(hC),O,J,(vFJ),X,X,(hGH),O,O,O,(vJ),X,X,(hFA),B,O,I,(vFF),X,X,(hFG),O,O,O,X,X,X,(hB),F,G','6,X,X,(vIF),(vIJ),X,X,X,(hD,vIC),O,O,X,X,(hIB),O,O,O,(vIG),(vA),(hBF),O,O,F,I,O,X,X,(hE),D,O,F,X,X,(hIF),O,C,X','7,X,(vCD),(vB),X,X,X,X,(hII),O,D,(vA),X,X,X,(hIJ),O,O,O,(vII),X,X,(hID),O,O,O,O,(vIJ),(vCJ),X,X,(hCA),H,O,F,O,X,X,X,(hA),O,O,G,X,X,X,X,(hII),J,O','7,X,(vC),(vFF),X,X,(vHF),(vD),(hFD),O,O,(vHG),(hA,vFJ),O,O,(hHF),O,O,O,O,O,O,X,X,(hFG,vFH),O,O,O,X,X,(hFB,vI),O,O,O,(vFB),(vB),(hIG),O,O,O,O,D,J,(hG),O,I,X,(hFE),O,O','7,X,(vHJ),(vDE),X,X,(vDI),(vHH),(hHG),O,J,(vHJ),(hJ),O,O,(hHE),O,O,O,(hHJ,vB),O,O,X,(hHH),O,O,O,O,X,X,(hDJ,vHA),D,O,E,O,(vF),(hHJ),O,O,(hA),O,O,E,(hHA),O,O,X,(hI),O,O','7,X,(vEH),(vFA),X,X,X,X,(hEB),O,O,(vFA),X,X,X,(hFD),O,O,O,(vEE),(vID),X,X,(hFB),O,O,O,O,X,X,(hFJ),O,O,O,O,(vEE),X,X,X,(hJ),O,B,O,X,X,X,X,(hEH),C,O','6,X,(vJ),(vE),X,X,X,(hA),B,C,(vCJ),X,X,(hCG),O,O,O,(vCD),X,X,(hHF),O,O,O,(vJ),X,X,(hE),O,O,H,X,X,X,(hCE),O,O','6,X,(vGC),(vGH),X,X,X,(hGG),O,O,(vGB),X,X,(hGI),E,O,I,(vGG),X,X,(hIJ),O,C,O,(vA),X,X,(hD),G,O,O,X,X,X,(hD),O,O','6,X,X,X,X,(vIG),(vII),X,X,X,(hE,vIA),I,G,X,X,(hGJ,vGF),O,C,O,X,(hIE,vII),D,O,O,X,(hGJ),O,B,O,X,X,(hA),O,J,X,X,X','6,X,X,X,X,(vIA),(vE),X,X,(vJB),(hB,vII),I,J,X,(hIF),O,O,O,H,X,(hIB,vG),D,J,O,X,(hJG),C,O,O,F,X,(hB),O,O,X,X,X','7,X,X,X,(vDB),(vGG),X,X,X,X,(hGH),O,O,(vGA),(vGA),X,X,(hGF,vGA),O,O,O,O,X,(hGA,vGE),B,O,(hGD,vI),O,O,(hJ),O,I,(hGE,vGG),O,O,X,(hDA),O,D,O,O,X,X,X,X,(hF),O,O,X,X','6,X,X,X,(vFB),(vI),X,X,X,(hGF),O,O,(vGA),X,(vH),(hGA,vFD),O,O,O,(hFF),O,A,O,O,C,(hGG),O,J,O,X,X,X,(hGH),O,D,X,X','6,X,X,(vGA),(vA),X,X,X,(hB,vGE),O,O,(vHJ),X,(hBD),O,O,O,O,(vGH),(hGC),O,O,(hGJ,vGE),O,O,X,(hGG),O,F,O,O,X,X,(hGC),O,O,X','7,X,X,(vCE),(vG),(vI),X,X,X,(hEE),A,O,E,(vCD),(vCH),X,(hEG,vCD),O,O,O,O,O,(hA),G,C,X,(hEH),O,O,(hEE),O,O,(vI),(hA,vD),O,O,(hCF),O,O,O,O,O,X,X,X,(hED),O,O,B,X','7,X,(vG),(vDC),X,(vBA),(vDG),X,(hJ),O,G,(hDA,vBA),O,O,X,(hBC),O,O,G,O,O,X,X,(hDH),O,O,O,(vG),X,X,X,(hG,vDI),O,O,O,(vJ),X,(hBB),E,O,O,O,O,X,(hH),O,J,(hB),O,O','6,X,X,X,(vJG),(vCG),X,X,(vJG),(hJB,vJH),O,O,X,(hJH),I,B,O,O,(vD),(hJB),O,O,(hA,vJG),O,O,X,(hJB),O,B,O,O,X,(hF),I,C,X,X','7,X,(vA),(vE),X,X,(vD),(vB),(hF),O,O,(vJJ),(hI,vGD),O,O,(hGD),O,O,O,O,I,O,X,X,(hJI),O,O,X,X,X,(vJE),(hA,vF),I,O,(vD),(vJJ),(hGA),O,O,O,J,O,O,(hH),O,O,X,(hI),O,O','7,X,X,(vEH),(vEF),X,X,X,X,(hEI,vIH),O,O,(vEI),X,X,(hEI),O,O,O,O,(vIE),(vEJ),(hD),O,O,(hEH,vH),O,O,O,(hEC),O,O,O,(hD,vC),H,G,X,X,(hIA),O,O,O,O,X,X,X,(hD),E,O,X','7,X,X,X,X,X,(vEA),(vCJ),X,X,X,X,(hCD,vCC),O,O,X,X,(vCI),(hCJ,vEH),O,O,O,X,(hDH),O,J,B,O,X,X,(hCH,vD),O,O,O,O,X,(hCJ),O,O,O,X,X,X,(hJ),O,G,X,X,X,X','7,X,(vB),(vFF),X,(vEI),(vFE),X,(hH),O,O,(hFC,vIB),G,O,X,(hFC),O,O,O,O,O,X,X,X,(hFH),O,D,X,X,X,X,(hFF,vFG),O,O,(vFE),(vFH),X,(hEE),O,O,J,O,O,X,(hFG),O,O,(hFG),O,O','6,X,(vHE),(vII),X,X,X,(hHB),O,O,(vHF),(vHJ),X,(hHD),B,O,O,O,X,X,(hG),H,O,O,(vHE),X,(hCA),O,O,E,B,X,X,X,(hHB),O,G','6,X,(vH),(vAF),X,X,X,(hAC),O,O,(vAD),X,X,(hDI),J,O,O,(vAH),X,X,(hAC),O,O,O,(vAI),X,X,(hH),O,O,B,X,X,X,(hAH),O,E','6,X,(vC),(vHA),X,X,X,(hC),O,J,(vHA),X,X,(hF),J,O,O,(vHC),X,X,(hI),O,J,O,(vF),X,X,(hEJ),O,O,B,X,X,X,(hG),O,O','6,X,X,X,(vFJ),(vJC),X,X,(vFF),(hFF,vJE),O,O,X,(hFH),O,F,O,O,(vD),(hFI),O,C,(hE,vH),D,O,X,(hJC),O,O,O,A,X,(hFG),O,J,X,X','7,X,X,X,X,X,(vDE),(vBB),X,(vC),(vDF),X,(hBF),O,O,(hH),O,O,(vE),(hH,vBI),B,O,(hDF),O,O,O,O,D,(vE),X,(hDI,vBE),O,O,C,O,B,(hBF),O,A,X,(hG),E,D,(hG),O,O,X,X,X,X','7,X,(vJ),(vFH),X,X,X,X,(hHH),F,A,X,X,(vGE),(vA),(hI),O,O,(vC),(hF,vD),O,O,X,(hHC,vF),H,O,O,O,O,(hGJ),O,O,O,O,O,(vE),(hE),O,O,X,(hHI),O,O,X,X,X,X,(hA),O,O','7,X,X,(vCD),(vCB),(vF),X,X,X,(hCA,vCJ),O,O,O,(vFH),X,(hCD),O,O,O,O,O,(vCB),(hH),O,O,X,(hI),O,O,(hCE),O,B,(vCE),(hCH,vCI),O,G,X,(hFA),O,G,O,O,O,X,X,(hBC),H,O,O,X','6,X,X,X,X,(vHD),(vHH),X,X,X,(hA,vHH),H,I,X,X,(hHJ,vIG),O,C,O,X,(hHC,vE),O,O,O,X,(hIG),J,O,O,X,X,(hHF),O,O,X,X,X','6,X,X,(vFD),(vJB),X,X,X,(hH,vH),O,O,(vJD),X,(hFH),O,O,O,O,(vJI),(hJD),O,O,(hJD,vG),J,E,X,(hJD),O,O,O,O,X,X,(hB),A,O,X','6,X,X,X,(vC),(vDC),X,X,(vF),(hHB,vDI),O,O,(vDJ),(hDG),O,O,E,O,O,(hHA),O,O,(hHD,vG),O,O,(hEJ),O,O,F,O,O,X,(hJ),O,O,X,X','7,X,X,X,X,X,(vEJ),(vG),X,X,X,X,(hD,vI),C,O,X,X,(vEG),(hFE,vFE),O,O,O,X,(hFD),O,O,O,O,X,X,(hEC,vFI),O,O,O,O,X,(hEC),B,O,H,X,X,X,(hJ),O,O,X,X,X,X','7,X,(vI),(vAC),X,X,(vAI),(vCG),(hB),O,I,X,(hCB,vCD),O,O,(hH),A,D,(hCD,vAF),O,O,O,X,(hAC),O,O,O,O,X,X,(hCF,vCC),O,O,O,O,(vB),(hCB),O,O,O,(hCF),O,O,(hCB),O,J,X,(hB),O,O','6,X,X,X,(vJB),(vIG),X,X,(vA),(hJI,vJC),O,F,X,(hJB),O,O,O,O,(vJE),(hJD),B,O,(hJB,vD),O,H,X,(hJG),O,I,O,O,X,(hA),O,E,X,X','7,X,X,X,X,(vCD),(vCC),(vB),X,X,X,(hCC,vEC),O,I,O,X,X,(hCH),C,O,O,O,X,X,(hCA),F,O,X,X,X,(vA),(hCH,vCE),O,E,X,X,(hGA),C,O,O,O,X,X,(hCE),O,O,O,X,X,X','6,X,X,X,X,(vJI),(vA),X,X,(vJH),(hJE,vJI),O,G,X,(hJE),F,O,O,D,X,(hC,vB),O,E,O,X,(hJH),O,O,O,O,X,(hJD),O,E,X,X,X','6,X,X,X,X,(vAJ),(vAJ),X,X,X,(hAF,vGB),O,O,X,X,(hAE,vD),O,O,O,X,(hAJ,vF),O,J,O,X,(hAF),O,O,H,X,X,(hB),O,I,X,X,X','7,X,X,X,X,(vH),(vIE),X,X,X,X,(hA,vA),O,O,X,X,(vID),(hF,vCH),O,O,A,(vIE),(hIH),O,O,O,(hIA,vIH),O,O,(hIE),O,O,(hIG,vIA),B,O,O,X,(hIF),O,G,A,X,X,X,(hIE),O,D,X,X,X','7,X,(vEF),(vB),(vFC),X,X,X,(hH),O,O,O,(vEA),X,X,(hED),C,O,O,O,X,X,X,X,(hEG),O,F,X,X,X,X,(hEI),O,O,(vEH),(vI),X,X,(hFH),O,O,O,O,X,X,X,(hEE),O,I,O','6,X,(vHI),(vDG),X,X,X,(hHE),J,O,(vDG),X,X,(hHC),H,O,O,(vHA),X,X,(hDH),F,O,G,(vHE),X,X,(hHC),O,O,O,X,X,X,(hHE),O,O','6,X,X,(vAD),(vAE),X,X,X,(hAA),O,O,(vAD),(vAA),X,(hAI,vI),O,F,D,J,(hC),A,O,(hB,vJ),A,E,(hAB),O,I,C,J,X,X,X,(hI),O,H,X','6,X,X,(vDA),(vE),X,X,X,(hJ,vDE),O,F,(vGG),X,(hDJ),O,O,O,O,(vC),(hDD),O,O,(hJ,vI),O,O,X,(hGG),O,D,O,O,X,X,(hDA),G,B,X','7,X,X,(vJD),(vG),(vI),X,X,X,(hG),O,O,H,(vEB),(vEF),X,(hEB),O,O,B,O,J,X,(hEJ,vA),O,H,(hEE,vEA),O,O,(hA),O,O,(hEJ,vG),O,O,X,(hJF),O,O,O,O,O,X,X,X,(hG),F,O,O,X','6,X,X,X,X,(vEJ),(vG),X,X,X,(hDE,vF),O,O,X,X,(hDJ,vF),O,O,O,X,(hA,vDA),O,O,O,X,(hDI),B,O,O,X,X,(hDE),C,O,X,X,X','6,X,X,(vAC),(vD),X,X,X,(hD,vEI),O,O,(vBC),X,(hBA),O,O,O,O,(vH),(hEF),O,O,(hEI,vF),O,O,X,(hEF),O,O,A,O,X,X,(hEE),G,D,X','6,X,X,(vGB),(vD),X,X,X,(hGG),A,C,(vGJ),(vC),X,(hGG,vGC),O,O,O,J,(hGH),O,O,(hE,vI),G,H,(hHF),O,H,O,O,X,X,X,(hE),O,O,X','6,X,X,(vIJ),(vCD),X,X,X,(hCD),O,O,(vCI),(vCG),X,(hIH,vCC),G,O,O,O,(hCE),O,I,(hCH,vCD),G,O,(hIC),B,D,O,O,X,X,X,(hA),O,O,X','7,X,(vII),(vDH),(vID),X,X,X,(hIG),O,O,O,X,X,X,(hDA),O,C,J,(vII),X,X,X,(hID),F,O,O,(vDH),X,X,X,(hID),O,O,O,(vID),X,X,X,(hIE),A,O,O,X,X,X,(hDD),O,O,O','7,X,(vEB),(vF),X,X,X,X,(hED),O,O,(vAJ),(vED),(vD),X,(hIB),O,O,O,G,O,X,X,X,(hF,vA),O,O,O,X,X,(hED),O,O,F,(vA),(vEB),X,(hIE),O,H,O,O,O,X,X,X,X,(hEE),O,O','7,X,X,X,X,(vCA),(vCE),(vB),X,X,X,(hF),O,O,O,X,X,X,(hJG,vCD),I,O,O,X,X,(hF,vB),O,O,O,X,X,(hJI,vCI),O,F,O,X,X,(hD),O,O,O,X,X,X,(hCI),O,O,O,X,X,X','6,X,(vJI),(vI),X,X,X,(hH),O,O,(vD),X,X,(hJA),F,O,O,(vJH),X,X,(hJI),C,G,O,(vJJ),X,X,(hD),O,O,O,X,X,X,(hJE),O,O','6,X,X,X,(vDC),(vAE),X,X,X,(hI),O,B,(vI),X,(vC),(hJ,vDE),O,O,O,(hAF),A,D,O,O,O,(hI),O,O,G,X,X,X,(hDA),H,O,X,X','7,X,X,X,(vFD),(vAF),X,X,X,(vFD),(hFE,vFA),B,O,X,X,(hHI),O,O,O,O,(vFF),X,(hFI),O,O,(hC,vG),O,H,(vFA),X,(hE),O,O,(hFB,vC),O,O,X,X,(hFJ),O,G,O,O,X,X,(hH),O,O,X,X','7,X,X,X,X,(vD),(vHD),X,X,X,(vDH),(hA,vJJ),O,O,(vE),X,(hHB,vJH),O,O,O,E,J,(hJE),H,O,O,(hD,vF),O,O,(hJG),E,O,(hJE,vJG),C,O,O,(hHH),J,O,O,O,O,X,X,(hJJ),O,O,X,X,X','7,X,X,X,X,(vBA),(vEB),X,X,X,(vBG),(hC,vBB),O,O,X,X,(hBD,vBA),O,O,O,O,(vBJ),(hBC),O,O,O,(hBG,vBD),A,O,(hBB),O,O,(hEE,vBF),O,O,D,X,(hBJ),O,O,O,I,X,X,(hBD),O,O,X,X,X','7,X,X,X,X,X,(vDG),(vC),X,(vB),(vFH),X,(hC),E,O,(hA),O,O,(vDD),(hH,vDB),O,O,(hDA),C,O,O,O,O,(vE),X,(hFH,vDE),O,O,H,O,F,(hDH),O,O,X,(hDI),O,O,(hJ),O,O,X,X,X,X','6,X,(vB),(vE),X,X,X,(hA),D,O,(vA),X,X,(hH),O,C,O,(vIG),X,X,(hDI),O,O,O,(vDF),X,X,(hIF),O,O,O,X,X,X,(hH),O,O','7,X,(vHF),(vC),X,X,(vC),(vHF),(hC),O,O,(vBC),(hA,vBF),O,O,(hBE),O,O,O,O,O,O,X,X,(hHD),A,O,X,X,X,(vD),(hJ,vHA),O,O,(vHI),(vC),(hCH),J,O,O,O,O,B,(hHH),O,O,X,(hE),O,O','6,X,X,X,(vJ),(vDA),X,X,(vFD),(hB,vFE),O,O,(vDA),(hDJ),O,O,O,O,O,(hDE),O,O,(hDA,vC),O,H,(hBA),O,I,O,G,O,X,(hJ),E,O,X,X','6,X,(vGA),(vA),X,X,X,(hGE),O,O,(vGD),X,X,(hGA),O,G,A,(vED),X,X,(hGE),O,O,O,(vGD),X,X,(hEB),C,H,F,X,X,X,(hGE),A,I','6,X,(vIC),(vFD),X,X,X,(hIG),O,C,(vIB),X,X,(hFJ),O,O,O,(vII),X,X,(hIE),O,O,F,(vIA),X,X,(hIJ),F,I,O,X,X,X,(hIC),O,O','6,X,X,X,(vJG),(vHH),X,X,X,(hHA),O,O,(vHD),X,(vE),(hJF,vHJ),O,O,O,(hHB),F,O,D,O,O,(hE),O,J,O,X,X,X,(hHE),I,O,X,X','7,X,X,X,(vGG),(vI),(vEC),X,X,(vBH),(hJ,vBI),O,O,O,X,(hBJ),O,O,O,O,O,(vJ),(hGJ),O,O,X,(hA),O,O,(hGC),O,O,(vC),(hGB,vGJ),O,O,X,(hBF),O,O,O,O,B,X,(hBH),O,O,O,X,X','7,X,X,X,X,X,(vD),(vHB),X,X,(vG),(vFC),(hHA,vAI),O,O,X,(hAB),O,O,O,O,O,X,(hAD),O,O,O,(vHB),X,X,(vF),(hAF,vHI),O,O,O,X,(hAB),O,O,O,O,O,X,(hB),O,E,X,X,X,X','6,X,(vBC),(vDF),X,X,X,(hBE),O,O,(vDB),X,X,(hDG),O,J,O,(vC),X,X,(hBI),O,O,O,(vBB),X,X,(hBA),O,O,D,X,X,X,(hBG),F,O','6,X,X,X,(vH),(vDC),(vGA),X,X,(hA,vIE),O,O,O,X,(hIG,vGG),O,O,O,O,(hF),O,O,(hGF,vJ),J,O,(hGA),O,O,O,O,X,(hIE),O,O,O,X,X','6,X,(vHC),(vHJ),X,X,X,(hHC),A,B,(vA),X,X,(hHI),O,O,O,(vHA),X,X,(hD),F,O,O,(vB),X,X,(hII),G,O,O,X,X,X,(hB),O,O','7,X,(vH),(vJA),X,X,(vIE),(vJI),(hJC),O,O,(vDG),(hJE,vIG),O,O,(hDD),I,O,O,O,O,O,X,X,(hII,vIG),O,O,O,X,X,(hIE,vJA),O,O,O,(vB),(vJI),(hDG),C,O,O,O,O,O,(hJF),O,O,X,(hH),O,O','7,X,(vHH),(vBE),X,X,X,X,(hE),B,O,X,(vHF),(vBJ),X,(hHI),C,O,(hJ,vHI),O,O,X,X,(hBC),D,O,O,O,X,X,(hHH),O,O,D,O,(vHF),X,(hHD),F,O,(hHD),G,O,X,X,X,X,(hHE),O,O','7,X,X,X,X,X,(vIF),(vI),X,X,X,X,(hB,vGF),O,O,X,X,(vEG),(hGG,vB),O,O,O,X,(hGJ),O,O,O,H,X,X,(hGA,vA),O,O,O,O,X,(hGC),I,H,O,X,X,X,(hH),G,J,X,X,X,X','7,X,X,X,X,X,(vJF),(vJF),X,X,X,X,(hJD),A,O,X,X,(vBG),(vJB),(hI,vI),O,O,X,(hBD,vJF),F,O,O,E,O,(hIB),O,O,O,O,C,X,(hJG),O,B,X,X,X,X,(hI),O,J,X,X,X,X','6,X,X,(vEI),(vC),X,X,X,(hH,vGG),O,O,(vGD),X,(hBJ),O,O,O,O,(vD),(hGI),O,O,(hD,vD),E,G,X,(hBG),O,O,A,O,X,X,(hJ),O,O,X','7,X,X,X,X,(vFI),(vJF),X,X,X,X,(hJH),O,O,(vJC),X,X,X,(hEE,vEC),O,O,O,X,(vJE),(hED,vEF),O,O,O,G,(hJB),O,O,O,O,X,X,(hEH),O,O,G,X,X,X,X,(hJG),O,O,X,X,X','7,X,X,X,(vJ),(vEI),X,X,X,X,(hJ,vEC),O,A,(vBD),X,X,(hHC,vEA),O,O,O,I,(vF),(hEE),O,O,(hEE,vHD),B,J,O,(hHE),O,O,O,(hG,vED),O,O,X,(hHD),O,O,O,O,X,X,X,(hEA),O,O,X,X','7,X,X,X,X,X,(vFH),(vED),X,X,X,X,(hEC,vEA),O,O,X,X,(vED),(hFI,vEH),O,O,O,X,(hEE),O,O,A,D,X,X,(hFB,vJ),O,O,O,J,X,(hFI),O,O,O,X,X,X,(hI),O,A,X,X,X,X','6,X,(vB),(vHI),X,X,X,(hHH),O,O,(vHJ),(vGA),X,(hHH),O,O,O,I,X,X,(hGE),O,A,O,(vHE),X,(hHJ),H,B,F,D,X,X,X,(hHJ),O,C'
+]
+```
+
+## --seed-contents--
+
+```js
+function kakuro(puzzles) {
+
+  return true;
+}
+
+const testPuzzles = [
+  '6,X,X,(vCC),(vI),X,X,X,(hH),B,O,(vCA),(vJE),X,(hFE,vD),O,O,O,O,(hA),O,I,(hJC,vB),O,O,(hJC),H,O,O,O,X,X,X,(hJE),O,O,X','7,X,X,X,X,(vJJ),(vCD),X,X,X,X,(hCG),O,O,(vCE),X,X,X,(hCI,vJB),C,O,O,X,(vB),(hJF,vJF),O,F,O,O,(hJA),F,G,O,O,X,X,(hCA),O,A,O,X,X,X,X,(hCF),O,O,X,X,X','7,X,X,X,(vE),(vCB),X,X,X,X,(hJ),O,O,(vCA),X,X,(vCH),(hCG,vCJ),O,O,O,(vJ),(hCE),O,O,O,(hJ,vGG),O,O,(hD),I,O,(hCD,vCB),H,O,O,X,(hCE),O,O,E,X,X,X,X,(hCE),O,O,X,X','6,X,X,X,(vEA),(vJF),X,X,X,(hI),O,O,(vJA),X,(vA),(hEI,vEB),O,O,O,(hIG),C,O,J,O,D,(hJD),O,O,O,X,X,X,(hJD),O,O,X,X','7,X,(vH),(vG),X,X,(vI),(vDH),(hG),B,O,(vDI),(hDB,vDE),O,O,(hBC),I,O,F,O,O,J,X,X,(hG),O,O,X,X,X,(vDG),(hH,vDD),O,O,(vDJ),(vC),(hBI),O,O,O,O,O,O,(hDJ),O,O,X,(hA),O,O','6,X,(vID),(vIJ),X,X,X,(hH),F,I,(vF),(vIA),X,(hIA),G,B,O,C,X,X,(hID),O,O,O,(vIF),X,(hIA),E,O,I,O,X,X,X,(hII),O,G','6,X,X,(vAF),(vAI),X,X,X,(hJ,vAC),O,B,(vGJ),X,(hGH),J,O,O,O,(vAF),(hAG),O,O,(hH,vF),A,D,X,(hGF),O,E,O,O,X,X,(hD),O,O,X','7,X,X,X,X,(vCE),(vGB),X,X,(vJG),(vCI),(hCD,vCJ),O,O,X,(hCI),O,O,O,O,B,(vJB),(hCF),O,O,O,(hCA,vH),O,O,(hCJ),O,O,(hJB,vCJ),O,O,O,X,(hJD),O,O,O,O,O,X,(hF),I,O,X,X,X','7,X,(vBB),(vBD),X,X,X,X,(hBB),C,E,(vEE),(vEC),X,X,(hBC),O,O,O,O,X,X,X,(hEF),H,O,A,(vJ),X,X,X,(hBD),O,O,O,(vI),X,X,(hBE),F,O,O,O,X,X,X,X,(hG),O,O','7,X,X,(vGG),(vGD),X,(vI),(vGI),X,(hGB),O,O,(hGH,vIC),O,O,X,(hGA),O,O,O,J,O,X,X,(hGI),O,O,X,X,X,(vGD),(hE,vE),O,O,(vGF),X,(hIH),O,O,O,O,O,X,(hE),A,O,(hGF),O,O,X','6,X,(vIJ),(vIE),X,X,X,(hF),O,C,(vIA),X,X,(hCA),O,O,D,(vIH),X,X,(hIB),E,O,O,(vF),X,X,(hD),O,A,O,X,X,X,(hID),O,G','6,X,(vAD),(vGI),(vI),X,X,(hB),O,O,O,(vAF),X,(hGC),O,O,O,O,(vGA),(hGE),O,O,(hJ,vB),O,O,X,(hGD),D,O,E,O,X,X,(hAI),O,C,O','6,X,X,X,(vAB),(vFA),X,X,X,(hHI),O,O,(vHJ),X,(vA),(hFJ,vHE),I,D,O,(hFH),O,O,O,O,O,(hHJ),O,O,O,X,X,X,(hC),O,J,X,X','7,X,X,X,(vJ),(vEF),X,X,X,X,(hI,vGD),C,E,(vEF),(vA),X,(hEH),O,O,O,O,O,X,(hH,vJ),O,O,(hJ,vEJ),O,O,(hD),O,A,(hEF,vEB),O,O,X,(hCC),O,O,A,O,O,X,X,X,(hH),O,O,X,X','7,X,X,X,(vAG),(vAJ),(vFH),X,X,X,(hFD),O,O,O,X,X,(vH),(hAJ,vAB),O,O,O,(vB),(hAH),O,H,O,(hC,vAI),O,O,(hE),O,O,(hAI,vAE),O,O,O,X,(hJ),O,O,O,X,X,X,(hFG),E,O,O,X,X','7,X,(vAI),(vHB),X,X,(vJE),(vAA),(hD),O,O,X,(hG),O,O,(hAJ),O,O,(vE),(hAA,vAI),O,O,X,(hHF),O,O,O,O,X,X,(hJF,vAE),O,O,O,J,(vH),(hAI),D,O,X,(hB),O,O,(hAG),O,O,X,(hAA),O,O','7,X,X,(vHJ),(vC),(vAF),X,X,X,(hHF),O,O,O,(vHI),(vHD),X,(hHB,vAB),O,O,O,O,E,(hAI),O,O,X,(hAB),O,O,(hD),O,O,(vAB),(hAI,vE),J,O,(hHH),O,O,O,B,O,X,X,X,(hG),O,A,O,X','6,X,X,(vDF),(vHE),X,X,X,(hHJ,vE),C,O,X,X,(hHI),O,O,O,(vDF),(vHH),(hFA),A,O,B,O,O,X,X,(hE),O,I,O,X,X,(hHH),O,O,X','6,X,(vA),(vA),X,X,X,(hE),O,O,(vCJ),X,X,(hG),O,O,O,(vHI),X,X,(hHC),O,O,H,(vB),X,X,(hCE),O,O,D,X,X,X,(hE),O,O','6,X,X,X,X,(vEH),(vEC),X,X,X,(hEB,vEJ),O,O,X,X,(hEC,vEF),O,O,B,X,(hDD,vEI),O,B,C,X,(hB),O,D,A,X,X,(hEC),O,O,X,X,X','6,X,X,X,X,(vIF),(vH),X,X,X,(hIJ,vGJ),B,I,X,X,(hIB,vIC),O,O,G,X,(hIA,vC),O,O,O,X,(hE),O,O,O,X,X,(hIA),E,O,X,X,X','7,X,(vC),(vFB),X,X,X,X,(hFH),O,O,(vFA),(vFJ),(vC),X,(hFJ),O,O,O,O,O,X,X,X,(hA,vJ),O,O,O,X,X,(hG),D,O,O,(vC),(vFC),X,(hBH),A,O,O,O,E,X,X,X,X,(hFH),O,I','6,X,X,(vFD),(vC),X,X,X,(hDH),E,F,(vDG),(vDD),X,(hDF,vDI),O,O,A,O,(hDG),O,O,(hDG,vDG),O,O,(hDJ),O,D,J,O,X,X,X,(hJ),E,O,X','6,X,X,X,(vE),(vGH),(vIC),X,X,(hD,vIG),O,O,A,X,(hIF,vJ),O,J,E,O,(hJ),O,D,(hGG,vGH),O,O,(hGG),O,O,O,O,X,(hIC),O,O,O,X,X','7,X,X,X,X,(vAG),(vJA),(vH),X,X,X,(hAJ,vDJ),O,O,O,X,X,(hJF),O,O,O,O,X,X,(hG),D,O,X,X,X,(vJH),(hJE,vJD),C,I,X,X,(hAE),B,O,O,O,X,X,(hAJ),O,O,E,X,X,X','7,X,X,X,X,(vGG),(vIA),(vGF),X,X,X,(hGF),O,O,D,X,X,X,(hGJ,vIB),O,O,O,X,X,(hGH,vGD),O,O,O,X,X,(hII,vC),O,J,O,X,X,(hIH),J,O,O,X,X,X,(hGE),O,I,O,X,X,X','6,X,X,(vFA),(vEC),X,X,X,(hI,vFI),F,O,X,X,(hDE),O,O,O,(vFF),(vFF),(hDI),G,J,O,F,O,X,X,(hFJ),O,D,O,X,X,(hFH),J,A,X','7,X,X,X,X,X,(vID),(vBB),X,X,X,X,(hBC),O,I,X,X,(vIH),(vBH),(hBF,vF),O,O,X,(hIE,vD),O,O,I,O,O,(hAG),O,O,O,O,F,X,(hA),O,O,X,X,X,X,(hD),O,O,X,X,X,X','7,X,(vCD),(vCC),X,X,X,X,(hE),B,C,(vCE),X,X,X,(hCD),O,O,O,(vE),(vCG),X,X,(hCH),O,O,O,O,X,X,(hFC),B,J,G,O,(vCC),X,X,X,(hCI),O,O,O,X,X,X,X,(hG),O,O','7,X,X,X,(vID),(vD),(vFB),X,X,X,(hIB,vID),O,O,O,X,X,(hJE,vIA),J,C,O,D,(vF),(hIB),O,O,X,(hIG),O,O,(hIJ),O,O,(vD),(hA,vID),O,O,X,(hJF),O,O,O,O,X,X,(hIE),O,O,O,X,X','7,X,X,(vAC),(vAH),X,X,X,X,(hD),O,O,(vAD),X,X,X,(hCH,vAD),O,O,O,(vAA),(vF),(hAC),O,H,(hAB,vAJ),O,O,A,(hAE),O,O,O,(hD,vAD),O,O,X,X,(hAC),O,O,O,X,X,X,X,(hG),O,O,X','6,X,X,(vBB),(vBE),X,X,X,(hBH),O,I,(vBG),(vBB),X,(hHE,vBD),H,D,O,O,(hBA),C,O,(hA,vG),O,O,(hBF),I,O,O,O,X,X,X,(hG),O,O,X','6,X,X,(vEC),(vD),X,X,X,(hD,vH),O,O,(vIB),X,(hIA),O,O,O,O,(vE),(hII),O,F,(hII,vIG),O,O,X,(hIH),O,O,O,O,X,X,(hIA),O,D,X','6,X,X,X,X,(vEH),(vEG),X,X,X,(hEB,vEF),O,O,X,X,(hAC,vG),O,B,O,X,(hEE,vEC),O,D,O,X,(hEE),O,O,O,X,X,(hEJ),D,O,X,X,X','6,X,(vD),(vB),X,X,X,(hA),O,O,(vE),X,X,(hE),A,O,O,(vCJ),X,X,(hCH),O,A,O,(vCI),X,X,(hB),O,D,O,X,X,X,(hCB),G,O','7,X,X,X,X,(vHJ),(vIF),(vIB),X,X,X,(hIH,vJI),O,O,J,X,X,(hIA),O,O,O,F,X,X,(hIG),O,C,X,X,X,(vD),(hA,vIB),O,J,X,X,(hHB),O,O,O,O,X,X,(hHB),O,O,O,X,X,X','7,X,X,X,(vBJ),(vIB),X,X,X,(vIF),(hBB,vBB),O,O,(vBA),X,(hIC),O,O,O,O,O,(vBA),(hBD),O,O,(hC,vC),O,O,O,(hBJ),E,O,O,(hBC,vBI),G,H,X,(hBA),O,O,O,O,O,X,X,(hBF),O,O,X,X','7,X,(vHI),(vHE),X,X,X,X,(hA),O,O,X,X,X,X,(hHG),O,O,(vHH),(vHE),(vIJ),X,(hHA),O,O,O,O,O,(vHI),X,(hID),H,O,O,B,I,X,X,X,X,(hHB),F,O,X,X,X,X,(hHE),O,H','6,X,X,(vAJ),(vAJ),X,X,X,(hAF,vAA),G,A,X,X,(hDA),O,O,O,(vDE),(vAH),(hAJ),O,O,O,O,I,X,X,(hAG),D,C,O,X,X,(hAI),O,O,X','6,X,X,X,X,(vDH),(vDA),X,X,X,(hG,vDG),O,E,X,X,(hBJ,vBC),O,O,O,X,(hBI,vE),O,E,O,X,(hE),O,O,O,X,X,(hDH),O,E,X,X,X','6,X,X,X,X,(vHJ),(vHH),X,X,X,(hHE,vCC),O,O,X,X,(hF,vG),A,O,O,X,(hHC,vHJ),O,B,O,X,(hHH),O,O,O,X,X,(hHI),O,O,X,X,X','7,X,(vJ),(vDG),X,X,(vDF),(vEF),(hC),E,B,X,(hEA),O,O,(hEE),C,O,(vH),(hED,vEF),A,O,X,(hEC),O,O,O,O,X,X,(hDD,vEF),O,O,O,O,(vEA),(hEJ),O,F,X,(hJ),O,O,(hEF),O,O,X,(hEF),O,O','7,X,X,X,(vCC),(vD),X,X,X,(vJE),(hI,vCH),O,O,(vBF),X,(hCC),O,O,O,O,A,(vJB),(hCB),G,O,O,(hJA,vJF),O,O,(hJA),O,O,(hG,vH),O,O,O,X,(hCE),O,O,O,O,O,X,X,(hH),O,O,X,X','7,X,X,(vEI),(vEB),(vG),X,X,X,(hEF),E,O,O,(vHE),X,X,(hEF,vH),O,O,O,O,(vEI),(hH),O,O,X,(hEH),O,B,(hG),O,O,(vG),(hEI,vED),O,O,X,(hAG),C,O,O,O,X,X,X,(hEE),O,O,O,X','6,X,X,X,X,(vJE),(vF),X,X,X,(hI,vJJ),O,O,X,X,(hEC,vJJ),H,O,O,X,(hF,vJB),O,O,O,X,(hJI),A,C,E,X,X,(hJD),O,J,X,X,X','6,X,X,X,(vH),(vAE),X,X,X,(hCB,vCJ),O,O,(vCB),X,(hCA,vD),O,O,O,O,(hD),C,O,(hCC,vJ),O,O,(hAB),A,O,F,O,X,X,(hB),G,O,X,X','6,X,X,(vEC),(vEG),X,X,X,(hEF),O,O,(vFC),(vEI),X,(hHJ,vJ),E,O,O,A,(hJ),O,O,(hEA,vEA),O,O,(hHH),O,O,O,B,X,X,X,(hEF),O,O,X','7,X,(vEI),(vEC),X,X,X,X,(hH),O,O,X,X,X,X,(hED),O,O,(vEB),(vEG),(vGB),X,(hEJ),O,O,O,O,O,(vD),X,(hIA),O,O,O,O,C,X,X,X,X,(hA),O,I,X,X,X,X,(hEB),A,O','7,X,X,X,(vF),(vG),(vIB),X,X,(vG),(hBA,vIH),J,I,D,X,(hBG),O,O,O,O,O,(vBG),(hA),O,O,X,(hE),O,O,(hBB),O,C,(vA),(hBI,vBE),O,O,X,(hBA),O,O,O,O,O,X,(hBF),O,O,O,X,X','7,X,X,(vEF),(vDI),X,X,X,X,(hDG),O,O,(vDA),X,X,X,(hEA,vG),O,O,O,(vEJ),(vJ),(hF),O,G,(hDH,vDI),O,O,F,(hED),O,O,O,(hDD,vB),O,O,X,X,(hDB),O,O,A,X,X,X,X,(hH),O,O,X','7,X,X,X,X,(vJH),(vD),(vAJ),X,X,X,(hAC,vDH),O,O,O,X,X,(hAA),O,O,O,O,X,X,(hC),F,O,X,X,X,(vC),(hAJ,vAA),I,H,X,X,(hJA),O,D,O,G,X,X,(hJB),O,C,O,X,X,X','6,X,X,X,(vDC),(vG),X,X,X,(hA),O,O,(vCH),X,(vCI),(hCB,vB),O,O,O,(hDF),O,H,O,O,O,(hH),O,O,O,X,X,X,(hH),J,O,X,X','6,X,X,(vCG),(vGA),X,X,X,(hE),O,O,(vGG),(vGB),X,(hCI,vF),O,O,O,I,(hGI),O,O,(hI,vD),O,A,(hGH),O,B,O,O,X,X,X,(hA),O,O,X','6,X,X,X,(vJ),(vHF),X,X,(vF),(hHG,vHD),O,A,X,(hHI),A,O,O,O,(vHE),(hB),G,O,(hD,vHE),O,F,X,(hGJ),O,O,O,O,X,(hHD),O,O,X,X','6,X,X,X,X,(vBD),(vD),X,X,X,(hD,vBB),O,O,X,X,(hI,vHD),O,O,O,X,(hHD,vBE),O,O,A,X,(hHF),C,O,G,X,X,(hBI),O,O,X,X,X','7,X,(vJ),(vFB),(vDB),X,X,X,(hFC),O,O,O,(vFE),X,X,(hFB),O,O,O,O,X,X,X,X,(hG),I,O,X,X,X,X,(hA),O,O,(vFG),(vE),X,X,(hDD),O,O,O,A,X,X,X,(hFD),D,E,J','6,X,X,X,(vAD),(vAH),X,X,(vB),(hF,vEB),O,O,X,(hED),O,O,O,O,(vD),(hD),O,O,(hJ,vI),O,O,X,(hEH),O,A,O,C,X,(hB),G,O,X,X','6,X,X,X,X,(vFG),(vFB),X,X,X,(hFD,vB),O,O,X,X,(hFG,vFG),O,O,O,X,(hI,vH),O,O,C,X,(hGA),E,H,O,X,X,(hD),O,G,X,X,X','7,X,X,X,(vBH),(vBB),X,X,X,X,(hBJ,vBJ),I,O,(vHE),(vI),X,(hBF,vBA),O,O,O,O,O,(hBE),O,D,X,(hA),O,O,(hBC),O,O,(vA),(hBB,vBH),O,O,(hDA),B,H,O,O,O,X,X,X,(hI),O,O,X,X','7,X,X,X,(vEC),(vD),X,X,X,(vJ),(hEB,vEJ),O,O,X,X,(hFC),O,O,O,F,(vEG),X,(hG),O,O,(hH,vFI),O,E,(vEH),X,(hEB),A,O,(hED,vJ),O,O,X,X,(hFI),O,O,O,O,X,X,(hED),O,O,X,X','6,X,(vGH),(vGG),X,X,X,(hGE),O,O,(vFI),(vGJ),X,(hGF),O,O,D,O,X,X,(hGB),O,C,O,(vGG),X,(hFG),O,O,O,O,X,X,X,(hE),O,I','7,X,X,X,(vF),(vGI),X,X,X,(vJ),(hB,vGA),H,G,X,X,(hHF),O,O,O,A,(vHH),X,(hB),O,O,(hGB,vGA),C,O,(vC),X,(hGC),O,O,(hGI,vGF),O,O,X,X,(hHB),O,E,O,O,X,X,(hA),O,O,X,X','7,X,X,X,X,X,(vED),(vIG),X,X,X,X,(hEC),O,O,X,X,(vAC),(vA),(hH,vEG),O,O,X,(hAE,vB),O,O,H,O,O,(hIJ),O,O,O,B,O,X,(hEC),O,O,X,X,X,X,(hEI),O,O,X,X,X,X','7,X,X,(vAI),(vAA),X,X,X,X,(hAD,vAG),O,O,(vAE),X,X,(hAH),O,O,O,O,(vBH),(vD),(hG),O,O,(hI,vE),O,O,O,(hAI),O,O,O,(hG,vAC),D,F,X,X,(hAH),O,O,O,O,X,X,X,(hAJ),O,O,X','7,X,X,(vGD),(vFB),(vJ),X,X,X,(hGD),O,O,O,(vFA),(vGG),X,(hFA),O,O,O,O,O,X,(hGE,vGF),O,O,(hH,vFB),O,O,(hH),O,G,(hGC,vD),O,G,X,(hEB),O,O,O,O,O,X,X,X,(hGC),O,A,O,X','6,X,X,(vAD),(vEE),X,X,X,(hEC),G,O,(vAJ),(vH),X,(hEC,vEG),O,A,O,O,(hEG),F,O,(hEG,vEG),O,O,(hAB),O,E,F,A,X,X,X,(hEG),O,O,X','6,X,X,X,X,(vIB),(vJ),X,X,X,(hB,vIJ),O,O,X,X,(hE,vIF),O,O,C,X,(hFC,vIF),O,A,O,X,(hG),O,O,H,X,X,(hIJ),O,O,X,X,X','6,X,X,X,(vIB),(vEB),X,X,X,(hD,vAE),O,O,(vE),X,(hIJ,vE),O,O,O,O,(hII),O,O,(hJ,vC),H,O,(hAE),O,O,G,J,X,X,(hC),O,O,X,X','6,X,X,(vFF),(vB),X,X,X,(hC,vI),O,J,(vJE),X,(hJJ),O,O,I,G,(vA),(hJJ),O,O,(hJD,vJE),O,O,X,(hJB),O,O,F,O,X,X,(hJH),C,J,X','7,X,X,X,(vEI),(vJI),X,X,X,X,(hJA),O,O,(vJE),(vJJ),X,X,(hJI,vJB),O,E,O,D,X,(hJI,vC),O,H,(hJB,vJE),O,O,(hB),O,O,(hF,vD),O,O,X,(hJB),O,O,O,O,X,X,X,X,(hJE),O,O,X,X','7,X,(vJB),(vFD),X,X,(vFE),(vH),(hJF),O,O,X,(hH),O,O,(hJC),O,O,(vH),(hJF,vJF),O,O,X,(hJI),H,O,O,O,X,X,(hFJ,vJJ),J,O,O,O,(vJA),(hA),G,O,X,(hJF),O,C,(hJC),O,O,X,(hD),O,O','7,X,(vI),(vDH),X,X,X,X,(hB),O,I,X,X,X,X,(hC),O,O,(vA),(vI),(vDJ),X,(hDH),O,B,O,O,O,(vDH),X,(hGG),O,O,O,J,O,X,X,X,X,(hHH),B,O,X,X,X,X,(hHE),O,O','6,X,X,(vDI),(vE),X,X,X,(hA,vDA),E,O,(vHI),X,(hHI),F,A,O,O,(vDF),(hDD),O,O,(hDJ,vDJ),O,O,X,(hDG),O,O,H,O,X,X,(hB),O,D,X','6,X,(vJ),(vDH),X,X,X,(hDA),G,O,(vDA),(vDB),X,(hDB),O,O,I,F,X,X,(hG),O,F,O,(vDI),X,(hED),G,O,O,F,X,X,X,(hDE),O,H','6,X,X,(vCJ),(vD),X,X,X,(hG),O,O,(vAD),(vAE),X,(hCC,vI),O,O,A,O,(hJ),O,F,(hAD,vAD),I,H,(hCD),O,O,O,F,X,X,X,(hAJ),O,G,X','7,X,X,X,X,(vEF),(vEC),(vF),X,X,X,(hED,vEB),O,O,O,X,X,(hEB),O,O,O,O,X,X,(hC),O,D,X,X,X,(vI),(hB,vEE),O,O,X,X,(hEB),E,H,D,O,X,X,(hHJ),O,G,O,X,X,X','7,X,X,X,X,(vJF),(vIC),X,X,X,(vIA),(hD,vJE),O,O,X,X,(hIJ,vD),J,O,O,D,(vG),(hJC),I,O,O,(hJA,vC),O,O,(hJF),J,C,(hJF,vJE),O,O,O,X,(hIB),O,O,O,O,X,X,(hJF),O,O,X,X,X','6,X,(vH),(vJE),X,X,X,(hC),J,O,(vJJ),(vJC),X,(hJJ),A,I,O,H,X,X,(hD),O,O,A,(vC),X,(hAI),F,B,O,O,X,X,X,(hC),J,O','7,X,(vA),(vEE),X,X,(vD),(vF),(hEC),O,O,(vIH),(hI,vEB),O,O,(hBD),O,O,O,O,F,O,X,X,(hA),O,O,X,X,X,(vJ),(hEJ,vEG),F,O,(vA),(vG),(hBG),O,O,O,O,O,O,(hEH),O,O,X,(hG),O,O','6,X,X,X,(vFG),(vFC),X,X,(vE),(hFE,vFF),A,O,X,(hBF),O,O,O,O,(vH),(hE),O,O,(hD,vFF),I,O,X,(hFF),O,O,E,D,X,(hFI),O,O,X,X','6,X,X,(vHA),(vFH),X,X,X,(hFF),O,O,(vFH),(vE),X,(hDI,vFG),O,O,O,O,(hFG),B,O,(hC,vFB),O,O,(hDC),O,G,O,F,X,X,X,(hFF),O,O,X','7,X,X,(vBE),(vBB),(vA),X,X,X,(hH),O,O,O,(vBA),(vH),X,(hGI,vBB),O,J,O,O,O,(hBG),O,O,X,(hI),O,O,(hC),O,O,(vBG),(hE,vBD),H,C,(hBI),O,O,O,O,O,X,X,X,(hGG),O,O,O,X','7,X,X,X,X,X,(vHC),(vF),X,X,X,X,(hF,vC),O,E,X,X,(vEJ),(hEF,vEG),F,O,H,X,(hHD),C,O,O,O,X,X,(hHC,vI),A,O,O,O,X,(hJ),D,O,O,X,X,X,(hF),O,O,X,X,X,X','6,X,X,(vH),(vDC),X,X,X,(hCI,vCD),O,O,X,X,(hH),O,O,O,(vCA),(vCB),(hCJ),O,I,O,D,E,X,X,(hDI),E,H,O,X,X,(hG),O,O,X','7,X,X,X,X,(vJ),(vHE),X,X,X,X,(hHA,vHF),O,B,(vHE),X,X,(hEC,vHG),O,O,O,O,X,(hHE,vHG),O,O,(hA,vHB),O,O,(hJ),O,O,(hHE,vJ),O,O,X,(hED),O,J,O,O,X,X,X,(hB),O,O,X,X,X','6,X,X,(vJG),(vA),X,X,X,(hI),B,O,(vJC),(vJH),X,(hJH,vJC),O,E,O,O,(hB),O,O,(hJJ,vF),O,O,(hCE),O,O,D,I,X,X,X,(hB),O,H,X','6,X,X,X,X,(vDG),(vHH),X,X,(vDH),(hJ,vHB),O,O,X,(hJF),O,O,O,O,X,(hHF,vE),O,O,O,X,(hDJ),H,O,O,I,X,(hHC),G,O,X,X,X','7,X,(vAI),(vHC),X,X,X,X,(hD),O,G,X,X,(vHI),(vG),(hAJ),O,O,(vB),(hH,vAH),O,O,X,(hHF,vH),O,O,F,O,O,(hCA),O,O,O,O,O,(vF),(hH),O,O,X,(hG),O,O,X,X,X,X,(hAH),O,O','7,X,X,X,X,(vFG),(vFI),X,X,X,X,(hFI,vFB),O,O,(vFJ),X,(vFA),(hFG,vGA),O,B,O,O,(hIB),O,O,O,(hH,vJ),O,O,(hJ),O,O,(hFD,vD),O,C,O,(hII),O,O,O,O,X,X,X,(hE),O,O,X,X,X','7,X,X,X,(vI),(vEG),(vFD),X,X,(vED),(hA,vEB),O,O,O,X,(hJC),O,O,A,O,O,X,(hEG),O,O,(hEG,vEC),O,O,(vB),X,(hH),O,O,(hJ,vEB),O,O,X,(hEI),O,O,O,O,J,X,(hFF),O,H,O,X,X','6,X,X,(vEI),(vEB),X,X,X,(hEC,vB),O,O,(vEB),X,(hHC),J,O,O,F,(vEC),(hH),O,O,(hB,vEC),O,O,X,(hEH),O,O,O,O,X,X,(hEA),D,O,X','6,X,X,(vAF),(vBF),X,X,X,(hBI),O,G,(vAD),(vBD),X,(hBI,vF),O,J,O,E,(hBB),A,G,(hBI,vBI),O,H,(hAJ),B,O,O,O,X,X,X,(hBA),O,O,X','6,X,(vCB),(vJ),X,X,X,(hCE),A,O,(vCI),X,X,(hCG),D,O,O,(vCC),X,X,(hCA),O,O,O,(vB),X,X,(hB),O,E,G,X,X,X,(hG),O,H','7,X,X,X,X,X,(vFI),(vHG),X,X,X,X,(hHJ,vHH),O,O,X,X,(vHC),(hHD,vHG),O,O,O,X,(hHH),O,O,O,O,X,X,(hFE,vHC),O,O,O,D,X,(hHE),H,O,O,X,X,X,(hHE),I,A,X,X,X,X','7,X,X,(vFA),(vC),X,X,X,X,(hE),O,B,(vAC),(vGJ),X,X,(hFF,vG),O,O,O,O,(vAI),(hAA),O,D,(hAB,vAC),O,O,O,(hAH),O,O,O,(hAB,vAB),O,O,X,(hFJ),O,O,O,O,X,X,X,X,(hAH),O,J,X','7,X,X,X,(vIF),(vIB),X,X,X,X,(hID),O,O,(vC),X,X,(vIF),(hIH,vEE),O,O,O,(vII),(hEB),O,O,O,(hIB,vIF),D,J,(hIF),O,O,(hII,vIE),O,O,O,X,(hJ),O,G,O,X,X,X,X,(hIF),O,O,X,X','7,X,(vDJ),(vDB),X,X,X,X,(hDJ),O,O,(vDF),(vCE),(vI),X,(hCH),O,O,O,O,O,X,X,X,(hDC,vDB),O,A,G,X,X,(hFE),O,O,O,(vDJ),(vI),X,(hCF),O,O,O,O,O,X,X,X,X,(hDE),O,O','6,X,X,(vCI),(vJ),X,X,X,(hA),O,E,(vEG),(vCC),X,(hEG,vCF),O,O,D,O,(hJ),C,G,(hB,vCC),C,O,(hED),O,O,A,O,X,X,X,(hCD),O,O,X','6,X,X,X,(vG),(vFE),X,X,X,(hG,vBC),O,O,(vBC),X,(hFJ,vC),O,E,O,I,(hG),O,O,(hBF,vBC),O,O,(hEJ),O,O,O,O,X,X,(hBA),D,O,X,X','6,X,X,(vAJ),(vE),X,X,X,(hFH,vH),O,O,(vFA),X,(hFH),O,O,O,O,(vFI),(hI),O,C,(hFI,vFD),O,O,X,(hAC),O,O,I,G,X,X,(hC),O,O,X','6,X,X,X,(vE),(vCJ),X,X,(vFF),(hA,vHJ),C,O,X,(hFC),O,O,O,F,(vD),(hFI),O,O,(hFE,vFJ),O,O,X,(hFG),O,O,O,O,X,(hFD),O,O,X,X','7,X,X,X,(vBJ),(vBI),X,X,X,X,(hA),O,O,(vCH),(vBJ),X,(vCJ),(hCB,vG),H,O,I,B,(hBA),O,O,O,(hBE,vG),O,O,(hBB),F,O,(hBE,vBI),O,O,O,(hBI),O,O,O,O,X,X,X,X,(hBC),O,O,X,X','6,X,X,(vCJ),(vD),X,X,X,(hH),O,O,(vBD),(vJ),X,(hCI,vCH),O,J,F,O,(hCG),O,E,(hA,vCD),O,F,(hBF),O,O,O,O,X,X,X,(hCG),O,O,X','6,X,X,X,X,(vJB),(vG),X,X,X,(hA,vH),I,O,X,X,(hCD,vCG),O,O,B,X,(hCF,vCD),O,O,O,X,(hJD),O,H,O,X,X,(hB),O,O,X,X,X','7,X,(vI),(vEH),X,X,(vCC),(vF),(hG),O,O,X,(hH),O,C,(hJ),O,O,(vAD),(hAG,vG),O,O,X,(hEI),F,O,O,O,X,X,(hAD,vAB),O,O,I,O,(vI),(hG),O,O,X,(hC),O,O,(hAJ),O,O,X,(hAA),O,O','7,X,X,X,X,X,(vEC),(vEA),X,X,X,X,(hB),O,O,X,X,(vDF),(vEH),(hEC,vH),H,O,X,(hEA,vI),O,B,E,O,O,(hDB),E,J,O,D,O,X,(hEH),O,A,X,X,X,X,(hI),O,O,X,X,X,X','6,X,X,X,(vBC),(vBC),X,X,X,(hBJ,vEC),H,O,(vBB),X,(hBE,vA),D,J,O,O,(hC),O,O,(hBE,vBG),O,O,(hEG),H,O,B,O,X,X,(hBI),O,O,X,X','7,X,(vE),(vCF),X,X,X,X,(hJ),O,O,(vFB),X,X,X,(hCJ),O,O,A,(vFE),(vCA),X,X,(hIH),O,O,O,O,X,X,(hFF),O,O,O,B,(vFA),X,X,X,(hCI),O,O,O,X,X,X,X,(hFG),O,O','7,X,X,X,X,(vBH),(vH),X,X,X,X,(hI),O,O,(vE),X,X,X,(hJG,vBF),O,O,O,X,(vH),(hBA,vJE),O,O,O,O,(hDG),O,O,O,O,X,X,(hBG),O,F,O,X,X,X,X,(hA),J,O,X,X,X','7,X,X,X,X,X,(vIC),(vA),X,X,X,(vII),(hG,vIH),F,I,X,X,(hIG),O,O,O,D,X,X,(hC,vC),O,O,J,X,X,(hIF,vE),O,G,A,X,X,(hIH),O,O,O,O,X,X,(hJ),F,D,X,X,X,X','7,X,X,X,(vH),(vCJ),X,X,X,(vCG),(hCB,vEG),O,O,X,X,(hEF),O,I,O,O,(vCI),X,(hCD),O,J,(hCB,vCJ),E,O,(vCC),X,(hCE),O,O,(hCI,vH),O,O,X,X,(hEB),O,O,O,O,X,X,(hD),O,O,X,X','6,X,(vGA),(vBE),X,X,X,(hGC),H,O,(vGF),X,X,(hGG),O,O,O,(vGD),X,X,(hBG),O,J,O,(vGD),X,X,(hGD),O,O,E,X,X,X,(hGH),O,O','6,X,X,(vEE),(vEJ),X,X,X,(hI,vEF),O,O,(vEH),X,(hEA),O,O,O,E,(vB),(hEE),O,O,(hB,vB),O,O,X,(hEG),A,O,I,O,X,X,(hA),D,B,X','6,X,(vJ),(vHA),X,X,X,(hHH),D,O,(vHG),X,X,(hI),O,O,F,(vDG),X,X,(hDJ),O,O,O,(vHF),X,X,(hHF),O,O,E,X,X,X,(hHE),B,O','6,X,X,X,X,(vFI),(vE),X,X,X,(hH,vA),J,I,X,X,(hGF,vD),O,O,F,X,(hGF,vC),O,O,A,X,(hD),O,O,O,X,X,(hD),O,O,X,X,X','7,X,X,(vHG),(vE),X,X,X,X,(hGD),O,O,(vGA),(vHC),(vAJ),X,(hGD,vAC),O,O,O,O,O,(hGC),O,O,(hAA,vGC),O,O,O,(hAC),O,O,F,(hGD,vD),O,O,(hHB),O,O,O,O,O,X,X,X,X,(hI),O,D,X','7,X,X,(vBG),(vBJ),X,(vBD),(vE),X,(hC),O,O,(hBB,vAG),O,C,X,(hBE),O,O,O,O,D,X,(hBG),O,O,O,(vBE),X,X,(vE),(hBI,vJ),O,O,O,X,(hCG),F,G,O,O,O,X,(hC),O,O,(hBJ),O,O,X','7,X,X,X,X,X,(vEA),(vJJ),X,X,(vED),(vJI),(hF),O,O,X,(hB),O,O,(hJH,vB),O,O,X,(hED),O,B,O,O,X,X,(hJI,vJI),O,O,C,O,X,(hJH),O,O,(hJJ),O,O,X,(hF),J,E,X,X,X,X','6,X,(vF),(vED),X,X,X,(hEI),O,O,(vEA),X,X,(hEJ),O,O,J,(vB),X,X,(hB),O,O,O,(vG),X,X,(hJ),B,O,C,X,X,X,(hF),O,E','6,X,X,X,X,(vCH),(vCD),X,X,X,(hG,vCH),O,O,X,X,(hCH,vCI),O,O,O,X,(hFA,vCE),O,O,J,X,(hFF),O,O,O,X,X,(hI),F,C,X,X,X','6,X,X,(vCH),(vA),X,X,X,(hE,vE),D,O,(vAG),(vHC),(hHB),O,O,C,O,I,(hHA),O,O,(hE,vJ),O,O,(hCH),A,O,O,O,O,X,X,(hHD),O,O,X','7,X,(vF),(vDG),(vGD),X,X,X,(hA),O,D,O,(vI),(vGE),X,(hDG),O,C,O,O,O,X,(hGC),H,O,(hH,vA),O,O,(vGF),X,(hH),O,O,(hGB,vGD),O,O,X,(hDH),O,D,O,O,O,X,X,X,(hA),O,O,G','7,X,X,X,X,(vIG),(vIG),X,X,X,X,(hCJ),O,O,(vCE),X,X,X,(hIE,vEA),O,O,O,X,(vJ),(hEA,vIE),O,O,O,O,(hCH),O,F,O,O,X,X,(hCH),I,B,O,X,X,X,X,(hCH),O,O,X,X,X','7,X,X,X,X,(vJ),(vDB),X,X,X,X,(hDG,vH),O,O,X,X,(vB),(hJ,vEB),E,O,O,(vG),(hDJ),O,F,D,(hI,vDC),O,O,(hA),O,O,(hJ,vA),O,O,I,X,(hDA),O,O,O,X,X,X,(hDH),O,O,X,X,X','6,X,X,X,(vEE),(vJA),(vEI),X,X,(hD,vEE),O,F,O,X,(hED,vEC),O,O,O,O,(hJ),O,O,(hEH,vEI),O,O,(hIB),O,O,O,O,X,(hII),O,O,O,X,X','6,X,(vE),(vGH),X,X,X,(hC),O,J,(vFJ),X,X,(hGH),O,O,O,(vJ),X,X,(hFA),B,O,I,(vFF),X,X,(hFG),O,O,O,X,X,X,(hB),F,G','6,X,X,(vIF),(vIJ),X,X,X,(hD,vIC),O,O,X,X,(hIB),O,O,O,(vIG),(vA),(hBF),O,O,F,I,O,X,X,(hE),D,O,F,X,X,(hIF),O,C,X','7,X,(vCD),(vB),X,X,X,X,(hII),O,D,(vA),X,X,X,(hIJ),O,O,O,(vII),X,X,(hID),O,O,O,O,(vIJ),(vCJ),X,X,(hCA),H,O,F,O,X,X,X,(hA),O,O,G,X,X,X,X,(hII),J,O','7,X,(vC),(vFF),X,X,(vHF),(vD),(hFD),O,O,(vHG),(hA,vFJ),O,O,(hHF),O,O,O,O,O,O,X,X,(hFG,vFH),O,O,O,X,X,(hFB,vI),O,O,O,(vFB),(vB),(hIG),O,O,O,O,D,J,(hG),O,I,X,(hFE),O,O','7,X,(vHJ),(vDE),X,X,(vDI),(vHH),(hHG),O,J,(vHJ),(hJ),O,O,(hHE),O,O,O,(hHJ,vB),O,O,X,(hHH),O,O,O,O,X,X,(hDJ,vHA),D,O,E,O,(vF),(hHJ),O,O,(hA),O,O,E,(hHA),O,O,X,(hI),O,O','7,X,(vEH),(vFA),X,X,X,X,(hEB),O,O,(vFA),X,X,X,(hFD),O,O,O,(vEE),(vID),X,X,(hFB),O,O,O,O,X,X,(hFJ),O,O,O,O,(vEE),X,X,X,(hJ),O,B,O,X,X,X,X,(hEH),C,O','6,X,(vJ),(vE),X,X,X,(hA),B,C,(vCJ),X,X,(hCG),O,O,O,(vCD),X,X,(hHF),O,O,O,(vJ),X,X,(hE),O,O,H,X,X,X,(hCE),O,O','6,X,(vGC),(vGH),X,X,X,(hGG),O,O,(vGB),X,X,(hGI),E,O,I,(vGG),X,X,(hIJ),O,C,O,(vA),X,X,(hD),G,O,O,X,X,X,(hD),O,O','6,X,X,X,X,(vIG),(vII),X,X,X,(hE,vIA),I,G,X,X,(hGJ,vGF),O,C,O,X,(hIE,vII),D,O,O,X,(hGJ),O,B,O,X,X,(hA),O,J,X,X,X','6,X,X,X,X,(vIA),(vE),X,X,(vJB),(hB,vII),I,J,X,(hIF),O,O,O,H,X,(hIB,vG),D,J,O,X,(hJG),C,O,O,F,X,(hB),O,O,X,X,X','7,X,X,X,(vDB),(vGG),X,X,X,X,(hGH),O,O,(vGA),(vGA),X,X,(hGF,vGA),O,O,O,O,X,(hGA,vGE),B,O,(hGD,vI),O,O,(hJ),O,I,(hGE,vGG),O,O,X,(hDA),O,D,O,O,X,X,X,X,(hF),O,O,X,X','6,X,X,X,(vFB),(vI),X,X,X,(hGF),O,O,(vGA),X,(vH),(hGA,vFD),O,O,O,(hFF),O,A,O,O,C,(hGG),O,J,O,X,X,X,(hGH),O,D,X,X','6,X,X,(vGA),(vA),X,X,X,(hB,vGE),O,O,(vHJ),X,(hBD),O,O,O,O,(vGH),(hGC),O,O,(hGJ,vGE),O,O,X,(hGG),O,F,O,O,X,X,(hGC),O,O,X','7,X,X,(vCE),(vG),(vI),X,X,X,(hEE),A,O,E,(vCD),(vCH),X,(hEG,vCD),O,O,O,O,O,(hA),G,C,X,(hEH),O,O,(hEE),O,O,(vI),(hA,vD),O,O,(hCF),O,O,O,O,O,X,X,X,(hED),O,O,B,X','7,X,(vG),(vDC),X,(vBA),(vDG),X,(hJ),O,G,(hDA,vBA),O,O,X,(hBC),O,O,G,O,O,X,X,(hDH),O,O,O,(vG),X,X,X,(hG,vDI),O,O,O,(vJ),X,(hBB),E,O,O,O,O,X,(hH),O,J,(hB),O,O','6,X,X,X,(vJG),(vCG),X,X,(vJG),(hJB,vJH),O,O,X,(hJH),I,B,O,O,(vD),(hJB),O,O,(hA,vJG),O,O,X,(hJB),O,B,O,O,X,(hF),I,C,X,X','7,X,(vA),(vE),X,X,(vD),(vB),(hF),O,O,(vJJ),(hI,vGD),O,O,(hGD),O,O,O,O,I,O,X,X,(hJI),O,O,X,X,X,(vJE),(hA,vF),I,O,(vD),(vJJ),(hGA),O,O,O,J,O,O,(hH),O,O,X,(hI),O,O','7,X,X,(vEH),(vEF),X,X,X,X,(hEI,vIH),O,O,(vEI),X,X,(hEI),O,O,O,O,(vIE),(vEJ),(hD),O,O,(hEH,vH),O,O,O,(hEC),O,O,O,(hD,vC),H,G,X,X,(hIA),O,O,O,O,X,X,X,(hD),E,O,X','7,X,X,X,X,X,(vEA),(vCJ),X,X,X,X,(hCD,vCC),O,O,X,X,(vCI),(hCJ,vEH),O,O,O,X,(hDH),O,J,B,O,X,X,(hCH,vD),O,O,O,O,X,(hCJ),O,O,O,X,X,X,(hJ),O,G,X,X,X,X','7,X,(vB),(vFF),X,(vEI),(vFE),X,(hH),O,O,(hFC,vIB),G,O,X,(hFC),O,O,O,O,O,X,X,X,(hFH),O,D,X,X,X,X,(hFF,vFG),O,O,(vFE),(vFH),X,(hEE),O,O,J,O,O,X,(hFG),O,O,(hFG),O,O','6,X,(vHE),(vII),X,X,X,(hHB),O,O,(vHF),(vHJ),X,(hHD),B,O,O,O,X,X,(hG),H,O,O,(vHE),X,(hCA),O,O,E,B,X,X,X,(hHB),O,G','6,X,(vH),(vAF),X,X,X,(hAC),O,O,(vAD),X,X,(hDI),J,O,O,(vAH),X,X,(hAC),O,O,O,(vAI),X,X,(hH),O,O,B,X,X,X,(hAH),O,E','6,X,(vC),(vHA),X,X,X,(hC),O,J,(vHA),X,X,(hF),J,O,O,(vHC),X,X,(hI),O,J,O,(vF),X,X,(hEJ),O,O,B,X,X,X,(hG),O,O','6,X,X,X,(vFJ),(vJC),X,X,(vFF),(hFF,vJE),O,O,X,(hFH),O,F,O,O,(vD),(hFI),O,C,(hE,vH),D,O,X,(hJC),O,O,O,A,X,(hFG),O,J,X,X','7,X,X,X,X,X,(vDE),(vBB),X,(vC),(vDF),X,(hBF),O,O,(hH),O,O,(vE),(hH,vBI),B,O,(hDF),O,O,O,O,D,(vE),X,(hDI,vBE),O,O,C,O,B,(hBF),O,A,X,(hG),E,D,(hG),O,O,X,X,X,X','7,X,(vJ),(vFH),X,X,X,X,(hHH),F,A,X,X,(vGE),(vA),(hI),O,O,(vC),(hF,vD),O,O,X,(hHC,vF),H,O,O,O,O,(hGJ),O,O,O,O,O,(vE),(hE),O,O,X,(hHI),O,O,X,X,X,X,(hA),O,O','7,X,X,(vCD),(vCB),(vF),X,X,X,(hCA,vCJ),O,O,O,(vFH),X,(hCD),O,O,O,O,O,(vCB),(hH),O,O,X,(hI),O,O,(hCE),O,B,(vCE),(hCH,vCI),O,G,X,(hFA),O,G,O,O,O,X,X,(hBC),H,O,O,X','6,X,X,X,X,(vHD),(vHH),X,X,X,(hA,vHH),H,I,X,X,(hHJ,vIG),O,C,O,X,(hHC,vE),O,O,O,X,(hIG),J,O,O,X,X,(hHF),O,O,X,X,X','6,X,X,(vFD),(vJB),X,X,X,(hH,vH),O,O,(vJD),X,(hFH),O,O,O,O,(vJI),(hJD),O,O,(hJD,vG),J,E,X,(hJD),O,O,O,O,X,X,(hB),A,O,X','6,X,X,X,(vC),(vDC),X,X,(vF),(hHB,vDI),O,O,(vDJ),(hDG),O,O,E,O,O,(hHA),O,O,(hHD,vG),O,O,(hEJ),O,O,F,O,O,X,(hJ),O,O,X,X','7,X,X,X,X,X,(vEJ),(vG),X,X,X,X,(hD,vI),C,O,X,X,(vEG),(hFE,vFE),O,O,O,X,(hFD),O,O,O,O,X,X,(hEC,vFI),O,O,O,O,X,(hEC),B,O,H,X,X,X,(hJ),O,O,X,X,X,X','7,X,(vI),(vAC),X,X,(vAI),(vCG),(hB),O,I,X,(hCB,vCD),O,O,(hH),A,D,(hCD,vAF),O,O,O,X,(hAC),O,O,O,O,X,X,(hCF,vCC),O,O,O,O,(vB),(hCB),O,O,O,(hCF),O,O,(hCB),O,J,X,(hB),O,O','6,X,X,X,(vJB),(vIG),X,X,(vA),(hJI,vJC),O,F,X,(hJB),O,O,O,O,(vJE),(hJD),B,O,(hJB,vD),O,H,X,(hJG),O,I,O,O,X,(hA),O,E,X,X','7,X,X,X,X,(vCD),(vCC),(vB),X,X,X,(hCC,vEC),O,I,O,X,X,(hCH),C,O,O,O,X,X,(hCA),F,O,X,X,X,(vA),(hCH,vCE),O,E,X,X,(hGA),C,O,O,O,X,X,(hCE),O,O,O,X,X,X','6,X,X,X,X,(vJI),(vA),X,X,(vJH),(hJE,vJI),O,G,X,(hJE),F,O,O,D,X,(hC,vB),O,E,O,X,(hJH),O,O,O,O,X,(hJD),O,E,X,X,X','6,X,X,X,X,(vAJ),(vAJ),X,X,X,(hAF,vGB),O,O,X,X,(hAE,vD),O,O,O,X,(hAJ,vF),O,J,O,X,(hAF),O,O,H,X,X,(hB),O,I,X,X,X','7,X,X,X,X,(vH),(vIE),X,X,X,X,(hA,vA),O,O,X,X,(vID),(hF,vCH),O,O,A,(vIE),(hIH),O,O,O,(hIA,vIH),O,O,(hIE),O,O,(hIG,vIA),B,O,O,X,(hIF),O,G,A,X,X,X,(hIE),O,D,X,X,X','7,X,(vEF),(vB),(vFC),X,X,X,(hH),O,O,O,(vEA),X,X,(hED),C,O,O,O,X,X,X,X,(hEG),O,F,X,X,X,X,(hEI),O,O,(vEH),(vI),X,X,(hFH),O,O,O,O,X,X,X,(hEE),O,I,O','6,X,(vHI),(vDG),X,X,X,(hHE),J,O,(vDG),X,X,(hHC),H,O,O,(vHA),X,X,(hDH),F,O,G,(vHE),X,X,(hHC),O,O,O,X,X,X,(hHE),O,O','6,X,X,(vAD),(vAE),X,X,X,(hAA),O,O,(vAD),(vAA),X,(hAI,vI),O,F,D,J,(hC),A,O,(hB,vJ),A,E,(hAB),O,I,C,J,X,X,X,(hI),O,H,X','6,X,X,(vDA),(vE),X,X,X,(hJ,vDE),O,F,(vGG),X,(hDJ),O,O,O,O,(vC),(hDD),O,O,(hJ,vI),O,O,X,(hGG),O,D,O,O,X,X,(hDA),G,B,X','7,X,X,(vJD),(vG),(vI),X,X,X,(hG),O,O,H,(vEB),(vEF),X,(hEB),O,O,B,O,J,X,(hEJ,vA),O,H,(hEE,vEA),O,O,(hA),O,O,(hEJ,vG),O,O,X,(hJF),O,O,O,O,O,X,X,X,(hG),F,O,O,X','6,X,X,X,X,(vEJ),(vG),X,X,X,(hDE,vF),O,O,X,X,(hDJ,vF),O,O,O,X,(hA,vDA),O,O,O,X,(hDI),B,O,O,X,X,(hDE),C,O,X,X,X','6,X,X,(vAC),(vD),X,X,X,(hD,vEI),O,O,(vBC),X,(hBA),O,O,O,O,(vH),(hEF),O,O,(hEI,vF),O,O,X,(hEF),O,O,A,O,X,X,(hEE),G,D,X','6,X,X,(vGB),(vD),X,X,X,(hGG),A,C,(vGJ),(vC),X,(hGG,vGC),O,O,O,J,(hGH),O,O,(hE,vI),G,H,(hHF),O,H,O,O,X,X,X,(hE),O,O,X','6,X,X,(vIJ),(vCD),X,X,X,(hCD),O,O,(vCI),(vCG),X,(hIH,vCC),G,O,O,O,(hCE),O,I,(hCH,vCD),G,O,(hIC),B,D,O,O,X,X,X,(hA),O,O,X','7,X,(vII),(vDH),(vID),X,X,X,(hIG),O,O,O,X,X,X,(hDA),O,C,J,(vII),X,X,X,(hID),F,O,O,(vDH),X,X,X,(hID),O,O,O,(vID),X,X,X,(hIE),A,O,O,X,X,X,(hDD),O,O,O','7,X,(vEB),(vF),X,X,X,X,(hED),O,O,(vAJ),(vED),(vD),X,(hIB),O,O,O,G,O,X,X,X,(hF,vA),O,O,O,X,X,(hED),O,O,F,(vA),(vEB),X,(hIE),O,H,O,O,O,X,X,X,X,(hEE),O,O','7,X,X,X,X,(vCA),(vCE),(vB),X,X,X,(hF),O,O,O,X,X,X,(hJG,vCD),I,O,O,X,X,(hF,vB),O,O,O,X,X,(hJI,vCI),O,F,O,X,X,(hD),O,O,O,X,X,X,(hCI),O,O,O,X,X,X','6,X,(vJI),(vI),X,X,X,(hH),O,O,(vD),X,X,(hJA),F,O,O,(vJH),X,X,(hJI),C,G,O,(vJJ),X,X,(hD),O,O,O,X,X,X,(hJE),O,O','6,X,X,X,(vDC),(vAE),X,X,X,(hI),O,B,(vI),X,(vC),(hJ,vDE),O,O,O,(hAF),A,D,O,O,O,(hI),O,O,G,X,X,X,(hDA),H,O,X,X','7,X,X,X,(vFD),(vAF),X,X,X,(vFD),(hFE,vFA),B,O,X,X,(hHI),O,O,O,O,(vFF),X,(hFI),O,O,(hC,vG),O,H,(vFA),X,(hE),O,O,(hFB,vC),O,O,X,X,(hFJ),O,G,O,O,X,X,(hH),O,O,X,X','7,X,X,X,X,(vD),(vHD),X,X,X,(vDH),(hA,vJJ),O,O,(vE),X,(hHB,vJH),O,O,O,E,J,(hJE),H,O,O,(hD,vF),O,O,(hJG),E,O,(hJE,vJG),C,O,O,(hHH),J,O,O,O,O,X,X,(hJJ),O,O,X,X,X','7,X,X,X,X,(vBA),(vEB),X,X,X,(vBG),(hC,vBB),O,O,X,X,(hBD,vBA),O,O,O,O,(vBJ),(hBC),O,O,O,(hBG,vBD),A,O,(hBB),O,O,(hEE,vBF),O,O,D,X,(hBJ),O,O,O,I,X,X,(hBD),O,O,X,X,X','7,X,X,X,X,X,(vDG),(vC),X,(vB),(vFH),X,(hC),E,O,(hA),O,O,(vDD),(hH,vDB),O,O,(hDA),C,O,O,O,O,(vE),X,(hFH,vDE),O,O,H,O,F,(hDH),O,O,X,(hDI),O,O,(hJ),O,O,X,X,X,X','6,X,(vB),(vE),X,X,X,(hA),D,O,(vA),X,X,(hH),O,C,O,(vIG),X,X,(hDI),O,O,O,(vDF),X,X,(hIF),O,O,O,X,X,X,(hH),O,O','7,X,(vHF),(vC),X,X,(vC),(vHF),(hC),O,O,(vBC),(hA,vBF),O,O,(hBE),O,O,O,O,O,O,X,X,(hHD),A,O,X,X,X,(vD),(hJ,vHA),O,O,(vHI),(vC),(hCH),J,O,O,O,O,B,(hHH),O,O,X,(hE),O,O','6,X,X,X,(vJ),(vDA),X,X,(vFD),(hB,vFE),O,O,(vDA),(hDJ),O,O,O,O,O,(hDE),O,O,(hDA,vC),O,H,(hBA),O,I,O,G,O,X,(hJ),E,O,X,X','6,X,(vGA),(vA),X,X,X,(hGE),O,O,(vGD),X,X,(hGA),O,G,A,(vED),X,X,(hGE),O,O,O,(vGD),X,X,(hEB),C,H,F,X,X,X,(hGE),A,I','6,X,(vIC),(vFD),X,X,X,(hIG),O,C,(vIB),X,X,(hFJ),O,O,O,(vII),X,X,(hIE),O,O,F,(vIA),X,X,(hIJ),F,I,O,X,X,X,(hIC),O,O','6,X,X,X,(vJG),(vHH),X,X,X,(hHA),O,O,(vHD),X,(vE),(hJF,vHJ),O,O,O,(hHB),F,O,D,O,O,(hE),O,J,O,X,X,X,(hHE),I,O,X,X','7,X,X,X,(vGG),(vI),(vEC),X,X,(vBH),(hJ,vBI),O,O,O,X,(hBJ),O,O,O,O,O,(vJ),(hGJ),O,O,X,(hA),O,O,(hGC),O,O,(vC),(hGB,vGJ),O,O,X,(hBF),O,O,O,O,B,X,(hBH),O,O,O,X,X','7,X,X,X,X,X,(vD),(vHB),X,X,(vG),(vFC),(hHA,vAI),O,O,X,(hAB),O,O,O,O,O,X,(hAD),O,O,O,(vHB),X,X,(vF),(hAF,vHI),O,O,O,X,(hAB),O,O,O,O,O,X,(hB),O,E,X,X,X,X','6,X,(vBC),(vDF),X,X,X,(hBE),O,O,(vDB),X,X,(hDG),O,J,O,(vC),X,X,(hBI),O,O,O,(vBB),X,X,(hBA),O,O,D,X,X,X,(hBG),F,O','6,X,X,X,(vH),(vDC),(vGA),X,X,(hA,vIE),O,O,O,X,(hIG,vGG),O,O,O,O,(hF),O,O,(hGF,vJ),J,O,(hGA),O,O,O,O,X,(hIE),O,O,O,X,X','6,X,(vHC),(vHJ),X,X,X,(hHC),A,B,(vA),X,X,(hHI),O,O,O,(vHA),X,X,(hD),F,O,O,(vB),X,X,(hII),G,O,O,X,X,X,(hB),O,O','7,X,(vH),(vJA),X,X,(vIE),(vJI),(hJC),O,O,(vDG),(hJE,vIG),O,O,(hDD),I,O,O,O,O,O,X,X,(hII,vIG),O,O,O,X,X,(hIE,vJA),O,O,O,(vB),(vJI),(hDG),C,O,O,O,O,O,(hJF),O,O,X,(hH),O,O','7,X,(vHH),(vBE),X,X,X,X,(hE),B,O,X,(vHF),(vBJ),X,(hHI),C,O,(hJ,vHI),O,O,X,X,(hBC),D,O,O,O,X,X,(hHH),O,O,D,O,(vHF),X,(hHD),F,O,(hHD),G,O,X,X,X,X,(hHE),O,O','7,X,X,X,X,X,(vIF),(vI),X,X,X,X,(hB,vGF),O,O,X,X,(vEG),(hGG,vB),O,O,O,X,(hGJ),O,O,O,H,X,X,(hGA,vA),O,O,O,O,X,(hGC),I,H,O,X,X,X,(hH),G,J,X,X,X,X','7,X,X,X,X,X,(vJF),(vJF),X,X,X,X,(hJD),A,O,X,X,(vBG),(vJB),(hI,vI),O,O,X,(hBD,vJF),F,O,O,E,O,(hIB),O,O,O,O,C,X,(hJG),O,B,X,X,X,X,(hI),O,J,X,X,X,X','6,X,X,(vEI),(vC),X,X,X,(hH,vGG),O,O,(vGD),X,(hBJ),O,O,O,O,(vD),(hGI),O,O,(hD,vD),E,G,X,(hBG),O,O,A,O,X,X,(hJ),O,O,X','7,X,X,X,X,(vFI),(vJF),X,X,X,X,(hJH),O,O,(vJC),X,X,X,(hEE,vEC),O,O,O,X,(vJE),(hED,vEF),O,O,O,G,(hJB),O,O,O,O,X,X,(hEH),O,O,G,X,X,X,X,(hJG),O,O,X,X,X','7,X,X,X,(vJ),(vEI),X,X,X,X,(hJ,vEC),O,A,(vBD),X,X,(hHC,vEA),O,O,O,I,(vF),(hEE),O,O,(hEE,vHD),B,J,O,(hHE),O,O,O,(hG,vED),O,O,X,(hHD),O,O,O,O,X,X,X,(hEA),O,O,X,X','7,X,X,X,X,X,(vFH),(vED),X,X,X,X,(hEC,vEA),O,O,X,X,(vED),(hFI,vEH),O,O,O,X,(hEE),O,O,A,D,X,X,(hFB,vJ),O,O,O,J,X,(hFI),O,O,O,X,X,X,(hI),O,A,X,X,X,X','6,X,(vB),(vHI),X,X,X,(hHH),O,O,(vHJ),(vGA),X,(hHH),O,O,O,I,X,X,(hGE),O,A,O,(vHE),X,(hHJ),H,B,F,D,X,X,X,(hHJ),O,C'
+]
+
+kakuro(testPuzzles);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-425-prime-connection.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-425-prime-connection.md
new file mode 100644
index 0000000000..0d260b3898
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-425-prime-connection.md
@@ -0,0 +1,53 @@
+---
+id: 5900f5151000cf542c510028
+title: 'Завдання 425: З’єднання простих чисел'
+challengeType: 5
+forumTopicId: 302095
+dashedName: problem-425-prime-connection
+---
+
+# --description--
+
+Два додатних числа $A$ та $B$ вважаються з’єднаними (позначаються "$A ↔ B$"), якщо виконується одна з цих умов:
+
+1. $A$ та $B$ мають однакову довжину і відрізняються тільки однією цифрою; наприклад, $123 ↔ 173$.
+2. Додавання однієї цифри зліва від $A$ (або $B$) утворює $B$ (або $A$); наприклад, $23 ≈ 223$ і $123 ≈ 23$.
+
+Назвемо просте число $P$ родичем 2, якщо між 2 і $P$ існує ланцюжок зі з'єднаних простих чисел і жодне число в ланцюжку не перевищує $P$.
+
+Наприклад, число 127 – родич 2. Один з можливих ланцюжків показаний нижче:
+
+$$2 ↔ 3 ↔ 13 ↔ 113 ↔ 103 ↔ 107 ↔ 127$$
+
+Однак 11 та 103 не є родичами 2.
+
+Припустимо, $F(N)$ - сума простих чисел $≤ N$, які не є родичами 2. Можемо переконатися, що $F({10}^3) = 431$ та $F({10}^4) = 78\\,728$.
+
+Знайдіть $F({10}^7)$.
+
+# --hints--
+
+`primeConnection()` має повернути `46479497324`.
+
+```js
+assert.strictEqual(primeConnection(), 46479497324);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeConnection() {
+
+  return true;
+}
+
+primeConnection();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-426-box-ball-system.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-426-box-ball-system.md
new file mode 100644
index 0000000000..e842f11bd3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-426-box-ball-system.md
@@ -0,0 +1,60 @@
+---
+id: 5900f5171000cf542c510029
+title: 'Завдання 426: Система коробка-м''яч'
+challengeType: 5
+forumTopicId: 302096
+dashedName: problem-426-box-ball-system
+---
+
+# --description--
+
+Розглянемо нескінченний ряд коробок. У деяких коробках є м'яч. Наприклад, початкову конфігурацію 2 послідовних заповнених коробок перед 2 порожніми коробками, 2 заповненими коробки, 1 пустою коробкою, і 2 заповненими коробками можна позначити послідовністю (2, 2, 2, 1, 2), у якій по черзі відображається кількість зайнятих і порожніх коробок.
+
+Хід складається з переміщення кожного м'яча рівно один раз за наступним правилом: перенесення найлівішого м'яча, котрий не рухали, до найближчої пустої коробки справа.
+
+Після одного ходу послідовність (2, 2, 2, 1, 2) стає послідовністю (2, 2, 1, 2, 3) як можна побачити нижче; зверніть увагу, що ми починаємо нову послідовність починаючи з першої заповненої коробки.
+
+<img class="img-responsive center-block" alt="анімація показує один завершений хід з (2, 2, 2, 1, 2) до (2, 2, 1, 2, 2, 2, 2, 3)" src="https://cdn.freecodecamp.org/curriculum/project-euler/box-ball-system-1.gif" style="background-color: white; padding: 10px;" />
+
+Така система називається Системою Box-Ball або якщо коротко BBS.
+
+Можна побачити, що після значної кількості ходів система доходить до стану, де послідовні числа заповнених коробок залишаються незмінними. У прикладі нижче послідовні числа зайнятих коробок розвиваються до [1, 2, 3]; ми назвемо це кінцевим станом.
+
+<img class="img-responsive center-block" alt="чотири ходи з зайнятих коробок [2, 2, 2] до кінцевого стану [1, 2, 3]" src="https://cdn.freecodecamp.org/curriculum/project-euler/box-ball-system-2.gif" style="background-color: white; padding: 10px;" />
+
+Ми визначили послідовність $\\{t_i\\}$:
+
+$$\begin{align} & s_0 = 290\\,797 \\\\ & s_{k + 1} = {s_k}^2\bmod 50\\,515\\,093 \\\\ & t_k = (s_k\bmod 64) + 1 \end{align}$$
+
+Починаючи з початкової конфігурації $(t_0, t_1, \ldots, t_{10})$, кінцевим станом стане [1, 3, 10, 24, 51, 75].
+
+Починаючи з початкової конфігурації $(t_0, t_1, \ldots, t_{10\\,000\\,000})$, знайдіть кінцевий стан.
+
+Дайте відповідь як суму квадратів елементів кінцевого стану. Наприклад, якщо кінцевий стан [1, 2, 3], то $14 (= 1^2 + 2^2)$ - ваша відповідь.
+
+# --hints--
+
+`boxBallSystem()` має вивести `31591886008`.
+
+```js
+assert.strictEqual(boxBallSystem(), 31591886008);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function boxBallSystem() {
+
+  return true;
+}
+
+boxBallSystem();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-427-n-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-427-n-sequences.md
new file mode 100644
index 0000000000..37f97da41a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-427-n-sequences.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5181000cf542c51002a
+title: 'Завдання 427: n-послідовності'
+challengeType: 5
+forumTopicId: 302097
+dashedName: problem-427-n-sequences
+---
+
+# --description--
+
+Послідовність цілих чисел $S = \\{s_i\\}$ називається $n$-послідовністю, якщо вона має $n$ елементи, і кожен елемент $s_i$ задовольняє нерівність $1 ≤ s_i ≤ n$. Таким чином, сумарно є $n^n$ різних $n$-послідовностей.
+
+Наприклад, послідовність $S = \\{1, 5, 5, 10, 7, 7, 7, 2, 3, 7\\}$ - 10-послідовність.
+
+Для будь-якої послідовності $S$, припустимо $L(S)$ є довжиною найдовшої дотичної підпослідовності $S$ з тим же значенням. Наприклад, для даної послідовності $S$ вище, $L(S) = 3$, через три послідовні сімки.
+
+Припустимо $f(n) = \sum L(S)$ для всіх $n$-послідовностей $S$.
+
+Наприклад, $f(3) = 45$, $f(7) = 1\\,403\\,689$ і $f(11) = 481\\,496\\,895\\,121$.
+
+Знайдіть $f(7\\,500\\,000)\bmod 1\\,000\\,000\\,009$.
+
+# --hints--
+
+`nSequences()` має повернути `97138867`.
+
+```js
+assert.strictEqual(nSequences(), 97138867);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nSequences() {
+
+  return true;
+}
+
+nSequences();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-428-necklace-of-circles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-428-necklace-of-circles.md
new file mode 100644
index 0000000000..8853657b56
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-428-necklace-of-circles.md
@@ -0,0 +1,59 @@
+---
+id: 5900f5191000cf542c51002b
+title: 'Завдання 428: Намисто кіл'
+challengeType: 5
+forumTopicId: 302098
+dashedName: problem-428-necklace-of-circles
+---
+
+# --description--
+
+Припустимо $a$, $b$ та $c$ — додатні числа.
+
+Тоді $W$, $X$, $Y$, $Z$ будуть чотирма колінеарними точками, де $|WX| = a$, $|XY| = b$, $|YZ| = c$ та $|WZ| = a + b + c$.
+
+Нехай $C_{\text{in}}$ — це коло з діаметром $XY$.
+
+Нехай $C_{\text{out}}$ — коло із діаметром $WZ$.
+
+Триплетом ($a$, $b$, $c$) називають *триплет намиста* — коли $k ≥ 3$ окремі кола $C_1, C_2, \ldots, C_k$ можна розмістити наступним чином:
+
+- $C_i$ немає спільних внутрішніх точок з будь-яким $C_j$ для $1 ≤ i$, $j ≤ k$ та $i ≠ j$,
+- $C_i$ дотичне і до $C_{\text{in}}$, і до $C_{\text{out}}$ для $1 ≤ i ≤ k$,
+- $C_i$ дотичне до $C_{i + 1}$ для $1 ≤ i &lt; k$, та
+- $C_k$ дотикається до $C_1$.
+
+До прикладу, (5, 5, 5) та (4, 3, 2) — триплети намиста, тоді ж як (2, 2, 5), як можна бачити, — ні.
+
+<img class="img-responsive center-block" alt="візуальний приклад триплету намиста" src="https://cdn.freecodecamp.org/curriculum/project-euler/necklace-of-circles.png" style="background-color: white; padding: 10px;" />
+
+Нехай $T(n)$ — це кількість триплетів намиста $(a, b, c)$ таких, як $a$, $b$ та $c$ — додатні цілі числа, а $b ≤ n$. Наприклад, $T(1) = 9$, $T(20) = 732$ та $T(3\\,000) = 438\\,106$.
+
+Знайдіть $T(1\\,000\\,000\\,000)$.
+
+# --hints--
+
+`necklace(1000000000)` має повернути `747215561862`.
+
+```js
+assert.strictEqual(necklace(1000000000), 747215561862);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function necklace(n) {
+
+  return true;
+}
+
+necklace(1000000000)
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.md
new file mode 100644
index 0000000000..e10ea30f95
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-429-sum-of-squares-of-unitary-divisors.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5191000cf542c51002c
+title: 'Завдання 429: Сума квадратів одиничних дільників'
+challengeType: 5
+forumTopicId: 302099
+dashedName: problem-429-sum-of-squares-of-unitary-divisors
+---
+
+# --description--
+
+Унітарний дільник $d$ числа $n$ - це дільник $n$, що має властивість $gcd(d, \frac{n}{d}) = 1$.
+
+Унітарні дільники $4! = 24$ = 1, 3, 8 і 24.
+
+Сума їх квадратів дорівнює $12 + 32 + 82 + 242 = 650$.
+
+Нехай $S(n)$ являє собою суму квадратів унітарних дільників $n$. Так $S(4!) = 650$.
+
+Знайдіть $S(100\\,000\\,000!)$ за модулем $1\\,000\\,000\\,009$.
+
+# --hints--
+
+`sumSquaresOfUnitaryDivisors()` має повернути `98792821`.
+
+```js
+assert.strictEqual(sumSquaresOfUnitaryDivisors(), 98792821);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumSquaresOfUnitaryDivisors() {
+
+  return true;
+}
+
+sumSquaresOfUnitaryDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.md
new file mode 100644
index 0000000000..98653ef18c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-43-sub-string-divisibility.md
@@ -0,0 +1,126 @@
+---
+id: 5900f3971000cf542c50feaa
+title: 'Завдання 43: Подільність підрядків'
+challengeType: 5
+forumTopicId: 302100
+dashedName: problem-43-sub-string-divisibility
+---
+
+# --description--
+
+Число 1406357289 є панцифровим у проміжку від 1 до 9, оскільки складається із цифр від 1 до 9 у певному порядку, а також воно має цікаву властивість подільності підрядків.
+
+Нехай $d_1$ буде цифрою $1^{st}$, $d_2$ буде цифрою $2^{nd}$ і т. д. Таким чином можна помітити наступне:
+
+- ${d_2}{d_3}{d_4} = 406$ ділиться на 2
+- ${d_3}{d_4}{d_5} = 063$ ділиться на 3
+- ${d_4}{d_5}{d_6} = 635$ ділиться на 5
+- ${d_5}{d_6}{d_7} = 357$ ділиться на 7
+- ${d_6}{d_7}{d_8} = 572$ ділиться на 11
+- ${d_7}{d_8}{d_9} = 728$ ділиться на 13
+- ${d_8}{d_9}{d_{10}} = 289$ ділиться на 17
+
+Знайдіть суму всіх панцифрових чисел від 0 до `n` з підрядками, які б відповідали особливостям подільності `n - 2`.
+
+**Note:** Панцифрові числа, починаючи від `0`, повинні враховуватись у результаті.
+
+# --hints--
+
+`substringDivisibility(5)` має повернути число.
+
+```js
+assert(typeof substringDivisibility(5) === 'number');
+```
+
+`substringDivisibility(5)` має повернути `12444480`.
+
+```js
+assert.strictEqual(substringDivisibility(5), 12444480)
+```
+
+`substringDivisibility(7)` має повернути `1099210170`.
+
+```js
+assert.strictEqual(substringDivisibility(7), 1099210170)
+```
+
+`substringDivisibility(8)` має повернути `1113342912`.
+
+```js
+assert.strictEqual(substringDivisibility(8), 1113342912)
+```
+
+`substringDivisibility(9)` має повернути `16695334890`.
+
+```js
+assert.strictEqual(substringDivisibility(9), 16695334890)
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function substringDivisibility(n) {
+
+  return true;
+}
+
+substringDivisibility(5);
+```
+
+# --solutions--
+
+```js
+function substringDivisibility(n) {
+  function isSubDivisable(digits) {
+    const factors = [2, 3, 5, 7, 11, 13, 17];
+
+    for (let i = 1; i < digits.length - 2; i++) {
+      const subNumber = digits[i] * 100 + digits[i + 1] * 10 + digits[i + 2];
+      if (subNumber % factors[i - 1] !== 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  function heapsPermutations(k, digits, conditionCheck, results) {
+    if (k === 1) {
+      if (conditionCheck(digits)) {
+        const number = parseInt(digits.join(''), 10);
+        results.push(number);
+      }
+      return;
+    }
+
+    heapsPermutations(k - 1, digits, conditionCheck, results);
+
+    for (let i = 0; i < k - 1; i++) {
+      if (k % 2 === 0) {
+        [digits[i], digits[k - 1]] = [digits[k - 1], digits[i]];
+      } else {
+        [digits[0], digits[k - 1]] = [digits[k - 1], digits[0]];
+      }
+      heapsPermutations(k - 1, digits, conditionCheck, results);
+    }
+    return;
+  }
+
+  const allowedDigits = [...new Array(n + 1).keys()];
+  const divisablePandigitals = [];
+  heapsPermutations(
+    allowedDigits.length,
+    allowedDigits,
+    isSubDivisable,
+    divisablePandigitals
+  );
+
+  let sum = 0;
+  for (let i = 0; i < divisablePandigitals.length; i++) {
+    sum += divisablePandigitals[i];
+  }
+
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-430-range-flips.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-430-range-flips.md
new file mode 100644
index 0000000000..3e93c6495e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-430-range-flips.md
@@ -0,0 +1,50 @@
+---
+id: 5900f51a1000cf542c51002d
+title: 'Завдання 430: Перевертання рядів'
+challengeType: 5
+forumTopicId: 302101
+dashedName: problem-430-range-flips
+---
+
+# --description--
+
+Диски $N$ розміщені в ряд, пронумеровані зліва направо від 1 до $N$.
+
+Кожен диск має чорну і білу сторону. Спочатку всі диски перевернуті білою стороною вгору.
+
+При кожному перевертанні випадково вибираються два, не обов'язково різні, цілі числа $A$ та $B$ між 1 і $N$ (включно). Перевертаються усі диски з номерами від $A$ до $B$ (включно).
+
+Наведений приклад показує випадок, де $N = 8$. При першому перевертанні $A = 5$, а $B = 2$, при другому перевертанні $A = 4$, а $B = 6$.
+
+<img class="img-responsive center-block" alt="приклад, де N = 8, після першого перевертання A = 5, а B = 2, після другого A = 4, а B = 6" src="https://cdn.freecodecamp.org/curriculum/project-euler/range-flips.gif" style="background-color: white; padding: 10px;" />
+
+Нехай $E(N, M)$ — це очікувана кількість дисків, які будуть перевернуті білою стороною вгору після $M$ перевертань. Можна перевірити, що $E(3, 1) = \frac{10}{9}$, $E(3, 2) = \frac{5}{3}$, $E(10, 4) ≈ 5.157$ та $E(100, 10) ≈ 51.893$.
+
+Знайдіть $E({10}^{10}, 4000)$. Дайте відповідь, округлену до 2 знаків після коми.
+
+# --hints--
+
+`rangeFlips()` має видати `5000624921.38`.
+
+```js
+assert.strictEqual(rangeFlips(), 5000624921.38);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rangeFlips() {
+
+  return true;
+}
+
+rangeFlips();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-431-square-space-silo.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-431-square-space-silo.md
new file mode 100644
index 0000000000..4d78842fa3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-431-square-space-silo.md
@@ -0,0 +1,48 @@
+---
+id: 5900f51b1000cf542c51002e
+title: 'Завдання 431: Сховище квадратної форми'
+challengeType: 5
+forumTopicId: 302102
+dashedName: problem-431-square-space-silo
+---
+
+# --description--
+
+Фермер Фред домовляється про встановлення нового сховища для зберігання у себе на фермі. Маючи одержимість квадратними речами, він повністю розчаровується, коли дізнається про те, що у нього встановлено сховище округлої форми. Квентін (представник компанії, що встановила сховище) пояснює, що компанія виробляє тільки циліндричні сховища, але зауважує, що воно має квадратний фундамент. Фреда відповідь не задовільнила і він вимагає, щоб сховище забрали із його території.
+
+Кмітливий Квентін пояснив, що коли гранульовані матеріали подаються згори, формується конічний схил, а природний кут, який утворюється із горизонтальною площиною, називається кутом природного укосу. Наприклад, якщо кут природного укосу $\alpha = 30°$ і зерно насипається у центр сховища, тоді формується ідеальний конус до вершини циліндра. У даному сховищі, що має діаметр 6 м, приблизний обсяг невикористовуваного місця буде складати 32.648388556 m<sup>3</sup>. Однак, якщо зерно буде насипатися нагорі у точці, яка має горизонтальну відстань $x$ метрів від центру, тоді буде формуватись конус з дивно вигнутою та похилою основою. Він показав Фреду зображення.
+
+<img class="img-responsive center-block" alt="зображення показує процес формування ідеального конуса до вершини циліндра" src="https://cdn.freecodecamp.org/curriculum/project-euler/square-space-silo.png" style="background-color: white; padding: 10px;" />
+
+Припустимо, що обсяг невикористовуваного місця у кубічних метрах позначається як $V(x)$. Якщо $x = 1.114\\,785\\,284$, що має три квадратні десяткові знаки, то кількість невикористовуваного місця буде $V(1.114\\,785\\,284) \approx 36$. Враховуючи діапазон можливих розв'язків до даного завдання існує точно ще один варіант: $V(2.511\\,167\\,869) \approx 49$. Це все одно, що знати, що квадрат - це король сховища, який сидить у славі поверх зерна.
+
+Побачивши таке чудове рішення, очі Фреда загорілися від захвату, але під час прискіпливішої перевірки креслень та підрахунків Квентіна, його радість знову перетворилась на зневіру. Фред вказав Квентіну, що саме радіус сховища, а не діаметр, складає 6 м, і кут природного укосу для зерна становить 40­°. Однак, якщо Квентіну вдасться знайти набір рішень для цього конкретного сховища, тоді він із задоволенням його залишить.
+
+Якщо кмітливий Квентін має задовольнити безнадійно невгомонну любов фермера Фреда до усіх квадратних речей, тоді визначте значення $x$ для усіх можливих варіантів втрат квадратного простору та обчисліть $\sum x$ до 9 знаків після коми.
+
+# --hints--
+
+`squareSpaceSilo()` має повернути `23.386029052`.
+
+```js
+assert.strictEqual(squareSpaceSilo(), 23.386029052);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squareSpaceSilo() {
+
+  return true;
+}
+
+squareSpaceSilo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-432-totient-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-432-totient-sum.md
new file mode 100644
index 0000000000..69a7bb9795
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-432-totient-sum.md
@@ -0,0 +1,42 @@
+---
+id: 5900f51e1000cf542c510030
+title: 'Завдання 432: Тотієнтна функція сум'
+challengeType: 5
+forumTopicId: 302103
+dashedName: problem-432-totient-sum
+---
+
+# --description--
+
+Нехай $S(n, m) = \sum φ(n × i)$ при $1 ≤ i ≤ m$. ($φ$ позначає тотієнтну функцію Ейлера)
+
+Дано, що $S(510\\,510, {10}^6) = 45\\,480\\,596\\,821\\,125\\,120$.
+
+Знайдіть $S(510\\,510, {10}^{11})$. Введіть останні 9 знаків вашої відповіді.
+
+# --hints--
+
+`totientSum()` має видати `754862080`.
+
+```js
+assert.strictEqual(totientSum(), 754862080);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientSum() {
+
+  return true;
+}
+
+totientSum();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.md
new file mode 100644
index 0000000000..09fd73b93d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-433-steps-in-euclids-algorithm.md
@@ -0,0 +1,50 @@
+---
+id: 5900f51d1000cf542c51002f
+title: 'Завдання 433: Кроки в алгоритмі Евкліда'
+challengeType: 5
+forumTopicId: 302104
+dashedName: problem-433-steps-in-euclids-algorithm
+---
+
+# --description--
+
+Нехай $E(x_0, y_0)$ є кількістю кроків, необхідних для визначення найбільшого спільного дільника для $x_0$ та $y_0$ з алгоритмом Евкліда. Більш формально:
+
+$$\begin{align} & x_1 = y_0, y_1 = x_0\bmod y_0 \\\\ & x_n = y_{n - 1}, y_n = x_{n - 1}\bmod y_{n - 1} \end{align}$$
+
+$E(x_0, y_0)$ є найменшим $n$ так, щоб $y_n = 0$.
+
+Ми маємо $E(1, 1) = 1$, $E(10, 6) = 3$ та $E(6, 10) = 4$.
+
+Визначимо $S(N)$ як сума $E(x, y)$ для $1 ≤ x$, $y ≤ N$.
+
+Ми маємо $S(1) = 1$, $S(10) = 221$ і $S(100) = 39\\,826$.
+
+Знайдіть $S(5 \times {10}^6)$.
+
+# --hints--
+
+`stepsInEuclidsAlgorithm()` має видати `326624372659664`.
+
+```js
+assert.strictEqual(stepsInEuclidsAlgorithm(), 326624372659664);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stepsInEuclidsAlgorithm() {
+
+  return true;
+}
+
+stepsInEuclidsAlgorithm();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-434-rigid-graphs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-434-rigid-graphs.md
new file mode 100644
index 0000000000..6b10dfbc5f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-434-rigid-graphs.md
@@ -0,0 +1,66 @@
+---
+id: 5900f51f1000cf542c510031
+title: 'Завдання 434: Незмінні графіки'
+challengeType: 5
+forumTopicId: 302105
+dashedName: problem-434-rigid-graphs
+---
+
+# --description--
+
+Нагадаємо, що графік це набір вершин та кутів, які їх з'єднують. Дві вершини, з'єднані кутом, називаються прилеглими.
+
+Графіки можуть бути вбудовані в Евклідів простір через спрягання кожної вершини з точкою в Евклідовому просторі.
+
+Гнучким називають графік, в якому можна постійно рухати однією або й більше вершинами таким чином, щоб відстань між принаймні двома несуміжними вершинами змінювалась, в той час як дистанція між кожною парою суміжних вершин постійно залишалась без змін.
+
+Незмінним називають графік, який не являється гнучким.
+
+Неформально графік є стійким, якщо, замінивши вершини повністю обертовими петлями, а ребра стержнями, які є еластичними та не розгинаються, жодна частина графіка не може бути переміщена незалежно від решти графіка.
+
+Табличні графіки, які вбудовані в евклідову площину, не є незмінними, як показує наступний рисунок:
+
+<img class="img-responsive center-block" alt="рисунок, який показує, що табличні графіки, не є незмінними в евклідовій площині" src="https://cdn.freecodecamp.org/curriculum/project-euler/rigid-graphs-1.gif" style="background-color: white; padding: 10px;" />
+
+Однак їх можна зробити незмінними, додавши діагональні краї до комірок. Наприклад, для табличного графіка 2х3 існує 19 способів зробити графік незмінним:
+
+<img class="img-responsive center-block" alt="19 способів зробити графік таблиці 2х3 незмінним" src="https://cdn.freecodecamp.org/curriculum/project-euler/rigid-graphs-2.png" style="background-color: white; padding: 10px;" />
+
+Зверніть увагу, що для цілей цього завдання ми не розглядаємо зміну орієнтації діагонального ребра або додавання обох діагональних ребер до комірки як інший спосіб зробити незмінний табличний графік.
+
+Нехай $R(m, n)$ буде кількістю способів створити табличний незмінний графік $m × n$.
+
+Наприклад: $R(2, 3) = 19$ та$R(5, 5) = 23\\,679\\,901$.
+
+Визначимо $S(N)$ як $\суму R(i, j)$ для $1 ≤ i$, $j ≤ N$.
+
+Наприклад: $S(5) = 25\\,021\\,721$.
+
+Знайдіть $S(100)$, дайте відповідь модулем $1\\,000\\,000\\,033$.
+
+# --hints--
+
+`rigidGraphs()` має видати `863253606`.
+
+```js
+assert.strictEqual(rigidGraphs(), 863253606);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rigidGraphs() {
+
+  return true;
+}
+
+rigidGraphs();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.md
new file mode 100644
index 0000000000..938c5d06d8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-435-polynomials-of-fibonacci-numbers.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5201000cf542c510032
+title: 'Завдання 435: Многочлени чисел Фібоначчі'
+challengeType: 5
+forumTopicId: 302106
+dashedName: problem-435-polynomials-of-fibonacci-numbers
+---
+
+# --description--
+
+Числа Фібоначчі $\\{f_n, n ≥ 0 \\}$ визначаються рекурсивно як $f_n = f_{n - 1} + f_{n - 2}$ з базовими випадками $f_0 = 0 $ та $f_1 = 1$.
+
+Визначте многочлен $\\{F_n, n ≥ 0 \\} $ як $F_n(x) = \displaystyle\sum_ {i = 0}^n f_ix^i$.
+
+Наприклад, $F_7(x) = x + x^2 + 2x^3 + 3x^4 + 5x^5 + 8x^6 + 13x^7$ і $F_7(11) = 268\\,357\\,683 $.
+
+Нехай $n = {10}^{15}$. Знайдіть суму $\displaystyle\sum_ {x = 0}^{100} F_n(x)$ і дайте відповідь за модулем $1\\, 307\\,674\\,368\\,000\\, (= 15!)$.
+
+# --hints--
+
+`polynomialsOfFibonacciNumbers()` повинен видати `252541322550`.
+
+```js
+assert.strictEqual(polynomialsOfFibonacciNumbers(), 252541322550);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function polynomialsOfFibonacciNumbers() {
+
+  return true;
+}
+
+polynomialsOfFibonacciNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-436-unfair-wager.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-436-unfair-wager.md
new file mode 100644
index 0000000000..8d4fc6117d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-436-unfair-wager.md
@@ -0,0 +1,56 @@
+---
+id: 5900f5221000cf542c510033
+title: 'Задача 436: Нечесне парі'
+challengeType: 5
+forumTopicId: 302107
+dashedName: problem-436-unfair-wager
+---
+
+# --description--
+
+Джулія пропонує своїй сестрі Луїзі наступне парі.
+
+Вона пропонує їй зіграти в азартну гру, щоб визначити, хто буде мити посуд.
+
+Для цієї гри вони використають генератор незалежних випадкових чисел, рівномірно розподілених між 0 і 1.
+
+Гра починається з $S = 0$.
+
+Перший гравець, Луїза, додає до $S$ різні випадкові числа від генератора до $S > 1$ і записує своє останнє випадкове число '$x$'.
+
+Другий гравець, Джулія, продовжує додавати до $S$ різні випадкові числа від генератора до $S > 2$ і записує своє останнє випадкове число '$y$'.
+
+Гравець з найбільшим числом виграє, а той, хто програв, – миє посуд, тобто якщо $y > x$, то виграє другий гравець.
+
+Наприклад, якщо перший гравець витягує 0.62 та 0.44, хід першого гравця закінчується, оскільки $0.62 + 0.44 > 1$ та $x = 0.44$. Якщо другий гравець витягує 0.1, 0.27 та 0.91, хід другого гравця закінчується, так як $0.62 + 0.44 + 0.1 + 0.27 + 0.91 > 2$ та $y = 0.91$. Так як $y > x$, другий гравець перемагає.
+
+Луїза на секунду замислюється й заперечує: "Це несправедливо".
+
+Яка ймовірність того, що виграє другий гравець? Дайте відповідь, округлену до 10 знаків після коми у формі 0.abcdefghij
+
+# --hints--
+
+`unfairWager()` має видати `0.5276662759`.
+
+```js
+assert.strictEqual(unfairWager(), 0.5276662759);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function unfairWager() {
+
+  return true;
+}
+
+unfairWager();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.md
new file mode 100644
index 0000000000..c46c55f740
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-437-fibonacci-primitive-roots.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5241000cf542c510036
+title: 'Завдання 437: Прості корені Фібоначчі'
+challengeType: 5
+forumTopicId: 302108
+dashedName: problem-437-fibonacci-primitive-roots
+---
+
+# --description--
+
+Коли ми підраховуємо $8^n$ модуль 11 для $n = 0$ до 9, ми отримуємо: 1, 8, 9, 6, 4, 10, 3, 2, 5, 7.
+
+Очевидно, виникають усі можливі значення від 1 до 10. Тож 8 - це простий корінь з 11.
+
+Проте це не все:
+
+Якщо розглянути детальніше, то:
+
+$$\begin{align} & 1 + 8 = 9 \\\\ & 8 + 9 = 17 ≡ 6\bmod 11 \\\\ & 9 + 6 = 15 ≡ 4\bmod 11 \\\\ & 6 + 4 = 10 \\\\ & 4 + 10 = 14 ≡ 3\bmod 11 \\\\ & 10 + 3 = 13 ≡ 2\bmod 11 \\\\ & 3 + 2 = 5 \\\\ & 2 + 5 = 7 \\\\ & 5 + 7 = 12 ≡ 1\bmod 11. \end{align}$$
+
+Тож степінь з 8 модуля 11 є циклічним в 10 періоді, а $8^n + 8^{n + 1} ≡ 8^{n + 2} (\text{mod } 11)$. Число 8 називають простим коренем Фібоначчі для 11.
+
+Не кожне просте число має простий корінь Фібоначчі. Існує на 323 простих числа менших за 10000 з одним або більше простим коренем Фібоначчі і сумою цих простих чисел є 1480491.
+
+Знайдіть суму простих чисел, менших за $100\\,000\\,000$ з хоча б одним простим коренем Фібоначчі.
+
+# --hints--
+
+`fibonacciPrimitiveRoots()` має видати `74204709657207`.
+
+```js
+assert.strictEqual(fibonacciPrimitiveRoots(), 74204709657207);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fibonacciPrimitiveRoots() {
+
+  return true;
+}
+
+fibonacciPrimitiveRoots();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.md
new file mode 100644
index 0000000000..77c5dea829
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-438-integer-part-of-polynomial-equations-solutions.md
@@ -0,0 +1,51 @@
+---
+id: 5900f5231000cf542c510034
+title: 'Завдання 438: Ціла частина розв’язків поліноміального рівняння'
+challengeType: 5
+forumTopicId: 302109
+dashedName: problem-438-integer-part-of-polynomial-equations-solutions
+---
+
+# --description--
+
+Для $n$-tuple цілих чисел $t = (a_1, \ldots, a_n)$, нехай $(x_1, \ldots, x_n)$ будуть розв'язками поліноміального рівняння $x^n + a_1x^{n - 1} + a_2x^{n - 2} + \ldots + a_{n - 1}x + a_n = 0$.
+
+Розглянемо наступні два трикутники:
+
+- $x_1, \ldots, x_n$ є дійсними.
+- Якщо $x_1, ..., x_n$ сортовані, то $⌊x_i⌋ = i$ за $1 ≤ i n$. ($⌊·⌋:$ floor function.)
+
+У випадку якщо $n = 4$, є 12 $n$-tuples цілих чисел, які задовольняють обидві умови.
+
+Ми визначаємо $S(t)$ як суму абсолютних значень цілих чисел у $t$.
+
+За $n = 4$ ми можемо перевірити $\суму S(t) = 2087$ для всіх $n$-tuples, які задовольняють обидві умови.
+
+Знайти: $\суму S(t)$ за $n = 7$.
+
+# --hints--
+
+`polynomialIntegerPart()` має видати `2046409616809`.
+
+```js
+assert.strictEqual(polynomialIntegerPart(), 2046409616809);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function polynomialIntegerPart() {
+
+  return true;
+}
+
+polynomialIntegerPart();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.md
new file mode 100644
index 0000000000..3385a94ea1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-439-sum-of-sum-of-divisors.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5231000cf542c510035
+title: 'Завдання 439: Сума з суми дільників'
+challengeType: 5
+forumTopicId: 302110
+dashedName: problem-439-sum-of-sum-of-divisors
+---
+
+# --description--
+
+Нехай $d(k)$ — це сума всіх дільників $k$.
+
+Визначаємо функцію $S(N) = \sum_{i = 1}^N \sum_{j = 1}^N d(i \times j)$.
+
+Наприклад, $S(3) = d(1) + d(2) + d(3) + d(2) + d(4) + d(6) + d(3) + d(6) + d(9) = 59$.
+
+Дано, що $S({10}^3) = 563\\,576\\,517\\,282$ and $S({10}^5)\bmod {10}^9 = 215\\,766\\,508$.
+
+Знайдіть $S({10}^{11})\bmod {10}^9$.
+
+# --hints--
+
+`sumOfSumOfDivisors()` має видати `968697378`.
+
+```js
+assert.strictEqual(sumOfSumOfDivisors(), 968697378);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumOfSumOfDivisors() {
+
+  return true;
+}
+
+sumOfSumOfDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-44-pentagon-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-44-pentagon-numbers.md
new file mode 100644
index 0000000000..9fcc832fbd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-44-pentagon-numbers.md
@@ -0,0 +1,77 @@
+---
+id: 5900f3981000cf542c50feab
+title: 'Завдання 44: П''ятикутні числа'
+challengeType: 5
+forumTopicId: 302111
+dashedName: problem-44-pentagon-numbers
+---
+
+# --description--
+
+П'ятикутні числа обчислюються за формулою P<sub>n</sub>=`n`(3`n`−1)/2. Перші десять п'ятикутних чисел:
+
+1, 5, 12, 22, 35, 51, 70, 92, 117, 145, ...
+
+Бачимо, що P<sub>4</sub> + P<sub>7</sub> = 22 + 70 = 92 = P<sub>8</sub>. Проте їх різниця, 70 − 22 = 48, не є п'ятикутним числом.
+
+Знайдіть пару п'ятикутних чисел, P<sub>j</sub> і P<sub>k</sub>, для яких їхня сума та різниця є п’ятикутними числами, а значення D = |P<sub>k</sub> − P<sub>j</sub> зводиться до мінімуму; яке значення D?
+
+# --hints--
+
+`pentagonNumbers()` має повернути число.
+
+```js
+assert(typeof pentagonNumbers() === 'number');
+```
+
+`pentagonNumbers()` має повернути число 5482660.
+
+```js
+assert.strictEqual(pentagonNumbers(), 5482660);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pentagonNumbers() {
+
+  return true;
+}
+
+pentagonNumbers();
+```
+
+# --solutions--
+
+```js
+function pentagonNumbers() {
+  function isPentagonal(num) {
+  // Formula found by solving pentagonal number
+  // equation for n.
+  const n = (Math.sqrt((24 * num) + 1) + 1) / 6;
+  return n % 1 === 0;
+  }
+
+  function pentagonal(num) {
+    return (num * ((3 * num) - 1)) / 2;
+  }
+  let result;
+  let i = 1;
+  while (!result) {
+  i++;
+  const num1 = (i * ((3 * i) - 1)) / 2; // Pentagonal num formula
+  const minDiff = num1 - (((i - 1) * ((3 * (i - 1)) - 1)) / 2);
+  let j = i - 1;
+  while (j > 0 && !result) {
+  const num2 = (j * ((3 * j) - 1)) / 2;
+  if (isPentagonal(num1 - num2) && isPentagonal(num1 + num2)) {
+        result = num1 - num2;
+      }
+      j--;
+    }
+  }
+  return result;
+  }
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.md
new file mode 100644
index 0000000000..2d7579c1ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-440-gcd-and-tiling.md
@@ -0,0 +1,56 @@
+---
+id: 5900f5241000cf542c510037
+title: 'Проблема 440: GCD і мозаїчний менеджер вікон'
+challengeType: 5
+forumTopicId: 302112
+dashedName: problem-440-gcd-and-tiling
+---
+
+# --description--
+
+Ми хочемо повністю заповнити панель довжиною $n$ і висотою 1, за допомогою блоків 1 × 2 або 1 × 1 з одним десятковим знаком зверху:
+
+<img class="img-responsive center-block" alt="десять блоків 1x1 з одним десятковим знаком зверху і блоком 1х2" src="https://cdn.freecodecamp.org/curriculum/project-euler/gcd-and-tiling-1.png" style="background-color: white; padding: 10px;" />
+
+Наприклад, ось деякі способи заповнити панель довжиною $n = 8$:
+
+<img class="img-responsive center-block" alt="приклади способів заповнення панелі довжиною n = 8" src="https://cdn.freecodecamp.org/curriculum/project-euler/gcd-and-tiling-2.png" style="background-color: white; padding: 10px;" />
+
+Нехай $T(n)$ буде кількістю способів для панелі довжиною $n$, як описано вище.
+
+Наприклад, $T(10) = 1$ і $T(2) = 101$.
+
+Нехай $S(L)$ буде потрійною сумою $\sum_{a, b, c} gcd(T(c^a), T(c^b)$ за $1 ≤ a, b, c ≤ L$.
+
+Наприклад:
+
+$$\begin{align} & S(2) = 10\\,444 \\\\ & S(3) = 1\\,292\\,115\\,238\\,446\\,807\\,016\\,106\\,539\\,989 \\\\ & S(4)\bmod 987\\,898\\,789 = 670\\,616\\,280. \end{align}$$
+
+Знайдіть $S(2000)\bmod 987\\,898\\,789$.
+
+# --hints--
+
+`gcdAndTiling()` має повернути `970746056`.
+
+```js
+assert.strictEqual(gcdAndTiling(), 970746056);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gcdAndTiling() {
+
+  return true;
+}
+
+gcdAndTiling();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.md
new file mode 100644
index 0000000000..a81bb0512e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-441-the-inverse-summation-of-coprime-couples.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5261000cf542c510038
+title: 'Завдання 441: Обернена сума пар взаємно простих чисел'
+challengeType: 5
+forumTopicId: 302113
+dashedName: problem-441-the-inverse-summation-of-coprime-couples
+---
+
+# --description--
+
+Для цілого числа $M$ визначаємо $R(M)$ як суму $\frac{1}{p·q}$ для всіх пар цілих чисел $p$ та $q$, якщо вони задовольняють усі ці умови:
+
+- $1 ≤ p &lt; q ≤ M$
+- $p + q ≥ M$
+- $p$ та $q$ є взаємно простими числами.
+
+Також визначаємо $S(N)$ як суму $R(i)$ при $2 ≤ i ≤ N$.
+
+Можна перевірити, що $S(2) = R(2) = \frac{1}{2}$, $S(10) ≈ 6.9147$, а $S(100) ≈ 58.2962$.
+
+Знайдіть $S({10}^7)$. Дайте відповідь, округлену до 4 знаків після коми.
+
+# --hints--
+
+`inverseSummationCoprimeCouples()` має видати `5000088.8395`.
+
+```js
+assert.strictEqual(inverseSummationCoprimeCouples(), 5000088.8395);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function inverseSummationCoprimeCouples() {
+
+  return true;
+}
+
+inverseSummationCoprimeCouples();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-442-eleven-free-integers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-442-eleven-free-integers.md
new file mode 100644
index 0000000000..be7ef4f305
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-442-eleven-free-integers.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5271000cf542c510039
+title: 'Задача 442: Цілі числа без одинадцяти'
+challengeType: 5
+forumTopicId: 302114
+dashedName: problem-442-eleven-free-integers
+---
+
+# --description--
+
+Ціле число називається без одинадцяти, якщо його десяткове розширення не містить жодного підрядка, що представляє степінь 11, крім 1.
+
+Наприклад, 2404 і 13431 підходять для визначення, тоді як 911 і 4121331 - ні.
+
+$E(n)$ - це $n$-те додатне ціле число без одинадцяти. Наприклад, $E(3) = 3$, $E(200) = 213$ та $E(500\\,000) = 531\\,563$.
+
+Знайдіть $E({10}^{18})$.
+
+# --hints--
+
+`elevenFreeIntegers()` повинен видати `1295552661530920200`.
+
+```js
+assert.strictEqual(elevenFreeIntegers(), 1295552661530920200);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function elevenFreeIntegers() {
+
+  return true;
+}
+
+elevenFreeIntegers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-443-gcd-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-443-gcd-sequence.md
new file mode 100644
index 0000000000..1a796d5dd2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-443-gcd-sequence.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5271000cf542c51003a
+title: 'Завдання 443: Послідовність НСД'
+challengeType: 5
+forumTopicId: 302115
+dashedName: problem-443-gcd-sequence
+---
+
+# --description--
+
+Нехай $g(n)$ — це послідовність, яка визначається так:
+
+$$\begin{align} & g(4) = 13, \\\\ & g(n) = g(n-1) + gcd(n, g(n - 1)) \text{ for } n > 4. \end{align}$$
+
+Перші кілька значень:
+
+$$\begin{array}{l} n    & 4  & 5  & 6  & 7  & 8  & 9  & 10 & 11 & 12 & 13 & 14 & 15 & 16 & 17 & 18 & 19 & 20 & \ldots \\\\ g(n) & 13 & 14 & 16 & 17 & 18 & 27 & 28 & 29 & 30 & 31 & 32 & 33 & 34 & 51 & 54 & 55 & 60 & \ldots \end{array}$$
+
+Дано, що $g(1\\,000) = 2\\,524$, а $g(1\\,000\\,000) = 2\\,624\\,152$.
+
+Знайдіть $g({10}^{15})$.
+
+# --hints--
+
+`gcdSequence()` має видати `2744233049300770`.
+
+```js
+assert.strictEqual(gcdSequence(), 2744233049300770);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gcdSequence() {
+
+  return true;
+}
+
+gcdSequence();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.md
new file mode 100644
index 0000000000..5ea652906f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-444-the-roundtable-lottery.md
@@ -0,0 +1,61 @@
+---
+id: 5900f52a1000cf542c51003b
+title: 'Завдання 444: Лотерея за круглим столом'
+challengeType: 5
+forumTopicId: 302116
+dashedName: problem-444-the-roundtable-lottery
+---
+
+# --description--
+
+Група людей $p$ вирішує сісти за круглим столом для гри з продажу лотерейних квитків. Кожна людина починає з невідкритого лотерейного квитка, що роздають у довільному порядку. Кожен квиток, при відкритті, виявляє однофунтовий приз від 1 до $p$ фунтів; двох однакових квитків немає. Мета гри для кожного з учасників полягає в тому, щоб максимально збільшити свій виграш до кінця гри.
+
+В якості першого гравця обирається довільна людина. У свій хід кожен гравець має лише один з двох варіантів:
+
+1.  Гравець може відкрити свій квиток та показати його вартість всім за столом.
+2.  Гравець може обміняти свій невідкритий квиток на відкритий квіток попереднього гравця, а потім залишити гру з цим квитком. Далі попередній гравець відкриває свій щойно отриманий квиток та показує його вартість всім за столом.
+
+Гра закінчується коли всі квитки були відкриті. Всі гравці, що залишилися за столом, повинні закінчити гру з поточними квитками.
+
+Припустимо, що кожен гравець використовує оптимальну стратегію для збільшення очікуваної вартості свого виграшу.
+
+Нехай з з $p$ гравців, $E(p)$ буде очікуваною кількістю гравців, що залишаться в кінці гри (наприклад, $E(111) = 5.2912$ якщо округлити до 5-тизначних цифр).
+
+Нехай $S_1(N) = \displaystyle\sum_{p = 1}^N E(p)$.
+
+Нехай $S_k(N) = \displaystyle\sum_{p = 1}^N S_{k - 1}(p)$ для $k > 1$.
+
+Знайдіть $S_{20}({10}^{14})$ та запишіть відповідь у вигляді рядка у науковому позначені з округленням до 10-тизначних цифр. Використовуйте нижній регістр `e` для відокремлення додатка та степеня. Наприклад, відповідь на $S_3(100)$ буде `5.983679014e5`.
+
+# --hints--
+
+`roundtableLottery()` повинен видати рядок.
+
+```js
+assert(typeof roundtableLottery() === 'string');
+```
+
+`roundtableLottery()` повинен видати рядок `1.200856722e263`.
+
+```js
+assert.strictEqual(roundtableLottery(), '1.200856722e263');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function roundtableLottery() {
+
+  return true;
+}
+
+roundtableLottery();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-445-retractions-a.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-445-retractions-a.md
new file mode 100644
index 0000000000..471350a3cb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-445-retractions-a.md
@@ -0,0 +1,50 @@
+---
+id: 5900f52a1000cf542c51003c
+title: 'Завдання 445: Ретракції А'
+challengeType: 5
+forumTopicId: 302117
+dashedName: problem-445-retractions-a
+---
+
+# --description--
+
+Для кожного цілого числа $n> 1$, сімейство функцій $f_{n, a, b}$ визначається як:
+
+$f_{n, a, b}(x) ≡ ax + b\bmod n$ для $a, b, x$ ціле число та $0 \lt a \lt n$, $0 \le b \lt n$, $0 \le x \lt n$.
+
+Ми назвемо $f_{n, a, b}$ скороченням якщо $f_{n, a, b}(f_{n, a, b}(x)) \equiv f_{n, a, b}(x)\bmod n$ для кожного $0 \le x \lt n$.
+
+Нехай $R(n)$ буде числом скорочень для $n$.
+
+Дано, що
+
+$$\sum_{k = 1}^{99\\,999} R(\displaystyle\binom{100\\,000}{k}) \equiv 628\\,701\\,600\bmod 1\\,000\\,000\\,007$$
+
+Знайдіть $$\sum_{k = 1}^{9\\,999\\,999} R(\displaystyle\binom{10\\,000\\,000}{k})$$ Дайте відповідь за модулем $1\\,000\\,000\\,007$.
+
+# --hints--
+
+`retractionsA()` має повернути `659104042`.
+
+```js
+assert.strictEqual(retractionsA(), 659104042);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function retractionsA() {
+
+  return true;
+}
+
+retractionsA();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-446-retractions-b.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-446-retractions-b.md
new file mode 100644
index 0000000000..761fa53fa6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-446-retractions-b.md
@@ -0,0 +1,50 @@
+---
+id: 5900f52c1000cf542c51003d
+title: 'Завдання 446: Скорочення B'
+challengeType: 5
+forumTopicId: 302118
+dashedName: problem-446-retractions-b
+---
+
+# --description--
+
+Для кожного цілого числа $n> 1$, сімейство функцій $f_{n, a, b}$ визначається як:
+
+$f_{n, a, b}(x) ≡ ax + b\bmod n$ для $a, b, x$ ціле число та $0 \lt a \lt n$, $0 \le b \lt n$, $0 \le x \lt n$.
+
+Ми назвемо $f_{n, a, b}$ скороченням якщо $f_{n, a, b}(f_{n, a, b}(x)) \equiv f_{n, a, b}(x)\bmod n$ для кожного $0 \le x \lt n$.
+
+Нехай $R(n)$ буде числом скорочення для $n$.
+
+$F(N) = \displaystyle\sum_{n = 1}^N R(n^4 + 4)$.
+
+$F(1024) = 77\\,532\\,377\\,300\\,600$.
+
+Знайдіть $F({10}^7)$. Дайте відповідь за модулем $1\\,000\\,000\\,007$.
+
+# --hints--
+
+`retractionsB()` має повернути `907803852`.
+
+```js
+assert.strictEqual(retractionsB(), 907803852);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function retractionsB() {
+
+  return true;
+}
+
+retractionsB();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-447-retractions-c.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-447-retractions-c.md
new file mode 100644
index 0000000000..2e85a3d33b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-447-retractions-c.md
@@ -0,0 +1,50 @@
+---
+id: 5900f52c1000cf542c51003e
+title: 'Завдання 447: Скорочення С'
+challengeType: 5
+forumTopicId: 302119
+dashedName: problem-447-retractions-c
+---
+
+# --description--
+
+Для кожного цілого числа $n> 1$, сімейство функцій $f_{n, a, b}$ визначається як:
+
+$f_{n, a, b}(x) ≡ ax + b\bmod n$ для $a, b, x$ ціле число та $0 \lt a \lt n$, $0 \le b \lt n$, $0 \le x \lt n$.
+
+Ми назвемо $f_{n, a, b}$ скороченням якщо $f_{n, a, b}(f_{n, a, b}(x)) \equiv f_{n, a, b}(x)\bmod n$ для кожного $0 \le x \lt n$.
+
+Нехай $R(n)$ буде числом скорочення для $n$.
+
+$F(N) = \displaystyle\sum_{n = 2}^N R(n)$.
+
+$F({10}^7) ≡ 638\\,042\\,271\bmod 1\\,000\\,000\\,007$.
+
+Знайдіть $F({10}^{14})$. Дайте відповідь за модулем $1\\,000\\,000\\,007$.
+
+# --hints--
+
+`retractionsC()` має повернути `530553372`.
+
+```js
+assert.strictEqual(retractionsC(), 530553372);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function retractionsC() {
+
+  return true;
+}
+
+retractionsC();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.md
new file mode 100644
index 0000000000..ceb21ca141
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-448-average-least-common-multiple.md
@@ -0,0 +1,48 @@
+---
+id: 5900f52c1000cf542c51003f
+title: 'Завдання 448: Найменше спільне кратне'
+challengeType: 5
+forumTopicId: 302120
+dashedName: problem-448-average-least-common-multiple
+---
+
+# --description--
+
+Функція $lcm(a, b)$ позначає найменше спільне кратне $a$ і $b$.
+
+Нехай $A(n)$ буде середнім зі значень $lcm(n, i)$ для $1 ≤ i ≤ n$.
+
+Наприклад: $A(2) = \frac{2 + 2}{2} = 2$ та $A(10) = \frac{10 + 10 + 20 + 20 + 30 + 40 + 90 + 10}{10} = 32$.
+
+Нехай $S(n) = \sum A(k)$ за $1 ≤ k n$.
+
+$S(100) = 122\\,726$.
+
+Знайдіть $S(99\\,999\\,999\\,019)\bmod 999\\,999\\,017$.
+
+# --hints--
+
+`averageLCM()` має повернути `106467648`.
+
+```js
+assert.strictEqual(averageLCM(), 106467648);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function averageLCM() {
+
+  return true;
+}
+
+averageLCM();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.md
new file mode 100644
index 0000000000..ccdcfb7085
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-449-chocolate-covered-candy.md
@@ -0,0 +1,46 @@
+---
+id: 5900f52d1000cf542c510040
+title: 'Завдання 449: Цукерки, покриті шоколадом'
+challengeType: 5
+forumTopicId: 302121
+dashedName: problem-449-chocolate-covered-candy
+---
+
+# --description--
+
+Кондитер Філ створює нову партію покритих шоколадом цукерок. Центр кожної цукерки має форму сфероїда, який визначається рівнянням: $b^2x^2 + b^2y^2 + a^2z^2 = a^2b^2$.
+
+Філ хоче знати, скільки шоколаду потрібно, щоб покрити один центр цукерки однорідним шаром, товщиною в один міліметр.
+
+Якщо $a = 1$ мм та $b = 1$ мм, необхідна кількість шоколаду - $\frac{28}{3} \pi$ мм<sup>3</sup>
+
+Якщо $a = 2$ мм та $b = 1$ мм, необхідна кількість шоколаду буде приблизно 60,35475635 мм<sup>3</sup>.
+
+Знайдіть необхідну кількість шоколаду в мм<sup>3</sup>, якщо $a = 3$ мм та $b = 1$ мм. Дайте відповідь у вигляді числа, округленого до 8 знаків після коми.
+
+# --hints--
+
+`chocolateCoveredCandy()` повинен повернутися як `103.37870096`.
+
+```js
+assert.strictEqual(chocolateCoveredCandy(), 103.37870096);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function chocolateCoveredCandy() {
+
+  return true;
+}
+
+chocolateCoveredCandy();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.md
new file mode 100644
index 0000000000..61d2c1507b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-45-triangular-pentagonal-and-hexagonal.md
@@ -0,0 +1,82 @@
+---
+id: 5900f3991000cf542c50feac
+title: 'Завдання 45: Трикутні, п''ятикутні та шестикутні числа'
+challengeType: 5
+forumTopicId: 302122
+dashedName: problem-45-triangular-pentagonal-and-hexagonal
+---
+
+# --description--
+
+Трикутні, п'ятикутні та шестикутні числа обчислюються за такими формулами:
+
+<div style='display: inline-grid; text-align: center; grid-template-columns: 135px 135px 260px; grid-template-rows: auto;'><div>Трикутні</div><div>T<sub>n</sub>=<var>n</var>(<var>n</var>+1)/2</div><div>1, 3, 6, 10, 15, ...</div></div>
+<div style='display: inline-grid; text-align: center; grid-template-columns: 135px 135px 260px; grid-template-rows: auto;'><div>П'ятикутні</div><div>P<sub>n</sub>=<var>n</var>(3<var>n</var>−1)/2</div><div>1, 5, 12, 22, 35, ...</div></div>
+<div style='display: inline-grid; text-align: center; grid-template-columns: 135px 135px 260px; grid-template-rows: auto;'><div>Шестикутні</div><div>H<sub>n</sub>=<var>n</var>(2<var>n</var>−1)</div><div>1, 6, 15, 28, 45, ...</div></div>
+
+Можна переконатися у тому, що T<sub>285</sub> = P<sub>165</sub> = H<sub>143</sub> = 40755.
+
+Знайдіть наступне трикутне число, яке також є п'ятикутним і шестикутним.
+
+# --hints--
+
+`triPentaHexa(40756)` має повернути число.
+
+```js
+assert(typeof triPentaHexa(40756) === 'number');
+```
+
+`triPentaHexa(40756)` має повернути число 1533776805.
+
+```js
+assert.strictEqual(triPentaHexa(40756), 1533776805);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triPentaHexa(n) {
+
+  return true;
+}
+
+triPentaHexa(40756);
+```
+
+# --solutions--
+
+```js
+function triPentaHexa(n) {
+  function triangular(num) {
+  return (num * (num + 1)) / 2;
+}
+
+function isPentagonal(num) {
+  // Formula found by completing the square and
+  // solving for n.
+  const n = (Math.sqrt((24 * num) + 1) + 1) / 6;
+  return n % 1 === 0;
+}
+
+  function isHexagonal(num) {
+  // Formula found by completing the square and
+  // solving for n.
+  const n = Math.sqrt(0.5 * (num + (1 / 8))) + 0.25;
+ return n % 1 === 0;
+}
+
+let iTri = n;
+let tri;
+let found = false;
+while (!found) {
+  iTri++;
+  tri = triangular(iTri);
+  if (isPentagonal(tri) && isHexagonal(tri)) {
+    found = true;
+    }
+  }
+  return tri;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.md
new file mode 100644
index 0000000000..fe5edf5a3a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-450-hypocycloid-and-lattice-points.md
@@ -0,0 +1,62 @@
+---
+id: 5900f52e1000cf542c510041
+title: 'Задача 450: Гіпоциклоїда та вузли ґратки'
+challengeType: 5
+forumTopicId: 302123
+dashedName: problem-450-hypocycloid-and-lattice-points
+---
+
+# --description--
+
+Гіпоциклоїда — це крива, яка утворюється точкою малого кола, що котиться по внутрішній стороні іншого кола. Параметричне рівняння гіпоциклоїди з центром на початку координат, яка починається на крайній правій точці, задається так:
+
+$$x(t) = (R - r) \cos(t) + r \cos(\frac{R - r}{r}t)$$
+
+$$y(t) = (R - r) \sin(t) - r \sin(\frac{R - r}{r} t)$$
+
+Де $R$ — радіус великого кола, $r$ — радіус малого кола.
+
+Нехай $C(R, r)$ — це набір окремих точок з координатами, представленими цілими числами, на гіпоциклоїді з радіусом $R$ та $r$, для яких існує відповідне значення $t$, при якому $\sin(t)$ та $\cos(t)$ є раціональними числами.
+
+Нехай $S(R, r) = \sum\_{(x,y) \in C(R, r)} |x| + |y|$ — це сума абсолютних значень точок координат $x$ та $y$ у $C(R, r)$.
+
+Нехай $T(N) = \sum_{R = 3}^N \sum_{r=1}^{\left\lfloor \frac{R - 1}{2} \right\rfloor} S(R, r)$ — це сума натуральних чисел $S(R, r)$ для $R$ і $r$, $R\leq N$ та $2r &lt; R$.
+
+Дано:
+
+$$\begin{align} C(3, 1) = & \\{(3, 0), (-1, 2), (-1,0), (-1,-2)\\} \\\\ C(2500, 1000) = & \\{(2500, 0), (772, 2376), (772, -2376), (516, 1792), (516, -1792), (500, 0), (68, 504), \\\\ &(68, -504),(-1356, 1088), (-1356, -1088), (-1500, 1000), (-1500, -1000)\\} \end{align}$$
+
+**Примітка:** (-625, 0) не елемент $C(2500, 1000)$, оскільки $\sin(t)$ не є раціональним числом для відповідних значень t.
+
+$S(3, 1) = (|3| + |0|) + (|-1| + |2|) + (|-1| + |0|) + (|-1| + |-2|) = 10$
+
+$T(3) = 10$; $T(10) = 524$; $T(100) = 580\\,442$; $T({10}^3) = 583\\,108\\,600$.
+
+Знайдіть $T({10}^6)$.
+
+# --hints--
+
+`hypocycloidAndLatticePoints()` повинен видати `583333163984220900`.
+
+```js
+assert.strictEqual(hypocycloidAndLatticePoints(), 583333163984220900);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hypocycloidAndLatticePoints() {
+
+  return true;
+}
+
+hypocycloidAndLatticePoints();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-451-modular-inverses.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-451-modular-inverses.md
new file mode 100644
index 0000000000..f47c0a1023
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-451-modular-inverses.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5311000cf542c510042
+title: 'Завдання 451: Обернені за модулем числа'
+challengeType: 5
+forumTopicId: 302124
+dashedName: problem-451-modular-inverses
+---
+
+# --description--
+
+Візьмімо число 15.
+
+Існує вісім додатних чисел, менших за 15, які є взаємно простими з 15: 1, 2, 4, 7, 8, 11, 13, 14.
+
+Числа 1, 8, 4, 13, 2, 11, 7, 14 є оберненими за модулем 15, оскільки
+
+$$\begin{align} & 1  \times 1\bmod 15 = 1 \\\\ & 2  \times 8  = 16\bmod 15 = 1 \\\\ & 4  \times 4  = 16\bmod 15 = 1 \\\\ & 7  \times 13 = 91\bmod 15 = 1 \\\\ & 11 \times 11 = 121\bmod 15 = 1 \\\\ & 14 \times 14 = 196\bmod 15 = 1 \end{align}$$
+
+Нехай $I(n)$ — це найбільше додатне число $m$, менше за $n - 1$, при якому обернене за модулем число $m$ з модулем $n$ дорівнює цьому ж числу $m$.
+
+Отже, $I(15) = 11$.
+
+А також $I(100) = 51$ і $I(7) = 1$.
+
+Знайдіть $\sum I(n)$ для $3 ≤ n ≤ 2 \times {10}^7$
+
+# --hints--
+
+`modularInverses()` повинен видати `153651073760956`.
+
+```js
+assert.strictEqual(modularInverses(), 153651073760956);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function modularInverses() {
+
+  return true;
+}
+
+modularInverses();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-452-long-products.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-452-long-products.md
new file mode 100644
index 0000000000..99035b1878
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-452-long-products.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5311000cf542c510043
+title: 'Завдання 452: Довгі товари'
+challengeType: 5
+forumTopicId: 302125
+dashedName: problem-452-long-products
+---
+
+# --description--
+
+Визначте $F(m, n)$ як кількість додатних цілих чисел, помножених на $n$, для яких покомпонентний добуток не перевищує $m$.
+
+$F(10, 10) = 571$.
+
+$F({10}^6, {10}^6)\bmod 1\\,234\\,567\\,891 = 252\\,903\\,833$.
+
+Знайдіть $F({10}^9, {10}^9)\bmod 1\\,234\\,567\\,891$.
+
+# --hints--
+
+`longProducts()` повинен повернути `345558983`.
+
+```js
+assert.strictEqual(longProducts(), 345558983);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function longProducts() {
+
+  return true;
+}
+
+longProducts();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.md
new file mode 100644
index 0000000000..bc66b46730
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-453-lattice-quadrilaterals.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5311000cf542c510044
+title: 'Завдання 453: Ґратчасті чотирикутники'
+challengeType: 5
+forumTopicId: 302126
+dashedName: problem-453-lattice-quadrilaterals
+---
+
+# --description--
+
+Простий чотирикутник — це многокутник, що має чотири окремих вершини, не має прямих кутів і не перетинається сам з собою.
+
+Нехай $Q(m, n)$ — це кількість простих чотирикутників, вершини яких є точками ґратки з координатами ($x$, $y$), що задовільняють нерівності $0 ≤ x ≤ m$ та $0 ≤ y ≤ n$.
+
+Наприклад, $Q(2, 2) = 94$, як можна побачити нижче:
+
+<img class="img-responsive center-block" alt="94 чотирикутники, вершинами яких є точки ґратки з координатами (x, y), що відповідають 0 &le; x &le; m та 0 &le; y &le; n" src="https://cdn.freecodecamp.org/curriculum/project-euler/lattice-quadrilaterals.png" style="background-color: white; padding: 10px;" />
+
+Можна також довести, що $Q(3, 7) = 39\\,590$, $Q(12, 3) = 309\\,000$, а $Q(123, 45) = 70\\,542\\,215\\,894\\,646$.
+
+Знайдіть $Q(12\\,345, 6\\,789)\bmod 135\\,707\\,531$.
+
+# --hints--
+
+`latticeQuadrilaterals()` має повернути `104354107`.
+
+```js
+assert.strictEqual(latticeQuadrilaterals(), 104354107);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function latticeQuadrilaterals() {
+
+  return true;
+}
+
+latticeQuadrilaterals();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.md
new file mode 100644
index 0000000000..95d963eb16
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-454-diophantine-reciprocals-iii.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5331000cf542c510045
+title: 'Завдання 454: Діофантові обернені числа. Частина 3'
+challengeType: 5
+forumTopicId: 302127
+dashedName: problem-454-diophantine-reciprocals-iii
+---
+
+# --description--
+
+У наступному рівнянні $x$, $y$, та $n$ — це додатні цілі числа.
+
+$$\frac{1}{x} + \frac{1}{y} = \frac{1}{n}$$
+
+Для обмеження $L$ ми визначаємо $F(L)$ як кількість розв'язків, що задовольняють $x &lt; y ≤ L$.
+
+Можемо довести, що $F(15) = 4$ та $F(1000) = 1069$.
+
+Знайдіть $F({10}^{12})$.
+
+# --hints--
+
+`diophantineReciprocalsThree()` повинен повернути `5435004633092`.
+
+```js
+assert.strictEqual(diophantineReciprocalsThree(), 5435004633092);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diophantineReciprocalsThree() {
+
+  return true;
+}
+
+diophantineReciprocalsThree();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.md
new file mode 100644
index 0000000000..dcf318e5c8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-455-powers-with-trailing-digits.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5331000cf542c510046
+title: 'Завдання 455: Степені з кінцевими цифрами'
+challengeType: 5
+forumTopicId: 302129
+dashedName: problem-455-powers-with-trailing-digits
+---
+
+# --description--
+
+Нехай $f(n)$ — це найбільше ціле додатне число $x$, менше за ${10}^9$, при якому останні 9 цифр $n^x$ формують число $x$ (включаючи провідні нулі), або нуль, якщо не існує таких цілих чисел.
+
+Наприклад:
+
+$$\begin{align} & f(4) = 411\\,728\\,896 (4^{411\\,728\\,896} = . ..490\underline{411728896}) \\\\ & f(10) = 0 \\\\ & f(157) = 743\\,757 (157^{743\\,757} = ...567\underline{000743757}) \\\\ & Σf(n), 2 ≤ n ≤ 103 = 442\\,530\\,011\\,399 \end{align}$$
+
+Знайдіть $\sum f(n)$, $2 ≤ n ≤ {10}^6$.
+
+# --hints--
+
+`powersWithTrailingDigits()` повинен повернути `450186511399999`.
+
+```js
+assert.strictEqual(powersWithTrailingDigits(), 450186511399999);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function powersWithTrailingDigits() {
+
+  return true;
+}
+
+powersWithTrailingDigits();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.md
new file mode 100644
index 0000000000..65c4739a0a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-456-triangles-containing-the-origin-ii.md
@@ -0,0 +1,50 @@
+---
+id: 5900f5351000cf542c510047
+title: 'Завдання 456: Трикутники, які містять початок координат II'
+challengeType: 5
+forumTopicId: 302130
+dashedName: problem-456-triangles-containing-the-origin-ii
+---
+
+# --description--
+
+Визначте:
+
+$$\begin{align} & x_n = ({1248}^n\bmod 32323) - 16161 \\\\ & y_n = ({8421}^n\bmod 30103) - 15051 \\\\ & P_n = \\{(x_1, y_1), (x_2, y_2), \ldots, (x_n, y_n)\\} \end{align}$$
+
+Наприклад, $$P_8 = \\{(-14913, -6630), (-10161, 5625), (5226, 11896), (8340, -10778), (15852, -5203), (-15165, 11295), (-1427, -14495), (12407, 1060)\\}$$
+
+Нехай $C(n)$ буде кількістю трикутників, вершини яких знаходяться у $P_n$, які містять початок координат у внутрішній області.
+
+Наприклад:
+
+$$\begin{align} & C(8) = 20 \\\\ & C(600) = 8\\,950\\,634 \\\\ & C(40\\,000) = 2\\,666\\,610\\,948\\,988 \end{align}$$
+
+Знайдіть $C(2\\,000\\,000)$.
+
+# --hints--
+
+`trianglesContainingOriginTwo()` має видати `333333208685971500`.
+
+```js
+assert.strictEqual(trianglesContainingOriginTwo(), 333333208685971500);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function trianglesContainingOriginTwo() {
+
+  return true;
+}
+
+trianglesContainingOriginTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.md
new file mode 100644
index 0000000000..c28e9a3a02
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-457-a-polynomial-modulo-the-square-of-a-prime.md
@@ -0,0 +1,46 @@
+---
+id: 5900f5361000cf542c510048
+title: 'Завдання 457: Многочлен квадрата простих чисел за модулем'
+challengeType: 5
+forumTopicId: 302131
+dashedName: problem-457-a-polynomial-modulo-the-square-of-a-prime
+---
+
+# --description--
+
+Нехай $f(n) = n^2 - 3n - 1$.
+
+Нехай $p$ буде простим числом.
+
+Нехай $R(p)$ буде найменшим натуральним числом $n$, таким, що $f(n)\bmod p^2 = 0$ якщо таке ціле число $n$ існує, в іншому випадку $R(p) = 0$.
+
+Нехай $SR(L)$ буде $\sum R(p)$ для всіх простих чисел, що не перевищують $L$.
+
+Знайти $SR({10}^7)$.
+
+# --hints--
+
+`polynomialModuloSquareOfPrime()` повинно повернути `2647787126797397000`.
+
+```js
+assert.strictEqual(polynomialModuloSquareOfPrime(), 2647787126797397000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function polynomialModuloSquareOfPrime() {
+
+  return true;
+}
+
+polynomialModuloSquareOfPrime();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-458-permutations-of-project.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-458-permutations-of-project.md
new file mode 100644
index 0000000000..a42c4d9144
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-458-permutations-of-project.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5361000cf542c510049
+title: 'Завдання 458: Перестановка Проєкту'
+challengeType: 5
+forumTopicId: 302132
+dashedName: problem-458-permutations-of-project
+---
+
+# --description--
+
+Розглянемо алфавіт $A$, утворений із літер слова `project`: $A = \\{c, e, j, o, p, r, t\\}$.
+
+Нехай $T(n)$ — це кількість рядків довжиною $n$, які складаються з літер $A$, що не мають підрядка, який є однією з 5040 перестановок `project`.
+
+$T(7) = 7^7 - 7! = 818\\,503$.
+
+Знайдіть $T({10}^{12})$. Введіть останні 9 цифр вашої відповіді.
+
+# --hints--
+
+`permutationsOfProject()` має повернути `423341841`.
+
+```js
+assert.strictEqual(permutationsOfProject(), 423341841);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function permutationsOfProject() {
+
+  return true;
+}
+
+permutationsOfProject();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-459-flipping-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-459-flipping-game.md
new file mode 100644
index 0000000000..5fb854a0bf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-459-flipping-game.md
@@ -0,0 +1,62 @@
+---
+id: 5900f5371000cf542c51004a
+title: 'Завдання 459: Гра "Перегорталка"'
+challengeType: 5
+forumTopicId: 302133
+dashedName: problem-459-flipping-game
+---
+
+# --description--
+
+У цій грі двоє гравців грають на $N$, користуючись $N$ квадратними панелями.
+
+Кожен квадрат містить диск, що з однієї сторони чорний, а з іншої білий.
+
+На початку гри всі диски перевернуті білою стороною.
+
+Хід полягає в тому, щоб перевернути всі диски наступним чином:
+
+- у верхньому правому кутку прямокутника повинен знаходитись білий диск
+- ширина прямокутника - це квадратне число (1, 4, 9, 16, ...)
+- висота прямокутника - трикутне число (1, 3, 6, 10, ...)
+
+<img class="img-responsive center-block" alt="необхідно перевернути всі диски у прямокутнику 4х3 на дошці 5х5" src="https://cdn.freecodecamp.org/curriculum/project-euler/flipping-game-1.png" style="background-color: white; padding: 10px;" />
+
+Гравці ходять по черзі. Гравець перемагає, перегорнувши диски на чорну сторону.
+
+Нехай $W(N)$ буде кількістю виграшних ходів для першого гравця на дошці $N$ на $N$ з усіма білими дисками за умови бездоганної гри.
+
+$W(1) = 1$, $W(2) = 0$, $W(5) = 8$ and $W({10}^2) = 31\\,395$.
+
+За $N = 5$, вісьмома виграшними ходами гравця є:
+
+<img class="img-responsive center-block" alt="перші вісім виграшних ходів для N = 5" src="https://cdn.freecodecamp.org/curriculum/project-euler/flipping-game-2.png" style="background-color: white; padding: 10px;" />
+
+Знайдіть $W({10}^6)$.
+
+# --hints--
+
+`flippingGame()` має повернути `3996390106631`.
+
+```js
+assert.strictEqual(flippingGame(), 3996390106631);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function flippingGame() {
+
+  return true;
+}
+
+flippingGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.md
new file mode 100644
index 0000000000..3b1e300b1e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-46-goldbachs-other-conjecture.md
@@ -0,0 +1,99 @@
+---
+id: 5900f39a1000cf542c50fead
+title: 'Завдання 46: інша гіпотеза Гольдбаха'
+challengeType: 5
+forumTopicId: 302134
+dashedName: problem-46-goldbachs-other-conjecture
+---
+
+# --description--
+
+Християн Гольдбах припустив, що кожне непарне складене число можна записати як суму простого числа й подвоєного квадрата.
+
+<div style='margin-left: 2em;'>
+  9 = 7 + 2×1<sup>2</sup><br>
+  15 = 7 + 2×2<sup>2</sup><br>
+  21 = 3 + 2×3<sup>2</sup><br>
+  25 = 7 + 2×3<sup>2</sup><br>
+  27 = 19 + 2×2<sup>2</sup><br>
+  33 = 31 + 2×1<sup>2</sup>
+</div>
+
+Однак гіпотеза виявилася помилковою.
+
+Яке найменше непарне складене число неможливо записати як суму простого числа й подвоєного квадрата?
+
+# --hints--
+
+`goldbachsOtherConjecture()` має повернути число.
+
+```js
+assert(typeof goldbachsOtherConjecture() === 'number');
+```
+
+`goldbachsOtherConjecture()` має повернути число 5777.
+
+```js
+assert.strictEqual(goldbachsOtherConjecture(), 5777);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function goldbachsOtherConjecture() {
+
+  return true;
+}
+
+goldbachsOtherConjecture();
+```
+
+# --solutions--
+
+```js
+function goldbachsOtherConjecture() {  function isPrime(num) {
+    if (num < 2) {
+      return false;
+    } else if (num === 2) {
+      return true;
+    }
+    const sqrtOfNum = Math.floor(num ** 0.5);
+    for (let i = 2; i <= sqrtOfNum + 1; i++) {
+      if (num % i === 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  function isSquare(num) {
+    return Math.sqrt(num) % 1 === 0;
+  }
+
+  // construct a list of prime numbers
+  const primes = [];
+  for (let i = 2; primes.length < 1000; i++) {
+    if (isPrime(i)) primes.push(i);
+  }
+
+  let num = 3;
+  let answer;
+  while (!answer) {
+    num += 2;
+    if (!isPrime(num)) {
+      let found = false;
+      for (let primeI = 0; primeI < primes.length && !found; primeI++) {
+        const square = (num - primes[primeI]) / 2;
+        if (isSquare(square)) {
+          found = true;
+          break;
+        }
+      }
+      if (!found) answer = num;
+    }
+  }
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.md
new file mode 100644
index 0000000000..35bdcd3bef
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-460-an-ant-on-the-move.md
@@ -0,0 +1,57 @@
+---
+id: 5900f5381000cf542c51004b
+title: 'Завдання 460: Мураха на ходу'
+challengeType: 5
+forumTopicId: 302135
+dashedName: problem-460-an-ant-on-the-move
+---
+
+# --description--
+
+На Евклідовій площині мураха подорожує з точки $A(0, 1)$ у точку $B(d, 1)$ за ціле число $d$.
+
+На кожному кроці, мураха в точці ($x_0$, $y_0$) обирає одну з точок решітки ($x_1$, $y_1$), що задовольняє вираз $x_1 ≥ 0$ та $y_1 ≥ 1$, для того, щоб перейти в точку ($x_1$, $y_1$) з постійною швидкістю $v$. Значення $v$ залежить від $y_0$ та $y_1$ наступним чином:
+
+- Якщо $y_0 = y_1$, значення $v$ дорівнює $y_0$.
+- Якщо $y_0 ≠ y_1$, значення $v$ дорівнює $\frac{y_1 - y_0}{\ln y_1 - \ln y_0}$.
+
+Зображення ліворуч показує один із можливих шляхів коли $d = 4$. Спочатку мураха рушає з $A(0, 1)$ у $P_1(1, 3)$ зі швидкістю $\frac{3 - 1}{\ln 3 - \ln 1} ≈ 1.8205$. Тоді необхідний для цього час - це $\frac{\sqrt{5}}{1.820} ≈ 1.2283$.
+
+Із точки $P_1(1, 3)$ у точку $P_2(3, 3)$ мураха подорожує зі швидкістю 3, тому необхідний час буде $\frac{2}{3} ≈ 0.6667$. Із точки $P_2(3, 3)$ у точку $B(4, 1)$ мураха подорожує зі швидкістю $\frac{1 - 3}{\ln 1 - \ln 3} ≈ 1.8205$ тому необхідний час буде $\frac{\sqrt{5}}{1.8205} ≈ 1.2283$.
+
+Таким чином, загальний необхідний час буде $1.2283 + 0.6667 + 1.2283 = 3.1233$.
+
+Зображення праворуч демонструє інший шлях. Загальний необхідний час вираховується як $0.98026 + 1 + 0.98026 = 2.96052$. Можна зробити висновок, що це найшвидший шлях для $d = 4$.
+
+<img class="img-responsive center-block" alt="два можливих шляхи для d = 4" src="https://cdn.freecodecamp.org/curriculum/project-euler/an-ant-on-the-move.jpg" style="background-color: white; padding: 10px;" />
+
+Нехай $F(d)$ буде загальним необхідним часом, якщо мураха обирає найшвидший шлях. Наприклад, $F(4) ≈ 2.960\\,516\\,287$. Можемо перевірити, що $F(10) ≈ 4.668\\,187\\,834$ та $F(100) ≈ 9.217\\,221\\,972$.
+
+Знайдіть $F(10\\,000)$. Дайте відповідь, округлену до 9 знаків після коми.
+
+# --hints--
+
+`antOnTheMove()` повинна повернути `18.420738199`.
+
+```js
+assert.strictEqual(antOnTheMove(), 18.420738199);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function antOnTheMove() {
+
+  return true;
+}
+
+antOnTheMove();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-461-almost-pi.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-461-almost-pi.md
new file mode 100644
index 0000000000..be13ca8787
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-461-almost-pi.md
@@ -0,0 +1,153 @@
+---
+id: 5900f53a1000cf542c51004c
+title: 'Завдання 461: Майже число пі'
+challengeType: 5
+forumTopicId: 302136
+dashedName: problem-461-almost-pi
+---
+
+# --description--
+
+Нехай `f(k, n)` = $e^\frac{k}{n} - 1$ для всіх невід’ємних цілих чисел `k`.
+
+Примітно, що `f(6, 200) + f(75, 200) + f(89, 200) + f(226, 200)` = 3.1415926… ≈ π.
+
+Фактично, це найбільш наближене визначення π до форми `f(a, 200) + f(b, 200) + f(c, 200) + f(d, 200)`.
+
+Нехай `almostPi(n)` = a<sup>2</sup> + b<sup>2</sup> + c<sup>2</sup> + d<sup>2</sup> для a, b, c, d, що мінімізує можливість помилки $\lvert f(a,n) + f(b,n) + f(c,n) + f(d,n) - \Pi\rvert$
+
+Дано, що `almostPi(200)` = 6<sup>2</sup> + 75<sup>2</sup> + 89<sup>2</sup> + 226<sup>2</sup> = 64658.
+
+# --hints--
+
+`almostPi` має бути функцією.
+
+```js
+assert(typeof almostPi === 'function')
+```
+
+`almostPi` має повернути число.
+
+```js
+assert.strictEqual(typeof almostPi(10), 'number');
+```
+
+`almostPi(29)` має повернути `1208`.
+
+```js
+assert.strictEqual(almostPi(29), 1208);
+```
+
+`almostPi(50)` має повернути `4152`.
+
+```js
+assert.strictEqual(almostPi(50), 4152);
+```
+
+`almostPi(200)` має повернути `64658`.
+
+```js
+assert.strictEqual(almostPi(200), 64658);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function almostPi(n) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function almostPi(n) {
+
+  // Find all possible values where f(k, n) <= PI
+  const f = [];
+  let max = 0;
+  while (1) {
+    let current = Math.exp(max / n) - 1;
+
+    if (current > Math.PI) break;
+
+    f.push(current);
+    ++max;
+  }
+
+  // Get all pairs where f[i] + f[j] <= PI
+  const pairs = [];
+  for (let i = 0; i < max; ++i) {
+    for (let j = 0; j < max; ++j) {
+      if (f[i] + f[j] > Math.PI) break;
+      pairs.push(f[i] + f[j]);
+    }
+  }
+
+  // Sort all values
+  pairs.sort((a, b) => a - b);
+
+  // Optimal Value for (a + b)
+  let left = 0;
+  // Optimal Value for (c + d)
+  let right = 0;
+  // minimum error with Math.abs(a + b - Math.PI)
+  let minError = Math.PI;
+
+  // Binary Search for the best match
+  for (let i = 0; i < pairs.length; ++i) {
+    let current = pairs[i];
+    let need = Math.PI - current;
+
+    if (need < current) break;
+
+    let match;
+    for (let i = 1; i < pairs.length; ++i) {
+      if (pairs[i] > need) {
+        match = i;
+        break;
+      }
+    }
+
+    let error = Math.abs(need - pairs[match]);
+    if (error < minError)
+    {
+      minError = error;
+      left = i;
+      right = match;
+    }
+
+    --match;
+    error = Math.abs(need - pairs[match]);
+    if (error < minError) {
+      minError = error;
+      left = i;
+      right = match;
+    }
+  }
+
+  let a, b, c, d;
+
+  OuterLoop1:
+  for (a = 0; a < max; ++a) {
+    for (b = a; b < max; ++b) {
+      if (pairs[left] == f[a] + f[b]) {
+        break OuterLoop1;
+      }
+    }
+  }
+
+  OuterLoop2:
+  for (c = 0; c < max; ++c) {
+    for (d = c; d < max; ++d) {
+      if (pairs[right] == f[c] + f[d]) {
+        break OuterLoop2;
+      }
+    }
+  }
+  return a*a + b*b + c*c + d*d;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.md
new file mode 100644
index 0000000000..a74f184ba4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-462-permutation-of-3-smooth-numbers.md
@@ -0,0 +1,58 @@
+---
+id: 5900f53b1000cf542c51004d
+title: 'Завдання 462: Перестановка 3-гладких чисел'
+challengeType: 5
+forumTopicId: 302137
+dashedName: problem-462-permutation-of-3-smooth-numbers
+---
+
+# --description--
+
+3-гладке число - це ціле число, яке не має простого множника, що більший за 3. Для цілого $N$ ми визначаємо $S(N)$ як набір 3-гладких чисел, менших або рівних $N$. Наприклад, $S(20) = \\{1, 2, 3, 4, 6, 8, 9, 12, 16, 18\\}$.
+
+Ми визначаємо $F(N)$ як кількість перестановок $S(N)$, в яких кожен елемент йде після всіх належних дільників.
+
+Це одна з можливих перестановок для $N = 20$.
+
+-   1, 2, 4, 3, 9, 8, 16, 6, 18, 12.
+
+Дана перестановка не є допустимою, оскільки 12 йде перед своїм дільником - 6.
+
+-   1, 2, 4, 3, 9, 8, 12, 16, 6, 18.
+
+Ми можемо довести, що $F(6) = 5$, $F(8) = 9$, $F(20) = 450$ and $F(1000) ≈ 8.8521816557e\\,21$.
+
+Знайдіть $F({10}^{18})$. Дайте відповідь у вигляді рядка у науковому позначенні, округлену до десяти знаків після коми. Даючи відповідь, використовуйте малі літери `e`, щоб відокремити дріб та показник степеня. Напр. якщо відповідь дорівнює $112\\,233\\,445\\,566\\,778\\,899$, тоді формат відповіді буде `1.1223344557e17`.
+
+# --hints--
+
+`permutationOf3SmoothNumbers()` повинен повернути рядок.
+
+```js
+assert.strictEqual(typeof permutationOf3SmoothNumbers() === 'string');
+```
+
+`permutationOf3SmoothNumbers()` повинен повернути рядок `5.5350769703e1512`.
+
+```js
+assert.strictEqual(permutationOf3SmoothNumbers(), '5.5350769703e1512');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function permutationOf3SmoothNumbers() {
+
+  return true;
+}
+
+permutationOf3SmoothNumbers();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.md
new file mode 100644
index 0000000000..c959c70c6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-463-a-weird-recurrence-relation.md
@@ -0,0 +1,46 @@
+---
+id: 5900f53c1000cf542c51004e
+title: 'Завдання 463: Дивне рекурентне співвідношення'
+challengeType: 5
+forumTopicId: 302138
+dashedName: problem-463-a-weird-recurrence-relation
+---
+
+# --description--
+
+Функція $f$ для всіх цілих додатних чисел визначається таким чином:
+
+$$\begin{align} & f(1) = 1 \\\\ & f(3) = 3 \\\\ & f(2n) = f(n) \\\\ & f(4n + 1) = 2f(2n + 1) - f(n) \\\\ & f(4n + 3) = 3f(2n + 1) - 2f(n) \end{align}$$
+
+Функція $S(n)$ визначається як $\sum_{i=1}^{n} f(i)$.
+
+$S(8) = 22$ and $S(100) = 3604$.
+
+Знайдіть $S(3^{37})$. Введіть останні 9 цифр своєї відповіді.
+
+# --hints--
+
+`weirdRecurrenceRelation()` повинно видати `808981553`.
+
+```js
+assert.strictEqual(weirdRecurrenceRelation(), 808981553);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function weirdRecurrenceRelation() {
+
+  return true;
+}
+
+weirdRecurrenceRelation();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.md
new file mode 100644
index 0000000000..0a8a409f76
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-464-mbius-function-and-intervals.md
@@ -0,0 +1,57 @@
+---
+id: 5900f53d1000cf542c51004f
+title: 'Завдання 464: функція Мебіуса та інтервали'
+challengeType: 5
+forumTopicId: 302139
+dashedName: problem-464-mbius-function-and-intervals
+---
+
+# --description--
+
+Функція Мебіуса, позначена $μ(n)$, визначається наступним чином:
+
+- $μ(n) = (-1)^{ω(n)}$ якщо $n$ є безквадратним (де $ω(n)$ є числом різних простих факторів $n$)
+- $μ(n) = 0$ якщо $n$ не є безквадратним.
+
+Нехай $P(a, b)$ буде кількістю цілих чисел $n$ у інтервалі $[a, b]$ як $μ(n) = 1$.
+
+Нехай $N(a, b)$ буде кількістю цілих чисел $n$ у інтервалі $[a, b]$ як $μ(n) = 1$.
+
+До прикладу, $P(2, 10) = 2$ та $N(2, 10) = 4$.
+
+Нехай $C(n)$ буде кількістю пар цілих чисел $(a, b)$ як:
+
+- $1 ≤ a ≤ b ≤ n$,
+- $99 \times N(a, b) ≤ 100 \times P(a, b)$, та
+- $99 \times P(a, b) ≤ 100 \times N(a, b)$.
+
+До прикладу, $C(10) = 13$, $C(500) = 16\\,676$ та $C(10\\,000) = 20\\,155\\,319$.
+
+Знайдіть $C(20\\,000\\,000)$.
+
+# --hints--
+
+`mobiusFunctionAndIntervals()` повинен повернутися у `198775297232878`.
+
+```js
+assert.strictEqual(mobiusFunctionAndIntervals(), 198775297232878);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mobiusFunctionAndIntervals() {
+
+  return true;
+}
+
+mobiusFunctionAndIntervals();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-465-polar-polygons.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-465-polar-polygons.md
new file mode 100644
index 0000000000..1630317dd0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-465-polar-polygons.md
@@ -0,0 +1,54 @@
+---
+id: 5900f53d1000cf542c510050
+title: 'Завдання 465: Полярні багатокутники'
+challengeType: 5
+forumTopicId: 302140
+dashedName: problem-465-polar-polygons
+---
+
+# --description--
+
+Ядро багатокутника визначається сукупністю точок, з яких видно сторони багатокутника. Ми визначаємо полярний багатокутник як багатокутник, джерело якого міститься суворо всередині ядра.
+
+У такому випадку багатокутник може мати послідовні колінеарні вершини. Однак він не може перетинатися та мати нульову площу.
+
+Наприклад, тільки перший з наведених багатокутників є полярним (ядра другого, третього та четвертого не вміщують джерело повністю, а п'ятий взагалі не має ядра):
+
+<img class="img-responsive center-block" alt="п'ять прикладів багатокутників" src="https://cdn.freecodecamp.org/curriculum/project-euler/polar-polygons.png" style="background-color: white; padding: 10px;" />
+
+Зверніть увагу, що перший багатокутник має три послідовні колінеарні вершини.
+
+Нехай $P(n)$ буде кількістю полярних багатокутників, вершини яких $(x, y)$ мають цілі координати, абсолютні значення яких не більші за $n$.
+
+Зверніть увагу, що багатокутники вважаються різними, якщо вони мають різний набір сторін, навіть якщо вони оточують одну й ту ж саму область. Наприклад, багатокутник з вершинами [(0,0), (0,3), (1,1), (3,0)] відрізняється від багатокутника, що має вершини [(0,0), (0,0), (1,1), (3,0), (3,0), (1,0)].
+
+Наприклад, $P(1) = 131$, $P(2) = 1\\,648\\,531$, $P(= 1\\,099\\,461\\,296\\,175$ та $P(343)\bmod 1\\,000\\,007 = 937\\,293\\,740$.
+
+Знайдіть $P(7^{13})\bmod 1\\,000\\,007$.
+
+# --hints--
+
+`polarPolygons()` повинен повертатися як `585965659`.
+
+```js
+assert.strictEqual(polarPolygons(), 585965659);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function polarPolygons() {
+
+  return true;
+}
+
+polarPolygons();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.md
new file mode 100644
index 0000000000..82f588989d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-466-distinct-terms-in-a-multiplication-table.md
@@ -0,0 +1,50 @@
+---
+id: 5900f53e1000cf542c510051
+title: 'Завдання 466: Різні елементи в таблиці множення'
+challengeType: 5
+forumTopicId: 302141
+dashedName: problem-466-distinct-terms-in-a-multiplication-table
+---
+
+# --description--
+
+Нехай $P(m,n)$ — це кількість різних елементів у таблиці множення $m×n$.
+
+Наприклад, таблиця множення 3×4 має такий вигляд:
+
+$$\begin{array}{c} ×          & \mathbf{1} & \mathbf{2} & \mathbf{3} & \mathbf{4}  \\\\ \mathbf{1} & 1          & 2          & 3          & 4  \\\\ \mathbf{2} & 2          & 4          & 6          & 8  \\\\ \mathbf{3} & 3          & 6          & 9          & 12 \end{array}$$
+
+Тут є 8 різних елементів {1, 2, 3, 4, 6, 8, 9, 12}, тому $P(3, 4) = 8$.
+
+Дано, що:
+
+$$\begin{align} & P(64, 64) = 1\\,263, \\\\ & P(12, 345) = 1\\,998, \text{ and} \\\\ & P(32, {10}^{15}) = 13\\,826\\,382\\,602\\,124\\,302. \\\\ \end{align}$$
+
+Знайдіть $P(64, {10}^{16})$.
+
+# --hints--
+
+`multiplicationTable()` має повернути `258381958195474750`.
+
+```js
+assert.strictEqual(multiplicationTable(), 258381958195474750);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function multiplicationTable() {
+
+  return true;
+}
+
+multiplicationTable();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-467-superinteger.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-467-superinteger.md
new file mode 100644
index 0000000000..5cd91d5378
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-467-superinteger.md
@@ -0,0 +1,56 @@
+---
+id: 5900f5411000cf542c510052
+title: 'Завдання 467: Суперціле (Superinteger)'
+challengeType: 5
+forumTopicId: 302142
+dashedName: problem-467-superinteger
+---
+
+# --description--
+
+Ціле число $s$ називається суперцілим іншого цілого числа $n$, якщо цифри $n$ створюють послідовність цифр $s$.
+
+Наприклад, 2718281828 - це суперціле числа 18828, а 314159 не є суперцілим числа 151.
+
+Нехай $p(n)$ буде $n$-им простим числом, а $c(n)$ буде $n$-им складеним числом. Наприклад, $p(1) = 2$, $p(10) = 29$, $c(1) = 4$, а $c(10) = 18$.
+
+$$\begin{align} & \\{p(i) : i ≥ 1\\} = \\{2, 3, 5, 7, 11, 13, 17, 19, 23, 29, \ldots \\} \\\\ & \\{c(i) : i ≥ 1\\} = \\{4, 6, 8, 9, 10, 12, 14, 15, 16, 18, \ldots \\} \end{align}$$
+
+Нехай $P^D$ - це послідовність цифрових коренів $\\{p(i)\\}$ ($C^D$ визначається так само, як і для $\\{c(i)\\}$):
+
+$$\begin{align} & P^D = \\{2, 3, 5, 7, 2, 4, 8, 1, 5, 2, \ldots \\} \\\\ & C^D = \\{4, 6, 8, 9, 1, 3, 5, 6, 7, 9, \ldots \\} \end{align}$$
+
+Нехай $P_n$ - це ціле число, сформоване через об'єднання перших $n$ елементів $P^D$ ($C_n$ визначається так само, як і для $C^D$).
+
+$$\begin{align} & P_{10} = 2\\,357\\,248\\,152 \\\\ & C_{10} = 4\\,689\\,135\\,679 \end{align}$$
+
+Нехай $f(n)$ буде найменшим позитивним цілим числом, яке є звичайним суперцілим числом $P_n$ і $C_n$. Наприклад, $f(10) = 2\\,357\\,246\\,891\\,352\\,679$, and $f(100)\bmod 1\\,000\\,000\\,007 = 771\\,661\\,825$.
+
+Знайдіть $f(10\\,000)\bmod 1\\,000\\,000\\,007$.
+
+# --hints--
+
+`superinteger()` повинне повернути `775181359`.
+
+```js
+assert.strictEqual(superinteger(), 775181359);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function superinteger() {
+
+  return true;
+}
+
+superinteger();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.md
new file mode 100644
index 0000000000..da7a014c48
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-468-smooth-divisors-of-binomial-coefficients.md
@@ -0,0 +1,52 @@
+---
+id: 5900f5411000cf542c510054
+title: 'Завдання 468: Гладкі многовиди дивізорів біноміальних коефіцієнтів'
+challengeType: 5
+forumTopicId: 302143
+dashedName: problem-468-smooth-divisors-of-binomial-coefficients
+---
+
+# --description--
+
+Ціле число називають B-гладким, якщо жоден з його простих множників не перевищує $B$.
+
+Нехай $SB(n)$ — це найбільший B-гладкий дільник $n$.
+
+Приклади:
+
+$$\begin{align} & S_1(10) = 1 \\\\ & S_4(2\\,100) = 12 \\\\ & S_{17}(2\\,496\\,144) = 5\\,712 \end{align}$$
+
+Визначте $F(n) = \displaystyle\sum_{B = 1}^n \sum_{r = 0}^n S_B(\displaystyle\binom{n}{r})$. Тут $\displaystyle\binom{n}{r}$ позначає біноміальний коефіцієнт.
+
+Приклади:
+
+$$\begin{align} & F(11) = 3132 \\\\ & F(1\\,111)\bmod 1\\,000\\,000\\,993 = 706\\,036\\,312 \\\\ & F(111\\,111)\bmod 1\\,000\\,000\\,993 = 22\\,156\\,169 \end{align}$$
+
+Знайдіть $F(11\\,111\\,111)\bmod 1\\,000\\,000\\,993$.
+
+# --hints--
+
+`smoothDivisorsOfBinomialCoefficients()` має повернути `852950321`.
+
+```js
+assert.strictEqual(smoothDivisorsOfBinomialCoefficients(), 852950321);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function smoothDivisorsOfBinomialCoefficients() {
+
+  return true;
+}
+
+smoothDivisorsOfBinomialCoefficients();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-469-empty-chairs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-469-empty-chairs.md
new file mode 100644
index 0000000000..2aef678271
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-469-empty-chairs.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5411000cf542c510053
+title: 'Завдання 469: Порожні стільці'
+challengeType: 5
+forumTopicId: 302144
+dashedName: problem-469-empty-chairs
+---
+
+# --description--
+
+У кімнаті $N$ стільців розміщені навколо круглого столу.
+
+Лицарі входять до кімнати по одному і навмання обирають порожній стілець.
+
+Щоб мати достатньо місця для ліктів, лицарі завжди залишають принаймні один порожній стілець між собою.
+
+Коли не залишилося доступних стільців, визначається частина $C$ порожніх стільців. Ми також визначаємо $E(N)$ як очікувану величину $C$.
+
+Можливо перевірити, що $E(4) = \frac{1}{2}$ та $E(6) = \frac{5}{9}$.
+
+Знайдіть $E({10}^{18})$. Дайте відповідь, округлену до чотирнадцяти знаків після коми, у вигляді 0.abcdefghiklmn.
+
+# --hints--
+
+`emptyChairs()` повинен повертатися як `0.56766764161831`.
+
+```js
+assert.strictEqual(emptyChairs(), 0.56766764161831);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function emptyChairs() {
+
+  return true;
+}
+
+emptyChairs();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.md
new file mode 100644
index 0000000000..7b70cd8d74
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-47-distinct-primes-factors.md
@@ -0,0 +1,113 @@
+---
+id: 5900f39c1000cf542c50feae
+title: 'Завдання 47: різні прості множники'
+challengeType: 5
+forumTopicId: 302145
+dashedName: problem-47-distinct-primes-factors
+---
+
+# --description--
+
+Першими двома послідовними числами, які мають два різні прості множники, є:
+
+<div style='padding-left: 4em;'>
+  14 = 2 × 7<br>
+  15 = 3 × 5
+</div>
+
+Першими трьома послідовними числами, які мають три різні прості множники, є:
+
+<div style='padding-left: 4em;'>
+  644 = 2<sup>2</sup> × 7 × 23<br>
+  645 = 3 × 5 × 43<br>
+  646 = 2 × 17 × 19
+</div>
+
+Знайдіть перші чотири послідовні цілі числа, які мають чотири різні прості множники. Яким є перше з цих чисел?
+
+# --hints--
+
+`distinctPrimeFactors(2, 2)` має повернути число.
+
+```js
+assert(typeof distinctPrimeFactors(2, 2) === 'number');
+```
+
+`distinctPrimeFactors(2, 2)` має повернути число 14.
+
+```js
+assert.strictEqual(distinctPrimeFactors(2, 2), 14);
+```
+
+`distinctPrimeFactors(3, 3)` має повернути число 644.
+
+```js
+assert.strictEqual(distinctPrimeFactors(3, 3), 644);
+```
+
+`distinctPrimeFactors(4, 4)` має повернути число 134043.
+
+```js
+assert.strictEqual(distinctPrimeFactors(4, 4), 134043);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+
+  return true;
+}
+
+distinctPrimeFactors(4, 4);
+```
+
+# --solutions--
+
+```js
+function distinctPrimeFactors(targetNumPrimes, targetConsecutive) {
+  function numberOfPrimeFactors(n) {
+    let factors = 0;
+
+    //  Considering 2 as a special case
+    let firstFactor = true;
+    while (n % 2 == 0) {
+      n = n / 2;
+      if (firstFactor) {
+        factors++;
+        firstFactor = false;
+      }
+    }
+    // Adding other factors
+    for (let i = 3; i < Math.sqrt(n); i += 2) {
+      firstFactor = true;
+      while (n % i == 0) {
+        n = n / i;
+        if (firstFactor) {
+          factors++;
+          firstFactor = false;
+        }
+      }
+    }
+
+    if (n > 1) { factors++; }
+
+    return factors;
+  }
+
+  let number = 0;
+  let consecutive = 0;
+
+  while (consecutive < targetConsecutive) {
+    number++;
+    if (numberOfPrimeFactors(number) >= targetNumPrimes) {
+      consecutive++;
+    } else {
+      consecutive = 0;
+    }
+  }
+  return number - targetConsecutive + 1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-470-super-ramvok.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-470-super-ramvok.md
new file mode 100644
index 0000000000..c8ef4349cd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-470-super-ramvok.md
@@ -0,0 +1,50 @@
+---
+id: 5900f5431000cf542c510055
+title: 'Завдання 470: Супер Рамвок'
+challengeType: 5
+forumTopicId: 302146
+dashedName: problem-470-super-ramvok
+---
+
+# --description--
+
+Розглянему звичайну гру в Рамвок:
+
+Нехай $t$ відображає максимальну кількість ходів до кінця гри. Якщо $t = 0$, гра одразу закінчується. В іншому випадку, кожен хід $i$, гравець викидає гральний кубик. Після цього, якщо $i &lt; гравець t$ може зупинити гру та отримати виграш рівний значенню поточного кубика, або скасувати свій хід та спробувати знов у наступному. Якщо $i = t$, хід не можна скасувати, виграш має бути прийнятий. Перед початком гри, $t$ обирається гравцем, який далі повинен передплатити $ct$ за сталу $c$. Якщо $c = 0$, $t$ може бути нескінченністю (тоді передплата буде дорівнювати 0). Нехай $R(d, c)$ буде очікуваним прибутком (тобто чистий прибуток) який гравець отримує за одну оптимально зіграну гру в Рамвок, використовуючи чесний $d$-бічний кубик із сталою ціною $c$. Наприклад, $R(4, 0.2) = 2.65$. Припустимо, що гравець має достатньо коштів для передплати будь-яких витрат.
+
+Тепер розглянему гру у Супер Рамвок:
+
+В грі Супер Рамвок, Рамвок грається кілька разів, але з невеликим доповненням. Після кожної гри гральний кубик змінюється. Зміна здійснюється таким чином: гральний кубик викидається один раз, і якщо на отриманому боці можна побачити його значення, це значення потрібно стерти. Якщо бік вже пустий, тоді треба повернути його початкове значення. Після зміни починається інша гра в Рамвок, під час якої гральний кубик викидається поки не з'явиться бік із позначенням. Гравець завжди знає які грані порожні. Гра в Супер Рамвок закінчується коли всі грані кубика залишаються порожніми.
+
+Нехай $S(d, c)$ буде очікуваним прибутком, який гравець отримує від оптимально зіграної гри в Супер Рамвок, використовуючи чесний $d$-бічний кубик із сталою ціною $c$. Наприклад, $S(6, 1) = 208.3$.
+
+Нехай $F(n) = \sum_{4 ≤ d ≤ n} \sum_{0 ≤ c ≤ n} S(d, c)$.
+
+Розрахуйте $F(20)$, округлене до найближчого цілого числа.
+
+# --hints--
+
+`superRamvok()` повинна повернути `147668794`.
+
+```js
+assert.strictEqual(superRamvok(), 147668794);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function superRamvok() {
+
+  return true;
+}
+
+superRamvok();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.md
new file mode 100644
index 0000000000..9d93e434f0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-471-triangle-inscribed-in-ellipse.md
@@ -0,0 +1,60 @@
+---
+id: 5900f5431000cf542c510056
+title: 'Задача 471: Трикутник вписаний в еліпс'
+challengeType: 5
+forumTopicId: 302148
+dashedName: problem-471-triangle-inscribed-in-ellipse
+---
+
+# --description--
+
+Трикутник $ΔABC$ вписаний в еліпс з рівнянням $\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1$, $0 &lt; 2b &lt; a$, $a$ та $b$ — цілі числа.
+
+Нехай $r(a, b)$ — радіус вписаного в трикутник $ΔABC$ кола, де $(2b, 0)$ є центром вписаного кола, а $A$ має такі координати: $\left(\frac{a}{2}, \frac{\sqrt{3}}{2}b\right)$.
+
+Наприклад, $r(3, 1) = \frac{1}{2}, r(6, 2) = 1, r(12, 3) = 2$.
+
+<img class="img-responsive center-block" alt="ΔABC вписаний в еліпс, радіус кола, вписаного в ΔABC, r(6, 2) = 1" src="https://cdn.freecodecamp.org/curriculum/project-euler/triangle-inscribed-in-ellipse-1.png" style="background-color: white; padding: 10px;" />
+
+<img class="img-responsive center-block" alt="трикутник ABC вписаний в еліпс, радіус кола, вписаного в ΔABC, r(12, 3) = 2" src="https://cdn.freecodecamp.org/curriculum/project-euler/triangle-inscribed-in-ellipse-2.png" style="background-color: white; padding: 10px;" />
+
+Нехай $G(n) = \sum_{a = 3}^n \sum_{b = 1}^{\left\lfloor\frac{a - 1}{2} \right\rfloor} r(a, b)$
+
+Дано, що $G(10) = 20.59722222$, $G(100) = 19223.60980$ (заокруглено до 10 значущих цифр).
+
+Знайдіть $G({10}^{11})$. Дайте відповідь у вигляді рядка в науковому позначенні, округленому до 10 значущих цифр. Використовуйте малу літеру `e` для відокремлення мантиси та показника степеня.
+
+Для $G(10)$ відповідь була б такою: `2.059722222e1`
+
+# --hints--
+
+`triangleInscribedInEllipse()` має повернути рядок.
+
+```js
+assert(typeof triangleInscribedInEllipse() === 'string');
+```
+
+`triangleInscribedInEllipse()` має повернути рядок `1.895093981e31`.
+
+```js
+assert.strictEqual(triangleInscribedInEllipse(), '1.895093981e31');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function triangleInscribedInEllipse() {
+
+  return true;
+}
+
+triangleInscribedInEllipse();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.md
new file mode 100644
index 0000000000..895855a83f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-472-comfortable-distance-ii.md
@@ -0,0 +1,56 @@
+---
+id: 5900f5451000cf542c510057
+title: 'Проблема 472: Комфортна відстань II'
+challengeType: 5
+forumTopicId: 302149
+dashedName: problem-472-comfortable-distance-ii
+---
+
+# --description--
+
+Є $N$ місць поспіль. $N$ людей приходять один за одним та займають місця згідно з даними правилами:
+
+1. Жодна людина не сидить поруч з іншою.
+1. Перша людина обирає будь-яке місце.
+1. Кожна наступна людина вибирає місце, найбільш віддалене від того, хто вже сидить, до тих пір, поки воно не порушує правило 1. Якщо існує більше одного варіанту, що задовільняє цю умову, то людина обирає місце зліва.
+
+Зверніть увагу, що через правило 1, деякі місця, безумовно, будуть вільними, і максимальна кількість осіб, які можуть бути розміщені, менша за $N$ (для $N > 1$).
+
+Ось можливі розстановки для $N = 15$:
+
+<img class="img-responsive center-block" alt="розстановка для N = 15" src="https://cdn.freecodecamp.org/curriculum/project-euler/comfortable-distance-ii.png" style="background-color: white; padding: 10px;" />
+
+Ми бачимо, що якщо перша людина обирає правильно, то на 15 місцях може бути до 7 осіб. Ми також можемо бачити, що перша людина має 9 варіантів, щоб максимізувати кількість осіб, яких можна розмістити.
+
+Нехай $f(N)$ буде кількістю варіантів, які перша людина має, аби максимізувати кількість людей для $N$ місць поспіль. Таким чином, $f(1) = 1$, $f(15) = 9$, $f(20) = 6$, та $f(500) = 16$.
+
+Також $\sum f(N) = 83$ за $1 ≤ N ≤ N ≤ 20$ і $\sum f(N) = 13\\,343$ за $1 ≤ N ≤ 500$.
+
+Знайдіть $\sum f(N)$ для $1 ≤ N ≤ {10}^{12}$. Впишіть останні 8 цифр вашої відповіді.
+
+# --hints--
+
+`comfortableDistanceTwo()` повинен повертатися як `73811586`.
+
+```js
+assert.strictEqual(comfortableDistanceTwo(), 73811586);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function comfortableDistanceTwo() {
+
+  return true;
+}
+
+comfortableDistanceTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-473-phigital-number-base.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-473-phigital-number-base.md
new file mode 100644
index 0000000000..c675c3ba48
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-473-phigital-number-base.md
@@ -0,0 +1,56 @@
+---
+id: 5900f5461000cf542c510058
+title: 'Завдання 473: База чисел ϕ'
+challengeType: 5
+forumTopicId: 302150
+dashedName: problem-473-phigital-number-base
+---
+
+# --description--
+
+Нехай $\varphi$ це золотий перетин: $\varphi = \frac{1+\sqrt{5}}{2}.$
+
+Цікаво, що можна записати кожне додатне ціле число як суму степенів \varphi$, навіть якщо будь-який степінь \varphi$ буде використовується не більше одного разу.
+
+Навіть тоді представлення не є унікальним.
+
+Ми можемо зробити його унікальним, вимагаючи, щоб не використовувалися степені з послідовними показниками, і щоб представлення було остаточним.
+
+Наприклад:
+
+$2 = \varphi + \varphi^{-2}$ і $3 = \varphi^{2} + \varphi^{-2}$
+
+Щоб представити цю суму степенів в $\varphi$, ми використовуємо рядок з нулем і одиницею, щоб вказати, де починаються від'ємні значення. Ми називаємо це представленням у базі чисел ϕ.
+
+Таким чином, $1 = 1_{\varphi}$, $2 = 10.01_{\varphi}$, $3 = 100.01_{\varphi}$ та $14 = 100.100.00{\varphi}$. Рядки, що представляють 1, 2 і 14 в базі чисел ϕ є паліндромними, а рядок, що представляє 3 таким не є. (точка ϕ не є середнім символом).
+
+Сума додатних цілих чисел не перевищує 1000, чиї ϕ-представлення є паліндромними та дорівнюють 4345.
+
+Знайдіть суму додатних цілих чисел, не більших за $10^{10}$, чиї ϕ-представлення є паліндромними.
+
+# --hints--
+
+`phigitalNumberBase()` повинен повертатися як `35856681704365`.
+
+```js
+assert.strictEqual(phigitalNumberBase(), 35856681704365);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function phigitalNumberBase() {
+
+  return true;
+}
+
+phigitalNumberBase();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.md
new file mode 100644
index 0000000000..a44ae6f0a1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-474-last-digits-of-divisors.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5471000cf542c510059
+title: 'Завдання 474: Останні цифри дільників'
+challengeType: 5
+forumTopicId: 302151
+dashedName: problem-474-last-digits-of-divisors
+---
+
+# --description--
+
+Для додатного цілого $n$ і цифри $d$ ми визначаємо $F(n, d)$ як кількість дільників $n$, останні цифри яких дорівнюють $d$.
+
+Наприклад, $F(84, 4) = 3$. Серед дільників 84 (1, 2, 3, 4, 6, 7, 12, 14, 21, 28, 42, 44), три з них (4, 14, 84) мають останню цифру 4.
+
+Ми також можемо перевірити, що $F(12!, 12) = 11$ та $F(50!, 123) = 17\\,888$.
+
+Знайдіть $F({10}^6!, 65\\,432) \t{ modulo } ({10}^{16} + 61)$.
+
+# --hints--
+
+`lastDigitsOfDivisors()` повинен повертатися як `9690646731515010`.
+
+```js
+assert.strictEqual(lastDigitsOfDivisors(), 9690646731515010);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lastDigitsOfDivisors() {
+
+  return true;
+}
+
+lastDigitsOfDivisors();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-475-music-festival.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-475-music-festival.md
new file mode 100644
index 0000000000..9341cb3fe5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-475-music-festival.md
@@ -0,0 +1,48 @@
+---
+id: 5900f5481000cf542c51005a
+title: 'Завдання 475: Музичний фестиваль'
+challengeType: 5
+forumTopicId: 302152
+dashedName: problem-475-music-festival
+---
+
+# --description--
+
+$12n$ музикантів беруть участь у музичному фестивалі. Першого дня вони створюють $3n$ квартетів і весь день практикуються.
+
+Це катастрофа. Наприкінці дня всі музиканти вирішують, що вони більше ніколи не будуть грати з будь-яким членом свого квартету.
+
+Наступного дня вони створюють $4n$ тріо, кожен музикант уникає учасників свого квартету.
+
+Нехай $f(12n)$ буде кількістю способів організувати тріо серед $12n$ музикантів.
+
+Вам дано $f(12) = 576$ та $f(24)\bmod 1\\,000\\,000\\,007 = 509\\,089\\,824$.
+
+Знайдіть $f(600)\bmod 1\\,000\\,007$.
+
+# --hints--
+
+`musicFestival()` повинен повертатися як `75780067`.
+
+```js
+assert.strictEqual(musicFestival(), 75780067);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function musicFestival() {
+
+  return true;
+}
+
+musicFestival();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-476-circle-packing-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-476-circle-packing-ii.md
new file mode 100644
index 0000000000..020db3c932
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-476-circle-packing-ii.md
@@ -0,0 +1,44 @@
+---
+id: 5900f5481000cf542c51005b
+title: 'Завдання 476: Розташування кіл II'
+challengeType: 5
+forumTopicId: 302153
+dashedName: problem-476-circle-packing-ii
+---
+
+# --description--
+
+Нехай $R(a, b, c)$ буде максимальною площею, покритою трьома колами, що не перетинаються всередині трикутника зі сторонами $a$, $b$ і $c$.
+
+Нехай $S(n)$ буде середнім значенням $R(a, b, c)$ над усіма трицифровими числами $(a, b, c)$ так, що $1 ≤ b≤ b ≤ c &lt; a + b ≤ n$.
+
+Вам дано $S(2) = R(1, 1, 1) ≈ 0.31998$, $S(5) ≈ 1.25899$.
+
+Знайдіть $S(1803)$ і округліть до 5 цифр після коми.
+
+# --hints--
+
+`circlePackingTwo()` повинен повертатися як `110242.87794`.
+
+```js
+assert.strictEqual(circlePackingTwo(), 110242.87794);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function circlePackingTwo() {
+
+  return true;
+}
+
+circlePackingTwo();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-477-number-sequence-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-477-number-sequence-game.md
new file mode 100644
index 0000000000..2aec908b79
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-477-number-sequence-game.md
@@ -0,0 +1,62 @@
+---
+id: 5900f54a1000cf542c51005c
+title: 'Завдання 477: Гра "Послідовність чисел"'
+challengeType: 5
+forumTopicId: 302154
+dashedName: problem-477-number-sequence-game
+---
+
+# --description--
+
+Гра "Послідовність чисел" починається з послідовності $S$ від $N$ чисел, записаних в рядку.
+
+Двоє гравців ходять по черзі. Гравець у свою чергу має обрати та видалити перше або останнє число, що лишились в послідовності.
+
+Рахунком гравця є сума всіх чисел, які він забрав. Кожний гравець намагається збільшити свою суму.
+
+Якщо $N = 4$ та $S = \\{1, 2, 10, 3\\}$, тоді кожний гравець збільшує свій рахунок наступним чином:
+
+- Гравець 1: видаляє перше число (1)
+- Гравець 2: видаляє останнє число з решти послідовності (3)
+- Гравець 1: видаляє останнє число з решти послідовності (10)
+- Гравець 2: видаляє число, яке залишилось (2)
+
+Рахунок гравця 1 становить $1 + 10 = 11$.
+
+Нехай $F(N)$ буде рахунком гравця 1, якщо обидва гравці дотримуються оптимальної стратегії для послідовності $S = \\{s_1, s_2, \ldots, s_N\\}$, визначеної як:
+
+- $s_1 = 0$
+- $s_{i + 1} = ({s_i}^2 + 45)$ modulo $1\\,000\\,000\\,007$
+
+Послідовність починається з $S = \\{0, 45, 2\\,070, 4\\,284\\,945, 753\\,524\\,550, 478\\,107\\,844, 894\\,218\\,625, \ldots\\}$.
+
+Вам дається $F(2) = 45$, $F(4) = 4\\,284\\,990$, $F(100) = 26\\,365\\,463\\,243$, $F(104) = 2\\,495\\,838\\,522\\,951$.
+
+Знайдіть $F({10}^8)$.
+
+# --hints--
+
+`numberSequenceGame()` має повернути `25044905874565164`.
+
+```js
+assert.strictEqual(numberSequenceGame(), 25044905874565164);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberSequenceGame() {
+
+  return true;
+}
+
+numberSequenceGame();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-478-mixtures.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-478-mixtures.md
new file mode 100644
index 0000000000..ac0fc1af0f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-478-mixtures.md
@@ -0,0 +1,56 @@
+---
+id: 5900f54c1000cf542c51005e
+title: 'Завдання 478: Комбінації'
+challengeType: 5
+forumTopicId: 302155
+dashedName: problem-478-mixtures
+---
+
+# --description--
+
+Розгляньмо комбінації трьох речовин: $A$, $B$ та $C$. Комбінації можна описати за співвідношенням кількості $A$, $B$, та $C$ в ній, тобто, $(a : b : c)$. Наприклад, комбінація, що описана співвідношенням (2 : 3 : 5), містить 20% $A$, 30% $B$ та 50% $C$.
+
+В контексті цієї проблеми ми не можемо відокремити окремі компоненти із комбінації. Однак ми можемо комбінувати різні кількості різних комбінацій, щоб утворювати комбінації з новими співвідношеннями.
+
+Наприклад, скажімо, що у нас є три комбінації зі співвідношеннями (3 : 0 : 2), (3 : 6 : 11) та (3 : 3 : 4). Змішуючи 10 одиниць першої, 20 одиниць другої та 30 одиниць третьої, ми отримуємо нову комбінацію зі співвідношенням (6 : 5 : 9), оскільки: ($10 \times \frac{3}{5} + 20 \times \frac{3}{20} + 30 \times \frac{3}{10}$ : $10 \times \frac{0}{5} + 20 \times \frac{6}{20} + 30 \times \frac{3}{10}$ : $10 \times \frac{2}{5} + 20 \times \frac{11}{20} + 30 \times \frac{4}{10}$) = (18 : 15 : 27) = (6 : 5 : 9)
+
+Однак з трьома однаковими комбінаціями неможливо сформувати співвідношення (3 : 2 : 1), оскільки кількість $B$ завжди менша за кількість $C$.
+
+Нехай $n$ буде позитивним цілим числом. Припустимо, що для кожної трійки чисел $(a, b, c)$ з $0 ≤ a, b, c ≤ n$ та $gcd(a, b, c) = 1$, ми маємо комбінацію зі співвідношенням $(a : b : c)$. Нехай $M(n)$ - це множина всіх таких комбінацій.
+
+Наприклад, $M(2)$ містить 19 комбінацій з наступними співвідношеннями:
+
+{(0 : 0 : 1), (0 : 1 : 0), (0 : 1 : 1), (0 : 1 : 2), (0 : 2 : 1), (1 : 0 : 0), (1 : 0 : 1), (1 : 0 : 2), (1 : 1 : 0), (1 : 1 : 1), (1 : 1 : 2), (1 : 2 : 0), (1 : 2 : 1), (1 : 2 : 2), (2 : 0 : 1), (2 : 1 : 0), (2 : 1 : 1), (2 : 1 : 2), (2 : 2 : 1)}.
+
+Нехай $E(n)$ - це кількість підмножин $M(n)$, які можуть створити комбінацію зі співвідношенням (1 : 1 : 1), тобто комбінацію з рівними частинами $A$, $B$ та $C$.
+
+Ми можемо перевірити, що $E(1) = 103$, $E(2) = 520\\,447$, $E(10)\bmod {11}^8 = 82\\,608\\,406$ and $E(500)\bmod {11}^8 = 13\\,801\\,403$.
+
+Знайдіть $E(10\\,000\\,000)\bmod {11}^8$.
+
+# --hints--
+
+`mixtures()` має повернути `59510340`.
+
+```js
+assert.strictEqual(mixtures(), 59510340);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mixtures() {
+
+  return true;
+}
+
+mixtures();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.md
new file mode 100644
index 0000000000..72f7dc87bb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-479-roots-on-the-rise.md
@@ -0,0 +1,46 @@
+---
+id: 5900f54b1000cf542c51005d
+title: 'Задача 479: Корені на підйомі'
+challengeType: 5
+forumTopicId: 302156
+dashedName: problem-479-roots-on-the-rise
+---
+
+# --description--
+
+Нехай $a_k$, $b_k$ та $c_k$ представляють три рішення (дійсні та комплексні числа) для виразу $\frac{1}{x} = {\left(\frac{k}{x} \right)}^2 (k + x^2) - kx$.
+
+Наприклад, для $k = 5$ ми бачимо, що $\\{a_5, b_5, c_5\\}$ майже рівні $\\{5.727244, -0.363622 + 2.057397i, -0.363622 - 2.057397i\\}$.
+
+Нехай $S(n) = \displaystyle\sum_{p = 1}^n \sum_{k = 1}^n {(a_k + b_k)}^p {(b_k + c_k)}^p {(c_k + a_k)}^p$ для всіх цілих $p$, $k$, таких що $1 ≤ p, k ≤ n$.
+
+Цікаво, що $S(n)$ завжди є цілим числом. Наприклад, $S(4) = 51\\,160$.
+
+Знайдіть $S({10}^6) \text{ modulo } 1\\,000\\,000\\,007$.
+
+# --hints--
+
+`rootsOnTheRise()` має повернути `191541795`.
+
+```js
+assert.strictEqual(rootsOnTheRise(), 191541795);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rootsOnTheRise() {
+
+  return true;
+}
+
+rootsOnTheRise();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-48-self-powers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-48-self-powers.md
new file mode 100644
index 0000000000..4111cb6989
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-48-self-powers.md
@@ -0,0 +1,80 @@
+---
+id: 5900f39c1000cf542c50feaf
+title: 'Завдання 48: Власні степені'
+challengeType: 5
+forumTopicId: 302157
+dashedName: problem-48-self-powers
+---
+
+# --description--
+
+Послідовність 1<sup>1</sup> + 2<sup>2</sup> + 3<sup>3</sup> + ... + 10<sup>10</sup> = 10405071317.
+
+Знайдіть останні десять цифр послідовності 1<sup>1</sup> + 2<sup>2</sup> + 3<sup>3</sup> + ... + 1000<sup>1000</sup>.
+
+# --hints--
+
+`selfPowers(10, 3)` має повернути число.
+
+```js
+assert(typeof selfPowers(10, 3) === 'number');
+```
+
+`selfPowers(10, 3)` має повернути число 317.
+
+```js
+assert.strictEqual(selfPowers(10, 3), 317);
+```
+
+`selfPowers(150, 6)` має повернути число 29045.
+
+```js
+assert.strictEqual(selfPowers(150, 6), 29045);
+```
+
+`selfPowers(673, 7)` має повернути 2473989.
+
+```js
+assert.strictEqual(selfPowers(673, 7), 2473989);
+```
+
+`selfPowers(1000, 10)` має повернути число 9110846700.
+
+```js
+assert.strictEqual(selfPowers(1000, 10), 9110846700);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function selfPowers(power, lastDigits) {
+
+  return true;
+}
+
+selfPowers(1000, 10);
+```
+
+# --solutions--
+
+```js
+function selfPowers(power, lastDigits) {
+  let sum = 0;
+  const modulo = Math.pow(10, lastDigits);
+
+  for (let i = 1; i <= power; i++) {
+    let temp = i;
+    for (let j = 1; j < i; j++) {
+      temp *= i;
+      temp %= modulo;
+    }
+
+    sum += temp;
+    sum %= modulo;
+  }
+
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-480-the-last-question.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-480-the-last-question.md
new file mode 100644
index 0000000000..03b185c050
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-480-the-last-question.md
@@ -0,0 +1,66 @@
+---
+id: 5900f54c1000cf542c51005f
+title: 'Завдання 480: Останнє завдання'
+challengeType: 5
+forumTopicId: 302158
+dashedName: problem-480-the-last-question
+---
+
+# --description--
+
+Розгляньте усі слова, які можуть бути сформовані з обраних літер у будь-якому порядку з фрази:
+
+$$\mathbf{\text{thereisasyetinsufficientdataforameaningfulanswer}}$$
+
+Припустимо, що слова, що складаються з 15 літер чи менше, записані у алфавітному порядку, та пронумеровані послідовно починаючи з 1.
+
+Список буде включати:
+
+$$\begin{align} & 1: \text{a} \\\\ & 2: \text{aa} \\\\ & 3: \text{aaa} \\\\ & 4: \text{aaaa} \\\\ & 5: \text{aaaaa} \\\\ & 6: \text{aaaaaa} \\\\ & 7: \text{aaaaaac} \\\\ & 8: \text{aaaaaacd} \\\\ & 9: \text{aaaaaacde} \\\\ & 10: \text{aaaaaacdee} \\\\ & 11: \text{aaaaaacdeee} \\\\ & 12: \text{aaaaaacdeeee} \\\\ & 13: \text{aaaaaacdeeeee} \\\\ & 14: \text{aaaaaacdeeeeee} \\\\ & 15: \text{aaaaaacdeeeeeef} \\\\ & 16: \text{aaaaaacdeeeeeeg} \\\\ & 17: \text{aaaaaacdeeeeeeh} \\\\ & \ldots \\\\ & 28: \text{aaaaaacdeeeeeey} \\\\ & 29: \text{aaaaaacdeeeeef} \\\\ & 30: \text{aaaaaacdeeeeefe} \\\\ & \ldots \\\\ & 115246685191495242: \text{euleoywuttttsss} \\\\ & 115246685191495243: \text{euler} \\\\ & 115246685191495244: \text{eulera} \\\\ & ... \\\\ & 525069350231428029: \text{ywuuttttssssrrr} \\\\ \end{align}$$
+
+Визначте $P(w)$ як позицію слова $w$.
+
+Визначте $W(p)$ як слово у позиції $p$.
+
+Бачимо, що $P(w)$ та $W(p)$ є оберненими: $P(W(p)) = p$ та $W(P(w)) = w$.
+
+Приклади:
+
+$$\begin{align} & W(10) = \text{ aaaaaacdee} \\\\ & P(\text{aaaaaacdee}) = 10 \\\\ & W(115246685191495243) = \text{ euler} \\\\ & P(\text{euler}) = 115246685191495243 \\\\ \end{align}$$
+
+Знайдіть $$W(P(\text{legionary}) + P(\text{calorimeters}) - P(\text{annihilate}) + P(\text{orchestrated}) - P(\text{fluttering})).$$
+
+Відповідь запишіть малими літерами (без пунктуації та пробілів).
+
+# --hints--
+
+`euler480()` має повернути рядок.
+
+```js
+assert(typeof euler480() === 'string');
+```
+
+`euler480()` має повернути рядок `turnthestarson`.
+
+```js
+assert.strictEqual(euler480(), 'turnthestarson');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function euler480() {
+
+  return true;
+}
+
+euler480();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-49-prime-permutations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-49-prime-permutations.md
new file mode 100644
index 0000000000..32a4dfbba5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-49-prime-permutations.md
@@ -0,0 +1,93 @@
+---
+id: 5900f39d1000cf542c50feb0
+title: 'Завдання 49: Перестановки простих чисел'
+challengeType: 5
+forumTopicId: 302159
+dashedName: problem-49-prime-permutations
+---
+
+# --description--
+
+Арифметична прогресія 1487, 4817 і 8147, в якій кожен член збільшується на 3330, є незвичною з двох причин: по-перше, кожен з трьох членів є простим числом, а по-друге, усі чотиризначні числа є перестановками одне одного.
+
+Не існує таких арифметичних прогресій, які б складалися з трьох 1-, 2- або 3-значних простих чисел, та які б виявляли таку властивість, однак існує ще одна 4-значна зростаюча прогресія.
+
+Яке 12-значне число утвориться, якщо об'єднати три члени цієї прогресії?
+
+# --hints--
+
+`primePermutations()` має повернути число.
+
+```js
+assert(typeof primePermutations() === 'number');
+```
+
+`primePermutations()` має повернути число 296962999629.
+
+```js
+assert.strictEqual(primePermutations(), 296962999629);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primePermutations() {
+
+  return true;
+}
+
+primePermutations();
+```
+
+# --solutions--
+
+```js
+function primePermutations() {
+  function arePermutations(num1, num2) {
+    const numStr1 = num1.toString();
+    let numStr2 = num2.toString();
+    if (numStr1.length !== numStr2.length) {
+      return false;
+    }
+
+    for (let i = 0; i < numStr1.length; i++) {
+      const index = numStr2.indexOf(numStr1[i]);
+      if (index === -1) {
+        return false;
+      }
+      numStr2 = numStr2.slice(0, index) + numStr2.slice(index + 1);
+    }
+    return true;
+  }
+
+  function isPrime(num) {
+    if (num < 2) {
+      return false;
+    } else if (num === 2) {
+      return true;
+    }
+    const sqrtOfNum = Math.floor(num ** 0.5);
+    for (let i = 2; i <= sqrtOfNum + 1; i++) {
+      if (num % i === 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  for (let num1 = 1000; num1 <= 9999; num1++) {
+    const num2 = num1 + 3330;
+    const num3 = num2 + 3330;
+    if (isPrime(num1) && isPrime(num2) && isPrime(num3)) {
+      if (arePermutations(num1, num2) && arePermutations(num1, num3)
+        && num1 !== 1487) {
+        // concatenate and return numbers
+        return (num1 * 100000000) + (num2 * 10000) + num3;
+      }
+    }
+  }
+  return 0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-5-smallest-multiple.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-5-smallest-multiple.md
new file mode 100644
index 0000000000..b3f3af5307
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-5-smallest-multiple.md
@@ -0,0 +1,83 @@
+---
+id: 5900f3711000cf542c50fe84
+title: 'Завдання 5: Найменше кратне'
+challengeType: 5
+forumTopicId: 302160
+dashedName: problem-5-smallest-multiple
+---
+
+# --description--
+
+2520 - це найменше число, яке можна поділити на кожне з чисел від 1 до 10 без остачі.
+
+Яке найменше додатне число ділиться на кожне з чисел від 1 до `n` без остачі?
+
+# --hints--
+
+`smallestMult(5)` має повернути число.
+
+```js
+assert(typeof smallestMult(5) === 'number');
+```
+
+`smallestMult(5)` має повернути число 60.
+
+```js
+assert.strictEqual(smallestMult(5), 60);
+```
+
+`smallestMult(7)` має повернути число 420.
+
+```js
+assert.strictEqual(smallestMult(7), 420);
+```
+
+`smallestMult(10)` має повернути число 2520.
+
+```js
+assert.strictEqual(smallestMult(10), 2520);
+```
+
+`smallestMult(13)` має повернути число 360360.
+
+```js
+assert.strictEqual(smallestMult(13), 360360);
+```
+
+`smallestMult(20)` має повернути число 232792560.
+
+```js
+assert.strictEqual(smallestMult(20), 232792560);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function smallestMult(n) {
+
+  return true;
+}
+
+smallestMult(20);
+```
+
+# --solutions--
+
+```js
+function smallestMult(n){
+  function gcd(a, b) {
+    return b === 0 ? a : gcd(b, a%b); // Euclidean algorithm
+  }
+
+  function lcm(a, b) {
+    return a * b / gcd(a, b);
+  }
+  var result = 1;
+  for(var i = 2; i <= n; i++) {
+    result = lcm(result, i);
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.md
new file mode 100644
index 0000000000..c5d3150b0f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-50-consecutive-prime-sum.md
@@ -0,0 +1,95 @@
+---
+id: 5900f39e1000cf542c50feb1
+title: 'Завдання 50: сума послідовних простих чисел'
+challengeType: 5
+forumTopicId: 302161
+dashedName: problem-50-consecutive-prime-sum
+---
+
+# --description--
+
+Просте число 41 можна записати як суму шести послідовних простих чисел:
+
+<div style='text-align: center;'>41 = 2 + 3 + 5 + 7 + 11 + 13</div>
+
+Це найдовша сума послідовних простих чисел, в результаті якої виходить просте число менше ста.
+
+Найдовша сума послідовних простих чисел, в результаті якої виходить просте число менше однієї тисячі, містить 21 доданок і дорівнює 953.
+
+Яке просте число в межах мільйону можна записати як суму найбільшої кількості послідовних простих чисел?
+
+# --hints--
+
+`consecutivePrimeSum(1000)` має повернути число.
+
+```js
+assert(typeof consecutivePrimeSum(1000) === 'number');
+```
+
+`consecutivePrimeSum(1000)` має повернути число 953.
+
+```js
+assert.strictEqual(consecutivePrimeSum(1000), 953);
+```
+
+`consecutivePrimeSum(1000000)` має повернути число 997651.
+
+```js
+assert.strictEqual(consecutivePrimeSum(1000000), 997651);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function consecutivePrimeSum(limit) {
+
+  return true;
+}
+
+consecutivePrimeSum(1000000);
+```
+
+# --solutions--
+
+```js
+function consecutivePrimeSum(limit) {
+  function isPrime(num) {
+    if (num < 2) {
+      return false;
+    } else if (num === 2) {
+      return true;
+    }
+    const sqrtOfNum = Math.floor(num ** 0.5);
+    for (let i = 2; i <= sqrtOfNum + 1; i++) {
+      if (num % i === 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+  function getPrimes(limit) {
+    const primes = [];
+    for (let i = 0; i <= limit; i++) {
+      if (isPrime(i)) primes.push(i);
+    }
+    return primes;
+  }
+
+  const primes = getPrimes(limit);
+  let primeSum = [...primes];
+  primeSum.reduce((acc, n, i) => {
+    primeSum[i] += acc;
+    return acc += n;
+  }, 0);
+
+  for (let j = primeSum.length - 1; j >= 0; j--) {
+    for (let i = 0; i < j; i++) {
+      const sum = primeSum[j] - primeSum[i];
+      if (sum > limit) break;
+      if (isPrime(sum) && primes.indexOf(sum) > -1) return sum;
+    }
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.md
new file mode 100644
index 0000000000..1b7a8442a6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-51-prime-digit-replacements.md
@@ -0,0 +1,125 @@
+---
+id: 5900f39f1000cf542c50feb2
+title: 'Завдання 51: Заміна цифр у простому числі'
+challengeType: 5
+forumTopicId: 302162
+dashedName: problem-51-prime-digit-replacements
+---
+
+# --description--
+
+Замінивши першу цифру двоцифрового числа \*3 виявляється, що шість із дев'яти можливих значень 13, 23, 43, 53, 73 та 83 є простими числами.
+
+При заміні 3-ї і 4-ї цифри числа 56\*\*3 однаковими цифрами, виходить, що це 5-значне число - перший приклад, який містить сім простих чисел серед десяти згенерованих, що утворюють сімейство: 56003, 56113, 56333, 56443, 56663, 56773, and 56993. Отже, число 56003, як перший член цього сімейства, є найменшим простим числом з цією властивістю.
+
+Знайдіть найменше просте число, котре при заміні частини числа (не обов'язково суміжних цифр) однаковими цифрами, буде частиною сімейства `n` простих значень.
+
+# --hints--
+
+`primeDigitReplacements(6)` має повернути число.
+
+```js
+assert(typeof primeDigitReplacements(6) === 'number');
+```
+
+`primeDigitReplacements(6)` має повернути `13`.
+
+```js
+assert.strictEqual(primeDigitReplacements(6), 13);
+```
+
+`primeDigitReplacements(7)` має повернути `56003`.
+
+```js
+assert.strictEqual(primeDigitReplacements(7), 56003);
+```
+
+`primeDigitReplacements(8)` має повернути `121313`.
+
+```js
+assert.strictEqual(primeDigitReplacements(8), 121313);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeDigitReplacements(n) {
+
+  return true;
+}
+
+primeDigitReplacements(6);
+```
+
+# --solutions--
+
+```js
+function primeDigitReplacements(n) {
+  function isNFamily(number, primesMap, n) {
+    const prime = number.toString();
+    const lastDigit = prime[prime.length - 1];
+    return (
+      doesReplacingMakeFamily(prime, '0', primesMap, n) ||
+      (lastDigit !== '1' &&
+        doesReplacingMakeFamily(prime, '1', primesMap, n)) ||
+      doesReplacingMakeFamily(prime, '2', primesMap, n)
+    );
+  }
+
+  function doesReplacingMakeFamily(prime, digitToReplace, primesMap, family) {
+    let count = 0;
+    const replaceWith = '0123456789';
+
+    for (let i = 0; i < replaceWith.length; i++) {
+      const nextNumber = parseInt(
+        prime.replace(new RegExp(digitToReplace, 'g'), replaceWith[i]),
+        10
+      );
+
+      if (isPartOfFamily(nextNumber, prime, primesMap)) {
+        count++;
+      }
+    }
+    return count === family;
+  }
+
+  function isPartOfFamily(number, prime, primesMap) {
+    return (
+      isPrime(number, primesMap) && number.toString().length === prime.length
+    );
+  }
+
+  function getSievePrimes(max) {
+    const primesMap = new Array(max).fill(true);
+    primesMap[0] = false;
+    primesMap[1] = false;
+
+    for (let i = 2; i < max; i++) {
+      if (primesMap[i]) {
+        let j = i * i;
+        for (j; j < max; j += i) {
+          primesMap[j] = false;
+        }
+      }
+    }
+    return primesMap;
+  }
+
+  function isPrime(num, primesMap) {
+    return primesMap[num];
+  }
+
+  const primesMap = getSievePrimes(1000000);
+
+  for (let number = 1; number < 300000; number++) {
+    if (primesMap[number]) {
+      if (isNFamily(number, primesMap, n)) {
+        return number;
+      }
+    }
+  }
+  return -1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-52-permuted-multiples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-52-permuted-multiples.md
new file mode 100644
index 0000000000..0600f96231
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-52-permuted-multiples.md
@@ -0,0 +1,81 @@
+---
+id: 5900f3a01000cf542c50feb3
+title: 'Завдання 52: Кратні числа з перестановленими цифрами'
+challengeType: 5
+forumTopicId: 302163
+dashedName: problem-52-permuted-multiples
+---
+
+# --description--
+
+Можна побачити, що число 125874 та його подвоєння, 251748, містять однакові цифри, але в іншому порядку.
+
+Знайдіть таке найменше додатне ціле число, щоб після множення на цілі числа $\\{2, 3, \ldots, n\\}$, містило б в собі ті самі цифри.
+
+# --hints--
+
+`permutedMultiples(2)` має повернути число.
+
+```js
+assert(typeof permutedMultiples(2) === 'number');
+```
+
+`permutedMultiples(2)` має повернути `125874`.
+
+```js
+assert.strictEqual(permutedMultiples(2), 125874);
+```
+
+`permutedMultiples(6)` має повернути `142857`.
+
+```js
+assert.strictEqual(permutedMultiples(6), 142857);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function permutedMultiples(n) {
+
+  return true;
+}
+
+permutedMultiples(2);
+```
+
+# --solutions--
+
+```js
+function permutedMultiples(n) {
+    const isPermutation = (a, b) =>
+        a.length !== b.length
+            ? false
+            : a.split('').sort().join() === b.split('').sort().join();
+
+
+    let start = 1;
+    let found = false;
+    let result = 0;
+
+    while (!found) {
+        start *= 10;
+        for (let i = start; i < start * 10 / n; i++) {
+            found = true;
+            for (let j = 2; j <= n; j++) {
+                if (!isPermutation(i + '', j * i + '')) {
+                    found = false;
+                    break;
+                }
+            }
+            if (found) {
+                result = i;
+                break;
+            }
+        }
+    }
+
+    return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-53-combinatoric-selections.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-53-combinatoric-selections.md
new file mode 100644
index 0000000000..407a25e82c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-53-combinatoric-selections.md
@@ -0,0 +1,89 @@
+---
+id: 5900f3a11000cf542c50feb4
+title: 'Завдання 53: комбінаторні вибірки'
+challengeType: 5
+forumTopicId: 302164
+dashedName: problem-53-combinatoric-selections
+---
+
+# --description--
+
+Існує рівно десять способів як з п'яти елементів 12345 вибрати три:
+
+<div style='text-align: center;'>123, 124, 125, 134, 135, 145, 234, 235, 245 і 345</div>
+
+У комбінататориці ми використовуємо позначення $\\displaystyle \\binom 5 = 10$
+
+Загалом, $\\displaystyle \\binom n r = \\dfrac{n!}{r!(n-r)!}$, де $r \\le n$, $n! = n \\times (n-1) \\times ... \\times 3 \\times 2 \\times 1$, та $0! = 1$.
+
+І тільки тоді, коли $n = 23$, значення перевищує один мільйон: $\\displaystyle \\binom {23} {10} = 1144066$.
+
+Скільки, не обов'язково різних, значень $\\displaystyle \\binom n r$ для $1 \\le n \\le 100$, є більшими за один мільйон?
+
+# --hints--
+
+`combinatoricSelections(1000)` має повернути число.
+
+```js
+assert(typeof combinatoricSelections(1000) === 'number');
+```
+
+`combinatoricSelections(1000)` має повернути число 4626.
+
+```js
+assert.strictEqual(combinatoricSelections(1000), 4626);
+```
+
+`combinatoricSelections(10000)` має повернути число 4431.
+
+```js
+assert.strictEqual(combinatoricSelections(10000), 4431);
+```
+
+`combinatoricSelections(100000)` має повернути число 4255.
+
+```js
+assert.strictEqual(combinatoricSelections(100000), 4255);
+```
+
+`combinatoricSelections(1000000)` має повернути число 4075.
+
+```js
+assert.strictEqual(combinatoricSelections(1000000), 4075);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function combinatoricSelections(limit) {
+
+  return 1;
+}
+
+combinatoricSelections(1000000);
+```
+
+# --solutions--
+
+```js
+function combinatoricSelections(limit) {
+    const factorial = n =>
+        Array.apply(null, { length: n })
+            .map((_, i) => i + 1)
+            .reduce((p, c) => p * c, 1);
+
+    let result = 0;
+    const nMax = 100;
+
+    for (let n = 1; n <= nMax; n++) {
+        for (let r = 0; r <= n; r++) {
+            if (factorial(n) / (factorial(r) * factorial(n - r)) >= limit)
+                result++;
+        }
+    }
+
+    return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-54-poker-hands.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-54-poker-hands.md
new file mode 100644
index 0000000000..1defce5559
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-54-poker-hands.md
@@ -0,0 +1,1096 @@
+---
+id: 5900f3a21000cf542c50feb5
+title: 'Завдання 54: Покерні комбінації'
+challengeType: 5
+forumTopicId: 302165
+dashedName: problem-54-poker-hands
+---
+
+# --description--
+
+У картковій грі покер комбінація складається з п'яти карт і оцінюється від найменшої до найстаршої в такому порядку:
+
+<ul>
+  <li>Старша карта: Найстарша за значенням карта.</li>
+  <li>Одна пара: Дві карти одного значення.</li>
+  <li>Дві пари: Дві різні пари.</li>
+  <li>Трійка: Три карти одного значення.</li>
+  <li>Стріт: Всі карти мають послідовні значення.</li>
+  <li>Флеш: Всі карти однієї масті.</li>
+  <li>Фул-хаус: Три карти одного значення та дві іншого.</li>
+  <li>Каре: Чотири карти одного значення.</li>
+  <li>Стріт-флеш: Всі карти однієї масті, що йдуть у порядку зростання.</li>
+  <li>Роял-флеш: Десятка, валет, дама, король і туз однієї масті.</li>
+</ul>
+
+Значення карт оцінюється у порядку: 2, 3, 4, 5, 6, 7, 8, 9, 10, валет, дама, король, туз.
+
+Якщо у двох гравців комбінації одного порядку, то виграє той, у кого карти старшого значення: наприклад, дві вісімки виграють дві п'ятірки (див. приклад 1 нижче). Якщо ж значення карт у гравців однакові, наприклад, у обох гравців пара дам, то порівнюють найстарші карти у кожній комбінації (див. приклад 4 нижче); якщо ж і ці карти однакові, порівнюють наступні дві і т. д.
+
+Розглянемо наступні п'ять комбінацій, які роздали двом гравцям:
+
+| Комбінація                | Гравець 1                                                                | Гравець 2                                                             | Переможець |
+| ------------------------- | ------------------------------------------------------------------------ | --------------------------------------------------------------------- | ---------- |
+| <strong>1</strong> | 5H 5C 6S 7S КД <br> Пара п'ятірок                                  | 2C 3S 8S 8D TD <br> Пара вісімок                                | Гравець 2  |
+| <strong>2</strong> | 5D 8C 9S JS AC <br> Найстарша карта - туз                          | 2C 5C 7D 8S QH <br> Найстарша карта - дама                      | Гравець 1  |
+| <strong>3</strong> | 2D 9C AS AH AC <br> Три тузи                                       | 3D 6D 7D TD QD <br> Флеш з бубнами                              | Гравець 2  |
+| <strong>4</strong> | 4D 6S 9H QH QC <br> Пара дам <br> Найстарша карта - дев'ятка | 3D 6D 7H QD QS <br> Пара дам <br> Найстарша карта - сімка | Гравець 1  |
+| <strong>5</strong> | 2H 2D 4C 4D 4S <br> Фул-хаус <br> з трьома четвірками        | 3C 3D 3S 9S 9D <br> Фул-хаус <br> з трьома трійками       | Гравець 1  |
+
+Глобальний масив (`handsArr`) переданий до функції, складається з тисячі випадкових карт, які розподілені між гравцями. У кожному рядку файлу є десять карт (розділених одним пробілом): перші п'ять - це карти 1-го гравця, а ті п'ять, що залишилися - карти 2-го гравця. Можете вважати, що всі комбінації правильні (немає недопустимих символів або повторів карт), роздача карт гравцям проводиться не у визначеному порядку, і що при кожній роздачі є безумовний переможець.
+
+Скільки комбінацій виграє 1-й гравець?
+
+# --hints--
+
+`pokerHands(testArr)` має повернути число.
+
+```js
+assert(typeof pokerHands(testArr) === 'number');
+```
+
+`pokerHands(testArr)` має повернути число 2.
+
+```js
+assert.strictEqual(pokerHands(testArr), 2);
+```
+
+`pokerHands(handsArr)` має повернути число 376.
+
+```js
+assert.strictEqual(pokerHands(handsArr), 376);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const handsArr = [
+  '8C TS KC 9H 4S 7D 2S 5D 3S AC',
+  '5C AD 5D AC 9C 7C 5H 8D TD KS',
+  '3H 7H 6S KC JS QH TD JC 2D 8S',
+  'TH 8H 5C QS TC 9H 4D JC KS JS',
+  '7C 5H KC QH JD AS KH 4C AD 4S',
+  '5H KS 9C 7D 9H 8D 3S 5D 5C AH',
+  '6H 4H 5C 3H 2H 3S QH 5S 6S AS',
+  'TD 8C 4H 7C TC KC 4C 3H 7S KS',
+  '7C 9C 6D KD 3H 4C QS QC AC KH',
+  'JC 6S 5H 2H 2D KD 9D 7C AS JS',
+  'AD QH TH 9D 8H TS 6D 3S AS AC',
+  '2H 4S 5C 5S TC KC JD 6C TS 3C',
+  'QD AS 6H JS 2C 3D 9H KC 4H 8S',
+  'KD 8S 9S 7C 2S 3S 6D 6S 4H KC',
+  '3C 8C 2D 7D 4D 9S 4S QH 4H JD',
+  '8C KC 7S TC 2D TS 8H QD AC 5C',
+  '3D KH QD 6C 6S AD AS 8H 2H QS',
+  '6S 8D 4C 8S 6C QH TC 6D 7D 9D',
+  '2S 8D 8C 4C TS 9S 9D 9C AC 3D',
+  '3C QS 2S 4H JH 3D 2D TD 8S 9H',
+  '5H QS 8S 6D 3C 8C JD AS 7H 7D',
+  '6H TD 9D AS JH 6C QC 9S KD JC',
+  'AH 8S QS 4D TH AC TS 3C 3D 5C',
+  '5S 4D JS 3D 8H 6C TS 3S AD 8C',
+  '6D 7C 5D 5H 3S 5C JC 2H 5S 3D',
+  '5H 6H 2S KS 3D 5D JD 7H JS 8H',
+  'KH 4H AS JS QS QC TC 6D 7C KS',
+  '3D QS TS 2H JS 4D AS 9S JC KD',
+  'QD 5H 4D 5D KH 7H 3D JS KD 4H',
+  '2C 9H 6H 5C 9D 6C JC 2D TH 9S',
+  '7D 6D AS QD JH 4D JS 7C QS 5C',
+  '3H KH QD AD 8C 8H 3S TH 9D 5S',
+  'AH 9S 4D 9D 8S 4H JS 3C TC 8D',
+  '2C KS 5H QD 3S TS 9H AH AD 8S',
+  '5C 7H 5D KD 9H 4D 3D 2D KS AD',
+  'KS KC 9S 6D 2C QH 9D 9H TS TC',
+  '9C 6H 5D QH 4D AD 6D QC JS KH',
+  '9S 3H 9D JD 5C 4D 9H AS TC QH',
+  '2C 6D JC 9C 3C AD 9S KH 9D 7D',
+  'KC 9C 7C JC JS KD 3H AS 3C 7D',
+  'QD KH QS 2C 3S 8S 8H 9H 9C JC',
+  'QH 8D 3C KC 4C 4H 6D AD 9H 9D',
+  '3S KS QS 7H KH 7D 5H 5D JD AD',
+  '2H 2C 6H TH TC 7D 8D 4H 8C AS',
+  '4S 2H AC QC 3S 6D TH 4D 4C KH',
+  '4D TC KS AS 7C 3C 6D 2D 9H 6C',
+  '8C TD 5D QS 2C 7H 4C 9C 3H 9H',
+  '5H JH TS 7S TD 6H AD QD 8H 8S',
+  '5S AD 9C 8C 7C 8D 5H 9D 8S 2S',
+  '4H KH KS 9S 2S KC 5S AD 4S 7D',
+  'QS 9C QD 6H JS 5D AC 8D 2S AS',
+  'KH AC JC 3S 9D 9S 3C 9C 5S JS',
+  'AD 3C 3D KS 3S 5C 9C 8C TS 4S',
+  'JH 8D 5D 6H KD QS QD 3D 6C KC',
+  '8S JD 6C 3S 8C TC QC 3C QH JS',
+  'KC JC 8H 2S 9H 9C JH 8S 8C 9S',
+  '8S 2H QH 4D QC 9D KC AS TH 3C',
+  '8S 6H TH 7C 2H 6S 3C 3H AS 7S',
+  'QH 5S JS 4H 5H TS 8H AH AC JC',
+  '9D 8H 2S 4S TC JC 3C 7H 3H 5C',
+  '3D AD 3C 3S 4C QC AS 5D TH 8C',
+  '6S 9D 4C JS KH AH TS JD 8H AD',
+  '4C 6S 9D 7S AC 4D 3D 3S TC JD',
+  'AD 7H 6H 4H JH KC TD TS 7D 6S',
+  '8H JH TC 3S 8D 8C 9S 2C 5C 4D',
+  '2C 9D KC QH TH QS JC 9C 4H TS',
+  'QS 3C QD 8H KH 4H 8D TD 8S AC',
+  '7C 3C TH 5S 8H 8C 9C JD TC KD',
+  'QC TC JD TS 8C 3H 6H KD 7C TD',
+  'JH QS KS 9C 6D 6S AS 9H KH 6H',
+  '2H 4D AH 2D JH 6H TD 5D 4H JD',
+  'KD 8C 9S JH QD JS 2C QS 5C 7C',
+  '4S TC 7H 8D 2S 6H 7S 9C 7C KC',
+  '8C 5D 7H 4S TD QC 8S JS 4H KS',
+  'AD 8S JH 6D TD KD 7C 6C 2D 7D',
+  'JC 6H 6S JS 4H QH 9H AH 4C 3C',
+  '6H 5H AS 7C 7S 3D KH KC 5D 5C',
+  'JC 3D TD AS 4D 6D 6S QH JD KS',
+  '8C 7S 8S QH 2S JD 5C 7H AH QD',
+  '8S 3C 6H 6C 2C 8D TD 7D 4C 4D',
+  '5D QH KH 7C 2S 7H JS 6D QC QD',
+  'AD 6C 6S 7D TH 6H 2H 8H KH 4H',
+  'KS JS KD 5D 2D KH 7D 9C 8C 3D',
+  '9C 6D QD 3C KS 3S 7S AH JD 2D',
+  'AH QH AS JC 8S 8H 4C KC TH 7D',
+  'JC 5H TD 7C 5D KD 4C AD 8H JS',
+  'KC 2H AC AH 7D JH KH 5D 7S 6D',
+  '9S 5S 9C 6H 8S TD JD 9H 6C AC',
+  '7D 8S 6D TS KD 7H AC 5S 7C 5D',
+  'AH QC JC 4C TC 8C 2H TS 2C 7D',
+  'KD KC 6S 3D 7D 2S 8S 3H 5S 5C',
+  '8S 5D 8H 4C 6H KC 3H 7C 5S KD',
+  'JH 8C 3D 3C 6C KC TD 7H 7C 4C',
+  'JC KC 6H TS QS TD KS 8H 8C 9S',
+  '6C 5S 9C QH 7D AH KS KC 9S 2C',
+  '4D 4S 8H TD 9C 3S 7D 9D AS TH',
+  '6S 7D 3C 6H 5D KD 2C 5C 9D 9C',
+  '2H KC 3D AD 3H QD QS 8D JC 4S',
+  '8C 3H 9C 7C AD 5D JC 9D JS AS',
+  '5D 9H 5C 7H 6S 6C QC JC QD 9S',
+  'JC QS JH 2C 6S 9C QC 3D 4S TC',
+  '4H 5S 8D 3D 4D 2S KC 2H JS 2C',
+  'TD 3S TH KD 4D 7H JH JS KS AC',
+  '7S 8C 9S 2D 8S 7D 5C AD 9D AS',
+  '8C 7H 2S 6C TH 3H 4C 3S 8H AC',
+  'KD 5H JC 8H JD 2D 4H TD JH 5C',
+  '3D AS QH KS 7H JD 8S 5S 6D 5H',
+  '9S 6S TC QS JC 5C 5D 9C TH 8C',
+  '5H 3S JH 9H 2S 2C 6S 7S AS KS',
+  '8C QD JC QS TC QC 4H AC KH 6C',
+  'TC 5H 7D JH 4H 2H 8D JC KS 4D',
+  '5S 9C KH KD 9H 5C TS 3D 7D 2D',
+  '5H AS TC 4D 8C 2C TS 9D 3H 8D',
+  '6H 8D 2D 9H JD 6C 4S 5H 5S 6D',
+  'AD 9C JC 7D 6H 9S 6D JS 9H 3C',
+  'AD JH TC QS 4C 5D 9S 7C 9C AH',
+  'KD 6H 2H TH 8S QD KS 9D 9H AS',
+  '4H 8H 8D 5H 6C AH 5S AS AD 8S',
+  'QS 5D 4S 2H TD KS 5H AC 3H JC',
+  '9C 7D QD KD AC 6D 5H QH 6H 5S',
+  'KC AH QH 2H 7D QS 3H KS 7S JD',
+  '6C 8S 3H 6D KS QD 5D 5C 8H TC',
+  '9H 4D 4S 6S 9D KH QC 4H 6C JD',
+  'TD 2D QH 4S 6H JH KD 3C QD 8C',
+  '4S 6H 7C QD 9D AS AH 6S AD 3C',
+  '2C KC TH 6H 8D AH 5C 6D 8S 5D',
+  'TD TS 7C AD JC QD 9H 3C KC 7H',
+  '5D 4D 5S 8H 4H 7D 3H JD KD 2D',
+  'JH TD 6H QS 4S KD 5C 8S 7D 8H',
+  'AC 3D AS 8C TD 7H KH 5D 6C JD',
+  '9D KS 7C 6D QH TC JD KD AS KC',
+  'JH 8S 5S 7S 7D AS 2D 3D AD 2H',
+  '2H 5D AS 3C QD KC 6H 9H 9S 2C',
+  '9D 5D TH 4C JH 3H 8D TC 8H 9H',
+  '6H KD 2C TD 2H 6C 9D 2D JS 8C',
+  'KD 7S 3C 7C AS QH TS AD 8C 2S',
+  'QS 8H 6C JS 4C 9S QC AD TD TS',
+  '2H 7C TS TC 8C 3C 9H 2D 6D JC',
+  'TC 2H 8D JH KS 6D 3H TD TH 8H',
+  '9D TD 9H QC 5D 6C 8H 8C KC TS',
+  '2H 8C 3D AH 4D TH TC 7D 8H KC',
+  'TS 5C 2D 8C 6S KH AH 5H 6H KC',
+  '5S 5D AH TC 4C JD 8D 6H 8C 6C',
+  'KC QD 3D 8H 2D JC 9H 4H AD 2S',
+  'TD 6S 7D JS KD 4H QS 2S 3S 8C',
+  '4C 9H JH TS 3S 4H QC 5S 9S 9C',
+  '2C KD 9H JS 9S 3H JC TS 5D AC',
+  'AS 2H 5D AD 5H JC 7S TD JS 4C',
+  '2D 4S 8H 3D 7D 2C AD KD 9C TS',
+  '7H QD JH 5H JS AC 3D TH 4C 8H',
+  '6D KH KC QD 5C AD 7C 2D 4H AC',
+  '3D 9D TC 8S QD 2C JC 4H JD AH',
+  '6C TD 5S TC 8S AH 2C 5D AS AC',
+  'TH 7S 3D AS 6C 4C 7H 7D 4H AH',
+  '5C 2H KS 6H 7S 4H 5H 3D 3C 7H',
+  '3C 9S AC 7S QH 2H 3D 6S 3S 3H',
+  '2D 3H AS 2C 6H TC JS 6S 9C 6C',
+  'QH KD QD 6D AC 6H KH 2C TS 8C',
+  '8H 7D 3S 9H 5D 3H 4S QC 9S 5H',
+  '2D 9D 7H 6H 3C 8S 5H 4D 3S 4S',
+  'KD 9S 4S TC 7S QC 3S 8S 2H 7H',
+  'TC 3D 8C 3H 6C 2H 6H KS KD 4D',
+  'KC 3D 9S 3H JS 4S 8H 2D 6C 8S',
+  '6H QS 6C TC QD 9H 7D 7C 5H 4D',
+  'TD 9D 8D 6S 6C TC 5D TS JS 8H',
+  '4H KC JD 9H TC 2C 6S 5H 8H AS',
+  'JS 9C 5C 6S 9D JD 8H KC 4C 6D',
+  '4D 8D 8S 6C 7C 6H 7H 8H 5C KC',
+  'TC 3D JC 6D KS 9S 6H 7S 9C 2C',
+  '6C 3S KD 5H TS 7D 9H 9S 6H KH',
+  '3D QD 4C 6H TS AC 3S 5C 2H KD',
+  '4C AS JS 9S 7C TS 7H 9H JC KS',
+  '4H 8C JD 3H 6H AD 9S 4S 5S KS',
+  '4C 2C 7D 3D AS 9C 2S QS KC 6C',
+  '8S 5H 3D 2S AC 9D 6S 3S 4D TD',
+  'QD TH 7S TS 3D AC 7H 6C 5D QC',
+  'TC QD AD 9C QS 5C 8D KD 3D 3C',
+  '9D 8H AS 3S 7C 8S JD 2D 8D KC',
+  '4C TH AC QH JS 8D 7D 7S 9C KH',
+  '9D 8D 4C JH 2C 2S QD KD TS 4H',
+  '4D 6D 5D 2D JH 3S 8S 3H TC KH',
+  'AD 4D 2C QS 8C KD JH JD AH 5C',
+  '5C 6C 5H 2H JH 4H KS 7C TC 3H',
+  '3C 4C QC 5D JH 9C QD KH 8D TC',
+  '3H 9C JS 7H QH AS 7C 9H 5H JC',
+  '2D 5S QD 4S 3C KC 6S 6C 5C 4C',
+  '5D KH 2D TS 8S 9C AS 9S 7C 4C',
+  '7C AH 8C 8D 5S KD QH QS JH 2C',
+  '8C 9D AH 2H AC QC 5S 8H 7H 2C',
+  'QD 9H 5S QS QC 9C 5H JC TH 4H',
+  '6C 6S 3H 5H 3S 6H KS 8D AC 7S',
+  'AC QH 7H 8C 4S KC 6C 3D 3S TC',
+  '9D 3D JS TH AC 5H 3H 8S 3S TC',
+  'QD KH JS KS 9S QC 8D AH 3C AC',
+  '5H 6C KH 3S 9S JH 2D QD AS 8C',
+  '6C 4D 7S 7H 5S JC 6S 9H 4H JH',
+  'AH 5S 6H 9S AD 3S TH 2H 9D 8C',
+  '4C 8D 9H 7C QC AD 4S 9C KC 5S',
+  '9D 6H 4D TC 4C JH 2S 5D 3S AS',
+  '2H 6C 7C KH 5C AD QS TH JD 8S',
+  '3S 4S 7S AH AS KC JS 2S AD TH',
+  'JS KC 2S 7D 8C 5C 9C TS 5H 9D',
+  '7S 9S 4D TD JH JS KH 6H 5D 2C',
+  'JD JS JC TH 2D 3D QD 8C AC 5H',
+  '7S KH 5S 9D 5D TD 4S 6H 3C 2D',
+  '4S 5D AC 8D 4D 7C AD AS AH 9C',
+  '6S TH TS KS 2C QC AH AS 3C 4S',
+  '2H 8C 3S JC 5C 7C 3H 3C KH JH',
+  '7S 3H JC 5S 6H 4C 2S 4D KC 7H',
+  '4D 7C 4H 9S 8S 6S AD TC 6C JC',
+  'KH QS 3S TC 4C 8H 8S AC 3C TS',
+  'QD QS TH 3C TS 7H 7D AH TD JC',
+  'TD JD QC 4D 9S 7S TS AD 7D AC',
+  'AH 7H 4S 6D 7C 2H 9D KS JC TD',
+  '7C AH JD 4H 6D QS TS 2H 2C 5C',
+  'TC KC 8C 9S 4C JS 3C JC 6S AH',
+  'AS 7D QC 3D 5S JC JD 9D TD KH',
+  'TH 3C 2S 6H AH AC 5H 5C 7S 8H',
+  'QC 2D AC QD 2S 3S JD QS 6S 8H',
+  'KC 4H 3C 9D JS 6H 3S 8S AS 8C',
+  '7H KC 7D JD 2H JC QH 5S 3H QS',
+  '9H TD 3S 8H 7S AC 5C 6C AH 7C',
+  '8D 9H AH JD TD QS 7D 3S 9C 8S',
+  'AH QH 3C JD KC 4S 5S 5D TD KS',
+  '9H 7H 6S JH TH 4C 7C AD 5C 2D',
+  '7C KD 5S TC 9D 6S 6C 5D 2S TH',
+  'KC 9H 8D 5H 7H 4H QC 3D 7C AS',
+  '6S 8S QC TD 4S 5C TH QS QD 2S',
+  '8S 5H TH QC 9H 6S KC 7D 7C 5C',
+  '7H KD AH 4D KH 5C 4S 2D KC QH',
+  '6S 2C TD JC AS 4D 6C 8C 4H 5S',
+  'JC TC JD 5S 6S 8D AS 9D AD 3S',
+  '6D 6H 5D 5S TC 3D 7D QS 9D QD',
+  '4S 6C 8S 3S 7S AD KS 2D 7D 7C',
+  'KC QH JC AC QD 5D 8D QS 7H 7D',
+  'JS AH 8S 5H 3D TD 3H 4S 6C JH',
+  '4S QS 7D AS 9H JS KS 6D TC 5C',
+  '2D 5C 6H TC 4D QH 3D 9H 8S 6C',
+  '6D 7H TC TH 5S JD 5C 9C KS KD',
+  '8D TD QH 6S 4S 6C 8S KC 5C TC',
+  '5S 3D KS AC 4S 7D QD 4C TH 2S',
+  'TS 8H 9S 6S 7S QH 3C AH 7H 8C',
+  '4C 8C TS JS QC 3D 7D 5D 7S JH',
+  '8S 7S 9D QC AC 7C 6D 2H JH KC',
+  'JS KD 3C 6S 4S 7C AH QC KS 5H',
+  'KS 6S 4H JD QS TC 8H KC 6H AS',
+  'KH 7C TC 6S TD JC 5C 7D AH 3S',
+  '3H 4C 4H TC TH 6S 7H 6D 9C QH',
+  '7D 5H 4S 8C JS 4D 3D 8S QH KC',
+  '3H 6S AD 7H 3S QC 8S 4S 7S JS',
+  '3S JD KH TH 6H QS 9C 6C 2D QD',
+  '4S QH 4D 5H KC 7D 6D 8D TH 5S',
+  'TD AD 6S 7H KD KH 9H 5S KC JC',
+  '3H QC AS TS 4S QD KS 9C 7S KC',
+  'TS 6S QC 6C TH TC 9D 5C 5D KD',
+  'JS 3S 4H KD 4C QD 6D 9S JC 9D',
+  '8S JS 6D 4H JH 6H 6S 6C KS KH',
+  'AC 7D 5D TC 9S KH 6S QD 6H AS',
+  'AS 7H 6D QH 8D TH 2S KH 5C 5H',
+  '4C 7C 3D QC TC 4S KH 8C 2D JS',
+  '6H 5D 7S 5H 9C 9H JH 8S TH 7H',
+  'AS JS 2S QD KH 8H 4S AC 8D 8S',
+  '3H 4C TD KD 8C JC 5C QS 2D JD',
+  'TS 7D 5D 6C 2C QS 2H 3C AH KS',
+  '4S 7C 9C 7D JH 6C 5C 8H 9D QD',
+  '2S TD 7S 6D 9C 9S QS KH QH 5C',
+  'JC 6S 9C QH JH 8D 7S JS KH 2H',
+  '8D 5H TH KC 4D 4S 3S 6S 3D QS',
+  '2D JD 4C TD 7C 6D TH 7S JC AH',
+  'QS 7S 4C TH 9D TS AD 4D 3H 6H',
+  '2D 3H 7D JD 3D AS 2S 9C QC 8S',
+  '4H 9H 9C 2C 7S JH KD 5C 5D 6H',
+  'TC 9H 8H JC 3C 9S 8D KS AD KC',
+  'TS 5H JD QS QH QC 8D 5D KH AH',
+  '5D AS 8S 6S 4C AH QC QD TH 7H',
+  '3H 4H 7D 6S 4S 9H AS 8H JS 9D',
+  'JD 8C 2C 9D 7D 5H 5S 9S JC KD',
+  'KD 9C 4S QD AH 7C AD 9D AC TD',
+  '6S 4H 4S 9C 8D KS TC 9D JH 7C',
+  '5S JC 5H 4S QH AC 2C JS 2S 9S',
+  '8C 5H AS QD AD 5C 7D 8S QC TD',
+  'JC 4C 8D 5C KH QS 4D 6H 2H 2C',
+  'TH 4S 2D KC 3H QD AC 7H AD 9D',
+  'KH QD AS 8H TH KC 8D 7S QH 8C',
+  'JC 6C 7D 8C KH AD QS 2H 6S 2D',
+  'JC KH 2D 7D JS QC 5H 4C 5D AD',
+  'TS 3S AD 4S TD 2D TH 6S 9H JH',
+  '9H 2D QS 2C 4S 3D KH AS AC 9D',
+  'KH 6S 8H 4S KD 7D 9D TS QD QC',
+  'JH 5H AH KS AS AD JC QC 5S KH',
+  '5D 7D 6D KS KD 3D 7C 4D JD 3S',
+  'AC JS 8D 5H 9C 3H 4H 4D TS 2C',
+  '6H KS KH 9D 7C 2S 6S 8S 2H 3D',
+  '6H AC JS 7S 3S TD 8H 3H 4H TH',
+  '9H TC QC KC 5C KS 6H 4H AC 8S',
+  'TC 7D QH 4S JC TS 6D 6C AC KH',
+  'QH 7D 7C JH QS QD TH 3H 5D KS',
+  '3D 5S 8D JS 4C 2C KS 7H 9C 4H',
+  '5H 8S 4H TD 2C 3S QD QC 3H KC',
+  'QC JS KD 9C AD 5S 9D 7D 7H TS',
+  '8C JC KH 7C 7S 6C TS 2C QD TH',
+  '5S 9D TH 3C 7S QH 8S 9C 2H 5H',
+  '5D 9H 6H 2S JS KH 3H 7C 2H 5S',
+  'JD 5D 5S 2C TC 2S 6S 6C 3C 8S',
+  '4D KH 8H 4H 2D KS 3H 5C 2S 9H',
+  '3S 2D TD 7H 8S 6H JD KC 9C 8D',
+  '6S QD JH 7C 9H 5H 8S 8H TH TD',
+  'QS 7S TD 7D TS JC KD 7C 3C 2C',
+  '3C JD 8S 4H 2D 2S TD AS 4D AC',
+  'AH KS 6C 4C 4S 7D 8C 9H 6H AS',
+  '5S 3C 9S 2C QS KD 4D 4S AC 5D',
+  '2D TS 2C JS KH QH 5D 8C AS KC',
+  'KD 3H 6C TH 8S 7S KH 6H 9S AC',
+  '6H 7S 6C QS AH 2S 2H 4H 5D 5H',
+  '5H JC QD 2C 2S JD AS QC 6S 7D',
+  '6C TC AS KD 8H 9D 2C 7D JH 9S',
+  '2H 4C 6C AH 8S TD 3H TH 7C TS',
+  'KD 4S TS 6C QH 8D 9D 9C AH 7D',
+  '6D JS 5C QD QC 9C 5D 8C 2H KD',
+  '3C QH JH AD 6S AH KC 8S 6D 6H',
+  '3D 7C 4C 7S 5S 3S 6S 5H JC 3C',
+  'QH 7C 5H 3C 3S 8C TS 4C KD 9C',
+  'QD 3S 7S 5H 7H QH JC 7C 8C KD',
+  '3C KD KH 2S 4C TS AC 6S 2C 7C',
+  '2C KH 3C 4C 6H 4D 5H 5S 7S QD',
+  '4D 7C 8S QD TS 9D KS 6H KD 3C',
+  'QS 4D TS 7S 4C 3H QD 8D 9S TC',
+  'TS QH AC 6S 3C 9H 9D QS 8S 6H',
+  '3S 7S 5D 4S JS 2D 6C QH 6S TH',
+  '4C 4H AS JS 5D 3D TS 9C AC 8S',
+  '6S 9C 7C 3S 5C QS AD AS 6H 3C',
+  '9S 8C 7H 3H 6S 7C AS 9H JD KH',
+  '3D 3H 7S 4D 6C 7C AC 2H 9C TH',
+  '4H 5S 3H AC TC TH 9C 9H 9S 8D',
+  '8D 9H 5H 4D 6C 2H QD 6S 5D 3S',
+  '4C 5C JD QS 4D 3H TH AC QH 8C',
+  'QC 5S 3C 7H AD 4C KS 4H JD 6D',
+  'QS AH 3H KS 9H 2S JS JH 5H 2H',
+  '2H 5S TH 6S TS 3S KS 3C 5H JS',
+  '2D 9S 7H 3D KC JH 6D 7D JS TD',
+  'AC JS 8H 2C 8C JH JC 2D TH 7S',
+  '5D 9S 8H 2H 3D TC AH JC KD 9C',
+  '9D QD JC 2H 6D KH TS 9S QH TH',
+  '2C 8D 4S JD 5H 3H TH TC 9C KC',
+  'AS 3D 9H 7D 4D TH KH 2H 7S 3H',
+  '4H 7S KS 2S JS TS 8S 2H QD 8D',
+  '5S 6H JH KS 8H 2S QC AC 6S 3S',
+  'JC AS AD QS 8H 6C KH 4C 4D QD',
+  '2S 3D TS TD 9S KS 6S QS 5C 8D',
+  '3C 6D 4S QC KC JH QD TH KH AD',
+  '9H AH 4D KS 2S 8D JH JC 7C QS',
+  '2D 6C TH 3C 8H QD QH 2S 3S KS',
+  '6H 5D 9S 4C TS TD JS QD 9D JD',
+  '5H 8H KH 8S KS 7C TD AD 4S KD',
+  '2C 7C JC 5S AS 6C 7D 8S 5H 9C',
+  '6S QD 9S TS KH QS 5S QH 3C KC',
+  '7D 3H 3C KD 5C AS JH 7H 6H JD',
+  '9D 5C 9H KC 8H KS 4S AD 4D 2S',
+  '3S JD QD 8D 2S 7C 5S 6S 5H TS',
+  '6D 9S KC TD 3S 6H QD JD 5C 8D',
+  '5H 9D TS KD 8D 6H TD QC 4C 7D',
+  '6D 4S JD 9D AH 9S AS TD 9H QD',
+  '2D 5S 2H 9C 6H 9S TD QC 7D TC',
+  '3S 2H KS TS 2C 9C 8S JS 9D 7D',
+  '3C KC 6D 5D 6C 6H 8S AS 7S QS',
+  'JH 9S 2H 8D 4C 8H 9H AD TH KH',
+  'QC AS 2S JS 5C 6H KD 3H 7H 2C',
+  'QD 8H 2S 8D 3S 6D AH 2C TC 5C',
+  'JD JS TS 8S 3H 5D TD KC JC 6H',
+  '6S QS TC 3H 5D AH JC 7C 7D 4H',
+  '7C 5D 8H 9C 2H 9H JH KH 5S 2C',
+  '9C 7H 6S TH 3S QC QD 4C AC JD',
+  '2H 5D 9S 7D KC 3S QS 2D AS KH',
+  '2S 4S 2H 7D 5C TD TH QH 9S 4D',
+  '6D 3S TS 6H 4H KS 9D 8H 5S 2D',
+  '9H KS 4H 3S 5C 5D KH 6H 6S JS',
+  'KC AS 8C 4C JC KH QC TH QD AH',
+  '6S KH 9S 2C 5H TC 3C 7H JC 4D',
+  'JD 4S 6S 5S 8D 7H 7S 4D 4C 2H',
+  '7H 9H 5D KH 9C 7C TS TC 7S 5H',
+  '4C 8D QC TS 4S 9H 3D AD JS 7C',
+  '8C QS 5C 5D 3H JS AH KC 4S 9D',
+  'TS JD 8S QS TH JH KH 2D QD JS',
+  'JD QC 5D 6S 9H 3S 2C 8H 9S TS',
+  '2S 4C AD 7H JC 5C 2D 6D 4H 3D',
+  '7S JS 2C 4H 8C AD QD 9C 3S TD',
+  'JD TS 4C 6H 9H 7D QD 6D 3C AS',
+  'AS 7C 4C 6S 5D 5S 5C JS QC 4S',
+  'KD 6S 9S 7C 3C 5S 7D JH QD JS',
+  '4S 7S JH 2C 8S 5D 7H 3D QH AD',
+  'TD 6H 2H 8D 4H 2D 7C AD KH 5D',
+  'TS 3S 5H 2C QD AH 2S 5C KH TD',
+  'KC 4D 8C 5D AS 6C 2H 2S 9H 7C',
+  'KD JS QC TS QS KH JH 2C 5D AD',
+  '3S 5H KC 6C 9H 3H 2H AD 7D 7S',
+  '7S JS JH KD 8S 7D 2S 9H 7C 2H',
+  '9H 2D 8D QC 6S AD AS 8H 5H 6C',
+  '2S 7H 6C 6D 7D 8C 5D 9D JC 3C',
+  '7C 9C 7H JD 2H KD 3S KH AD 4S',
+  'QH AS 9H 4D JD KS KD TS KH 5H',
+  '4C 8H 5S 3S 3D 7D TD AD 7S KC',
+  'JS 8S 5S JC 8H TH 9C 4D 5D KC',
+  '7C 5S 9C QD 2C QH JS 5H 8D KH',
+  'TD 2S KS 3D AD KC 7S TC 3C 5D',
+  '4C 2S AD QS 6C 9S QD TH QH 5C',
+  '8C AD QS 2D 2S KC JD KS 6C JC',
+  '8D 4D JS 2H 5D QD 7S 7D QH TS',
+  '6S 7H 3S 8C 8S 9D QS 8H 6C 9S',
+  '4S TC 2S 5C QD 4D QS 6D TH 6S',
+  '3S 5C 9D 6H 8D 4C 7D TC 7C TD',
+  'AH 6S AS 7H 5S KD 3H 5H AC 4C',
+  '8D 8S AH KS QS 2C AD 6H 7D 5D',
+  '6H 9H 9S 2H QS 8S 9C 5D 2D KD',
+  'TS QC 5S JH 7D 7S TH 9S 9H AC',
+  '7H 3H 6S KC 4D 6D 5C 4S QD TS',
+  'TD 2S 7C QD 3H JH 9D 4H 7S 7H',
+  'KS 3D 4H 5H TC 2S AS 2D 6D 7D',
+  '8H 3C 7H TD 3H AD KC TH 9C KH',
+  'TC 4C 2C 9S 9D 9C 5C 2H JD 3C',
+  '3H AC TS 5D AD 8D 6H QC 6S 8C',
+  '2S TS 3S JD 7H 8S QH 4C 5S 8D',
+  'AC 4S 6C 3C KH 3D 7C 2D 8S 2H',
+  '4H 6C 8S TH 2H 4S 8H 9S 3H 7S',
+  '7C 4C 9C 2C 5C AS 5D KD 4D QH',
+  '9H 4H TS AS 7D 8D 5D 9S 8C 2H',
+  'QC KD AC AD 2H 7S AS 3S 2D 9S',
+  '2H QC 8H TC 6D QD QS 5D KH 3C',
+  'TH JD QS 4C 2S 5S AD 7H 3S AS',
+  '7H JS 3D 6C 3S 6D AS 9S AC QS',
+  '9C TS AS 8C TC 8S 6H 9D 8D 6C',
+  '4D JD 9C KC 7C 6D KS 3S 8C AS',
+  '3H 6S TC 8D TS 3S KC 9S 7C AS',
+  '8C QC 4H 4S 8S 6C 3S TC AH AC',
+  '4D 7D 5C AS 2H 6S TS QC AD TC',
+  'QD QC 8S 4S TH 3D AH TS JH 4H',
+  '5C 2D 9S 2C 3H 3C 9D QD QH 7D',
+  'KC 9H 6C KD 7S 3C 4D AS TC 2D',
+  '3D JS 4D 9D KS 7D TH QC 3H 3C',
+  '8D 5S 2H 9D 3H 8C 4C 4H 3C TH',
+  'JC TH 4S 6S JD 2D 4D 6C 3D 4C',
+  'TS 3S 2D 4H AC 2C 6S 2H JH 6H',
+  'TD 8S AD TC AH AC JH 9S 6S 7S',
+  '6C KC 4S JD 8D 9H 5S 7H QH AH',
+  'KD 8D TS JH 5C 5H 3H AD AS JS',
+  '2D 4H 3D 6C 8C 7S AD 5D 5C 8S',
+  'TD 5D 7S 9C 4S 5H 6C 8C 4C 8S',
+  'JS QH 9C AS 5C QS JC 3D QC 7C',
+  'JC 9C KH JH QS QC 2C TS 3D AD',
+  '5D JH AC 5C 9S TS 4C JD 8C KS',
+  'KC AS 2D KH 9H 2C 5S 4D 3D 6H',
+  'TH AH 2D 8S JC 3D 8C QH 7S 3S',
+  '8H QD 4H JC AS KH KS 3C 9S 6D',
+  '9S QH 7D 9C 4S AC 7H KH 4D KD',
+  'AH AD TH 6D 9C 9S KD KS QH 4H',
+  'QD 6H 9C 7C QS 6D 6S 9D 5S JH',
+  'AH 8D 5H QD 2H JC KS 4H KH 5S',
+  '5C 2S JS 8D 9C 8C 3D AS KC AH',
+  'JD 9S 2H QS 8H 5S 8C TH 5C 4C',
+  'QC QS 8C 2S 2C 3S 9C 4C KS KH',
+  '2D 5D 8S AH AD TD 2C JS KS 8C',
+  'TC 5S 5H 8H QC 9H 6H JD 4H 9S',
+  '3C JH 4H 9H AH 4S 2H 4C 8D AC',
+  '8S TH 4D 7D 6D QD QS 7S TC 7C',
+  'KH 6D 2D JD 5H JS QD JH 4H 4S',
+  '9C 7S JH 4S 3S TS QC 8C TC 4H',
+  'QH 9D 4D JH QS 3S 2C 7C 6C 2D',
+  '4H 9S JD 5C 5H AH 9D TS 2D 4C',
+  'KS JH TS 5D 2D AH JS 7H AS 8D',
+  'JS AH 8C AD KS 5S 8H 2C 6C TH',
+  '2H 5D AD AC KS 3D 8H TS 6H QC',
+  '6D 4H TS 9C 5H JS JH 6S JD 4C',
+  'JH QH 4H 2C 6D 3C 5D 4C QS KC',
+  '6H 4H 6C 7H 6S 2S 8S KH QC 8C',
+  '3H 3D 5D KS 4H TD AD 3S 4D TS',
+  '5S 7C 8S 7D 2C KS 7S 6C 8C JS',
+  '5D 2H 3S 7C 5C QD 5H 6D 9C 9H',
+  'JS 2S KD 9S 8D TD TS AC 8C 9D',
+  '5H QD 2S AC 8C 9H KS 7C 4S 3C',
+  'KH AS 3H 8S 9C JS QS 4S AD 4D',
+  'AS 2S TD AD 4D 9H JC 4C 5H QS',
+  '5D 7C 4H TC 2D 6C JS 4S KC 3S',
+  '4C 2C 5D AC 9H 3D JD 8S QS QH',
+  '2C 8S 6H 3C QH 6D TC KD AC AH',
+  'QC 6C 3S QS 4S AC 8D 5C AD KH',
+  '5S 4C AC KH AS QC 2C 5C 8D 9C',
+  '8H JD 3C KH 8D 5C 9C QD QH 9D',
+  '7H TS 2C 8C 4S TD JC 9C 5H QH',
+  'JS 4S 2C 7C TH 6C AS KS 7S JD',
+  'JH 7C 9H 7H TC 5H 3D 6D 5D 4D',
+  '2C QD JH 2H 9D 5S 3D TD AD KS',
+  'JD QH 3S 4D TH 7D 6S QS KS 4H',
+  'TC KS 5S 8D 8H AD 2S 2D 4C JH',
+  '5S JH TC 3S 2D QS 9D 4C KD 9S',
+  'AC KH 3H AS 9D KC 9H QD 6C 6S',
+  '9H 7S 3D 5C 7D KC TD 8H 4H 6S',
+  '3C 7H 8H TC QD 4D 7S 6S QH 6C',
+  '6D AD 4C QD 6C 5D 7D 9D KS TS',
+  'JH 2H JD 9S 7S TS KH 8D 5D 8H',
+  '2D 9S 4C 7D 9D 5H QD 6D AC 6S',
+  '7S 6D JC QD JH 4C 6S QS 2H 7D',
+  '8C TD JH KD 2H 5C QS 2C JS 7S',
+  'TC 5H 4H JH QD 3S 5S 5D 8S KH',
+  'KS KH 7C 2C 5D JH 6S 9C 6D JC',
+  '5H AH JD 9C JS KC 2H 6H 4D 5S',
+  'AS 3C TH QC 6H 9C 8S 8C TD 7C',
+  'KC 2C QD 9C KH 4D 7S 3C TS 9H',
+  '9C QC 2S TS 8C TD 9S QD 3S 3C',
+  '4D 9D TH JH AH 6S 2S JD QH JS',
+  'QD 9H 6C KD 7D 7H 5D 6S 8H AH',
+  '8H 3C 4S 2H 5H QS QH 7S 4H AC',
+  'QS 3C 7S 9S 4H 3S AH KS 9D 7C',
+  'AD 5S 6S 2H 2D 5H TC 4S 3C 8C',
+  'QH TS 6S 4D JS KS JH AS 8S 6D',
+  '2C 8S 2S TD 5H AS TC TS 6C KC',
+  'KC TS 8H 2H 3H 7C 4C 5S TH TD',
+  'KD AD KH 7H 7S 5D 5H 5S 2D 9C',
+  'AD 9S 3D 7S 8C QC 7C 9C KD KS',
+  '3C QC 9S 8C 4D 5C AS QD 6C 2C',
+  '2H KC 8S JD 7S AC 8D 5C 2S 4D',
+  '9D QH 3D 2S TC 3S KS 3C 9H TD',
+  'KD 6S AC 2C 7H 5H 3S 6C 6H 8C',
+  'QH TC 8S 6S KH TH 4H 5D TS 4D',
+  '8C JS 4H 6H 2C 2H 7D AC QD 3D',
+  'QS KC 6S 2D 5S 4H TD 3H JH 4C',
+  '7S 5H 7H 8H KH 6H QS TH KD 7D',
+  '5H AD KD 7C KH 5S TD 6D 3C 6C',
+  '8C 9C 5H JD 7C KC KH 7H 2H 3S',
+  '7S 4H AD 4D 8S QS TH 3D 7H 5S',
+  '8D TC KS KD 9S 6D AD JD 5C 2S',
+  '7H 8H 6C QD 2H 6H 9D TC 9S 7C',
+  '8D 6D 4C 7C 6C 3C TH KH JS JH',
+  '5S 3S 8S JS 9H AS AD 8H 7S KD',
+  'JH 7C 2C KC 5H AS AD 9C 9S JS',
+  'AD AC 2C 6S QD 7C 3H TH KS KD',
+  '9D JD 4H 8H 4C KH 7S TS 8C KC',
+  '3S 5S 2H 7S 6H 7D KS 5C 6D AD',
+  '5S 8C 9H QS 7H 7S 2H 6C 7D TD',
+  'QS 5S TD AC 9D KC 3D TC 2D 4D',
+  'TD 2H 7D JD QD 4C 7H 5D KC 3D',
+  '4C 3H 8S KD QH 5S QC 9H TC 5H',
+  '9C QD TH 5H TS 5C 9H AH QH 2C',
+  '4D 6S 3C AC 6C 3D 2C 2H TD TH',
+  'AC 9C 5D QC 4D AD 8D 6D 8C KC',
+  'AD 3C 4H AC 8D 8H 7S 9S TD JC',
+  '4H 9H QH JS 2D TH TD TC KD KS',
+  '5S 6S 9S 8D TH AS KH 5H 5C 8S',
+  'JD 2S 9S 6S 5S 8S 5D 7S 7H 9D',
+  '5D 8C 4C 9D AD TS 2C 7D KD TC',
+  '8S QS 4D KC 5C 8D 4S KH JD KD',
+  'AS 5C AD QH 7D 2H 9S 7H 7C TC',
+  '2S 8S JD KH 7S 6C 6D AD 5D QC',
+  '9H 6H 3S 8C 8H AH TC 4H JS TD',
+  '2C TS 4D 7H 2D QC 9C 5D TH 7C',
+  '6C 8H QC 5D TS JH 5C 5H 9H 4S',
+  '2D QC 7H AS JS 8S 2H 4C 4H 8D',
+  'JS 6S AC KD 3D 3C 4S 7H TH KC',
+  'QH KH 6S QS 5S 4H 3C QD 3S 3H',
+  '7H AS KH 8C 4H 9C 5S 3D 6S TS',
+  '9C 7C 3H 5S QD 2C 3D AD AC 5H',
+  'JH TD 2D 4C TS 3H KH AD 3S 7S',
+  'AS 4C 5H 4D 6S KD JC 3C 6H 2D',
+  '3H 6S 8C 2D TH 4S AH QH AD 5H',
+  '7C 2S 9H 7H KC 5C 6D 5S 3H JC',
+  '3C TC 9C 4H QD TD JH 6D 9H 5S',
+  '7C 6S 5C 5D 6C 4S 7H 9H 6H AH',
+  'AD 2H 7D KC 2C 4C 2S 9S 7H 3S',
+  'TH 4C 8S 6S 3S AD KS AS JH TD',
+  '5C TD 4S 4D AD 6S 5D TC 9C 7D',
+  '8H 3S 4D 4S 5S 6H 5C AC 3H 3D',
+  '9H 3C AC 4S QS 8S 9D QH 5H 4D',
+  'JC 6C 5H TS AC 9C JD 8C 7C QD',
+  '8S 8H 9C JD 2D QC QH 6H 3C 8D',
+  'KS JS 2H 6H 5H QH QS 3H 7C 6D',
+  'TC 3H 4S 7H QC 2H 3S 8C JS KH',
+  'AH 8H 5S 4C 9H JD 3H 7S JC AC',
+  '3C 2D 4C 5S 6C 4S QS 3S JD 3D',
+  '5H 2D TC AH KS 6D 7H AD 8C 6H',
+  '6C 7S 3C JD 7C 8H KS KH AH 6D',
+  'AH 7D 3H 8H 8S 7H QS 5H 9D 2D',
+  'JD AC 4H 7S 8S 9S KS AS 9D QH',
+  '7S 2C 8S 5S JH QS JC AH KD 4C',
+  'AH 2S 9H 4H 8D TS TD 6H QH JD',
+  '4H JC 3H QS 6D 7S 9C 8S 9D 8D',
+  '5H TD 4S 9S 4C 8C 8D 7H 3H 3D',
+  'QS KH 3S 2C 2S 3C 7S TD 4S QD',
+  '7C TD 4D 5S KH AC AS 7H 4C 6C',
+  '2S 5H 6D JD 9H QS 8S 2C 2H TD',
+  '2S TS 6H 9H 7S 4H JC 4C 5D 5S',
+  '2C 5H 7D 4H 3S QH JC JS 6D 8H',
+  '4C QH 7C QD 3S AD TH 8S 5S TS',
+  '9H TC 2S TD JC 7D 3S 3D TH QH',
+  '7D 4C 8S 5C JH 8H 6S 3S KC 3H',
+  'JC 3H KH TC QH TH 6H 2C AC 5H',
+  'QS 2H 9D 2C AS 6S 6C 2S 8C 8S',
+  '9H 7D QC TH 4H KD QS AC 7S 3C',
+  '4D JH 6S 5S 8H KS 9S QC 3S AS',
+  'JD 2D 6S 7S TC 9H KC 3H 7D KD',
+  '2H KH 7C 4D 4S 3H JS QD 7D KC',
+  '4C JC AS 9D 3C JS 6C 8H QD 4D',
+  'AH JS 3S 6C 4C 3D JH 6D 9C 9H',
+  '9H 2D 8C 7H 5S KS 6H 9C 2S TC',
+  '6C 8C AD 7H 6H 3D KH AS 5D TH',
+  'KS 8C 3S TS 8S 4D 5S 9S 6C 4H',
+  '9H 4S 4H 5C 7D KC 2D 2H 9D JH',
+  '5C JS TC 9D 9H 5H 7S KH JC 6S',
+  '7C 9H 8H 4D JC KH JD 2H TD TC',
+  '8H 6C 2H 2C KH 6H 9D QS QH 5H',
+  'AC 7D 2S 3D QD JC 2D 8D JD JH',
+  '2H JC 2D 7H 2C 3C 8D KD TD 4H',
+  '3S 4H 6D 8D TS 3H TD 3D 6H TH',
+  'JH JC 3S AC QH 9H 7H 8S QC 2C',
+  '7H TD QS 4S 8S 9C 2S 5D 4D 2H',
+  '3D TS 3H 2S QC 8H 6H KC JC KS',
+  '5D JD 7D TC 8C 6C 9S 3D 8D AC',
+  '8H 6H JH 6C 5D 8D 8S 4H AD 2C',
+  '9D 4H 2D 2C 3S TS AS TC 3C 5D',
+  '4D TH 5H KS QS 6C 4S 2H 3D AD',
+  '5C KC 6H 2C 5S 3C 4D 2D 9H 9S',
+  'JD 4C 3H TH QH 9H 5S AH 8S AC',
+  '7D 9S 6S 2H TD 9C 4H 8H QS 4C',
+  '3C 6H 5D 4H 8C 9C KC 6S QD QS',
+  '3S 9H KD TC 2D JS 8C 6S 4H 4S',
+  '2S 4C 8S QS 6H KH 3H TH 8C 5D',
+  '2C KH 5S 3S 7S 7H 6C 9D QD 8D',
+  '8H KS AC 2D KH TS 6C JS KC 7H',
+  '9C KS 5C TD QC AH 6C 5H 9S 7C',
+  '5D 4D 3H 4H 6S 7C 7S AH QD TD',
+  '2H 7D QC 6S TC TS AH 7S 9D 3H',
+  'TH 5H QD 9S KS 7S 7C 6H 8C TD',
+  'TH 2D 4D QC 5C 7D JD AH 9C 4H',
+  '4H 3H AH 8D 6H QC QH 9H 2H 2C',
+  '2D AD 4C TS 6H 7S TH 4H QS TD',
+  '3C KD 2H 3H QS JD TC QC 5D 8H',
+  'KS JC QD TH 9S KD 8D 8C 2D 9C',
+  '3C QD KD 6D 4D 8D AH AD QC 8S',
+  '8H 3S 9D 2S 3H KS 6H 4C 7C KC',
+  'TH 9S 5C 3D 7D 6H AC 7S 4D 2C',
+  '5C 3D JD 4D 2D 6D 5H 9H 4C KH',
+  'AS 7H TD 6C 2H 3D QD KS 4C 4S',
+  'JC 3C AC 7C JD JS 8H 9S QC 5D',
+  'JD 6S 5S 2H AS 8C 7D 5H JH 3D',
+  '8D TC 5S 9S 8S 3H JC 5H 7S AS',
+  '5C TD 3D 7D 4H 8D 7H 4D 5D JS',
+  'QS 9C KS TD 2S 8S 5C 2H 4H AS',
+  'TH 7S 4H 7D 3H JD KD 5D 2S KC',
+  'JD 7H 4S 8H 4C JS 6H QH 5S 4H',
+  '2C QS 8C 5S 3H QC 2S 6C QD AD',
+  '8C 3D JD TC 4H 2H AD 5S AC 2S',
+  '5D 2C JS 2D AD 9D 3D 4C 4S JH',
+  '8D 5H 5D 6H 7S 4D KS 9D TD JD',
+  '3D 6D 9C 2S AS 7D 5S 5C 8H JD',
+  '7C 8S 3S 6S 5H JD TC AD 7H 7S',
+  '2S 9D TS 4D AC 8D 6C QD JD 3H',
+  '9S KH 2C 3C AC 3D 5H 6H 8D 5D',
+  'KS 3D 2D 6S AS 4C 2S 7C 7H KH',
+  'AC 2H 3S JC 5C QH 4D 2D 5H 7S',
+  'TS AS JD 8C 6H JC 8S 5S 2C 5D',
+  '7S QH 7H 6C QC 8H 2D 7C JD 2S',
+  '2C QD 2S 2H JC 9C 5D 2D JD JH',
+  '7C 5C 9C 8S 7D 6D 8D 6C 9S JH',
+  '2C AD 6S 5H 3S KS 7S 9D KH 4C',
+  '7H 6C 2C 5C TH 9D 8D 3S QC AH',
+  '5S KC 6H TC 5H 8S TH 6D 3C AH',
+  '9C KD 4H AD TD 9S 4S 7D 6H 5D',
+  '7H 5C 5H 6D AS 4C KD KH 4H 9D',
+  '3C 2S 5C 6C JD QS 2H 9D 7D 3H',
+  'AC 2S 6S 7S JS QD 5C QS 6H AD',
+  '5H TH QC 7H TC 3S 7C 6D KC 3D',
+  '4H 3D QC 9S 8H 2C 3S JC KS 5C',
+  '4S 6S 2C 6H 8S 3S 3D 9H 3H JS',
+  '4S 8C 4D 2D 8H 9H 7D 9D AH TS',
+  '9S 2C 9H 4C 8D AS 7D 3D 6D 5S',
+  '6S 4C 7H 8C 3H 5H JC AH 9D 9C',
+  '2S 7C 5S JD 8C 3S 3D 4D 7D 6S',
+  '3C KC 4S 5D 7D 3D JD 7H 3H 4H',
+  '9C 9H 4H 4D TH 6D QD 8S 9S 7S',
+  '2H AC 8S 4S AD 8C 2C AH 7D TC',
+  'TS 9H 3C AD KS TC 3D 8C 8H JD',
+  'QC 8D 2C 3C 7D 7C JD 9H 9C 6C',
+  'AH 6S JS JH 5D AS QC 2C JD TD',
+  '9H KD 2H 5D 2D 3S 7D TC AH TS',
+  'TD 8H AS 5D AH QC AC 6S TC 5H',
+  'KS 4S 7H 4D 8D 9C TC 2H 6H 3H',
+  '3H KD 4S QD QH 3D 8H 8C TD 7S',
+  '8S JD TC AH JS QS 2D KH KS 4D',
+  '3C AD JC KD JS KH 4S TH 9H 2C',
+  'QC 5S JS 9S KS AS 7C QD 2S JD',
+  'KC 5S QS 3S 2D AC 5D 9H 8H KS',
+  '6H 9C TC AD 2C 6D 5S JD 6C 7C',
+  'QS KH TD QD 2C 3H 8S 2S QC AH',
+  '9D 9H JH TC QH 3C 2S JS 5C 7H',
+  '6C 3S 3D 2S 4S QD 2D TH 5D 2C',
+  '2D 6H 6D 2S JC QH AS 7H 4H KH',
+  '5H 6S KS AD TC TS 7C AC 4S 4H',
+  'AD 3C 4H QS 8C 9D KS 2H 2D 4D',
+  '4S 9D 6C 6D 9C AC 8D 3H 7H KD',
+  'JC AH 6C TS JD 6D AD 3S 5D QD',
+  'JC JH JD 3S 7S 8S JS QC 3H 4S',
+  'JD TH 5C 2C AD JS 7H 9S 2H 7S',
+  '8D 3S JH 4D QC AS JD 2C KC 6H',
+  '2C AC 5H KD 5S 7H QD JH AH 2D',
+  'JC QH 8D 8S TC 5H 5C AH 8C 6C',
+  '3H JS 8S QD JH 3C 4H 6D 5C 3S',
+  '6D 4S 4C AH 5H 5S 3H JD 7C 8D',
+  '8H AH 2H 3H JS 3C 7D QC 4H KD',
+  '6S 2H KD 5H 8H 2D 3C 8S 7S QD',
+  '2S 7S KC QC AH TC QS 6D 4C 8D',
+  '5S 9H 2C 3S QD 7S 6C 2H 7C 9D',
+  '3C 6C 5C 5S JD JC KS 3S 5D TS',
+  '7C KS 6S 5S 2S 2D TC 2H 5H QS',
+  'AS 7H 6S TS 5H 9S 9D 3C KD 2H',
+  '4S JS QS 3S 4H 7C 2S AC 6S 9D',
+  '8C JH 2H 5H 7C 5D QH QS KH QC',
+  '3S TD 3H 7C KC 8D 5H 8S KH 8C',
+  '4H KH JD TS 3C 7H AS QC JS 5S',
+  'AH 9D 2C 8D 4D 2D 6H 6C KC 6S',
+  '2S 6H 9D 3S 7H 4D KH 8H KD 3D',
+  '9C TC AC JH KH 4D JD 5H TD 3S',
+  '7S 4H 9D AS 4C 7D QS 9S 2S KH',
+  '3S 8D 8S KS 8C JC 5C KH 2H 5D',
+  '8S QH 2C 4D KC JS QC 9D AC 6H',
+  '8S 8C 7C JS JD 6S 4C 9C AC 4S',
+  'QH 5D 2C 7D JC 8S 2D JS JH 4C',
+  'JS 4C 7S TS JH KC KH 5H QD 4S',
+  'QD 8C 8D 2D 6S TD 9D AC QH 5S',
+  'QH QC JS 3D 3C 5C 4H KH 8S 7H',
+  '7C 2C 5S JC 8S 3H QC 5D 2H KC',
+  '5S 8D KD 6H 4H QD QH 6D AH 3D',
+  '7S KS 6C 2S 4D AC QS 5H TS JD',
+  '7C 2D TC 5D QS AC JS QC 6C KC',
+  '2C KS 4D 3H TS 8S AD 4H 7S 9S',
+  'QD 9H QH 5H 4H 4D KH 3S JC AD',
+  '4D AC KC 8D 6D 4C 2D KH 2C JD',
+  '2C 9H 2D AH 3H 6D 9C 7D TC KS',
+  '8C 3H KD 7C 5C 2S 4S 5H AS AH',
+  'TH JD 4H KD 3H TC 5C 3S AC KH',
+  '6D 7H AH 7S QC 6H 2D TD JD AS',
+  'JH 5D 7H TC 9S 7D JC AS 5S KH',
+  '2H 8C AD TH 6H QD KD 9H 6S 6C',
+  'QH KC 9D 4D 3S JS JH 4H 2C 9H',
+  'TC 7H KH 4H JC 7D 9S 3H QS 7S',
+  'AD 7D JH 6C 7H 4H 3S 3H 4D QH',
+  'JD 2H 5C AS 6C QC 4D 3C TC JH',
+  'AC JD 3H 6H 4C JC AD 7D 7H 9H',
+  '4H TC TS 2C 8C 6S KS 2H JD 9S',
+  '4C 3H QS QC 9S 9H 6D KC 9D 9C',
+  '5C AD 8C 2C QH TH QD JC 8D 8H',
+  'QC 2C 2S QD 9C 4D 3S 8D JH QS',
+  '9D 3S 2C 7S 7C JC TD 3C TC 9H',
+  '3C TS 8H 5C 4C 2C 6S 8D 7C 4H',
+  'KS 7H 2H TC 4H 2C 3S AS AH QS',
+  '8C 2D 2H 2C 4S 4C 6S 7D 5S 3S',
+  'TH QC 5D TD 3C QS KD KC KS AS',
+  '4D AH KD 9H KS 5C 4C 6H JC 7S',
+  'KC 4H 5C QS TC 2H JC 9S AH QH',
+  '4S 9H 3H 5H 3C QD 2H QC JH 8H',
+  '5D AS 7H 2C 3D JH 6H 4C 6S 7D',
+  '9C JD 9H AH JS 8S QH 3H KS 8H',
+  '3S AC QC TS 4D AD 3D AH 8S 9H',
+  '7H 3H QS 9C 9S 5H JH JS AH AC',
+  '8D 3C JD 2H AC 9C 7H 5S 4D 8H',
+  '7C JH 9H 6C JS 9S 7H 8C 9D 4H',
+  '2D AS 9S 6H 4D JS JH 9H AD QD',
+  '6H 7S JH KH AH 7H TD 5S 6S 2C',
+  '8H JH 6S 5H 5S 9D TC 4C QC 9S',
+  '7D 2C KD 3H 5H AS QD 7H JS 4D',
+  'TS QH 6C 8H TH 5H 3C 3H 9C 9D',
+  'AD KH JS 5D 3H AS AC 9S 5C KC',
+  '2C KH 8C JC QS 6D AH 2D KC TC',
+  '9D 3H 2S 7C 4D 6D KH KS 8D 7D',
+  '9H 2S TC JH AC QC 3H 5S 3S 8H',
+  '3S AS KD 8H 4C 3H 7C JH QH TS',
+  '7S 6D 7H 9D JH 4C 3D 3S 6C AS',
+  '4S 2H 2C 4C 8S 5H KC 8C QC QD',
+  '3H 3S 6C QS QC 2D 6S 5D 2C 9D',
+  '2H 8D JH 2S 3H 2D 6C 5C 7S AD',
+  '9H JS 5D QH 8S TS 2H 7S 6S AD',
+  '6D QC 9S 7H 5H 5C 7D KC JD 4H',
+  'QC 5S 9H 9C 4D 6S KS 2S 4C 7C',
+  '9H 7C 4H 8D 3S 6H 5C 8H JS 7S',
+  '2D 6H JS TD 4H 4D JC TH 5H KC',
+  'AC 7C 8D TH 3H 9S 2D 4C KC 4D',
+  'KD QS 9C 7S 3D KS AD TS 4C 4H',
+  'QH 9C 8H 2S 7D KS 7H 5D KD 4C',
+  '9C 2S 2H JC 6S 6C TC QC JH 5C',
+  '7S AC 8H KC 8S 6H QS JC 3D 6S',
+  'JS 2D JH 8C 4S 6H 8H 6D 5D AD',
+  '6H 7D 2S 4H 9H 7C AS AC 8H 5S',
+  '3C JS 4S 6D 5H 2S QH 6S 9C 2C',
+  '3D 5S 6S 9S 4C QS 8D QD 8S TC',
+  '9C 3D AH 9H 5S 2C 7D AD JC 3S',
+  '7H TC AS 3C 6S 6D 7S KH KC 9H',
+  '3S TC 8H 6S 5H JH 8C 7D AC 2S',
+  'QD 9D 9C 3S JC 8C KS 8H 5D 4D',
+  'JS AH JD 6D 9D 8C 9H 9S 8H 3H',
+  '2D 6S 4C 4D 8S AD 4S TC AH 9H',
+  'TS AC QC TH KC 6D 4H 7S 8C 2H',
+  '3C QD JS 9D 5S JC AH 2H TS 9H',
+  '3H 4D QH 5D 9C 5H 7D 4S JC 3S',
+  '8S TH 3H 7C 2H JD JS TS AC 8D',
+  '9C 2H TD KC JD 2S 8C 5S AD 2C',
+  '3D KD 7C 5H 4D QH QD TC 6H 7D',
+  '7H 2C KC 5S KD 6H AH QC 7S QH',
+  '6H 5C AC 5H 2C 9C 2D 7C TD 2S',
+  '4D 9D AH 3D 7C JD 4H 8C 4C KS',
+  'TH 3C JS QH 8H 4C AS 3D QS QC',
+  '4D 7S 5H JH 6D 7D 6H JS KH 3C',
+  'QD 8S 7D 2H 2C 7C JC 2S 5H 8C',
+  'QH 8S 9D TC 2H AD 7C 8D QD 6S',
+  '3S 7C AD 9H 2H 9S JD TS 4C 2D',
+  '3S AS 4H QC 2C 8H 8S 7S TD TC',
+  'JH TH TD 3S 4D 4H 5S 5D QS 2C',
+  '8C QD QH TC 6D 4S 9S 9D 4H QC',
+  '8C JS 9D 6H JD 3H AD 6S TD QC',
+  'KC 8S 3D 7C TD 7D 8D 9H 4S 3S',
+  '6C 4S 3D 9D KD TC KC KS AC 5S',
+  '7C 6S QH 3D JS KD 6H 6D 2D 8C',
+  'JD 2S 5S 4H 8S AC 2D 6S TS 5C',
+  '5H 8C 5S 3C 4S 3D 7C 8D AS 3H',
+  'AS TS 7C 3H AD 7D JC QS 6C 6H',
+  '3S 9S 4C AC QH 5H 5D 9H TS 4H',
+  '6C 5C 7H 7S TD AD JD 5S 2H 2S',
+  '7D 6C KC 3S JD 8D 8S TS QS KH',
+  '8S QS 8D 6C TH AC AH 2C 8H 9S',
+  '7H TD KH QH 8S 3D 4D AH JD AS',
+  'TS 3D 2H JC 2S JH KH 6C QC JS',
+  'KC TH 2D 6H 7S 2S TC 8C 9D QS',
+  '3C 9D 6S KH 8H 6D 5D TH 2C 2H',
+  '6H TC 7D AD 4D 8S TS 9H TD 7S',
+  'JS 6D JD JC 2H AC 6C 3D KH 8D',
+  'KH JD 9S 5D 4H 4C 3H 7S QS 5C',
+  '4H JD 5D 3S 3C 4D KH QH QS 7S',
+  'JD TS 8S QD AH 4C 6H 3S 5S 2C',
+  'QS 3D JD AS 8D TH 7C 6S QC KS',
+  '7S 2H 8C QC 7H AC 6D 2D TH KH',
+  '5S 6C 7H KH 7D AH 8C 5C 7S 3D',
+  '3C KD AD 7D 6C 4D KS 2D 8C 4S',
+  '7C 8D 5S 2D 2S AH AD 2C 9D TD',
+  '3C AD 4S KS JH 7C 5C 8C 9C TH',
+  'AS TD 4D 7C JD 8C QH 3C 5H 9S',
+  '3H 9C 8S 9S 6S QD KS AH 5H JH',
+  'QC 9C 5S 4H 2H TD 7D AS 8C 9D',
+  '8C 2C 9D KD TC 7S 3D KH QC 3C',
+  '4D AS 4C QS 5S 9D 6S JD QH KS',
+  '6D AH 6C 4C 5H TS 9H 7D 3D 5S',
+  'QS JD 7C 8D 9C AC 3S 6S 6C KH',
+  '8H JH 5D 9S 6D AS 6S 3S QC 7H',
+  'QD AD 5C JH 2H AH 4H AS KC 2C',
+  'JH 9C 2C 6H 2D JS 5D 9H KC 6D',
+  '7D 9D KD TH 3H AS 6S QC 6H AD',
+  'JD 4H 7D KC 3H JS 3C TH 3D QS',
+  '4C 3H 8C QD 5H 6H AS 8H AD JD',
+  'TH 8S KD 5D QC 7D JS 5S 5H TS',
+  '7D KC 9D QS 3H 3C 6D TS 7S AH',
+  '7C 4H 7H AH QC AC 4D 5D 6D TH',
+  '3C 4H 2S KD 8H 5H JH TC 6C JD',
+  '4S 8C 3D 4H JS TD 7S JH QS KD',
+  '7C QC KD 4D 7H 6S AD TD TC KH',
+  '5H 9H KC 3H 4D 3D AD 6S QD 6H',
+  'TH 7C 6H TS QH 5S 2C KC TD 6S',
+  '7C 4D 5S JD JH 7D AC KD KH 4H',
+  '7D 6C 8D 8H 5C JH 8S QD TH JD',
+  '8D 7D 6C 7C 9D KD AS 5C QH JH',
+  '9S 2C 8C 3C 4C KS JH 2D 8D 4H',
+  '7S 6C JH KH 8H 3H 9D 2D AH 6D',
+  '4D TC 9C 8D 7H TD KS TH KD 3C',
+  'JD 9H 8D QD AS KD 9D 2C 2S 9C',
+  '8D 3H 5C 7H KS 5H QH 2D 8C 9H',
+  '2D TH 6D QD 6C KC 3H 3S AD 4C',
+  '4H 3H JS 9D 3C TC 5H QH QC JC',
+  '3D 5C 6H 3S 3C JC 5S 7S 2S QH',
+  'AC 5C 8C 4D 5D 4H 2S QD 3C 3H',
+  '2C TD AH 9C KD JS 6S QD 4C QC',
+  'QS 8C 3S 4H TC JS 3H 7C JC AD',
+  '5H 4D 9C KS JC TD 9S TS 8S 9H',
+  'QD TS 7D AS AC 2C TD 6H 8H AH',
+  '6S AD 8C 4S 9H 8D 9D KH 8S 3C',
+  'QS 4D 2D 7S KH JS JC AD 4C 3C',
+  'QS 9S 7H KC TD TH 5H JS AC JH',
+  '6D AC 2S QS 7C AS KS 6S KH 5S',
+  '6D 8H KH 3C QS 2H 5C 9C 9D 6C',
+  'JS 2C 4C 6H 7D JC AC QD TD 3H',
+  '4H QC 8H JD 4C KD KS 5C KC 7S',
+  '6D 2D 3H 2S QD 5S 7H AS TH 6S',
+  'AS 6D 8D 2C 8S TD 8H QD JC AH',
+  '9C 9H 2D TD QH 2H 5C TC 3D 8H',
+  'KC 8S 3D KH 2S TS TC 6S 4D JH',
+  '9H 9D QS AC KC 6H 5D 4D 8D AH',
+  '9S 5C QS 4H 7C 7D 2H 8S AD JS',
+  '3D AC 9S AS 2C 2D 2H 3H JC KH',
+  '7H QH KH JD TC KS 5S 8H 4C 8D',
+  '2H 7H 3S 2S 5H QS 3C AS 9H KD',
+  'AD 3D JD 6H 5S 9C 6D AC 9S 3S',
+  '3D 5D 9C 2D AC 4S 2S AD 6C 6S',
+  'QC 4C 2D 3H 6S KC QH QD 2H JH',
+  'QC 3C 8S 4D 9S 2H 5C 8H QS QD',
+  '6D KD 6S 7H 3S KH 2H 5C JC 6C',
+  '3S 9S TC 6S 8H 2D AD 7S 8S TS',
+  '3C 6H 9C 3H 5C JC 8H QH TD QD',
+  '3C JS QD 5D TD 2C KH 9H TH AS',
+  '9S TC JD 3D 5C 5H AD QH 9H KC',
+  'TC 7H 4H 8H 3H TD 6S AC 7C 2S',
+  'QS 9D 5D 3C JC KS 4D 6C JH 2S',
+  '9S 6S 3C 7H TS 4C KD 6D 3D 9C',
+  '2D 9H AH AC 7H 2S JH 3S 7C QC',
+  'QD 9H 3C 2H AC AS 8S KD 8C KH',
+  '2D 7S TD TH 6D JD 8D 4D 2H 5S',
+  '8S QH KD JD QS JH 4D KC 5H 3S',
+  '3C KH QC 6D 8H 3S AH 7D TD 2D',
+  '5S 9H QH 4S 6S 6C 6D TS TH 7S',
+  '6C 4C 6D QS JS 9C TS 3H 8D 8S',
+  'JS 5C 7S AS 2C AH 2H AD 5S TC',
+  'KD 6C 9C 9D TS 2S JC 4H 2C QD',
+  'QS 9H TC 3H KC KS 4H 3C AD TH',
+  'KH 9C 2H KD 9D TC 7S KC JH 2D',
+  '7C 3S KC AS 8C 5D 9C 9S QH 3H',
+  '2D 8C TD 4C 2H QC 5D TC 2C 7D',
+  'KS 4D 6C QH TD KH 5D 7C AD 8D',
+  '2S 9S 8S 4C 8C 3D 6H QD 7C 7H',
+  '6C 8S QH 5H TS 5C 3C 4S 2S 2H',
+  '8S 6S 2H JC 3S 3H 9D 8C 2S 7H',
+  'QC 2C 8H 9C AC JD 4C 4H 6S 3S',
+  '3H 3S 7D 4C 9S 5H 8H JC 3D TC',
+  'QH 2S 2D 9S KD QD 9H AD 6D 9C',
+  '8D 2D KS 9S JC 4C JD KC 4S TH',
+  'KH TS 6D 4D 5C KD 5H AS 9H AD',
+  'QD JS 7C 6D 5D 5C TH 5H QH QS',
+  '9D QH KH 5H JH 4C 4D TC TH 6C',
+  'KH AS TS 9D KD 9C 7S 4D 8H 5S',
+  'KH AS 2S 7D 9D 4C TS TH AH 7C',
+  'KS 4D AC 8S 9S 8D TH QH 9D 5C',
+  '5D 5C 8C QS TC 4C 3D 3S 2C 8D',
+  '9D KS 2D 3C KC 4S 8C KH 6C JC',
+  '8H AH 6H 7D 7S QD 3C 4C 6C KC',
+  '3H 2C QH 8H AS 7D 4C 8C 4H KC',
+  'QD 5S 4H 2C TD AH JH QH 4C 8S',
+  '3H QS 5S JS 8H 2S 9H 9C 3S 2C',
+  '6H TS 7S JC QD AC TD KC 5S 3H',
+  'QH AS QS 7D JC KC 2C 4C 5C 5S',
+  'QH 3D AS JS 4H 8D 7H JC 2S 9C',
+  '5D 4D 2S 4S 9D 9C 2D QS 8H 7H',
+  '6D 7H 3H JS TS AC 2D JH 7C 8S',
+  'JH 5H KC 3C TC 5S 9H 4C 8H 9D',
+  '8S KC 5H 9H AD KS 9D KH 8D AH',
+  'JC 2H 9H KS 6S 3H QC 5H AH 9C',
+  '5C KH 5S AD 6C JC 9H QC 9C TD',
+  '5S 5D JC QH 2D KS 8H QS 2H TS',
+  'JH 5H 5S AH 7H 3C 8S AS TD KH',
+  '6H 3D JD 2C 4C KC 7S AH 6C JH',
+  '4C KS 9D AD 7S KC 7D 8H 3S 9C',
+  '7H 5C 5H 3C 8H QC 3D KH 6D JC',
+  '2D 4H 5D 7D QC AD AH 9H QH 8H',
+  'KD 8C JS 9D 3S 3C 2H 5D 6D 2S',
+  '8S 6S TS 3C 6H 8D 5S 3H TD 6C',
+  'KS 3D JH 9C 7C 9S QS 5S 4H 6H',
+  '7S 6S TH 4S KC KD 3S JC JH KS',
+  '7C 3C 2S 6D QH 2C 7S 5H 8H AH',
+  'KC 8D QD 6D KH 5C 7H 9D 3D 9C',
+  '6H 2D 8S JS 9S 2S 6D KC 7C TC',
+  'KD 9C JH 7H KC 8S 2S 7S 3D 6H',
+  '4H 9H 2D 4C 8H 7H 5S 8S 2H 8D',
+  'AD 7C 3C 7S 5S 4D 9H 3D JC KH',
+  '5D AS 7D 6D 9C JC 4C QH QS KH',
+  'KD JD 7D 3D QS QC 8S 6D JS QD',
+  '6S 8C 5S QH TH 9H AS AC 2C JD',
+  'QC KS QH 7S 3C 4C 5C KC 5D AH',
+  '6C 4H 9D AH 2C 3H KD 3D TS 5C',
+  'TD 8S QS AS JS 3H KD AC 4H KS',
+  '7D 5D TS 9H 4H 4C 9C 2H 8C QC',
+  '2C 7D 9H 4D KS 4C QH AD KD JS',
+  'QD AD AH KH 9D JS 9H JC KD JD',
+  '8S 3C 4S TS 7S 4D 5C 2S 6H 7C',
+  'JS 7S 5C KD 6D QH 8S TD 2H 6S',
+  'QH 6C TC 6H TD 4C 9D 2H QC 8H',
+  '3D TS 4D 2H 6H 6S 2C 7H 8S 6C',
+  '9H 9D JD JH 3S AH 2C 6S 3H 8S',
+  '2C QS 8C 5S 3H 2S 7D 3C AD 4S',
+  '5C QC QH AS TS 4S 6S 4C 5H JS',
+  'JH 5C TD 4C 6H JS KD KH QS 4H',
+  'TC KH JC 4D 9H 9D 8D KC 3C 8H',
+  '2H TC 8S AD 9S 4H TS 7H 2C 5C',
+  '4H 2S 6C 5S KS AH 9C 7C 8H KD',
+  'TS QH TD QS 3C JH AH 2C 8D 7D',
+  '5D KC 3H 5S AC 4S 7H QS 4C 2H',
+  '3D 7D QC KH JH 6D 6C TD TH KD',
+  '5S 8D TH 6C 9D 7D KH 8C 9S 6D',
+  'JD QS 7S QC 2S QH JC 4S KS 8D',
+  '7S 5S 9S JD KD 9C JC AD 2D 7C',
+  '4S 5H AH JH 9C 5D TD 7C 2D 6S',
+  'KC 6C 7H 6S 9C QD 5S 4H KS TD',
+  '6S 8D KS 2D TH TD 9H JD TS 3S',
+  'KH JS 4H 5D 9D TC TD QC JD TS',
+  'QS QD AC AD 4C 6S 2D AS 3H KC',
+  '4C 7C 3C TD QS 9C KC AS 8D AD',
+  'KC 7H QC 6D 8H 6S 5S AH 7S 8C',
+  '3S AD 9H JC 6D JD AS KH 6S JH',
+  'AD 3D TS KS 7H JH 2D JS QD AC',
+  '9C JD 7C 6D TC 6H 6C JC 3D 3S',
+  'QC KC 3S JC KD 2C 8D AH QS TS',
+  'AS KD 3D JD 8H 7C 8C 5C QD 6C'
+];
+```
+
+## --seed-contents--
+
+```js
+function pokerHands(arr) {
+
+  return true;
+}
+
+const testArr = [
+  '8C TS KC 9H 4S 7D 2S 5D 3S AC',
+  '5C AD 5D AC 9C 7C 5H 8D TD KS',
+  '3H 7H 6S KC JS QH TD JC 2D 8S',
+  'TH 8H 5C QS TC 9H 4D JC KS JS',
+  '7C 5H KC QH JD AS KH 4C AD 4S'
+];
+
+pokerHands(testArr);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-55-lychrel-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-55-lychrel-numbers.md
new file mode 100644
index 0000000000..8b62cb0db0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-55-lychrel-numbers.md
@@ -0,0 +1,113 @@
+---
+id: 5900f3a31000cf542c50feb6
+title: 'Завдання 55: Числа Лішрел'
+challengeType: 5
+forumTopicId: 302166
+dashedName: problem-55-lychrel-numbers
+---
+
+# --description--
+
+Якщо взяти число 47, перевернути його та додати (47 + 74 = 121), то вийде паліндром.
+
+Не з усіх чисел можна утворити паліндром так легко. Наприклад,
+
+<div style="margin-left: 4em;">
+  349 + 943 = 1292,<br>
+  1292 + 2921 = 4213<br>
+  4213 + 3124 = 7337<br>
+</div>
+
+Тобто, щоб стати паліндромом числу 349 знадобилося три інтерації.
+
+Попри відсутність доказів, вважається, що деякі числа, такі-от як 196, ніколи не утворюють паліндроми. Число, яке ніколи не формує паліндром шляхом перевертання і додавання - це число Лішрел. Зважаючи на теоретичну природу цих чисел та задля цілі даної задачі, ми вважатимемо, що число є числом Лішрел, поки не буде доведено протилежне. Окрім цього, відомо, що будь-яке число менше десяти тисяч або (і) стане паліндромом менш ніж за п'ятдесят ітерацій, або (іі) нікому, навіть маючи всю можливу обчислювальну потужність, не вдасться відобразити його у вигляді паліндрому. Насправді, 10677 - це перше відоме число, яке вимагає більше п'ятдесяти ітерацій перед утворенням паліндрому: 4668731596684224866951378664 (53 ітерації, 28 цифр).
+
+Дивно, але є паліндромні числа, які також є числами Лішрел; перший приклад - 4994.
+
+Скільки існує чисел Лішрел нижчих за `num`?
+
+**Примітка:** Формулювання завдання було трохи змінено 24 квітня 2007 року, щоб підкреслити теоретичну природу чисел.
+
+# --hints--
+
+`countLychrelNumbers(1000)` має повернути число.
+
+```js
+assert(typeof countLychrelNumbers(1000) === 'number');
+```
+
+`countLychrelNumbers(1000)` має повернути число 13.
+
+```js
+assert.strictEqual(countLychrelNumbers(1000), 13);
+```
+
+`countLychrelNumbers(3243)` має повернути число 39.
+
+```js
+assert.strictEqual(countLychrelNumbers(3243), 39);
+```
+
+`countLychrelNumbers(5000)` має повернути число 76.
+
+```js
+assert.strictEqual(countLychrelNumbers(5000), 76);
+```
+
+`countLychrelNumbers(7654)` має повернути число 140.
+
+```js
+assert.strictEqual(countLychrelNumbers(7654), 140);
+```
+
+`countLychrelNumbers(10000)` має повернути число 249.
+
+```js
+assert.strictEqual(countLychrelNumbers(10000), 249);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countLychrelNumbers(num) {
+
+  return true;
+}
+
+countLychrelNumbers(10000);
+```
+
+# --solutions--
+
+```js
+const countLychrelNumbers = (size) => {
+  const numReverse = (num) => {
+    return Number(num.toString().split('').reverse().join(''));
+  };
+  const isPalin = (num) => {
+    if (numReverse(num) === num) {
+      return true;
+    }
+    return false;
+  };
+  let total = 0;
+  for (let i = 1; i < size; i++) {
+    let loopCount = 1;
+    let sum = i;
+    while (loopCount < 50) {
+      sum = sum + numReverse(sum);
+      if (isPalin(sum)) {
+        break;
+      } else {
+        loopCount++;
+      }
+    }
+    if (loopCount === 50) {
+      total++;
+    }
+  }
+  return total;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.md
new file mode 100644
index 0000000000..bbc69abdd5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-56-powerful-digit-sum.md
@@ -0,0 +1,101 @@
+---
+id: 5900f3a41000cf542c50feb7
+title: 'Завдання 56: Максимальна сума цифр'
+challengeType: 5
+forumTopicId: 302167
+dashedName: problem-56-powerful-digit-sum
+---
+
+# --description--
+
+Гугол ($10^{100}$) - гігантське число: сто нулів після одиниці; 100^{100}$ є майже неймовірно великим числом: двісті нулів після одиниці. Незважаючи на їхній розмір, сума цих цифр у кожному числі дорівнює лише 1.
+
+Беручи до уваги натуральні числа виду $a^b$, де `a`, `b` &lt; `n`, якою буде максимальна сума чисел?
+
+# --hints--
+
+`powerfulDigitSum(3)` має повернути число.
+
+```js
+assert(typeof powerfulDigitSum(3) === 'number');
+```
+
+`powerfulDigitSum(3)` має повернути `4`.
+
+```js
+assert.strictEqual(powerfulDigitSum(3), 4);
+```
+
+`powerfulDigitSum(10)` має повернути `45`.
+
+```js
+assert.strictEqual(powerfulDigitSum(10), 45);
+```
+
+`powerfulDigitSum(50)` має повернути `406`.
+
+```js
+assert.strictEqual(powerfulDigitSum(50), 406);
+```
+
+`powerfulDigitSum(75)` має повернути `684`.
+
+```js
+assert.strictEqual(powerfulDigitSum(75), 684);
+```
+
+`powerfulDigitSum(100)` має повернути `972`.
+
+```js
+assert.strictEqual(powerfulDigitSum(100), 972);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function powerfulDigitSum(n) {
+
+  return true;
+}
+
+powerfulDigitSum(3);
+```
+
+# --solutions--
+
+```js
+function powerfulDigitSum(n) {
+  function sumDigitsOfPower(numA, numB) {
+    let digitsSum = 0;
+    let number = power(numA, numB);
+    while (number > 0n) {
+      const digit = number % 10n;
+      digitsSum += parseInt(digit, 10);
+      number = number / 10n;
+    }
+    return digitsSum;
+  }
+
+  function power(numA, numB) {
+    let sum = 1n;
+    for (let b = 0; b < numB; b++) {
+      sum = sum * BigInt(numA);
+    }
+    return sum;
+  }
+
+  const limit = n - 1;
+  let maxDigitsSum = 0;
+  for (let a = limit; a > 0; a--) {
+    for (let b = limit; b > 0; b--) {
+      const curDigitSum = sumDigitsOfPower(a, b);
+      if (curDigitSum > maxDigitsSum) {
+        maxDigitsSum = curDigitSum;
+      }
+    }
+  }
+  return maxDigitsSum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-57-square-root-convergents.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-57-square-root-convergents.md
new file mode 100644
index 0000000000..ee3754dc7b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-57-square-root-convergents.md
@@ -0,0 +1,98 @@
+---
+id: 5900f3a51000cf542c50feb8
+title: 'Завдання 57: Наближення квадратного кореня'
+challengeType: 5
+forumTopicId: 302168
+dashedName: problem-57-square-root-convergents
+---
+
+# --description--
+
+Можна переконатися в тому, що квадратний корінь з числа два можна виразити у вигляді нескінченного ланцюгового дробу.
+
+<div style='text-align: center;'>$\sqrt 2 =1+ \frac 1 {2+ \frac 1 {2 +\frac 1 {2+ \dots}}}$</div>
+
+Наблизивши цей вираз для перших чотирьох ітерацій, отримаємо:
+
+$1 + \\frac 1 2 = \\frac 32 = 1.5$
+
+$1 + \\frac 1 {2 + \\frac 1 2} = \\frac 7 5 = 1.4$
+
+$1 + \\frac 1 {2 + \\frac 1 {2+\\frac 1 2}} = \\frac {17}{12} = 1.41666 \\dots$
+
+$1 + \\frac 1 {2 + \\frac 1 {2+\\frac 1 {2+\\frac 1 2}}} = \\frac {41}{29} = 1.41379 \\dots$
+
+Наступні три наближення - $\\frac {99}{70}$, $\\frac {239}{169}$ та $\\frac {577}{408}$, але восьме наближення $\\frac {1393}{985}$ є першим прикладом виразу, в якому кількість цифр у чисельнику перевищує кількість цифр у знаменнику.
+
+Скільки дробів містять більше цифр у чисельнику, ніж у знаменнику в перших `n` наближеннях?
+
+# --hints--
+
+`squareRootConvergents(10)` має повернути число.
+
+```js
+assert(typeof squareRootConvergents(10) === 'number');
+```
+
+`squareRootConvergents(10)` має повернути число 1.
+
+```js
+assert.strictEqual(squareRootConvergents(10), 1);
+```
+
+`squareRootConvergents(100)` має повернути число 15.
+
+```js
+assert.strictEqual(squareRootConvergents(100), 15);
+```
+
+`squareRootConvergents(1000)` має повернути число 153.
+
+```js
+assert.strictEqual(squareRootConvergents(1000), 153);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squareRootConvergents(n) {
+
+  return true;
+}
+
+squareRootConvergents(1000);
+```
+
+# --solutions--
+
+```js
+function squareRootConvergents(n) {
+  function countDigits(number) {
+    let counter = 0;
+    while (number > 0) {
+      counter++;
+      number = number / 10n;
+    }
+    return counter;
+  }
+
+  // Use BigInt as integer won't handle all cases
+  let numerator = 3n;
+  let denominator = 2n;
+  let moreDigitsInNumerator = 0;
+
+  for (let i = 2; i <= n; i++) {
+    [numerator, denominator] = [
+      numerator + 2n * denominator,
+      denominator + numerator
+    ];
+
+    if (countDigits(numerator) > countDigits(denominator)) {
+      moreDigitsInNumerator++;
+    }
+  }
+  return moreDigitsInNumerator;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-58-spiral-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-58-spiral-primes.md
new file mode 100644
index 0000000000..aa9165c68c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-58-spiral-primes.md
@@ -0,0 +1,105 @@
+---
+id: 5900f3a61000cf542c50feb9
+title: 'Завдання 58: Спіральні прості числа'
+challengeType: 5
+forumTopicId: 302169
+dashedName: problem-58-spiral-primes
+---
+
+# --description--
+
+Починаючи з 1 і рухаючись спірально проти годинникової стрілки, утворюється квадратна спіраль із довжиною сторони 7.
+
+<div style='text-align: center;'>
+  <strong><span style='color: red;'>37</span></strong> 36 35 34 33 32 <strong><span style='color: red;'>31</span></strong><br>
+  38 <strong><span style='color: red;'>17</span></strong> 16 15 14 <strong><span style='color: red;'>13</span></strong> 30<br>
+  39 18  <strong><span style='color: red;'>5</span></strong>  4  <strong><span style='color: red;'>3</span></strong> 12 29<br>
+  40 19  6  1  2 11 28<br>
+  41 20  <strong><span style='color: red;'>7</span></strong>  8  9 10 27<br>
+  42 21 22 23 24 25 26<br>
+  <strong><span style='color: red;'>43</span></strong> 44 45 46 47 48 49<br>
+</div>
+
+Цікаво відзначити, що непарні квадрати лежать уздовж нижньої правої діагоналі, але ще більш цікавим є те, що 8 з 13 чисел, що лежать уздовж обох діагоналей, є простими; тобто співвідношення дорівнює 8/13 ≈ 62%.
+
+Якщо до спіралі, зображеної вище, додати один новий шар, утвориться квадратна спіраль із довжиною сторони 9. Якщо цей процес продовжити, якою буде довжина сторони квадратної спіралі, для якої відсоток простих чисел уздовж обох діагоналей спочатку впаде нижче `percent`?
+
+# --hints--
+
+`spiralPrimes(50)` має повернути число.
+
+```js
+assert(typeof spiralPrimes(50) === 'number');
+```
+
+`spiralPrimes(50)` має повернути `11`.
+
+```js
+assert.strictEqual(spiralPrimes(50), 11);
+```
+
+`spiralPrimes(15)` має повернути `981`.
+
+```js
+assert.strictEqual(spiralPrimes(15), 981);
+```
+
+`spiralPrimes(10)` має повернути `26241`.
+
+```js
+assert.strictEqual(spiralPrimes(10), 26241);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spiralPrimes(percent) {
+
+  return true;
+}
+
+spiralPrimes(50);
+```
+
+# --solutions--
+
+```js
+function spiralPrimes(percent) {
+  function isPrime(n) {
+    if (n <= 3) {
+      return n > 1;
+    } else if (n % 2 === 0 || n % 3 === 0) {
+      return false;
+    }
+
+    for (let i = 5; i * i <= n; i += 6) {
+      if (n % i === 0 || n % (i + 2) === 0) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  let totalCount = 1;
+  let primesCount = 0;
+  let curNumber = 1;
+  let curSideLength = 1;
+  let ratio = 1;
+  const wantedRatio = percent / 100;
+
+  while (ratio >= wantedRatio) {
+    curSideLength += 2;
+    for (let i = 0; i < 4; i++) {
+      curNumber += curSideLength - 1;
+      totalCount++;
+      if (i !== 3 && isPrime(curNumber)) {
+        primesCount++;
+      }
+    }
+    ratio = primesCount / totalCount;
+  }
+  return curSideLength;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-59-xor-decryption.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-59-xor-decryption.md
new file mode 100644
index 0000000000..afb3f74f08
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-59-xor-decryption.md
@@ -0,0 +1,58 @@
+---
+id: 5900f3a81000cf542c50feba
+title: 'Завдання 59: XOR розшифрування'
+challengeType: 5
+forumTopicId: 302170
+dashedName: problem-59-xor-decryption
+---
+
+# --description--
+
+Кожному символу на комп'ютері присвоюється унікальний код, а переважним стандартом є ASCII (Американський стандартний код для обміну інформацією). Наприклад, літера A верхнього регістру = 65, зірочка (\*) = 42, а k нижнього регістру = 107.
+
+Сучасний метод шифрування полягає в тому, щоб взяти текстовий файл, перетворити байти в ASCII, потім над кожним байтом провести операцію XOR із заданим значенням, яке взято із секретного ключа. Перевага функції XOR полягає в тому, що використання того самого ключа шифрування в зашифрованому тексті відновлює початковий текст; наприклад, 65 XOR 42 = 107, потім 107 XOR 42 = 65.
+
+Для незламного шифрування, ключ має таку ж довжину як і початковий текст повідомлення, а також складається з випадкових байтів. Користувач зберігатиме зашифровані повідомлення і ключ шифрування в різних місцях, тому без обидвох "половинок" розшифрувати повідомлення буде неможливо.
+
+На жаль, цей метод непрактичний для більшості користувачів, тож видозмінений метод використовує пароль в якості ключа. Якщо пароль коротший за повідомлення, що ймовірно, ключ циклічно повторюється протягом усього повідомлення. Баланс для цього методу полягає у використанні достатньо довгого ключа пароля для безпеки, але достатньо короткого, щоб його запам’ятати.
+
+Ваше завдання полегшено, оскільки ключ шифрування складається з трьох символів нижнього регістру. Використовуючи `cipher`, масив, що містить зашифровані коди ASCII, і знання того, що початковий текст повинен містити звичайні англійські слова, розшифруйте повідомлення та знайдіть суму значень ASCII в оригінальному тексті.
+
+# --hints--
+
+`XORDecryption(cipher)` має повернути число.
+
+```js
+assert(typeof XORDecryption(cipher) === 'number');
+```
+
+`XORDecryption(cipher)` має повернути число 129448.
+
+```js
+assert.strictEqual(XORDecryption(cipher), 129448);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function XORDecryption(arr) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const cipher = [
+  36,22,80,0,0,4,23,25,19,17,88,4,4,19,21,11,88,22,23,23,29,69,12,24,0,88,25,11,12,2,10,28,5,6,12,25,10,22,80,10,30,80,10,22,21,69,23,22,69,61,5,9,29,2,66,11,80,8,23,3,17,88,19,0,20,21,7,10,17,17,29,20,69,8,17,21,29,2,22,84,80,71,60,21,69,11,5,8,21,25,22,88,3,0,10,25,0,10,5,8,88,2,0,27,25,21,10,31,6,25,2,16,21,82,69,35,63,11,88,4,13,29,80,22,13,29,22,88,31,3,88,3,0,10,25,0,11,80,10,30,80,23,29,19,12,8,2,10,27,17,9,11,45,95,88,57,69,16,17,19,29,80,23,29,19,0,22,4,9,1,80,3,23,5,11,28,92,69,9,5,12,12,21,69,13,30,0,0,0,0,27,4,0,28,28,28,84,80,4,22,80,0,20,21,2,25,30,17,88,21,29,8,2,0,11,3,12,23,30,69,30,31,23,88,4,13,29,80,0,22,4,12,10,21,69,11,5,8,88,31,3,88,4,13,17,3,69,11,21,23,17,21,22,88,65,69,83,80,84,87,68,69,83,80,84,87,73,69,83,80,84,87,65,83,88,91,69,29,4,6,86,92,69,15,24,12,27,24,69,28,21,21,29,30,1,11,80,10,22,80,17,16,21,69,9,5,4,28,2,4,12,5,23,29,80,10,30,80,17,16,21,69,27,25,23,27,28,0,84,80,22,23,80,17,16,17,17,88,25,3,88,4,13,29,80,17,10,5,0,88,3,16,21,80,10,30,80,17,16,25,22,88,3,0,10,25,0,11,80,12,11,80,10,26,4,4,17,30,0,28,92,69,30,2,10,21,80,12,12,80,4,12,80,10,22,19,0,88,4,13,29,80,20,13,17,1,10,17,17,13,2,0,88,31,3,88,4,13,29,80,6,17,2,6,20,21,69,30,31,9,20,31,18,11,94,69,54,17,8,29,28,28,84,80,44,88,24,4,14,21,69,30,31,16,22,20,69,12,24,4,12,80,17,16,21,69,11,5,8,88,31,3,88,4,13,17,3,69,11,21,23,17,21,22,88,25,22,88,17,69,11,25,29,12,24,69,8,17,23,12,80,10,30,80,17,16,21,69,11,1,16,25,2,0,88,31,3,88,4,13,29,80,21,29,2,12,21,21,17,29,2,69,23,22,69,12,24,0,88,19,12,10,19,9,29,80,18,16,31,22,29,80,1,17,17,8,29,4,0,10,80,12,11,80,84,67,80,10,10,80,7,1,80,21,13,4,17,17,30,2,88,4,13,29,80,22,13,29,69,23,22,69,12,24,12,11,80,22,29,2,12,29,3,69,29,1,16,25,28,69,12,31,69,11,92,69,17,4,69,16,17,22,88,4,13,29,80,23,25,4,12,23,80,22,9,2,17,80,70,76,88,29,16,20,4,12,8,28,12,29,20,69,26,9,69,11,80,17,23,80,84,88,31,3,88,4,13,29,80,21,29,2,12,21,21,17,29,2,69,12,31,69,12,24,0,88,20,12,25,29,0,12,21,23,86,80,44,88,7,12,20,28,69,11,31,10,22,80,22,16,31,18,88,4,13,25,4,69,12,24,0,88,3,16,21,80,10,30,80,17,16,25,22,88,3,0,10,25,0,11,80,17,23,80,7,29,80,4,8,0,23,23,8,12,21,17,17,29,28,28,88,65,75,78,68,81,65,67,81,72,70,83,64,68,87,74,70,81,75,70,81,67,80,4,22,20,69,30,2,10,21,80,8,13,28,17,17,0,9,1,25,11,31,80,17,16,25,22,88,30,16,21,18,0,10,80,7,1,80,22,17,8,73,88,17,11,28,80,17,16,21,11,88,4,4,19,25,11,31,80,17,16,21,69,11,1,16,25,2,0,88,2,10,23,4,73,88,4,13,29,80,11,13,29,7,29,2,69,75,94,84,76,65,80,65,66,83,77,67,80,64,73,82,65,67,87,75,72,69,17,3,69,17,30,1,29,21,1,88,0,23,23,20,16,27,21,1,84,80,18,16,25,6,16,80,0,0,0,23,29,3,22,29,3,69,12,24,0,88,0,0,10,25,8,29,4,0,10,80,10,30,80,4,88,19,12,10,19,9,29,80,18,16,31,22,29,80,1,17,17,8,29,4,0,10,80,12,11,80,84,86,80,35,23,28,9,23,7,12,22,23,69,25,23,4,17,30,69,12,24,0,88,3,4,21,21,69,11,4,0,8,3,69,26,9,69,15,24,12,27,24,69,49,80,13,25,20,69,25,2,23,17,6,0,28,80,4,12,80,17,16,25,22,88,3,16,21,92,69,49,80,13,25,6,0,88,20,12,11,19,10,14,21,23,29,20,69,12,24,4,12,80,17,16,21,69,11,5,8,88,31,3,88,4,13,29,80,22,29,2,12,29,3,69,73,80,78,88,65,74,73,70,69,83,80,84,87,72,84,88,91,69,73,95,87,77,70,69,83,80,84,87,70,87,77,80,78,88,21,17,27,94,69,25,28,22,23,80,1,29,0,0,22,20,22,88,31,11,88,4,13,29,80,20,13,17,1,10,17,17,13,2,0,88,31,3,88,4,13,29,80,6,17,2,6,20,21,75,88,62,4,21,21,9,1,92,69,12,24,0,88,3,16,21,80,10,30,80,17,16,25,22,88,29,16,20,4,12,8,28,12,29,20,69,26,9,69,65,64,69,31,25,19,29,3,69,12,24,0,88,18,12,9,5,4,28,2,4,12,21,69,80,22,10,13,2,17,16,80,21,23,7,0,10,89,69,23,22,69,12,24,0,88,19,12,10,19,16,21,22,0,10,21,11,27,21,69,23,22,69,12,24,0,88,0,0,10,25,8,29,4,0,10,80,10,30,80,4,88,19,12,10,19,9,29,80,18,16,31,22,29,80,1,17,17,8,29,4,0,10,80,12,11,80,84,86,80,36,22,20,69,26,9,69,11,25,8,17,28,4,10,80,23,29,17,22,23,30,12,22,23,69,49,80,13,25,6,0,88,28,12,19,21,18,17,3,0,88,18,0,29,30,69,25,18,9,29,80,17,23,80,1,29,4,0,10,29,12,22,21,69,12,24,0,88,3,16,21,3,69,23,22,69,12,24,0,88,3,16,26,3,0,9,5,0,22,4,69,11,21,23,17,21,22,88,25,11,88,7,13,17,19,13,88,4,13,29,80,0,0,0,10,22,21,11,12,3,69,25,2,0,88,21,19,29,30,69,22,5,8,26,21,23,11,94
+];
+
+XORDecryption(cipher);
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-6-sum-square-difference.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-6-sum-square-difference.md
new file mode 100644
index 0000000000..af5de7b3a5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-6-sum-square-difference.md
@@ -0,0 +1,78 @@
+---
+id: 5900f3721000cf542c50fe85
+title: 'Завдання 6: Різниця суми квадратів та квадрату суми'
+challengeType: 5
+forumTopicId: 302171
+dashedName: problem-6-sum-square-difference
+---
+
+# --description--
+
+Сума квадратів перших десяти натуральних чисел дорівнює
+
+<div style='text-align: center;'>1<sup>2</sup> + 2<sup>2</sup> + ... + 10<sup>2</sup> = 385</div>
+
+Квадрат суми перших десяти натуральних чисел дорівнює
+
+<div style='text-align: center;'>(1 + 2 + ... + 10)<sup>2</sup> = 55<sup>2</sup> = 3025</div>
+
+Отже, різницею суми квадратів та квадрату суми перших десяти натуральних чисел є 3025 − 385 = 2640.
+
+Знайдіть різницю суми квадратів та квадрату суми перших `n` натуральних чисел.
+
+# --hints--
+
+`sumSquareDifference(10)` має повернути число.
+
+```js
+assert(typeof sumSquareDifference(10) === 'number');
+```
+
+`sumSquareDifference(10)` має повернути число 2640.
+
+```js
+assert.strictEqual(sumSquareDifference(10), 2640);
+```
+
+`sumSquareDifference(20)` має повернути число 41230.
+
+```js
+assert.strictEqual(sumSquareDifference(20), 41230);
+```
+
+`sumSquareDifference(100)` має повернути число 25164150.
+
+```js
+assert.strictEqual(sumSquareDifference(100), 25164150);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumSquareDifference(n) {
+
+  return true;
+}
+
+sumSquareDifference(100);
+```
+
+# --solutions--
+
+```js
+const sumSquareDifference = (number)=>{
+  let squareOfSum = Math.pow(sumOfArithmeticSeries(1,1,number),2);
+  let sumOfSquare = sumOfSquareOfNumbers(number);
+ return squareOfSum - sumOfSquare;
+}
+
+function sumOfArithmeticSeries(a,d,n){
+  return (n/2)*(2*a+(n-1)*d);
+}
+
+function sumOfSquareOfNumbers(n){
+ return (n*(n+1)*(2*n+1))/6;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-60-prime-pair-sets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-60-prime-pair-sets.md
new file mode 100644
index 0000000000..f957cddca1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-60-prime-pair-sets.md
@@ -0,0 +1,46 @@
+---
+id: 5900f3a81000cf542c50febb
+title: 'Завдання 60: Об''єднання пари в просте число'
+challengeType: 5
+forumTopicId: 302172
+dashedName: problem-60-prime-pair-sets
+---
+
+# --description--
+
+Прості числа 3, 7, 109 і 673 досить вражаючі. Якщо взяти будь-які два простих числа та об’єднати їх у будь-якому порядку, у результаті завжди вийде просте число. Наприклад, якщо взяти 7 і 109, то обидва числа, 7109 та 1097, будуть простими. Сума цих чотирьох простих чисел, 792, є найменшою сумою для набору з чотирьох простих чисел із цією властивістю.
+
+Знайдіть найменшу суму набору з п'яти простих чисел, для яких об'єднання будь-яких двох простих чисел дасть нове просте число.
+
+# --hints--
+
+`primePairSets()` має повернути число.
+
+```js
+assert(typeof primePairSets() === 'number');
+```
+
+`primePairSets()` має повернути число 26033.
+
+```js
+assert.strictEqual(primePairSets(), 26033);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primePairSets() {
+
+  return true;
+}
+
+primePairSets();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.md
new file mode 100644
index 0000000000..0a345d1fbd
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-61-cyclical-figurate-numbers.md
@@ -0,0 +1,252 @@
+---
+id: 5900f3a91000cf542c50febc
+title: 'Завдання 61: Циклічні фігурні числа'
+challengeType: 5
+forumTopicId: 302173
+dashedName: problem-61-cyclical-figurate-numbers
+---
+
+# --description--
+
+Трикутні, квадратні, п'ятикутні, шестикутні, семикутні і восьмикутні числа є фігурними (багатокутними) числами і визначаються за такими формулами:
+
+| Тип числа   | Формула                       | Послідовність         |
+| ----------- | ----------------------------- | --------------------- |
+| Трикутне    | $P_3(n) = \frac{n(n+1)}{2}$  | 1, 3, 6, 10, 15, ...  |
+| Квадратне   | $P_4(n) = n^2$                | 1, 4, 9, 16, 25, ...  |
+| П'ятикутне  | $P_5(n) = \frac{n(3n−1)}2$   | 1, 5, 12, 22, 35, ... |
+| Шестикутне  | $P_6(n) = n(2n−1)$            | 1, 6, 15, 28, 45, ... |
+| Семикутне   | $P_7(n) = \frac{n(5n−3)}{2}$ | 1, 7, 18, 34, 55, ... |
+| Восьмикутне | $P_8(n) = n(3n−2)$            | 1, 8, 21, 40, 65, ... |
+
+Впорядкована множина з трьох 4-значних чисел: 8128, 2882, 8281 має три цікаві властивості.
+
+1. Множина циклічна, оскільки дві останні цифри кожного числа є першими двома цифрами наступного числа (включаючи останнє та перше число).
+2. Кожен тип багатокутника: трикутний ($P_3(127) = 8128$), квадратний ($P_4(91) = 8281$), і п'ятикутний ($P_5(44) = 2882$), представлений іншим числом в даній множині.
+3. Це єдина множина 4-цифрових чисел з цією властивістю.
+
+Знайдіть суму всіх чисел у впорядкованих множинах з `n` циклічних 4-значних чисел, в яких кожен з типів багатокутника від $P_3$ до $P_{n + 2}$ представлений іншим числом цієї множини.
+
+# --hints--
+
+`cyclicalFigurateNums(3)` має повернути число.
+
+```js
+assert(typeof cyclicalFigurateNums(3) === 'number');
+```
+
+`cyclicalFigurateNums(3)` має повернути `19291`.
+
+```js
+assert.strictEqual(cyclicalFigurateNums(3), 19291);
+```
+
+`cyclicalFigurateNums(4)` має повернути `28684`.
+
+```js
+assert.strictEqual(cyclicalFigurateNums(4), 28684);
+```
+
+`cyclicalFigurateNums(5)` має повернути `76255`.
+
+```js
+assert.strictEqual(cyclicalFigurateNums(5), 76255);
+```
+
+`cyclicalFigurateNums(6)` має повернути `28684`.
+
+```js
+assert.strictEqual(cyclicalFigurateNums(6), 28684);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cyclicalFigurateNums(n) {
+
+  return true;
+}
+
+cyclicalFigurateNums(3);
+```
+
+# --solutions--
+
+```js
+function cyclicalFigurateNums(n) {
+  function getChains(chain, n, numberTypes, numsExcludingLastNeededType) {
+    if (chain.length === n) {
+      return [chain];
+    }
+
+    const nextNumbers = getNextNumbersInChain(
+      chain[chain.length - 1],
+      numsExcludingLastNeededType
+    );
+
+    const chains = [];
+    for (let j = 0; j < nextNumbers.length; j++) {
+      const nextNumber = nextNumbers[j];
+      if (chain.indexOf(nextNumber) === -1) {
+        const nextChain = [...chain, nextNumber];
+        chains.push(
+          ...getChains(nextChain, n, numberTypes, numsExcludingLastNeededType)
+        );
+      }
+    }
+    return chains;
+  }
+
+  function getNextNumbersInChain(num, numsExcludingLastNeededType) {
+    const results = [];
+    const beginning = num % 100;
+    numsExcludingLastNeededType.forEach(number => {
+      if (Math.floor(number / 100) === beginning) {
+        results.push(number);
+      }
+    });
+    return results;
+  }
+
+  function fillNumberTypes(n, numberTypes, numsExcludingLastNeededType) {
+    const [, lastTypeCheck, lastTypeArr] = numberTypes[n - 1];
+
+    for (let i = 1000; i <= 9999; i++) {
+      for (let j = 0; j < n - 1; j++) {
+        const [, typeCheck, typeArr] = numberTypes[j];
+        if (typeCheck(i)) {
+          typeArr.push(i);
+          numsExcludingLastNeededType.add(i);
+        }
+      }
+
+      if (lastTypeCheck(i)) {
+        lastTypeArr.push(i);
+      }
+    }
+  }
+
+  function isCyclicalChain(chain, n, numberTypes) {
+    const numberTypesInChain = getNumberTypesInChain(chain, numberTypes);
+
+    if (!isChainAllowed(numberTypesInChain, n)) {
+      return false;
+    }
+
+    const isChainCyclic =
+      Math.floor(chain[0] / 100) === chain[chain.length - 1] % 100;
+    return isChainCyclic;
+  }
+
+  function getNumberTypesInChain(chain, numberTypes) {
+    const numbersInChain = {};
+    for (let i = 0; i < numberTypes.length; i++) {
+      const numberTypeName = numberTypes[i][0];
+      numbersInChain[numberTypeName] = [];
+    }
+
+    for (let i = 0; i < chain.length; i++) {
+      for (let j = 0; j < n; j++) {
+        const [typeName, , typeNumbers] = numberTypes[j];
+        const typeNumbersInChain = numbersInChain[typeName];
+        if (typeNumbers.indexOf(chain[i]) !== -1) {
+          typeNumbersInChain.push(chain[i]);
+        }
+      }
+    }
+    return numbersInChain;
+  }
+
+  function isChainAllowed(numberTypesInChain, n) {
+    for (let i = 0; i < n; i++) {
+      const typeName = numberTypes[i][0];
+      const isNumberWithTypeInChain = numberTypesInChain[typeName].length > 0;
+      if (!isNumberWithTypeInChain) {
+        return false;
+      }
+
+      for (let j = i + 1; j < n; j++) {
+        const otherTypeName = numberTypes[j][0];
+        if (
+          isNumberRepeatedAsOnlyNumberInTwoTypes(
+            numberTypesInChain[typeName],
+            numberTypesInChain[otherTypeName]
+          )
+        ) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+
+  function isNumberRepeatedAsOnlyNumberInTwoTypes(
+    typeNumbers,
+    otherTypeNumbers
+  ) {
+    return (
+      typeNumbers.length === 1 &&
+      otherTypeNumbers.length === 1 &&
+      typeNumbers[0] === otherTypeNumbers[0]
+    );
+  }
+
+  function isTriangle(num) {
+    return ((8 * num + 1) ** 0.5 - 1) % 2 === 0;
+  }
+
+  function isSquare(num) {
+    return num ** 0.5 === parseInt(num ** 0.5, 10);
+  }
+
+  function isPentagonal(num) {
+    return ((24 * num + 1) ** 0.5 + 1) % 6 === 0;
+  }
+
+  function isHexagonal(num) {
+    return ((8 * num + 1) ** 0.5 + 1) % 4 === 0;
+  }
+
+  function isHeptagonal(num) {
+    return ((40 * num + 9) ** 0.5 + 3) % 10 === 0;
+  }
+
+  function isOctagonal(num) {
+    return ((3 * num + 1) ** 0.5 + 1) % 3 === 0;
+  }
+
+  const numberTypes = [
+    ['triangle', isTriangle, []],
+    ['square', isSquare, []],
+    ['pentagonal', isPentagonal, []],
+    ['hexagonal', isHexagonal, []],
+    ['heptagonal', isHeptagonal, []],
+    ['octagonal', isOctagonal, []]
+  ];
+  const numsExcludingLastNeededType = new Set();
+  fillNumberTypes(n, numberTypes, numsExcludingLastNeededType);
+
+  const nNumberChains = [];
+  const [, , lastType] = numberTypes[n - 1];
+  for (let i = 0; i < lastType.length; i++) {
+    const startOfChain = lastType[i];
+    nNumberChains.push(
+      ...getChains([startOfChain], n, numberTypes, numsExcludingLastNeededType)
+    );
+  }
+
+  const cyclicalChains = nNumberChains.filter(chain =>
+    isCyclicalChain(chain, n, numberTypes)
+  );
+
+  let sum = 0;
+  for (let i = 0; i < cyclicalChains.length; i++) {
+    for (let j = 0; j < cyclicalChains[0].length; j++) {
+      sum += cyclicalChains[i][j];
+    }
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-62-cubic-permutations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-62-cubic-permutations.md
new file mode 100644
index 0000000000..8e22222a35
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-62-cubic-permutations.md
@@ -0,0 +1,97 @@
+---
+id: 5900f3aa1000cf542c50febd
+title: 'Завдання 62: Кубічні перестановки'
+challengeType: 5
+forumTopicId: 302174
+dashedName: problem-62-cubic-permutations
+---
+
+# --description--
+
+Цифри куба 41063625 ($345^3$) можна переставити, щоб утворити два інших куба: 56623104 ($384^3$) та 66430125 ($405^3$). Насправді, 41063625 це найменший куб, який має рівно три перестановки своїх цифр, які також є кубами.
+
+Знайдіть найменший куб, для якого рівно `n` перестановок його цифр є кубами.
+
+# --hints--
+
+`cubicPermutations(2)` має повернути число.
+
+```js
+assert(typeof cubicPermutations(2) === 'number');
+```
+
+`cubicPermutations(2)` має повернути `125`.
+
+```js
+assert.strictEqual(cubicPermutations(2), 125);
+```
+
+`cubicPermutations(3)` має повернути `41063625`.
+
+```js
+assert.strictEqual(cubicPermutations(3), 41063625);
+```
+
+`cubicPermutations(4)` має повернути `1006012008`.
+
+```js
+assert.strictEqual(cubicPermutations(4), 1006012008);
+```
+
+`cubicPermutations(5)` має повернути `127035954683`.
+
+```js
+assert.strictEqual(cubicPermutations(5), 127035954683);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cubicPermutations(n) {
+
+  return true;
+}
+
+cubicPermutations(2);
+```
+
+# --solutions--
+
+```js
+function cubicPermutations(n) {
+  function getDigits(num) {
+    const digits = [];
+    while (num > 0) {
+      digits.push(num % 10);
+      num = Math.floor(num / 10);
+    }
+    return digits;
+  }
+
+  function getCube(num) {
+    return num ** 3;
+  }
+
+  const digitsToCubeCounts = {};
+  let curNum = 1;
+  let digits;
+
+  while (!digitsToCubeCounts[digits] || digitsToCubeCounts[digits].count < n) {
+    const cube = getCube(curNum);
+    digits = getDigits(cube).sort().join();
+    if (!digitsToCubeCounts[digits]) {
+      digitsToCubeCounts[digits] = {
+        count: 1,
+        smallestCube: cube
+      };
+    } else {
+      digitsToCubeCounts[digits].count += 1;
+    }
+
+    curNum++;
+  }
+  return digitsToCubeCounts[digits].smallestCube;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.md
new file mode 100644
index 0000000000..67aac5f3bf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-63-powerful-digit-counts.md
@@ -0,0 +1,122 @@
+---
+id: 5900f3ab1000cf542c50febe
+title: 'Завдання 63: Степені, що дорівнюють кількості цифр'
+challengeType: 5
+forumTopicId: 302175
+dashedName: problem-63-powerful-digit-counts
+---
+
+# --description--
+
+5-значне число 16807 = 7<sup>5</sup> також є п’ятим степенем. Так само 9-значне число 134217728 = 8<sup>9</sup>- є дев'ятим степенем.
+
+Завершіть функцію так, щоб вона повернула кількість цілих натуральних чисел, які мають довжину `n` та `n`-го степеня.
+
+# --hints--
+
+`powerfulDigitCounts(1)` має повернути число.
+
+```js
+assert(typeof powerfulDigitCounts(1) === 'number');
+```
+
+`powerfulDigitCounts(1)` має повернути `9`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(1), 9);
+```
+
+`powerfulDigitCounts(2)` має повернути `6`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(2), 6);
+```
+
+`powerfulDigitCounts(3)` має повернути `5`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(3), 5);
+```
+
+`powerfulDigitCounts(4)` має повернути `4`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(4), 4);
+```
+
+`powerfulDigitCounts(5)` має повернути `3`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(5), 3);
+```
+
+`powerfulDigitCounts(6)` має повернути `3`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(6), 3);
+```
+
+`powerfulDigitCounts(7)` має повернути `2`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(7), 2);
+```
+
+`powerfulDigitCounts(8)` має повернути `2`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(8), 2);
+```
+
+`powerfulDigitCounts(10)` має повернути `2`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(10), 2);
+```
+
+`powerfulDigitCounts(21)` має повернути `1`.
+
+```js
+assert.strictEqual(powerfulDigitCounts(21), 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function powerfulDigitCounts(n) {
+
+  return true;
+}
+
+powerfulDigitCounts(1);
+```
+
+# --solutions--
+
+```js
+function powerfulDigitCounts(n) {
+  function countDigits(num) {
+    let counter = 0;
+    while (num > 0) {
+      num = Math.floor(num / 10);
+      counter++;
+    }
+    return counter;
+  }
+
+  let numbersCount = 0;
+
+  let curNum = 1;
+  while (curNum < 10) {
+    let power = n;
+    if (power === countDigits(curNum ** power)) {
+      numbersCount++;
+    }
+    curNum++;
+  }
+
+  return numbersCount;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.md
new file mode 100644
index 0000000000..9aa7d885c7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-64-odd-period-square-roots.md
@@ -0,0 +1,148 @@
+---
+id: 5900f3ac1000cf542c50febf
+title: 'Завдання 64: Квадратні корені з непарним періодом'
+challengeType: 5
+forumTopicId: 302176
+dashedName: problem-64-odd-period-square-roots
+---
+
+# --description--
+
+Усі квадратні корені є періодичними, якщо їх записати у вигляді неперервних дробів і можуть бути записані так:
+
+$\\displaystyle \\quad \\quad \\sqrt{N}=a_0+\\frac 1 {a_1+\\frac 1 {a_2+ \\frac 1 {a3+ \\dots}}}$
+
+Наприклад, розгляньмо $\\sqrt{23}:$:
+
+$\\quad \\quad \\sqrt{23}=4+\\sqrt{23}-4=4+\\frac 1 {\\frac 1 {\\sqrt{23}-4}}=4+\\frac 1 {1+\\frac{\\sqrt{23}-3}7}$
+
+Якщо ми продовжимо, то отримаємо таке наближення:
+
+$\\displaystyle \\quad \\quad \\sqrt{23}=4+\\frac 1 {1+\\frac 1 {3+ \\frac 1 {1+\\frac 1 {8+ \\dots}}}}$
+
+Процес можна підсумувати наступним чином:
+
+$\\quad \\quad a_0=4, \\frac 1 {\\sqrt{23}-4}=\\frac {\\sqrt{23}+4} 7=1+\\frac {\\sqrt{23}-3} 7$
+
+$\\quad \\quad a_1=1, \\frac 7 {\\sqrt{23}-3}=\\frac {7(\\sqrt{23}+3)} {14}=3+\\frac {\\sqrt{23}-3} 2$
+
+$\\quad \\quad a_2=3, \\frac 2 {\\sqrt{23}-3}=\\frac {2(\\sqrt{23}+3)} {14}=1+\\frac {\\sqrt{23}-4} 7$
+
+$\\quad \\quad a_3=1, \\frac 7 {\\sqrt{23}-4}=\\frac {7(\\sqrt{23}+4)} 7=8+\\sqrt{23}-4$
+
+$\\quad \\quad a_4=8, \\frac 1 {\\sqrt{23}-4}=\\frac {\\sqrt{23}+4} 7=1+\\frac {\\sqrt{23}-3} 7$
+
+$\\quad \\quad a_5=1, \\frac 7 {\\sqrt{23}-3}=\\frac {7 (\\sqrt{23}+3)} {14}=3+\\frac {\\sqrt{23}-3} 2$
+
+$\\quad \\quad a_6=3, \\frac 2 {\\sqrt{23}-3}=\\frac {2(\\sqrt{23}+3)} {14}=1+\\frac {\\sqrt{23}-4} 7$
+
+$\\quad \\quad a_7=1, \\frac 7 {\\sqrt{23}-4}=\\frac {7(\\sqrt{23}+4)} {7}=8+\\sqrt{23}-4$
+
+Можна побачити, що послідовність повторюється. Для стислості, ми використовуємо позначення $\\sqrt{23}=\[4;(1,3,1,8)]$, щоб вказати, що блок (1,3,1,8) нескінченно повторюється.
+
+Перші десять представлень (ірраціональних) квадратних коренів безперервного дробу:
+
+$\\quad \\quad \\sqrt{2}=\[1;(2)]$, період = 1
+
+$\\quad \\quad \\sqrt{3}=\[1;(1,2)]$, період = 2
+
+$\\quad \\quad \\sqrt{5}=\[2;(4)]$, період = 1
+
+$\\quad \\quad \\sqrt{6}=\[2;(2,4)]$, період = 2
+
+$\\quad \\quad \\sqrt{7}=\[2;(1,1,1,4)]$, період = 4
+
+$\\quad \\quad \\sqrt{8}=\[2;(1,4)]$, період = 2
+
+$\\quad \\quad \\sqrt{10}=\[3;(6)]$, період = 1
+
+$\\quad \\quad \\sqrt{11}=\[3;(3,6)]$, період = 2
+
+$\\quad \\quad \\sqrt{12}=\[3;(2,6)]$, період = 2
+
+$\\quad \\quad \\sqrt{13}=\[3;(1,1,1,1,6)]$, період = 5
+
+Рівно чотири неперервні дроби для $N \\le 13$ мають непарний період.
+
+Скільки неперервних дробів для $N \\le n$ має непарний період?
+
+# --hints--
+
+`oddPeriodSqrts(13)` має повернути число.
+
+```js
+assert(typeof oddPeriodSqrts(13) === 'number');
+```
+
+`oddPeriodSqrts(500)` має повернути `83`.
+
+```js
+assert.strictEqual(oddPeriodSqrts(500), 83);
+```
+
+`oddPeriodSqrts(1000)` має повернути `152`.
+
+```js
+assert.strictEqual(oddPeriodSqrts(1000), 152);
+```
+
+`oddPeriodSqrts(5000)` має повернути `690`.
+
+```js
+assert.strictEqual(oddPeriodSqrts(5000), 690);
+```
+
+`oddPeriodSqrts(10000)` має повернути `1322`.
+
+```js
+assert.strictEqual(oddPeriodSqrts(10000), 1322);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function oddPeriodSqrts(n) {
+
+  return true;
+}
+
+oddPeriodSqrts(13);
+```
+
+# --solutions--
+
+```js
+function oddPeriodSqrts(n) {
+  // Based on https://www.mathblog.dk/project-euler-continued-fractions-odd-period/
+  function getPeriod(num) {
+    let period = 0;
+    let m = 0;
+    let d = 1;
+    let a = Math.floor(Math.sqrt(num));
+    const a0 = a;
+    while (2 * a0 !== a) {
+      m = d * a - m;
+      d = Math.floor((num - m ** 2) / d);
+      a = Math.floor((Math.sqrt(num) + m) / d);
+      period++;
+    }
+    return period;
+  }
+
+  function isPerfectSquare(num) {
+    return Number.isInteger(Math.sqrt(num));
+  }
+
+  let counter = 0;
+  for (let i = 2; i <= n; i++) {
+    if (!isPerfectSquare(i)) {
+      if (getPeriod(i) % 2 !== 0) {
+        counter++;
+      }
+    }
+  }
+  return counter;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-65-convergents-of-e.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-65-convergents-of-e.md
new file mode 100644
index 0000000000..311edf00b4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-65-convergents-of-e.md
@@ -0,0 +1,117 @@
+---
+id: 5900f3ad1000cf542c50fec0
+title: 'Завдання 65: Наближення е'
+challengeType: 5
+forumTopicId: 302177
+dashedName: problem-65-convergents-of-e
+---
+
+# --description--
+
+Квадратний корінь з 2 можна записати як нескінченний неперервний дріб.
+
+$\\sqrt{2} = 1 + \\dfrac{1}{2 + \\dfrac{1}{2 + \\dfrac{1}{2 + \\dfrac{1}{2 + ...}}}}$
+
+Нескінченний неперервний дріб можна записати як $\\sqrt{2} = \[1; (2)]$ вказує на те, що 2 повторюється *до нескінченності*. Подібним чином $\\sqrt{23} = \[4; (1, 3, 1, 8)]$. Виявляється, що послідовність часткових значень неперервних дробів для квадратних коренів надає найкраще раціональне наближення. Давайте розглянемо наближення для $\\sqrt{2}$.
+
+$1 + \\dfrac{1}{2} = \\dfrac{3}{2}\\\\ 1 + \\dfrac{1}{2 + \\dfrac{1}{2}} = \\dfrac{7}{5}\\\\ 1 + \\dfrac{1}{2 + \\dfrac{1}{2 + \\dfrac{1}{2}}} = \\dfrac{17}{12}\\\\ 1 + \\dfrac{1}{2 + \\dfrac{1}{2 + \\dfrac{1}{2 + \\dfrac{1}{2}}}} = \\dfrac{41}{29}$
+
+Отже, послідовністю перших десяти наближень для $\\sqrt{2}$ є:
+
+$1, \\dfrac{3}{2}, \\dfrac{7}{5}, \\dfrac{17}{12}, \\dfrac{41}{29}, \\dfrac{99}{70}, \\dfrac{239}{169}, \\dfrac{577}{408}, \\dfrac{1393}{985}, \\dfrac{3363}{2378}, ...$
+
+Найдивовижніше те, що важлива математична константа $e = \[2; 1, 2, 1, 1, 1, 1, 1, 1, 6, 1, . . , 1, 2k, 1, ...]$. Першими десятьма значеннями у послідовності наближень для `e` є:
+
+$2, 3, \\dfrac{8}{3}, \\dfrac{11}{4}, \\dfrac{19}{7}, \\dfrac{87}{32}, \\dfrac{106}{39}, \\dfrac{193}{71}, \\dfrac{1264}{465}, \\dfrac{1457}{536}, ...$
+
+Сума цифр у чисельнику 10<sup>-го</sup> наближення - $1 + 4 + 5 + 7 = 17$.
+
+Знайдіть суму цифр у чисельнику `n`<sup>-го</sup> наближення неперервного дробу для `e`.
+
+# --hints--
+
+`convergentsOfE(10)` має повернути число.
+
+```js
+assert(typeof convergentsOfE(10) === 'number');
+```
+
+`convergentsOfE(10)` має повернути `17`.
+
+```js
+assert.strictEqual(convergentsOfE(10), 17);
+```
+
+`convergentsOfE(30)` має повернути `53`.
+
+```js
+assert.strictEqual(convergentsOfE(30), 53);
+```
+
+`convergentsOfE(50)` має повернути `91`.
+
+```js
+assert.strictEqual(convergentsOfE(50), 91);
+```
+
+`convergentsOfE(70)` має повернути `169`.
+
+```js
+assert.strictEqual(convergentsOfE(70), 169);
+```
+
+`convergentsOfE(100)` має повернути `272`.
+
+```js
+assert.strictEqual(convergentsOfE(100), 272);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function convergentsOfE(n) {
+
+  return true;
+}
+
+convergentsOfE(10);
+```
+
+# --solutions--
+
+```js
+function convergentsOfE(n) {
+  function sumDigits(num) {
+    let sum = 0n;
+    while (num > 0) {
+      sum += num % 10n;
+      num = num / 10n;
+    }
+    return parseInt(sum);
+  }
+
+  // BigInt is needed for high convergents
+  let convergents = [
+    [2n, 1n],
+    [3n, 1n]
+  ];
+  const multipliers = [1n, 1n, 2n];
+  for (let i = 2; i < n; i++) {
+    const [secondLastConvergent, lastConvergent] = convergents;
+    const [secondLastNumerator, secondLastDenominator] = secondLastConvergent;
+    const [lastNumerator, lastDenominator] = lastConvergent;
+    const curMultiplier = multipliers[i % 3];
+
+    const numerator = secondLastNumerator + curMultiplier * lastNumerator;
+    const denominator = secondLastDenominator + curMultiplier * lastDenominator;
+
+    convergents = [lastConvergent, [numerator, denominator]]
+    if (i % 3 === 2) {
+      multipliers[2] += 2n;
+    }
+  }
+  return sumDigits(convergents[1][0]);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-66-diophantine-equation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-66-diophantine-equation.md
new file mode 100644
index 0000000000..1ec0bb4b45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-66-diophantine-equation.md
@@ -0,0 +1,129 @@
+---
+id: 5900f3ae1000cf542c50fec1
+title: 'Завдання 66: Діофантове рівняння'
+challengeType: 5
+forumTopicId: 302178
+dashedName: problem-66-diophantine-equation
+---
+
+# --description--
+
+Розглянемо квадратні діофантові рівняння типу:
+
+<div style='text-align: center;'>x<sup>2</sup> – Dy<sup>2</sup> = 1</div>
+
+Наприклад, для D=13, мінімальний розв'язок х дорівнює 649<sup>2</sup> – 13×180<sup>2</sup> = 1.
+
+Можна припустити, що розв'язків у додатних числах не існує, якщо D дорівнює квадрату цілого числа.
+
+Знайшовши мінімальні розв’язки x для D = {2, 3, 5, 6, 7}, отримаємо наступне:
+
+<div style='margin-left: 2em;'>
+  3<sup>2</sup> – 2×2<sup>2</sup> = 1<br>
+  2<sup>2</sup> – 3×1<sup>2</sup> = 1<br>
+  <strong><span style='color: red;'>9</span></strong><sup>2</sup> – 5×4<sup>2</sup> = 1<br>
+  5<sup>2</sup> – 6×2<sup>2</sup> = 1<br>
+  8<sup>2</sup> – 7×3<sup>2</sup> = 1<br>
+</div>
+
+Отже, беручи до уваги мінімальні розв'язки `x` для D ≤ 7, найбільший `x` отримаємо тоді, коли D=5.
+
+Знайдіть значення D ≤ `n` у мінімальних розв'язках `x`, для яких отримано найбільше значення `x`.
+
+# --hints--
+
+`diophantineEquation(7)` має повернути число.
+
+```js
+assert(typeof diophantineEquation(7) === 'number');
+```
+
+`diophantineEquation(7)` має повернути `5`.
+
+```
+assert.strictEqual(diophantineEquation(7), 5);
+```
+
+`diophantineEquation(100)` має повернути `61`.
+
+```
+assert.strictEqual(diophantineEquation(100), 61);
+```
+
+`diophantineEquation(409)` має повернути `409`.
+
+```
+assert.strictEqual(diophantineEquation(409), 409);
+```
+
+`diophantineEquation(500)` має повернути `421`.
+
+```
+assert.strictEqual(diophantineEquation(500), 421);
+```
+
+`diophantineEquation(1000)` має повернути `661`.
+
+```js
+assert.strictEqual(diophantineEquation(1000), 661);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function diophantineEquation(n) {
+
+  return true;
+}
+
+diophantineEquation(7);
+```
+
+# --solutions--
+
+```js
+function diophantineEquation(n) {
+  // Based on https://www.mathblog.dk/project-euler-66-diophantine-equation/
+  function isSolution(D, numerator, denominator) {
+    return numerator * numerator - BigInt(D) * denominator * denominator === 1n;
+  }
+
+  let result = 0;
+  let biggestX = 0;
+
+  for (let D = 2; D <= n; D++) {
+    let boundary = Math.floor(Math.sqrt(D));
+    if (boundary ** 2 === D) {
+      continue;
+    }
+
+    let m = 0n;
+    let d = 1n;
+    let a = BigInt(boundary);
+
+    let [numerator, prevNumerator] = [a, 1n];
+
+    let [denominator, prevDenominator] = [1n, 0n];
+
+    while (!isSolution(D, numerator, denominator)) {
+      m = d * a - m;
+      d = (BigInt(D) - m * m) / d;
+      a = (BigInt(boundary) + m) / d;
+
+      [numerator, prevNumerator] = [a * numerator + prevNumerator, numerator];
+      [denominator, prevDenominator] = [
+        a * denominator + prevDenominator,
+        denominator
+      ];
+    }
+
+    if (numerator > biggestX) {
+      biggestX = numerator;
+      result = D;
+    }
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.md
new file mode 100644
index 0000000000..f1b1e66313
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-67-maximum-path-sum-ii.md
@@ -0,0 +1,96 @@
+---
+id: 5900f3b01000cf542c50fec2
+title: 'Завдання 67: Максимальна сума шляху ІІ'
+challengeType: 5
+forumTopicId: 302179
+dashedName: problem-67-maximum-path-sum-ii
+---
+
+# --description--
+
+Якщо почати з вершини трикутника, зображеного нижче, і рухатись до суміжних чисел у нижньому рядку, максимальною сумою зверху вниз буде 23.
+
+<div style='text-align: center;'>
+  <strong style='color: red;'>3</strong><br>
+  <strong style='color: red;'>7</strong> 4<br>
+  2 <strong style='color: red;'>4</strong> 6<br>
+  8 5 <strong style='color: red;'>9</strong> 3
+</div>
+
+Тобто, 3 + 7 + 4 + 9 = 23.
+
+Знайдіть максимальну суму згори донизу у `numTriangle`, 2D-масиві, визначеному у фоновому режимі, який містить трикутник із сотнею рядків.
+
+**Примітка:** Це — набагато складніша версія завдання 18. Це завдання неможливо вирішити, спробувавши кожний шлях, оскільки їх всього 2<sup>99</sup>! Якби ви могли перевіряти один трильйон (10<sup>12</sup>) шляхів щосекунди, вам знадобилося б понад двадцять мільярдів років, щоб перевірити їх усі. Існує ефективний алгоритм вирішення даного завдання. ;o)
+
+# --hints--
+
+`maximumPathSumII(testTriangle)` має повернути число.
+
+```js
+assert(typeof maximumPathSumII(_testTriangle) === 'number');
+```
+
+`maximumPathSumII(testTriangle)` має повернути число 23.
+
+```js
+assert.strictEqual(maximumPathSumII(_testTriangle), 23);
+```
+
+`maximumPathSumII(numTriangle)` має повернути число 7273.
+
+```js
+assert.strictEqual(maximumPathSumII(_numTriangle), 7273);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+const _testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+const _numTriangle = [[59,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[73,41,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[52,40,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[26,53,6,34,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[10,51,87,86,81,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[61,95,66,57,25,68,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[90,81,80,38,92,67,73,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[30,28,51,76,81,18,75,44,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[84,14,95,87,62,81,17,78,58,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[21,46,71,58,2,79,62,39,31,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[56,34,35,53,78,31,81,18,90,93,15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[78,53,4,21,84,93,32,13,97,11,37,51,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[45,3,81,79,5,18,78,86,13,30,63,99,95,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[39,87,96,28,3,38,42,17,82,87,58,7,22,57,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[6,17,51,17,7,93,9,7,75,97,95,78,87,8,53,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[67,66,59,60,88,99,94,65,55,77,55,34,27,53,78,28,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[76,40,41,4,87,16,9,42,75,69,23,97,30,60,10,79,87,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[12,10,44,26,21,36,32,84,98,60,13,12,36,16,63,31,91,35,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[70,39,6,5,55,27,38,48,28,22,34,35,62,62,15,14,94,89,86,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[66,56,68,84,96,21,34,34,34,81,62,40,65,54,62,5,98,3,2,60,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[38,89,46,37,99,54,34,53,36,14,70,26,2,90,45,13,31,61,83,73,47,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[36,10,63,96,60,49,41,5,37,42,14,58,84,93,96,17,9,43,5,43,6,59,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[66,57,87,57,61,28,37,51,84,73,79,15,39,95,88,87,43,39,11,86,77,74,18,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[54,42,5,79,30,49,99,73,46,37,50,2,45,9,54,52,27,95,27,65,19,45,26,45,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[71,39,17,78,76,29,52,90,18,99,78,19,35,62,71,19,23,65,93,85,49,33,75,9,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[33,24,47,61,60,55,32,88,57,55,91,54,46,57,7,77,98,52,80,99,24,25,46,78,79,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[92,9,13,55,10,67,26,78,76,82,63,49,51,31,24,68,5,57,7,54,69,21,67,43,17,63,12,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[24,59,6,8,98,74,66,26,61,60,13,3,9,9,24,30,71,8,88,70,72,70,29,90,11,82,41,34,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[66,82,67,4,36,60,92,77,91,85,62,49,59,61,30,90,29,94,26,41,89,4,53,22,83,41,9,74,90,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[48,28,26,37,28,52,77,26,51,32,18,98,79,36,62,13,17,8,19,54,89,29,73,68,42,14,8,16,70,37,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[37,60,69,70,72,71,9,59,13,60,38,13,57,36,9,30,43,89,30,39,15,2,44,73,5,73,26,63,56,86,12,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[55,55,85,50,62,99,84,77,28,85,3,21,27,22,19,26,82,69,54,4,13,7,85,14,1,15,70,59,89,95,10,19,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[4,9,31,92,91,38,92,86,98,75,21,5,64,42,62,84,36,20,73,42,21,23,22,51,51,79,25,45,85,53,3,43,22,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[75,63,2,49,14,12,89,14,60,78,92,16,44,82,38,30,72,11,46,52,90,27,8,65,78,3,85,41,57,79,39,52,33,48,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[78,27,56,56,39,13,19,43,86,72,58,95,39,7,4,34,21,98,39,15,39,84,89,69,84,46,37,57,59,35,59,50,26,15,93,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[42,89,36,27,78,91,24,11,17,41,5,94,7,69,51,96,3,96,47,90,90,45,91,20,50,56,10,32,36,49,4,53,85,92,25,65,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[52,9,61,30,61,97,66,21,96,92,98,90,6,34,96,60,32,69,68,33,75,84,18,31,71,50,84,63,3,3,19,11,28,42,75,45,45,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[61,31,61,68,96,34,49,39,5,71,76,59,62,67,6,47,96,99,34,21,32,47,52,7,71,60,42,72,94,56,82,83,84,40,94,87,82,46,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[1,20,60,14,17,38,26,78,66,81,45,95,18,51,98,81,48,16,53,88,37,52,69,95,72,93,22,34,98,20,54,27,73,61,56,63,60,34,63,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[93,42,94,83,47,61,27,51,79,79,45,1,44,73,31,70,83,42,88,25,53,51,30,15,65,94,80,44,61,84,12,77,2,62,2,65,94,42,14,94,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[32,73,9,67,68,29,74,98,10,19,85,48,38,31,85,67,53,93,93,77,47,67,39,72,94,53,18,43,77,40,78,32,29,59,24,6,2,83,50,60,66,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[32,1,44,30,16,51,15,81,98,15,10,62,86,79,50,62,45,60,70,38,31,85,65,61,64,6,69,84,14,22,56,43,9,48,66,69,83,91,60,40,36,61,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[92,48,22,99,15,95,64,43,1,16,94,2,99,19,17,69,11,58,97,56,89,31,77,45,67,96,12,73,8,20,36,47,81,44,50,64,68,85,40,81,85,52,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[91,35,92,45,32,84,62,15,19,64,21,66,6,1,52,80,62,59,12,25,88,28,91,50,40,16,22,99,92,79,87,51,21,77,74,77,7,42,38,42,74,83,2,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[46,19,77,66,24,18,5,32,2,84,31,99,92,58,96,72,91,36,62,99,55,29,53,42,12,37,26,58,89,50,66,19,82,75,12,48,24,87,91,85,2,7,3,76,86,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[99,98,84,93,7,17,33,61,92,20,66,60,24,66,40,30,67,5,37,29,24,96,3,27,70,62,13,4,45,47,59,88,43,20,66,15,46,92,30,4,71,66,78,70,53,99,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[67,60,38,6,88,4,17,72,10,99,71,7,42,25,54,5,26,64,91,50,45,71,6,30,67,48,69,82,8,56,80,67,18,46,66,63,1,20,8,80,47,7,91,16,3,79,87,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[18,54,78,49,80,48,77,40,68,23,60,88,58,80,33,57,11,69,55,53,64,2,94,49,60,92,16,35,81,21,82,96,25,24,96,18,2,5,49,3,50,77,6,32,84,27,18,38,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[68,1,50,4,3,21,42,94,53,24,89,5,92,26,52,36,68,11,85,1,4,42,2,45,15,6,50,4,53,73,25,74,81,88,98,21,67,84,79,97,99,20,95,4,40,46,2,58,87,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[94,10,2,78,88,52,21,3,88,60,6,53,49,71,20,91,12,65,7,49,21,22,11,41,58,99,36,16,9,48,17,24,52,36,23,15,72,16,84,56,2,99,43,76,81,71,29,39,49,17,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[64,39,59,84,86,16,17,66,3,9,43,6,64,18,63,29,68,6,23,7,87,14,26,35,17,12,98,41,53,64,78,18,98,27,28,84,80,67,75,62,10,11,76,90,54,10,5,54,41,39,66,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[43,83,18,37,32,31,52,29,95,47,8,76,35,11,4,53,35,43,34,10,52,57,12,36,20,39,40,55,78,44,7,31,38,26,8,15,56,88,86,1,52,62,10,24,32,5,60,65,53,28,57,99,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[3,50,3,52,7,73,49,92,66,80,1,46,8,67,25,36,73,93,7,42,25,53,13,96,76,83,87,90,54,89,78,22,78,91,73,51,69,9,79,94,83,53,9,40,69,62,10,79,49,47,3,81,30,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[71,54,73,33,51,76,59,54,79,37,56,45,84,17,62,21,98,69,41,95,65,24,39,37,62,3,24,48,54,64,46,82,71,78,33,67,9,16,96,68,52,74,79,68,32,21,13,78,96,60,9,69,20,36,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[73,26,21,44,46,38,17,83,65,98,7,23,52,46,61,97,33,13,60,31,70,15,36,77,31,58,56,93,75,68,21,36,69,53,90,75,25,82,39,50,65,94,29,30,11,33,11,13,96,2,56,47,7,49,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[76,46,73,30,10,20,60,70,14,56,34,26,37,39,48,24,55,76,84,91,39,86,95,61,50,14,53,93,64,67,37,31,10,84,42,70,48,20,10,72,60,61,84,79,69,65,99,73,89,25,85,48,92,56,97,16,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[3,14,80,27,22,30,44,27,67,75,79,32,51,54,81,29,65,14,19,4,13,82,4,91,43,40,12,52,29,99,7,76,60,25,1,7,61,71,37,92,40,47,99,66,57,1,43,44,22,40,53,53,9,69,26,81,7,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[49,80,56,90,93,87,47,13,75,28,87,23,72,79,32,18,27,20,28,10,37,59,21,18,70,4,79,96,3,31,45,71,81,6,14,18,17,5,31,50,92,79,23,47,9,39,47,91,43,54,69,47,42,95,62,46,32,85,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[37,18,62,85,87,28,64,5,77,51,47,26,30,65,5,70,65,75,59,80,42,52,25,20,44,10,92,17,71,95,52,14,77,13,24,55,11,65,26,91,1,30,63,15,49,48,41,17,67,47,3,68,20,90,98,32,4,40,68,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[90,51,58,60,6,55,23,68,5,19,76,94,82,36,96,43,38,90,87,28,33,83,5,17,70,83,96,93,6,4,78,47,80,6,23,84,75,23,87,72,99,14,50,98,92,38,90,64,61,58,76,94,36,66,87,80,51,35,61,38,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[57,95,64,6,53,36,82,51,40,33,47,14,7,98,78,65,39,58,53,6,50,53,4,69,40,68,36,69,75,78,75,60,3,32,39,24,74,47,26,90,13,40,44,71,90,76,51,24,36,50,25,45,70,80,61,80,61,43,90,64,11,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[18,29,86,56,68,42,79,10,42,44,30,12,96,18,23,18,52,59,2,99,67,46,60,86,43,38,55,17,44,93,42,21,55,14,47,34,55,16,49,24,23,29,96,51,55,10,46,53,27,92,27,46,63,57,30,65,43,27,21,20,24,83,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[81,72,93,19,69,52,48,1,13,83,92,69,20,48,69,59,20,62,5,42,28,89,90,99,32,72,84,17,8,87,36,3,60,31,36,36,81,26,97,36,48,54,56,56,27,16,91,8,23,11,87,99,33,47,2,14,44,73,70,99,43,35,33,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[90,56,61,86,56,12,70,59,63,32,1,15,81,47,71,76,95,32,65,80,54,70,34,51,40,45,33,4,64,55,78,68,88,47,31,47,68,87,3,84,23,44,89,72,35,8,31,76,63,26,90,85,96,67,65,91,19,14,17,86,4,71,32,95,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[37,13,4,22,64,37,37,28,56,62,86,33,7,37,10,44,52,82,52,6,19,52,57,75,90,26,91,24,6,21,14,67,76,30,46,14,35,89,89,41,3,64,56,97,87,63,22,34,3,79,17,45,11,53,25,56,96,61,23,18,63,31,37,37,47,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[77,23,26,70,72,76,77,4,28,64,71,69,14,85,96,54,95,48,6,62,99,83,86,77,97,75,71,66,30,19,57,90,33,1,60,61,14,12,90,99,32,77,56,41,18,14,87,49,10,14,90,64,18,50,21,74,14,16,88,5,45,73,82,47,74,44,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[22,97,41,13,34,31,54,61,56,94,3,24,59,27,98,77,4,9,37,40,12,26,87,9,71,70,7,18,64,57,80,21,12,71,83,94,60,39,73,79,73,19,97,32,64,29,41,7,48,84,85,67,12,74,95,20,24,52,41,67,56,61,29,93,35,72,69,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[72,23,63,66,1,11,7,30,52,56,95,16,65,26,83,90,50,74,60,18,16,48,43,77,37,11,99,98,30,94,91,26,62,73,45,12,87,73,47,27,1,88,66,99,21,41,95,80,2,53,23,32,61,48,32,43,43,83,14,66,95,91,19,81,80,67,25,88,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[8,62,32,18,92,14,83,71,37,96,11,83,39,99,5,16,23,27,10,67,2,25,44,11,55,31,46,64,41,56,44,74,26,81,51,31,45,85,87,9,81,95,22,28,76,69,46,48,64,87,67,76,27,89,31,11,74,16,62,3,60,94,42,47,9,34,94,93,72,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[56,18,90,18,42,17,42,32,14,86,6,53,33,95,99,35,29,15,44,20,49,59,25,54,34,59,84,21,23,54,35,90,78,16,93,13,37,88,54,19,86,67,68,55,66,84,65,42,98,37,87,56,33,28,58,38,28,38,66,27,52,21,81,15,8,22,97,32,85,27,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[91,53,40,28,13,34,91,25,1,63,50,37,22,49,71,58,32,28,30,18,68,94,23,83,63,62,94,76,80,41,90,22,82,52,29,12,18,56,10,8,35,14,37,57,23,65,67,40,72,39,93,39,70,89,40,34,7,46,94,22,20,5,53,64,56,30,5,56,61,88,27,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[23,95,11,12,37,69,68,24,66,10,87,70,43,50,75,7,62,41,83,58,95,93,89,79,45,39,2,22,5,22,95,43,62,11,68,29,17,40,26,44,25,71,87,16,70,85,19,25,59,94,90,41,41,80,61,70,55,60,84,33,95,76,42,63,15,9,3,40,38,12,3,32,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[9,84,56,80,61,55,85,97,16,94,82,94,98,57,84,30,84,48,93,90,71,5,95,90,73,17,30,98,40,64,65,89,7,79,9,19,56,36,42,30,23,69,73,72,7,5,27,61,24,31,43,48,71,84,21,28,26,65,65,59,65,74,77,20,10,81,61,84,95,8,52,23,70,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[47,81,28,9,98,51,67,64,35,51,59,36,92,82,77,65,80,24,72,53,22,7,27,10,21,28,30,22,48,82,80,48,56,20,14,43,18,25,50,95,90,31,77,8,9,48,44,80,90,22,93,45,82,17,13,96,25,26,8,73,34,99,6,49,24,6,83,51,40,14,15,10,25,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[54,25,10,81,30,64,24,74,75,80,36,75,82,60,22,69,72,91,45,67,3,62,79,54,89,74,44,83,64,96,66,73,44,30,74,50,37,5,9,97,70,1,60,46,37,91,39,75,75,18,58,52,72,78,51,81,86,52,8,97,1,46,43,66,98,62,81,18,70,93,73,8,32,46,34,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[96,80,82,7,59,71,92,53,19,20,88,66,3,26,26,10,24,27,50,82,94,73,63,8,51,33,22,45,19,13,58,33,90,15,22,50,36,13,55,6,35,47,82,52,33,61,36,27,28,46,98,14,73,20,73,32,16,26,80,53,47,66,76,38,94,45,2,1,22,52,47,96,64,58,52,39,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[88,46,23,39,74,63,81,64,20,90,33,33,76,55,58,26,10,46,42,26,74,74,12,83,32,43,9,2,73,55,86,54,85,34,28,23,29,79,91,62,47,41,82,87,99,22,48,90,20,5,96,75,95,4,43,28,81,39,81,1,28,42,78,25,39,77,90,57,58,98,17,36,73,22,63,74,51,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[29,39,74,94,95,78,64,24,38,86,63,87,93,6,70,92,22,16,80,64,29,52,20,27,23,50,14,13,87,15,72,96,81,22,8,49,72,30,70,24,79,31,16,64,59,21,89,34,96,91,48,76,43,53,88,1,57,80,23,81,90,79,58,1,80,87,17,99,86,90,72,63,32,69,14,28,88,69,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[37,17,71,95,56,93,71,35,43,45,4,98,92,94,84,96,11,30,31,27,31,60,92,3,48,5,98,91,86,94,35,90,90,8,48,19,33,28,68,37,59,26,65,96,50,68,22,7,9,49,34,31,77,49,43,6,75,17,81,87,61,79,52,26,27,72,29,50,7,98,86,1,17,10,46,64,24,18,56,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[51,30,25,94,88,85,79,91,40,33,63,84,49,67,98,92,15,26,75,19,82,5,18,78,65,93,61,48,91,43,59,41,70,51,22,15,92,81,67,91,46,98,11,11,65,31,66,10,98,65,83,21,5,56,5,98,73,67,46,74,69,34,8,30,5,52,7,98,32,95,30,94,65,50,24,63,28,81,99,57,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[19,23,61,36,9,89,71,98,65,17,30,29,89,26,79,74,94,11,44,48,97,54,81,55,39,66,69,45,28,47,13,86,15,76,74,70,84,32,36,33,79,20,78,14,41,47,89,28,81,5,99,66,81,86,38,26,6,25,13,60,54,55,23,53,27,5,89,25,23,11,13,54,59,54,56,34,16,24,53,44,6,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[13,40,57,72,21,15,60,8,4,19,11,98,34,45,9,97,86,71,3,15,56,19,15,44,97,31,90,4,87,87,76,8,12,30,24,62,84,28,12,85,82,53,99,52,13,94,6,65,97,86,9,50,94,68,69,74,30,67,87,94,63,7,78,27,80,36,69,41,6,92,32,78,37,82,30,5,18,87,99,72,19,99,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[44,20,55,77,69,91,27,31,28,81,80,27,2,7,97,23,95,98,12,25,75,29,47,71,7,47,78,39,41,59,27,76,13,15,66,61,68,35,69,86,16,53,67,63,99,85,41,56,8,28,33,40,94,76,90,85,31,70,24,65,84,65,99,82,19,25,54,37,21,46,33,2,52,99,51,33,26,4,87,2,8,18,96,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[54,42,61,45,91,6,64,79,80,82,32,16,83,63,42,49,19,78,65,97,40,42,14,61,49,34,4,18,25,98,59,30,82,72,26,88,54,36,21,75,3,88,99,53,46,51,55,78,22,94,34,40,68,87,84,25,30,76,25,8,92,84,42,61,40,38,9,99,40,23,29,39,46,55,10,90,35,84,56,70,63,23,91,39,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[52,92,3,71,89,7,9,37,68,66,58,20,44,92,51,56,13,71,79,99,26,37,2,6,16,67,36,52,58,16,79,73,56,60,59,27,44,77,94,82,20,50,98,33,9,87,94,37,40,83,64,83,58,85,17,76,53,2,83,52,22,27,39,20,48,92,45,21,9,42,24,23,12,37,52,28,50,78,79,20,86,62,73,20,59,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[54,96,80,15,91,90,99,70,10,9,58,90,93,50,81,99,54,38,36,10,30,11,35,84,16,45,82,18,11,97,36,43,96,79,97,65,40,48,23,19,17,31,64,52,65,65,37,32,65,76,99,79,34,65,79,27,55,33,3,1,33,27,61,28,66,8,4,70,49,46,48,83,1,45,19,96,13,81,14,21,31,79,93,85,50,5,0,0,0,0,0,0,0,0,0,0,0,0,0,0],[92,92,48,84,59,98,31,53,23,27,15,22,79,95,24,76,5,79,16,93,97,89,38,89,42,83,2,88,94,95,82,21,1,97,48,39,31,78,9,65,50,56,97,61,1,7,65,27,21,23,14,15,80,97,44,78,49,35,33,45,81,74,34,5,31,57,9,38,94,7,69,54,69,32,65,68,46,68,78,90,24,28,49,51,45,86,35,0,0,0,0,0,0,0,0,0,0,0,0,0],[41,63,89,76,87,31,86,9,46,14,87,82,22,29,47,16,13,10,70,72,82,95,48,64,58,43,13,75,42,69,21,12,67,13,64,85,58,23,98,9,37,76,5,22,31,12,66,50,29,99,86,72,45,25,10,28,19,6,90,43,29,31,67,79,46,25,74,14,97,35,76,37,65,46,23,82,6,22,30,76,93,66,94,17,96,13,20,72,0,0,0,0,0,0,0,0,0,0,0,0],[63,40,78,8,52,9,90,41,70,28,36,14,46,44,85,96,24,52,58,15,87,37,5,98,99,39,13,61,76,38,44,99,83,74,90,22,53,80,56,98,30,51,63,39,44,30,91,91,4,22,27,73,17,35,53,18,35,45,54,56,27,78,48,13,69,36,44,38,71,25,30,56,15,22,73,43,32,69,59,25,93,83,45,11,34,94,44,39,92,0,0,0,0,0,0,0,0,0,0,0],[12,36,56,88,13,96,16,12,55,54,11,47,19,78,17,17,68,81,77,51,42,55,99,85,66,27,81,79,93,42,65,61,69,74,14,1,18,56,12,1,58,37,91,22,42,66,83,25,19,4,96,41,25,45,18,69,96,88,36,93,10,12,98,32,44,83,83,4,72,91,4,27,73,7,34,37,71,60,59,31,1,54,54,44,96,93,83,36,4,45,0,0,0,0,0,0,0,0,0,0],[30,18,22,20,42,96,65,79,17,41,55,69,94,81,29,80,91,31,85,25,47,26,43,49,2,99,34,67,99,76,16,14,15,93,8,32,99,44,61,77,67,50,43,55,87,55,53,72,17,46,62,25,50,99,73,5,93,48,17,31,70,80,59,9,44,59,45,13,74,66,58,94,87,73,16,14,85,38,74,99,64,23,79,28,71,42,20,37,82,31,23,0,0,0,0,0,0,0,0,0],[51,96,39,65,46,71,56,13,29,68,53,86,45,33,51,49,12,91,21,21,76,85,2,17,98,15,46,12,60,21,88,30,92,83,44,59,42,50,27,88,46,86,94,73,45,54,23,24,14,10,94,21,20,34,23,51,4,83,99,75,90,63,60,16,22,33,83,70,11,32,10,50,29,30,83,46,11,5,31,17,86,42,49,1,44,63,28,60,7,78,95,40,0,0,0,0,0,0,0,0],[44,61,89,59,4,49,51,27,69,71,46,76,44,4,9,34,56,39,15,6,94,91,75,90,65,27,56,23,74,6,23,33,36,69,14,39,5,34,35,57,33,22,76,46,56,10,61,65,98,9,16,69,4,62,65,18,99,76,49,18,72,66,73,83,82,40,76,31,89,91,27,88,17,35,41,35,32,51,32,67,52,68,74,85,80,57,7,11,62,66,47,22,67,0,0,0,0,0,0,0],[65,37,19,97,26,17,16,24,24,17,50,37,64,82,24,36,32,11,68,34,69,31,32,89,79,93,96,68,49,90,14,23,4,4,67,99,81,74,70,74,36,96,68,9,64,39,88,35,54,89,96,58,66,27,88,97,32,14,6,35,78,20,71,6,85,66,57,2,58,91,72,5,29,56,73,48,86,52,9,93,22,57,79,42,12,1,31,68,17,59,63,76,7,77,0,0,0,0,0,0],[73,81,14,13,17,20,11,9,1,83,8,85,91,70,84,63,62,77,37,7,47,1,59,95,39,69,39,21,99,9,87,2,97,16,92,36,74,71,90,66,33,73,73,75,52,91,11,12,26,53,5,26,26,48,61,50,90,65,1,87,42,47,74,35,22,73,24,26,56,70,52,5,48,41,31,18,83,27,21,39,80,85,26,8,44,2,71,7,63,22,5,52,19,8,20,0,0,0,0,0],[17,25,21,11,72,93,33,49,64,23,53,82,3,13,91,65,85,2,40,5,42,31,77,42,5,36,6,54,4,58,7,76,87,83,25,57,66,12,74,33,85,37,74,32,20,69,3,97,91,68,82,44,19,14,89,28,85,85,80,53,34,87,58,98,88,78,48,65,98,40,11,57,10,67,70,81,60,79,74,72,97,59,79,47,30,20,54,80,89,91,14,5,33,36,79,39,0,0,0,0],[60,85,59,39,60,7,57,76,77,92,6,35,15,72,23,41,45,52,95,18,64,79,86,53,56,31,69,11,91,31,84,50,44,82,22,81,41,40,30,42,30,91,48,94,74,76,64,58,74,25,96,57,14,19,3,99,28,83,15,75,99,1,89,85,79,50,3,95,32,67,44,8,7,41,62,64,29,20,14,76,26,55,48,71,69,66,19,72,44,25,14,1,48,74,12,98,7,0,0,0],[64,66,84,24,18,16,27,48,20,14,47,69,30,86,48,40,23,16,61,21,51,50,26,47,35,33,91,28,78,64,43,68,4,79,51,8,19,60,52,95,6,68,46,86,35,97,27,58,4,65,30,58,99,12,12,75,91,39,50,31,42,64,70,4,46,7,98,73,98,93,37,89,77,91,64,71,64,65,66,21,78,62,81,74,42,20,83,70,73,95,78,45,92,27,34,53,71,15,0,0],[30,11,85,31,34,71,13,48,5,14,44,3,19,67,23,73,19,57,6,90,94,72,57,69,81,62,59,68,88,57,55,69,49,13,7,87,97,80,89,5,71,5,5,26,38,40,16,62,45,99,18,38,98,24,21,26,62,74,69,4,85,57,77,35,58,67,91,79,79,57,86,28,66,34,72,51,76,78,36,95,63,90,8,78,47,63,45,31,22,70,52,48,79,94,15,77,61,67,68,0],[23,33,44,81,80,92,93,75,94,88,23,61,39,76,22,3,28,94,32,6,49,65,41,34,18,23,8,47,62,60,3,63,33,13,80,52,31,54,73,43,70,26,16,69,57,87,83,31,3,93,70,81,47,95,77,44,29,68,39,51,56,59,63,7,25,70,7,77,43,53,64,3,94,42,95,39,18,1,66,21,16,97,20,50,90,16,70,10,95,69,29,6,25,61,41,26,15,59,63,35]];
+```
+
+## --seed-contents--
+
+```js
+function maximumPathSumII(triangle) {
+
+  return true;
+}
+
+const testTriangle = [[3, 0, 0, 0],
+                      [7, 4, 0, 0],
+                      [2, 4, 6, 0],
+                      [8, 5, 9, 3]];
+
+maximumPathSumII(testTriangle);
+```
+
+# --solutions--
+
+```js
+function maximumPathSumII(triangle) {
+  const newTriangle = [];
+  for (let i = 0; i < triangle.length; i++) {
+    newTriangle.push(triangle[i].slice());
+  }
+
+  for (let i = newTriangle.length - 2; i >= 0; i--) {
+    for (let j = i; j >= 0; j--) {
+      let higherOption = 0;
+      if (newTriangle[i + 1][j + 1] > newTriangle[i + 1][j]) {
+        higherOption = newTriangle[i + 1][j + 1];
+      } else {
+        higherOption = newTriangle[i + 1][j];
+      }
+      newTriangle[i][j] += higherOption;
+    }
+  }
+  return newTriangle[0][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.md
new file mode 100644
index 0000000000..7c9825932c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-68-magic-5-gon-ring.md
@@ -0,0 +1,71 @@
+---
+id: 5900f3b01000cf542c50fec3
+title: 'Завдання 68: Магічне 5-кутне кільце'
+challengeType: 5
+forumTopicId: 302180
+dashedName: problem-68-magic-5-gon-ring
+---
+
+# --description--
+
+Розглянемо наступне «магічне» 3-кутне кільце, заповнене цифрами від 1 до 6, а сума цифр на кожній лінії дорівнює 9.
+
+<img class="img-responsive center-block" alt="завершений приклад 3-кутного кільця" src="https://cdn-media-1.freecodecamp.org/project-euler/3-gon-ring.png" style="background-color: white; padding: 10px;" />
+
+Працюючи **за годинниковою стрілкою** і почавши з групи з трьох із найнижчим зовнішнім вузлом (4,3,2 у даному випадку), кожне вирішення можна записати однозначно. Наприклад, наведене вище вирішення можна описати множиною: 4,3,2; 6,2,1; 5,1,3.
+
+Кільце можна завершити чотирма різними сумами: 9, 10, 11, та 12. Всього є вісім рішень.
+
+<div style='text-align: center;'>
+
+| !!crwdBlockTags_6_sgaTkcolBdwrc!! |!!crwdBlockTags_7_sgaTkcolBdwrc!! |
+| -------------------------------------- | --------------------------------------------- |
+| 9                                      | 4,2,3; 5,3,1; 6,1,2                           |
+| 9                                      | 4,3,2; 6,2,1; 5,1,3                           |
+| 10                                     | 2,3,5; 4,5,1; 6,1,3                           |
+| 10                                     | 2,5,3; 6,3,1; 4,1,5                           |
+| 11                                     | 1,4,6; 3,6,2; 5,2,4                           |
+| 11                                     | 1,6,4; 5,4,2; 3,2,6                           |
+| 12                                     | 1,5,6; 2,6,4; 3,4,5                           |
+| 12                                     | 1,6,5; 3,5,4; 2,4,6                           |
+
+</div>
+
+Об'єднавши кожну групу, можна утворити 9-значні рядки; максимальним значенням такого рядка для 3-кутного кільця є 432621513.
+
+Використовуючи числа від 1 до 10, залежно від розташування, можна утворити 16- та 17-значні рядки. Яким є максимальне значення **16-значного** рядка для «магічного» 5-кутного кільця?
+
+<img class="img-responsive center-block" alt="пуста діаграма 5-кутного кільця" src="https://cdn-media-1.freecodecamp.org/project-euler/5-gon-ring.png" style="background-color: white; padding: 10px;" />
+
+# --hints--
+
+`magic5GonRing()` має повернути число.
+
+```js
+assert(typeof magic5GonRing() === 'number');
+```
+
+`magic5GonRing()` має повернути число 6531031914842725.
+
+```js
+assert.strictEqual(magic5GonRing(), 6531031914842725);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function magic5GonRing() {
+
+  return true;
+}
+
+magic5GonRing();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-69-totient-maximum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-69-totient-maximum.md
new file mode 100644
index 0000000000..eaa3bf63b1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-69-totient-maximum.md
@@ -0,0 +1,110 @@
+---
+id: 5900f3b11000cf542c50fec4
+title: 'Завдання 69: Максимум функції Ейлера'
+challengeType: 5
+forumTopicId: 302181
+dashedName: problem-69-totient-maximum
+---
+
+# --description--
+
+Функція Ейлера, ${\phi}(n)$ (іноді називається функцією phi), використовується для визначення кількості чисел, менших за `n`, які є відносно простими до `n`. Наприклад, оскільки числа 1, 2, 4, 5, 7 і 8 менші за дев’ять і відносно прості до дев'яти, ${\phi}(9) = 6$.
+
+<div style='margin-left: 4em;'>
+
+| $n$ | $\text{Relatively Prime}$ | $\displaystyle{\phi}(n)$ | $\displaystyle\frac{n}{{\phi}(n)}$ |
+| --- | ------------------------- | ------------------------ | ---------------------------------- |
+| 2   | 1                         | 1                        | 2                                  |
+| 3   | 1,2                       | 2                        | 1.5                                |
+| 4   | 1,3                       | 2                        | 2                                  |
+| 5   | 1,2,3,4                   | 4                        | 1.25                               |
+| 6   | 1,5                       | 2                        | 3                                  |
+| 7   | 1,2,3,4,5,6               | 6                        | 1.1666...                          |
+| 8   | 1,3,5,7                   | 4                        | 2                                  |
+| 9   | 1,2,4,5,7,8               | 6                        | 1.5                                |
+| 10  | 1,3,7,9                   | 4                        | 2.5                                |
+
+</div>
+
+Можна побачити, що `n` = 6 утворює максимальну суму $\displaystyle\frac{n}{{\phi}(n)}$ для `n` ≤ 10.
+
+Знайдіть значення `n` ≤ `limit`, для якого $\displaystyle\frac{n}{{\phi(n)}$ є максимальним.
+
+# --hints--
+
+`totientMaximum(10)` має повернути число.
+
+```js
+assert(typeof totientMaximum(10) === 'number');
+```
+
+`totientMaximum(10)` має повернути `6`.
+
+```js
+assert.strictEqual(totientMaximum(10), 6);
+```
+
+`totientMaximum(10000)` має повернути `2310`.
+
+```js
+assert.strictEqual(totientMaximum(10000), 2310);
+```
+
+`totientMaximum(500000)` має повернути `30030`.
+
+```js
+assert.strictEqual(totientMaximum(500000), 30030);
+```
+
+`totientMaximum(1000000)` має повернути `510510`.
+
+```js
+assert.strictEqual(totientMaximum(1000000), 510510);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientMaximum(limit) {
+
+  return true;
+}
+
+totientMaximum(10);
+```
+
+# --solutions--
+
+```js
+function totientMaximum(limit) {
+  function getSievePrimes(max) {
+    const primesMap = new Array(max).fill(true);
+    primesMap[0] = false;
+    primesMap[1] = false;
+    const primes = [];
+    for (let i = 2; i < max; i = i + 2) {
+      if (primesMap[i]) {
+        primes.push(i);
+        for (let j = i * i; j < max; j = j + i) {
+          primesMap[j] = false;
+        }
+      }
+      if (i === 2) {
+        i = 1;
+      }
+    }
+    return primes;
+  }
+
+  const MAX_PRIME = 50;
+  const primes = getSievePrimes(MAX_PRIME);
+  let result = 1;
+
+  for (let i = 0; result * primes[i] < limit; i++) {
+    result *= primes[i];
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-7-10001st-prime.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-7-10001st-prime.md
new file mode 100644
index 0000000000..b66746caad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-7-10001st-prime.md
@@ -0,0 +1,86 @@
+---
+id: 5900f3731000cf542c50fe86
+title: 'Завдання 7: 10001-е просте число'
+challengeType: 5
+forumTopicId: 302182
+dashedName: problem-7-10001st-prime
+---
+
+# --description--
+
+Перерахувавши перші шість простих чисел: 2, 3, 5, 7, 11 та 13, ми бачимо, що 13 - це 6-те просте число.
+
+Яким буде `n`-те просте число?
+
+# --hints--
+
+`nthPrime(6)` має повернути число.
+
+```js
+assert(typeof nthPrime(6) === 'number');
+```
+
+`nthPrime(6)` має повернути число 13.
+
+```js
+assert.strictEqual(nthPrime(6), 13);
+```
+
+`nthPrime(10)` має повернути число 29.
+
+```js
+assert.strictEqual(nthPrime(10), 29);
+```
+
+`nthPrime(100)` має повернути число 541.
+
+```js
+assert.strictEqual(nthPrime(100), 541);
+```
+
+`nthPrime(1000)` має повернути число 7919.
+
+```js
+assert.strictEqual(nthPrime(1000), 7919);
+```
+
+`nthPrime(10001)` має повернути число 104743.
+
+```js
+assert.strictEqual(nthPrime(10001), 104743);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function nthPrime(n) {
+
+  return true;
+}
+
+nthPrime(10001);
+```
+
+# --solutions--
+
+```js
+const nthPrime = n => {
+  let pN = 2;
+  let step = 0;
+  while (step < n) {
+    let isPrime = true;
+    let rootN = Math.sqrt(pN);
+    for (let i = 2; i <= rootN; i++) {
+      if (!(pN % i)) {
+        isPrime = false;
+        break;
+      }
+    }
+    isPrime ? step++ : '';
+    pN++;
+  }
+  return pN - 1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-70-totient-permutation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-70-totient-permutation.md
new file mode 100644
index 0000000000..adeb71e597
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-70-totient-permutation.md
@@ -0,0 +1,118 @@
+---
+id: 5900f3b21000cf542c50fec5
+title: 'Завдання 70: Тотієнтна перестановка простих чисел'
+challengeType: 5
+forumTopicId: 302183
+dashedName: problem-70-totient-permutation
+---
+
+# --description--
+
+Функція Ейлера, ${\phi}(n)$ (іноді називають функцією phi), використовується для визначення кількості додатних чисел менших за або рівних `n`, які є відносно простими до `n`. Наприклад, як 1, 2, 4, 5, 7, та 8 менше 9 та відносно прості до 9 - ${\phi}(9) = 6$. Число 1 вважається відносно простим до кожного додатного числа, тобто ${\phi}(1) = 1$.
+
+Цікаво, що ${\phi}(87109) = 79180$, і можна побачити, що 87109 - це пермутація 79180.
+
+Знайдіть значення `n`, 1 &lt; `n` &lt; `limit`, для яких ${\phi}(n)$ є пермутацією `n`, і співвідношення $\displaystyle\frac{n}{{\phi}(n)}$ продукує мінімальне значення.
+
+# --hints--
+
+`totientPermutation(10000)` має вивести число.
+
+```js
+assert(typeof totientPermutation(10000) === 'number');
+```
+
+`totientPermutation(10000)` має вивести `4435`.
+
+```js
+assert.strictEqual(totientPermutation(10000), 4435);
+```
+
+`totientPermutation(100000)` має вивести `75841`.
+
+```js
+assert.strictEqual(totientPermutation(100000), 75841);
+```
+
+`totientPermutation(500000)` має вивести `474883`.
+
+```js
+assert.strictEqual(totientPermutation(500000), 474883);
+```
+
+`totientPermutation(10000000)` має вивести `8319823`.
+
+```js
+assert.strictEqual(totientPermutation(10000000), 8319823);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function totientPermutation(limit) {
+
+  return true;
+}
+
+totientPermutation(10000);
+```
+
+# --solutions--
+
+```js
+function totientPermutation(limit) {
+  function getSievePrimes(max) {
+    const primes = [];
+    const primesMap = new Array(max).fill(true);
+    primesMap[0] = false;
+    primesMap[1] = false;
+
+    for (let i = 2; i < max; i += 2) {
+      if (primesMap[i]) {
+        primes.push(i);
+        for (let j = i * i; j < max; j += i) {
+          primesMap[j] = false;
+        }
+      }
+      if (i === 2) {
+        i = 1;
+      }
+    }
+    return primes;
+  }
+
+  function sortDigits(number) {
+    return number.toString().split('').sort().join('');
+  }
+
+  function isPermutation(numberA, numberB) {
+    return sortDigits(numberA) === sortDigits(numberB);
+  }
+
+  const MAX_PRIME = 4000;
+  const primes = getSievePrimes(MAX_PRIME);
+
+  let nValue = 1;
+  let minRatio = Infinity;
+
+  for (let i = 1; i < primes.length; i++) {
+    for (let j = i + 1; j < primes.length; j++) {
+      const num = primes[i] * primes[j];
+      if (num > limit) {
+        break;
+      }
+
+      const phi = (primes[i] - 1) * (primes[j] - 1);
+      const ratio = num / phi;
+
+      if (minRatio > ratio && isPermutation(num, phi)) {
+        nValue = num;
+        minRatio = ratio;
+      }
+    }
+  }
+  return nValue;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-71-ordered-fractions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-71-ordered-fractions.md
new file mode 100644
index 0000000000..1c0c7b2d05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-71-ordered-fractions.md
@@ -0,0 +1,95 @@
+---
+id: 5900f3b31000cf542c50fec6
+title: 'Завдання 71: Упорядковані дроби'
+challengeType: 5
+forumTopicId: 302184
+dashedName: problem-71-ordered-fractions
+---
+
+# --description--
+
+Розглянемо дріб $\frac{n}{d}$, де `n` та `d` є додатними цілими числами. Якщо `n` &lt; `d` та найвищий спільний дільник ${{HCF}(n, d)} = 1$, то він називається нескоротним правильним дробом.
+
+Якщо ми перерахуємо набір знижених правильних дробів для `d` ≤ 8 у порядку зростання розміру, то ми отримаємо:
+
+$$\frac{1}{8}, \frac{1}{7}, \frac{1}{6}, \frac{1}{5}, \frac{1}{4}, \frac{2}{7}, \frac{1}{3}, \frac{3}{8}, \frac{\textbf2}{\textbf5}, \frac{3}{7}, \frac{1}{2}, \frac{4}{7}, \frac{3}{5}, \frac{5}{8}, \frac{2}{3}, \frac{5}{7}, \frac{3}{4}, \frac{4}{5}, \frac{5}{6}, \frac{6}{7}, \frac{7}{8}$$
+
+Можна побачити, що $\frac{2}{5}$ — це дріб одразу зліва від $\frac{3}{7}$.
+
+При перерахунку набору нескоротних правильних дробів для `d` ≤ `limit` у порядку зростання розміру, знайдіть чисельник дробу одразу зліва від $\frac{3}{7}$.
+
+# --hints--
+
+`orderedFractions(8)` повинен повертатися як число.
+
+```js
+assert(typeof orderedFractions(8) === 'number');
+```
+
+`orderedFractions(8)` повинен повертатися як `2`.
+
+```js
+assert.strictEqual(orderedFractions(8), 2);
+```
+
+`orderedFractions(10)` повинен повертатися як `2`.
+
+```js
+assert.strictEqual(orderedFractions(10), 2);
+```
+
+`orderedFractions(9994)` повинен повертатися як `4283`.
+
+```js
+assert.strictEqual(orderedFractions(9994), 4283);
+```
+
+`orderedFractions(500000)` повинен повертатися як `214283`.
+
+```js
+assert.strictEqual(orderedFractions(500000), 214283);
+```
+
+`orderedFractions(1000000)` повинен повертатися як `428570`.
+
+```js
+assert.strictEqual(orderedFractions(1000000), 428570);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function orderedFractions(limit) {
+
+  return true;
+}
+
+orderedFractions(8);
+```
+
+# --solutions--
+
+```js
+function orderedFractions(limit) {
+  const fractions = [];
+  const fractionValues = {};
+  const highBoundary = 3 / 7;
+  let lowBoundary = 2 / 7;
+
+  for (let denominator = limit; denominator > 2; denominator--) {
+    let numerator = Math.floor((3 * denominator - 1) / 7);
+    let value = numerator / denominator;
+    if (value > highBoundary || value < lowBoundary) {
+      continue;
+    }
+    fractionValues[value] = [numerator, denominator];
+    fractions.push(value);
+    lowBoundary = value;
+  }
+
+  fractions.sort();
+  return fractionValues[fractions[fractions.length - 1]][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-72-counting-fractions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-72-counting-fractions.md
new file mode 100644
index 0000000000..79ffdd4001
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-72-counting-fractions.md
@@ -0,0 +1,90 @@
+---
+id: 5900f3b41000cf542c50fec7
+title: 'Завдання 72: Підрахунок дробів'
+challengeType: 5
+forumTopicId: 302185
+dashedName: problem-72-counting-fractions
+---
+
+# --description--
+
+Розглянемо дріб $\frac{n}{d}$, де `n` та `d` є додатними цілими числами. Якщо `n` &lt; `d` та найбільший спільний дільник ${HCF}(n, d) = 1$, то це називається нескоротним правильним дробом.
+
+Якщо перерахуємо нескоротні правильні дроби для `d` ≤ 8 у порядку зростання, то отримаємо:
+
+$$\frac{1}{8}, \frac{1}{7}, \frac{1}{6}, \frac{1}{5}, \frac{1}{4}, \frac{2}{7}, \frac{1}{3}, \frac{3}{8}, \frac{2}{5}, \frac{3}{7}, \frac{1}{2}, \frac{4}{7}, \frac{3}{5}, \frac{5}{8}, \frac{2}{3}, \frac{5}{7}, \frac{3}{4}, \frac{4}{5}, \frac{5}{6}, \frac{6}{7}, \frac{7}{8}$$
+
+Бачимо, що кількість елементів становить `21`.
+
+Скільки елементів нескоротних правильних дробів буде при `d` ≤ `limit`?
+
+# --hints--
+
+`countingFractions(8)` має повернути число.
+
+```js
+assert(typeof countingFractions(8) === 'number');
+```
+
+`countingFractions(8)` має повернути `21`.
+
+```js
+assert.strictEqual(countingFractions(8), 21);
+```
+
+`countingFractions(20000)` має повернути `121590395`.
+
+```js
+assert.strictEqual(countingFractions(20000), 121590395);
+```
+
+`countingFractions(500000)` має повернути `75991039675`.
+
+```js
+assert.strictEqual(countingFractions(500000), 75991039675);
+```
+
+`countingFractions(1000000)` має повернути `303963552391`.
+
+```js
+assert.strictEqual(countingFractions(1000000), 303963552391);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingFractions(limit) {
+
+  return true;
+}
+
+countingFractions(8);
+```
+
+# --solutions--
+
+```js
+function countingFractions(limit) {
+  const phi = {};
+  let count = 0;
+
+  for (let i = 2; i <= limit; i++) {
+    if (!phi[i]) {
+      phi[i] = i;
+    }
+    if (phi[i] === i) {
+      for (let j = i; j <= limit; j += i) {
+        if (!phi[j]) {
+          phi[j] = j;
+        }
+        phi[j] = (phi[j] / i) * (i - 1);
+      }
+    }
+    count += phi[i];
+  }
+
+  return count;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.md
new file mode 100644
index 0000000000..b104583199
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-73-counting-fractions-in-a-range.md
@@ -0,0 +1,83 @@
+---
+id: 5900f3b61000cf542c50fec8
+title: 'Завдання 73: Підрахунок дробів в межах діапазону'
+challengeType: 5
+forumTopicId: 302186
+dashedName: problem-73-counting-fractions-in-a-range
+---
+
+# --description--
+
+Розглянемо дріб $\frac{n}{d}$, де `n` та `d` є додатними цілими числами. Якщо `n` &lt; `d` та найбільший спільний дільник ${HCF}(n, d) = 1$, то це називається нескоротним правильним дробом.
+
+Якщо ми перерахуємо набір знижених правильних дробів для `d` ≤ 8 у порядку зростання розміру, то ми отримаємо:
+
+$$\frac{1}{8}, \frac{1}{7}, \frac{1}{6}, \frac{1}{5}, \frac{1}{4}, \frac{2}{7}, \frac{1}{3}, \mathbf{\frac{3}{8}, \frac{2}{5}, \frac{3}{7}}, \frac{1}{2}, \frac{4}{7}, \frac{3}{5}, \frac{5}{8}, \frac{2}{3}, \frac{5}{7}, \frac{3}{4}, \frac{4}{5}, \frac{5}{6}, \frac{6}{7}, \frac{7}{8}$$
+
+Можна побачити, що є `3` дроби між $\frac{1}{3}$ та $\frac{1}{2}$.
+
+Як багато дробів лежить між $\frac{1}{3}$ та $\frac{1}{2}$ у відсортованому наборі зі нескоротних правильних дробів для `d` ≤ `limit`?
+
+# --hints--
+
+`countingFractionsInARange(8)` повинен повертатися як число.
+
+```js
+assert(typeof countingFractionsInARange(8) === 'number');
+```
+
+`countingFractionsInARange(8)` повинен повертатися як `3`.
+
+```js
+assert.strictEqual(countingFractionsInARange(8), 3);
+```
+
+`countingFractionsInARange(1000)` повинен повертатися як `50695`.
+
+```js
+assert.strictEqual(countingFractionsInARange(1000), 50695);
+```
+
+`countingFractionsInARange(6000)` повинен повертатися як `1823861`.
+
+```js
+assert.strictEqual(countingFractionsInARange(6000), 1823861);
+```
+
+`countingFractionsInARange(12000)` повинен повертатися як `7295372`.
+
+```js
+assert.strictEqual(countingFractionsInARange(12000), 7295372);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingFractionsInARange(limit) {
+
+  return true;
+}
+
+countingFractionsInARange(8);
+```
+
+# --solutions--
+
+```js
+function countingFractionsInARange(limit) {
+  let result = 0;
+  const stack = [[3, 2]];
+  while (stack.length > 0) {
+    const [startDenominator, endDenominator] = stack.pop();
+    const curDenominator = startDenominator + endDenominator;
+    if (curDenominator <= limit) {
+      result++;
+      stack.push([startDenominator, curDenominator]);
+      stack.push([curDenominator, endDenominator]);
+    }
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.md
new file mode 100644
index 0000000000..a5dd044de9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-74-digit-factorial-chains.md
@@ -0,0 +1,123 @@
+---
+id: 5900f3b61000cf542c50fec9
+title: 'Проблема 74: ланцюги цифрових факторіалів'
+challengeType: 5
+forumTopicId: 302187
+dashedName: problem-74-digit-factorial-chains
+---
+
+# --description--
+
+Число 145 відоме своєю властивістю, що сума факторіала цих цифр дорівнює 145:
+
+$$1! + 4! + 5! = 1 + 24 + 120 = 145$$
+
+Можливо, менш відомим є 169, в якому він продукує найдовший ланцюг чисел, що посилається на 169; виявляється, що існує лише три такі цикли:
+
+$$\початок{align} &169 → 363601 → 1454 → 169\\\\ &871 → 45361 → 871\\\\ &872 → 45362 → 872\\\\ \кінець{align}$$
+
+Не важко довести, що КОЖНЕ початкове число врешті застрягне в циклі. Наприклад,
+
+$$\початок{align} &69 → 363600 → 1454 → 169 → 363601\\ (→ 1454)\\\\ &78 → 45360 → 871 → 45361\\ (→ 871)\\\\ &540 → 145\\ (→ 145)\\\\ \кінець{align}$$
+
+Починаючи з 69 продукується ланцюжок з 5 неповторних значень, але найдовший неповторний ланцюжок з початковим числом нижче одного мільйона - це шістдесят значень.
+
+Скільки ланцюжків з початковим числом нижче `n` містить саме шістдесят неповторних значень?
+
+# --hints--
+
+`digitFactorialChains(2000)` має вивести число.
+
+```js
+assert(typeof digitFactorialChains(2000) === 'number');
+```
+
+`digitFactorialChains(2000)` має вивести `6`.
+
+```js
+assert.strictEqual(digitFactorialChains(2000), 6);
+```
+
+`digitFactorialChains(100000)` має вивести `42`.
+
+```js
+assert.strictEqual(digitFactorialChains(100000), 42);
+```
+
+`digitFactorialChains(500000)` має вивести `282`.
+
+```js
+assert.strictEqual(digitFactorialChains(500000), 282);
+```
+
+`digitFactorialChains(1000000)` має вивести `402`.
+
+```js
+assert.strictEqual(digitFactorialChains(1000000), 402);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function digitFactorialChains(n) {
+
+  return true;
+}
+
+digitFactorialChains(2000);
+```
+
+# --solutions--
+
+```js
+function digitFactorialChains(n) {
+  function sumDigitsFactorials(number) {
+    let sum = 0;
+    while (number > 0) {
+      sum += factorials[number % 10];
+      number = Math.floor(number / 10);
+    }
+    return sum;
+  }
+
+  const factorials = [1];
+  for (let i = 1; i < 10; i++) {
+    factorials.push(factorials[factorials.length - 1] * i);
+  }
+
+  const sequences = {
+    169: 3,
+    871: 2,
+    872: 2,
+    1454: 3,
+    45362: 2,
+    45461: 2,
+    3693601: 3
+  };
+  let result = 0;
+
+  for (let i = 2; i < n; i++) {
+    let curNum = i;
+    let chainLength = 0;
+    const curSequence = [];
+    while (curSequence.indexOf(curNum) === -1) {
+      curSequence.push(curNum);
+      curNum = sumDigitsFactorials(curNum);
+      chainLength++;
+      if (sequences.hasOwnProperty(curNum) > 0) {
+        chainLength += sequences[curNum];
+        break;
+      }
+    }
+    if (chainLength === 60) {
+      result++;
+    }
+    for (let j = 1; j < curSequence.length; j++) {
+      sequences[curSequence[j]] = chainLength - j;
+    }
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.md
new file mode 100644
index 0000000000..86d5429385
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-75-singular-integer-right-triangles.md
@@ -0,0 +1,117 @@
+---
+id: 5900f3b71000cf542c50feca
+title: 'Завдання 75: Одиничні цілочисельні прямокутні трикутники'
+challengeType: 5
+forumTopicId: 302188
+dashedName: problem-75-singular-integer-right-triangles
+---
+
+# --description--
+
+Виявилось, що 12 см — це найменша довжина проводу, який можна зігнути так, щоб сформувати прямокутний трикутник лише одним способом, проте існує набагато більше прикладів.
+
+<div style='margin-left: 4em;'>
+  <strong>12 см:</strong> (3,4,5)<br>
+  <strong>24 см:</strong> (6,8,10)<br>
+  <strong>30 см:</strong> (5,12,13)<br>
+  <strong>36 см:</strong> (9,12,15)<br>
+  <strong>40 см:</strong> (8,15,17)<br>
+  <strong>48 см:</strong> (12,16,20)<br><br>
+</div>
+
+На противагу, дріт певної довжини, наприклад, 20 см, не можна зігнути так, щоб сформувати цілий прямокутний трикутник; у той час як інша довжина дроту дозволяє зробити це більш, ніж в один спосіб. Наприклад, при використанні 120 см можливо сформувати рівно три різних правильних прямокутних трикутники.
+
+<div style='margin-left: 4em;'>
+  <strong>120 см:</strong> (30,40,50), (20,48,52), (24,45,51)<br><br>
+</div>
+
+Враховуючи, що L — це довжина дроту, то для скількох значень L ≤ `n` може бути сформований лише один, цілочисельний прямокутний трикутник?
+
+# --hints--
+
+`singularIntRightTriangles(48)` повинен повертатися як число.
+
+```js
+assert(typeof singularIntRightTriangles(48) === 'number');
+```
+
+`singularIntRightTriangles(48)` повинен повертатися як `6`.
+
+```js
+assert.strictEqual(singularIntRightTriangles(48), 6);
+```
+
+`singularIntRightTriangles(700000)` повинен повертатися як `75783`.
+
+```js
+assert.strictEqual(singularIntRightTriangles(700000), 75783);
+```
+
+`singularIntRightTriangles(1000000)` повинен повертатися як `107876`.
+
+```js
+assert.strictEqual(singularIntRightTriangles(1000000), 107876);
+```
+
+`singularIntRightTriangles(1500000)` повинен повертатися як `161667`.
+
+```js
+assert.strictEqual(singularIntRightTriangles(1500000), 161667);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function singularIntRightTriangles(n) {
+
+  return true;
+}
+
+singularIntRightTriangles(48);
+```
+
+# --solutions--
+
+```js
+function singularIntRightTriangles(limit) {
+  function euclidFormula(m, n) {
+    return [m ** 2 - n ** 2, 2 * m * n, m ** 2 + n ** 2];
+  }
+
+  function gcd(numberA, numberB) {
+    if (numberB === 0) {
+      return numberA;
+    }
+    return gcd(numberB, numberA % numberB);
+  }
+
+  function notBothOdd(numberA, numberB) {
+    return (numberA + numberB) % 2 === 1;
+  }
+
+  function areCoprime(numberA, numberB) {
+    return gcd(numberA, numberB) === 1;
+  }
+
+  const trianglesWithPerimeter = new Array(limit + 1).fill(0);
+  const mLimit = Math.sqrt(limit / 2);
+
+  for (let m = 2; m < mLimit; m++) {
+    for (let n = 1; n < m; n++) {
+      if (notBothOdd(m, n) && areCoprime(m, n)) {
+        const [sideA, sideB, sideC] = euclidFormula(m, n);
+        const perimeter = sideA + sideB + sideC;
+        let curPerimeter = perimeter;
+        while (curPerimeter <= limit) {
+          trianglesWithPerimeter[curPerimeter]++;
+          curPerimeter += perimeter;
+        }
+      }
+    }
+  }
+  return trianglesWithPerimeter.filter(trianglesCount => trianglesCount === 1)
+    .length;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-76-counting-summations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-76-counting-summations.md
new file mode 100644
index 0000000000..8d01da337b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-76-counting-summations.md
@@ -0,0 +1,83 @@
+---
+id: 5900f3b81000cf542c50fecb
+title: 'Задача 76: підрахунок сум'
+challengeType: 5
+forumTopicId: 302189
+dashedName: problem-76-counting-summations
+---
+
+# --description--
+
+5 можна записати як суму рівно шістьма різними способами:
+
+<div style='margin-left: 4em;'>
+  4 + 1<br>
+  3 + 2<br>
+  3 + 1 + 1<br>
+  2 + 2 + 1<br>
+  2 + 1 + 1 + 1<br>
+  1 + 1 + 1 + 1 + 1<br><br>
+</div>
+
+Скількома різними способами можна записати `n` як суму хоча б двох натуральних чисел?
+
+# --hints--
+
+`countingSummations(5)` має вивести число.
+
+```js
+assert(typeof countingSummations(5) === 'number');
+```
+
+`countingSummations(5)` має вивести `6`.
+
+```js
+assert.strictEqual(countingSummations(5), 6);
+```
+
+`countingSummations(20)` має вивести `626`.
+
+```js
+assert.strictEqual(countingSummations(20), 626);
+```
+
+`countingSummations(50)` має вивести `204225`.
+
+```js
+assert.strictEqual(countingSummations(50), 204225);
+```
+
+`countingSummations(100)` має вивести `190569291`.
+
+```js
+assert.strictEqual(countingSummations(100), 190569291);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingSummations(n) {
+
+  return true;
+}
+
+countingSummations(5);
+```
+
+# --solutions--
+
+```js
+function countingSummations(n) {
+  const combinations = new Array(n + 1).fill(0);
+  combinations[0] = 1;
+
+  for (let i = 1; i < n; i++) {
+    for (let j = i; j < n + 1; j++) {
+      combinations[j] += combinations[j - i];
+    }
+  }
+  return combinations[n];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-77-prime-summations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-77-prime-summations.md
new file mode 100644
index 0000000000..1c0ec058c1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-77-prime-summations.md
@@ -0,0 +1,110 @@
+---
+id: 5900f3b91000cf542c50fecc
+title: 'Завдання 77: Суми простих чисел'
+challengeType: 5
+forumTopicId: 302190
+dashedName: problem-77-prime-summations
+---
+
+# --description--
+
+Число 10 можна записати як суму простих чисел рівно п'ятьма різними способами:
+
+<div style='margin-left: 4em;'>
+  7 + 3<br>
+  5 + 5<br>
+  5 + 3 + 2<br>
+  3 + 3 + 2 + 2<br>
+  2 + 2 + 2 + 2 + 2<br><br>
+</div>
+
+Яке перше значення можна записати як суму простих чисел більш ніж `n` способами?
+
+# --hints--
+
+`primeSummations(5)` має повернути число.
+
+```js
+assert(typeof primeSummations(5) === 'number');
+```
+
+`primeSummations(5)` має повернути `11`.
+
+```js
+assert.strictEqual(primeSummations(5), 11);
+```
+
+`primeSummations(100)` має повернути `31`.
+
+```js
+assert.strictEqual(primeSummations(100), 31);
+```
+
+`primeSummations(1000)` має повернути `53`.
+
+```js
+assert.strictEqual(primeSummations(1000), 53);
+```
+
+`primeSummations(5000)` має повернути `71`.
+
+```js
+assert.strictEqual(primeSummations(5000), 71);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeSummations(n) {
+
+  return true;
+}
+
+primeSummations(5);
+```
+
+# --solutions--
+
+```js
+function primeSummations(n) {
+  function getSievePrimes(max) {
+    const primesMap = new Array(max).fill(true);
+    primesMap[0] = false;
+    primesMap[1] = false;
+    const primes = [];
+
+    for (let i = 2; i < max; i += 2) {
+      if (primesMap[i]) {
+        primes.push(i);
+        for (let j = i * i; j < max; j += i) {
+          primesMap[j] = false;
+        }
+      }
+      if (i === 2) {
+        i = 1;
+      }
+    }
+    return primes;
+  }
+
+  const MAX_NUMBER = 100;
+  const primes = getSievePrimes(MAX_NUMBER);
+
+  for (let curNumber = 2; curNumber < MAX_NUMBER; curNumber++) {
+    const combinations = new Array(curNumber + 1).fill(0);
+    combinations[0] = 1;
+    for (let i = 0; i < primes.length; i++) {
+      for (let j = primes[i]; j <= curNumber; j++) {
+        combinations[j] += combinations[j - primes[i]];
+      }
+    }
+    if (combinations[curNumber] > n) {
+      return curNumber;
+    }
+  }
+
+  return false;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-78-coin-partitions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-78-coin-partitions.md
new file mode 100644
index 0000000000..2d3548db2b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-78-coin-partitions.md
@@ -0,0 +1,103 @@
+---
+id: 5900f3ba1000cf542c50fecd
+title: 'Завдання 78: Сортування монет'
+challengeType: 5
+forumTopicId: 302191
+dashedName: problem-78-coin-partitions
+---
+
+# --description--
+
+Нехай ${p}(n)$ представляє кількість різних способів, за яких `n` монети можуть бути розділені на стопки. Наприклад, п'ять монет можуть бути розділені на стопки у сім різних способів, тож ${p}(5) = 7$.
+
+<div style='text-align: center;'>
+
+| Монетні стопки        |
+| ----------------- |
+| OOOOO             |
+| OOOO   O          |
+| OOO   OO          |
+| OOO   O   O       |
+| OO   OO   O       |
+| OO   O   O   O    |
+| O   O   O   O   O |
+
+</div><br>
+
+Знайдіть найменше значення `n` за яке ${p}(n)$ ділиться на `divisor`.
+
+# --hints--
+
+`coinPartitions(7)` має вивести число.
+
+```js
+assert(typeof coinPartitions(7) === 'number');
+```
+
+`coinPartitions(7)` має вивести `5`.
+
+```js
+assert.strictEqual(coinPartitions(7), 5);
+```
+
+`coinPartitions(10000)` має вивести `599`.
+
+```js
+assert.strictEqual(coinPartitions(10000), 599);
+```
+
+`coinPartitions(100000)` має вивести `11224`.
+
+```js
+assert.strictEqual(coinPartitions(100000), 11224);
+```
+
+`coinPartitions(1000000)` має вивести `55374`.
+
+```js
+assert.strictEqual(coinPartitions(1000000), 55374);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function coinPartitions(divisor) {
+
+  return true;
+}
+
+coinPartitions(7);
+```
+
+# --solutions--
+
+```js
+function coinPartitions(divisor) {
+  const partitions = [1];
+
+  let n = 0;
+  while (partitions[n] !== 0) {
+    n++;
+    partitions.push(0);
+
+    let i = 0;
+    let pentagonal = 1;
+    while (pentagonal <= n) {
+      const sign = i % 4 > 1 ? -1 : 1;
+      partitions[n] += sign * partitions[n - pentagonal];
+      partitions[n] = partitions[n] % divisor;
+
+      i++;
+
+      let k = Math.floor(i / 2) + 1;
+      if (i % 2 !== 0) {
+        k *= -1;
+      }
+      pentagonal = Math.floor((k * (3 * k - 1)) / 2);
+    }
+  }
+  return n;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-79-passcode-derivation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-79-passcode-derivation.md
new file mode 100644
index 0000000000..23aafaeda8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-79-passcode-derivation.md
@@ -0,0 +1,115 @@
+---
+id: 5900f3bb1000cf542c50fece
+title: 'Завдання 79: Походження пароля'
+challengeType: 5
+forumTopicId: 302192
+dashedName: problem-79-passcode-derivation
+---
+
+# --description--
+
+Поширений метод безпеки який використовує онлайн-банкінг — це запитати користувача назвати три випадкові символи з пароля. Наприклад, якщо пароль був `531278`, то можуть запитати 2-й, 3-й та 5-тий символи. Тоді очікуваною відповіддю буде `317`.
+
+Масиви, `keylog1`, `keylog2` та `keylog3` містять п'ятдесят успішних спроб входу.
+
+Враховуючи, що три символи завжди запитуються послідовно, проаналізуйте масив так, щоб визначити найкоротший секретний пароль невідомої довжини.
+
+# --hints--
+
+`passcodeDerivation(keylog1)` повинен повертатися як число.
+
+```js
+assert(typeof passcodeDerivation(_keylog1) === 'number');
+```
+
+`passcodeDerivation(keylog1)` повинен повертатися як `531278`.
+
+```js
+assert.strictEqual(passcodeDerivation(_keylog1), 531278);
+```
+
+`passcodeDerivation(keylog2)` повинен повертатися як `1230567`.
+
+```js
+assert.strictEqual(passcodeDerivation(_keylog2), 1230567);
+```
+
+`passcodeDerivation(keylog3)` повинен повертатися як `73162890`.
+
+```js
+assert.strictEqual(passcodeDerivation(_keylog3), 73162890);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _keylog1 = [
+  127,327,178,528,537,538,532,328,127,178,537,127,317,328,512,278,328,327,178,327,578,317,527,178,128,328,517,312,531,128,128,317,527,312,328,532,512,518,317,127,537,528,537,527,327,278,532,128, 318,517
+];
+const _keylog2 = [
+  305,367,256,123,357,120,125,307,236,256,356,267,357,256,356,136,257,107,126,567,567,105,120,237,367,120,367,135,207,167,367,367,307,125,120,130,367,230,106,356,126,106,130,123,307,127,306,167,136,126
+];
+const _keylog3 = [
+  319,680,180,690,129,620,762,689,762,318,368,710,720,710,629,168,160,689,716,731,736,729,316,729,729,710,769,290,719,680,318,389,162,289,162,718,729,319,790,680,890,362,319,760,316,729,380,319,728,716,
+];
+```
+
+## --seed-contents--
+
+```js
+function passcodeDerivation(arr) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const keylog1 = [
+  319,680,180,690,129,620,762,689,762,318,368,710,720,710,629,168,160,689,716,731,736,729,316,729,729,710,769,290,719,680,318,389,162,289,162,718,729,319,790,680,890,362,319,760,316,729,380,319,728,716,
+];
+
+passcodeDerivation(keylog1);
+```
+
+# --solutions--
+
+```js
+function passcodeDerivation(arr) {
+  const numbersInPasscode = [];
+  const relativePositions = new Array(10)
+    .fill()
+    .map(() => new Array(10).fill(0));
+
+  for (let i = 0; i < arr.length; i++) {
+    const curAttempt = arr[i]
+      .toString()
+      .split('')
+      .map(key => parseInt(key, 10));
+    for (let j = 0; j < curAttempt.length; j++) {
+      if (numbersInPasscode.indexOf(curAttempt[j]) === -1) {
+        numbersInPasscode.push(curAttempt[j]);
+      }
+      for (let k = j + 1; k < curAttempt.length; k++) {
+        relativePositions[curAttempt[j]][curAttempt[k]] += 1;
+      }
+    }
+  }
+
+  const ranks = {};
+  for (let i = 0; i < numbersInPasscode.length; i++) {
+    const curNumber = numbersInPasscode[i];
+    ranks[curNumber] = relativePositions[curNumber].filter(
+      count => count > 0
+    ).length;
+  }
+
+  const passcode = numbersInPasscode
+    .sort((i, j) => ranks[i] - ranks[j])
+    .reverse()
+    .join('');
+
+  return parseInt(passcode, 10);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.md
new file mode 100644
index 0000000000..fc367e8467
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-8-largest-product-in-a-series.md
@@ -0,0 +1,92 @@
+---
+id: 5900f3741000cf542c50fe87
+title: 'Завдання 8: Найбільший добуток у послідовності'
+challengeType: 5
+forumTopicId: 302193
+dashedName: problem-8-largest-product-in-a-series
+---
+
+# --description--
+
+Чотири суміжні цифри у 1000-цифровому числі, які мають найбільший добуток, це 9 × 9 × 8 × 9 = 5832.
+
+<div style='text-align: center;'>73167176531330624919225119674426574742355349194934</div>
+<div style='text-align: center;'>96983520312774506326239578318016984801869478851843</div>
+<div style='text-align: center;'>85861560789112949495459501737958331952853208805511</div>
+<div style='text-align: center;'>12540698747158523863050715693290963295227443043557</div>
+<div style='text-align: center;'>66896648950445244523161731856403098711121722383113</div>
+<div style='text-align: center;'>62229893423380308135336276614282806444486645238749</div>
+<div style='text-align: center;'>30358907296290491560440772390713810515859307960866</div>
+<div style='text-align: center;'>70172427121883998797908792274921901699720888093776</div>
+<div style='text-align: center;'>65727333001053367881220235421809751254540594752243</div>
+<div style='text-align: center;'>52584907711670556013604839586446706324415722155397</div>
+<div style='text-align: center;'>53697817977846174064955149290862569321978468622482</div>
+<div style='text-align: center;'>83972241375657056057490261407972968652414535100474</div>
+<div style='text-align: center;'>82166370484403199890008895243450658541227588666881</div>
+<div style='text-align: center;'>16427171479924442928230863465674813919123162824586</div>
+<div style='text-align: center;'>17866458359124566529476545682848912883142607690042</div>
+<div style='text-align: center;'>24219022671055626321111109370544217506941658960408</div>
+<div style='text-align: center;'>07198403850962455444362981230987879927244284909188</div>
+<div style='text-align: center;'>84580156166097919133875499200524063689912560717606</div>
+<div style='text-align: center;'>05886116467109405077541002256983155200055935729725</div>
+<div style='text-align: center;'>71636269561882670428252483600823257530420752963450</div>
+
+Знайдіть `n` суміжних цифр у 1000-цифровому числі, які мають найбільший добуток. Яке значення має цей добуток?
+
+# --hints--
+
+`largestProductinaSeries(4)` має повернути число.
+
+```js
+assert(typeof largestProductinaSeries(4) === 'number');
+```
+
+`largestProductinaSeries(4)` має повернути число 5832.
+
+```js
+assert.strictEqual(largestProductinaSeries(4), 5832);
+```
+
+`largestProductinaSeries(13)` має повернути число 23514624000.
+
+```js
+assert.strictEqual(largestProductinaSeries(13), 23514624000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largestProductinaSeries(n) {
+
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+  return true;
+}
+
+largestProductinaSeries(13);
+```
+
+# --solutions--
+
+```js
+const largestProductinaSeries = (number)=>{
+  let thousandDigits = [7,3,1,6,7,1,7,6,5,3,1,3,3,0,6,2,4,9,1,9,2,2,5,1,1,9,6,7,4,4,2,6,5,7,4,7,4,2,3,5,5,3,4,9,1,9,4,9,3,4,9,6,9,8,3,5,2,0,3,1,2,7,7,4,5,0,6,3,2,6,2,3,9,5,7,8,3,1,8,0,1,6,9,8,4,8,0,1,8,6,9,4,7,8,8,5,1,8,4,3,8,5,8,6,1,5,6,0,7,8,9,1,1,2,9,4,9,4,9,5,4,5,9,5,0,1,7,3,7,9,5,8,3,3,1,9,5,2,8,5,3,2,0,8,8,0,5,5,1,1,1,2,5,4,0,6,9,8,7,4,7,1,5,8,5,2,3,8,6,3,0,5,0,7,1,5,6,9,3,2,9,0,9,6,3,2,9,5,2,2,7,4,4,3,0,4,3,5,5,7,6,6,8,9,6,6,4,8,9,5,0,4,4,5,2,4,4,5,2,3,1,6,1,7,3,1,8,5,6,4,0,3,0,9,8,7,1,1,1,2,1,7,2,2,3,8,3,1,1,3,6,2,2,2,9,8,9,3,4,2,3,3,8,0,3,0,8,1,3,5,3,3,6,2,7,6,6,1,4,2,8,2,8,0,6,4,4,4,4,8,6,6,4,5,2,3,8,7,4,9,3,0,3,5,8,9,0,7,2,9,6,2,9,0,4,9,1,5,6,0,4,4,0,7,7,2,3,9,0,7,1,3,8,1,0,5,1,5,8,5,9,3,0,7,9,6,0,8,6,6,7,0,1,7,2,4,2,7,1,2,1,8,8,3,9,9,8,7,9,7,9,0,8,7,9,2,2,7,4,9,2,1,9,0,1,6,9,9,7,2,0,8,8,8,0,9,3,7,7,6,6,5,7,2,7,3,3,3,0,0,1,0,5,3,3,6,7,8,8,1,2,2,0,2,3,5,4,2,1,8,0,9,7,5,1,2,5,4,5,4,0,5,9,4,7,5,2,2,4,3,5,2,5,8,4,9,0,7,7,1,1,6,7,0,5,5,6,0,1,3,6,0,4,8,3,9,5,8,6,4,4,6,7,0,6,3,2,4,4,1,5,7,2,2,1,5,5,3,9,7,5,3,6,9,7,8,1,7,9,7,7,8,4,6,1,7,4,0,6,4,9,5,5,1,4,9,2,9,0,8,6,2,5,6,9,3,2,1,9,7,8,4,6,8,6,2,2,4,8,2,8,3,9,7,2,2,4,1,3,7,5,6,5,7,0,5,6,0,5,7,4,9,0,2,6,1,4,0,7,9,7,2,9,6,8,6,5,2,4,1,4,5,3,5,1,0,0,4,7,4,8,2,1,6,6,3,7,0,4,8,4,4,0,3,1,9,9,8,9,0,0,0,8,8,9,5,2,4,3,4,5,0,6,5,8,5,4,1,2,2,7,5,8,8,6,6,6,8,8,1,1,6,4,2,7,1,7,1,4,7,9,9,2,4,4,4,2,9,2,8,2,3,0,8,6,3,4,6,5,6,7,4,8,1,3,9,1,9,1,2,3,1,6,2,8,2,4,5,8,6,1,7,8,6,6,4,5,8,3,5,9,1,2,4,5,6,6,5,2,9,4,7,6,5,4,5,6,8,2,8,4,8,9,1,2,8,8,3,1,4,2,6,0,7,6,9,0,0,4,2,2,4,2,1,9,0,2,2,6,7,1,0,5,5,6,2,6,3,2,1,1,1,1,1,0,9,3,7,0,5,4,4,2,1,7,5,0,6,9,4,1,6,5,8,9,6,0,4,0,8,0,7,1,9,8,4,0,3,8,5,0,9,6,2,4,5,5,4,4,4,3,6,2,9,8,1,2,3,0,9,8,7,8,7,9,9,2,7,2,4,4,2,8,4,9,0,9,1,8,8,8,4,5,8,0,1,5,6,1,6,6,0,9,7,9,1,9,1,3,3,8,7,5,4,9,9,2,0,0,5,2,4,0,6,3,6,8,9,9,1,2,5,6,0,7,1,7,6,0,6,0,5,8,8,6,1,1,6,4,6,7,1,0,9,4,0,5,0,7,7,5,4,1,0,0,2,2,5,6,9,8,3,1,5,5,2,0,0,0,5,5,9,3,5,7,2,9,7,2,5,7,1,6,3,6,2,6,9,5,6,1,8,8,2,6,7,0,4,2,8,2,5,2,4,8,3,6,0,0,8,2,3,2,5,7,5,3,0,4,2,0,7,5,2,9,6,3,4,5,0];
+ let numberOfDigits = thousandDigits.length;
+ let currentIndex = 0;
+ let productOfAdjDigits = [];
+
+  while(currentIndex<=(numberOfDigits-number)){
+   let currentAdj = thousandDigits.slice(currentIndex,currentIndex+number);
+    let isAdjDigits = false;
+
+    productOfAdjDigits.push(currentAdj.reduce((prev,cur)=>{
+     return prev*cur;
+    }));
+
+    currentIndex++;
+ }
+
+ return Math.max(...productOfAdjDigits);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.md
new file mode 100644
index 0000000000..d8fbace564
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-80-square-root-digital-expansion.md
@@ -0,0 +1,109 @@
+---
+id: 5900f3bc1000cf542c50fecf
+title: 'Завдання 80: Цифрове розширення квадратного кореня'
+challengeType: 5
+forumTopicId: 302194
+dashedName: problem-80-square-root-digital-expansion
+---
+
+# --description--
+
+Відомо, що якщо квадратний корінь з натурального числа не є цілим числом, то він ірраціональний. Десяткове розширення таких квадратних коренів нескінченно без повторів шаблону.
+
+Квадратний корінь із двох - `1.41421356237309504880...`, і цифрова сума перших ста десяткових знаків складає `475`.
+
+Для перших `n` натуральних чисел знайдіть загальну суму перших ста десяткових знаків для всіх ірраціональних квадратних коренів.
+
+# --hints--
+
+`sqrtDigitalExpansion(2)` має вивести число.
+
+```js
+assert(typeof sqrtDigitalExpansion(2) === 'number');
+```
+
+`sqrtDigitalExpansion(2)` має вивести `475`.
+
+```js
+assert.strictEqual(sqrtDigitalExpansion(2), 475);
+```
+
+`sqrtDigitalExpansion(50)` має вивести `19543`.
+
+```js
+assert.strictEqual(sqrtDigitalExpansion(50), 19543);
+```
+
+`sqrtDigitalExpansion(100)` має вивести `40886`.
+
+```js
+assert.strictEqual(sqrtDigitalExpansion(100), 40886);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sqrtDigitalExpansion(n) {
+
+  return true;
+}
+
+sqrtDigitalExpansion(2);
+```
+
+# --solutions--
+
+```js
+function sqrtDigitalExpansion(n) {
+  function sumDigits(number) {
+    let sum = 0;
+    while (number > 0n) {
+      let digit = number % 10n;
+      sum += parseInt(digit, 10);
+      number = number / 10n;
+    }
+    return sum;
+  }
+
+  function power(numberA, numberB) {
+    let result = 1n;
+    for (let b = 0; b < numberB; b++) {
+      result = result * BigInt(numberA);
+    }
+    return result;
+  }
+
+  // Based on http://www.afjarvis.staff.shef.ac.uk/maths/jarvisspec02.pdf
+  function expandSquareRoot(number, numDigits) {
+    let a = 5n * BigInt(number);
+    let b = 5n;
+    const boundaryWithNeededDigits = power(10, numDigits + 1);
+
+    while (b < boundaryWithNeededDigits) {
+      if (a >= b) {
+        a = a - b;
+        b = b + 10n;
+      } else {
+        a = a * 100n;
+        b = (b / 10n) * 100n + 5n;
+      }
+    }
+    return b / 100n;
+  }
+
+  let result = 0;
+  let nextPerfectRoot = 1;
+  const requiredDigits = 100;
+  for (let i = 1; i <= n; i++) {
+    if (nextPerfectRoot ** 2 === i) {
+      nextPerfectRoot++;
+      continue;
+    }
+    result += sumDigits(expandSquareRoot(i, requiredDigits));
+  }
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.md
new file mode 100644
index 0000000000..ab48564c2f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-81-path-sum-two-ways.md
@@ -0,0 +1,183 @@
+---
+id: 5900f3bd1000cf542c50fed0
+title: 'Завдання 81: Сума шляхів: два способи'
+challengeType: 5
+forumTopicId: 302195
+dashedName: problem-81-path-sum-two-ways
+---
+
+# --description--
+
+У наведеній нижче матриці 5 на 5 мінімальна сума шляху від верхнього лівого кута до нижнього правого, ** рухаючись тільки вправо і вниз **, виділена жирним червоним шрифтом і дорівнює `2427`.
+
+  $$\початок{pmatrix} \color{red}{131} & 673 & 234 & 103 & 18\\\\ \color{red}{201} & \color{red}{96} & \color{red}{342} & 965 & 150\\\\ 630 & 803 & \color{red}{746} & \color{red}{422} & 111\\\\ 537 & 699 & 497 & \color{red}{121} & 956\\\\ 805 & 732 & 524 & \color{red}{37} & \color{red}{331} \кінець{pmatrix}$$
+
+Знайдіть мінімальну суму шляху з лівого верхнього кута до нижнього правого, рухаючись лише праворуч і вниз по осі `matrix`, 2D масив, що представляє матрицю. Максимальний розмір матриці, що використовується в тестах, дорівнюватиме 80 на 80.
+
+# --hints--
+
+`pathSumTwoWays(testMatrix1)` має вивести число.
+
+```js
+assert(typeof pathSumTwoWays(_testMatrix1) === 'number');
+```
+
+`pathSumTwoWays(testMatrix1)` має вивести `2427`.
+
+```js
+assert.strictEqual(pathSumTwoWays(_testMatrix1), 2427);
+```
+
+`pathSumTwoWays(testMatrix2)` має вивести `427337`.
+
+```js
+assert.strictEqual(pathSumTwoWays(_testMatrix2), 427337);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+const _testMatrix2 = [
+  [4445,2697,5115,718,2209,2212,654,4348,3079,6821,7668,3276,8874,4190,3785,2752,9473,7817,9137,496,7338,3434,7152,4355,4552,7917,7827,2460,2350,691,3514,5880,3145,7633,7199,3783,5066,7487,3285,1084,8985,760,872,8609,8051,1134,9536,5750,9716,9371,7619,5617,275,9721,2997,2698,1887,8825,6372,3014,2113,7122,7050,6775,5948,2758,1219,3539,348,7989,2735,9862,1263,8089,6401,9462,3168,2758,3748,5870],
+  [1096,20,1318,7586,5167,2642,1443,5741,7621,7030,5526,4244,2348,4641,9827,2448,6918,5883,3737,300,7116,6531,567,5997,3971,6623,820,6148,3287,1874,7981,8424,7672,7575,6797,6717,1078,5008,4051,8795,5820,346,1851,6463,2117,6058,3407,8211,117,4822,1317,4377,4434,5925,8341,4800,1175,4173,690,8978,7470,1295,3799,8724,3509,9849,618,3320,7068,9633,2384,7175,544,6583,1908,9983,481,4187,9353,9377],
+  [9607,7385,521,6084,1364,8983,7623,1585,6935,8551,2574,8267,4781,3834,2764,2084,2669,4656,9343,7709,2203,9328,8004,6192,5856,3555,2260,5118,6504,1839,9227,1259,9451,1388,7909,5733,6968,8519,9973,1663,5315,7571,3035,4325,4283,2304,6438,3815,9213,9806,9536,196,5542,6907,2475,1159,5820,9075,9470,2179,9248,1828,4592,9167,3713,4640,47,3637,309,7344,6955,346,378,9044,8635,7466,5036,9515,6385,9230],
+  [7206,3114,7760,1094,6150,5182,7358,7387,4497,955,101,1478,7777,6966,7010,8417,6453,4955,3496,107,449,8271,131,2948,6185,784,5937,8001,6104,8282,4165,3642,710,2390,575,715,3089,6964,4217,192,5949,7006,715,3328,1152,66,8044,4319,1735,146,4818,5456,6451,4113,1063,4781,6799,602,1504,6245,6550,1417,1343,2363,3785,5448,4545,9371,5420,5068,4613,4882,4241,5043,7873,8042,8434,3939,9256,2187],
+  [3620,8024,577,9997,7377,7682,1314,1158,6282,6310,1896,2509,5436,1732,9480,706,496,101,6232,7375,2207,2306,110,6772,3433,2878,8140,5933,8688,1399,2210,7332,6172,6403,7333,4044,2291,1790,2446,7390,8698,5723,3678,7104,1825,2040,140,3982,4905,4160,2200,5041,2512,1488,2268,1175,7588,8321,8078,7312,977,5257,8465,5068,3453,3096,1651,7906,253,9250,6021,8791,8109,6651,3412,345,4778,5152,4883,7505],
+  [1074,5438,9008,2679,5397,5429,2652,3403,770,9188,4248,2493,4361,8327,9587,707,9525,5913,93,1899,328,2876,3604,673,8576,6908,7659,2544,3359,3883,5273,6587,3065,1749,3223,604,9925,6941,2823,8767,7039,3290,3214,1787,7904,3421,7137,9560,8451,2669,9219,6332,1576,5477,6755,8348,4164,4307,2984,4012,6629,1044,2874,6541,4942,903,1404,9125,5160,8836,4345,2581,460,8438,1538,5507,668,3352,2678,6942],
+  [4295,1176,5596,1521,3061,9868,7037,7129,8933,6659,5947,5063,3653,9447,9245,2679,767,714,116,8558,163,3927,8779,158,5093,2447,5782,3967,1716,931,7772,8164,1117,9244,5783,7776,3846,8862,6014,2330,6947,1777,3112,6008,3491,1906,5952,314,4602,8994,5919,9214,3995,5026,7688,6809,5003,3128,2509,7477,110,8971,3982,8539,2980,4689,6343,5411,2992,5270,5247,9260,2269,7474,1042,7162,5206,1232,4556,4757],
+  [510,3556,5377,1406,5721,4946,2635,7847,4251,8293,8281,6351,4912,287,2870,3380,3948,5322,3840,4738,9563,1906,6298,3234,8959,1562,6297,8835,7861,239,6618,1322,2553,2213,5053,5446,4402,6500,5182,8585,6900,5756,9661,903,5186,7687,5998,7997,8081,8955,4835,6069,2621,1581,732,9564,1082,1853,5442,1342,520,1737,3703,5321,4793,2776,1508,1647,9101,2499,6891,4336,7012,3329,3212,1442,9993,3988,4930,7706],
+  [9444,3401,5891,9716,1228,7107,109,3563,2700,6161,5039,4992,2242,8541,7372,2067,1294,3058,1306,320,8881,5756,9326,411,8650,8824,5495,8282,8397,2000,1228,7817,2099,6473,3571,5994,4447,1299,5991,543,7874,2297,1651,101,2093,3463,9189,6872,6118,872,1008,1779,2805,9084,4048,2123,5877,55,3075,1737,9459,4535,6453,3644,108,5982,4437,5213,1340,6967,9943,5815,669,8074,1838,6979,9132,9315,715,5048],
+  [3327,4030,7177,6336,9933,5296,2621,4785,2755,4832,2512,2118,2244,4407,2170,499,7532,9742,5051,7687,970,6924,3527,4694,5145,1306,2165,5940,2425,8910,3513,1909,6983,346,6377,4304,9330,7203,6605,3709,3346,970,369,9737,5811,4427,9939,3693,8436,5566,1977,3728,2399,3985,8303,2492,5366,9802,9193,7296,1033,5060,9144,2766,1151,7629,5169,5995,58,7619,7565,4208,1713,6279,3209,4908,9224,7409,1325,8540],
+  [6882,1265,1775,3648,4690,959,5837,4520,5394,1378,9485,1360,4018,578,9174,2932,9890,3696,116,1723,1178,9355,7063,1594,1918,8574,7594,7942,1547,6166,7888,354,6932,4651,1010,7759,6905,661,7689,6092,9292,3845,9605,8443,443,8275,5163,7720,7265,6356,7779,1798,1754,5225,6661,1180,8024,5666,88,9153,1840,3508,1193,4445,2648,3538,6243,6375,8107,5902,5423,2520,1122,5015,6113,8859,9370,966,8673,2442],
+  [7338,3423,4723,6533,848,8041,7921,8277,4094,5368,7252,8852,9166,2250,2801,6125,8093,5738,4038,9808,7359,9494,601,9116,4946,2702,5573,2921,9862,1462,1269,2410,4171,2709,7508,6241,7522,615,2407,8200,4189,5492,5649,7353,2590,5203,4274,710,7329,9063,956,8371,3722,4253,4785,1194,4828,4717,4548,940,983,2575,4511,2938,1827,2027,2700,1236,841,5760,1680,6260,2373,3851,1841,4968,1172,5179,7175,3509],
+  [4420,1327,3560,2376,6260,2988,9537,4064,4829,8872,9598,3228,1792,7118,9962,9336,4368,9189,6857,1829,9863,6287,7303,7769,2707,8257,2391,2009,3975,4993,3068,9835,3427,341,8412,2134,4034,8511,6421,3041,9012,2983,7289,100,1355,7904,9186,6920,5856,2008,6545,8331,3655,5011,839,8041,9255,6524,3862,8788,62,7455,3513,5003,8413,3918,2076,7960,6108,3638,6999,3436,1441,4858,4181,1866,8731,7745,3744,1000],
+  [356,8296,8325,1058,1277,4743,3850,2388,6079,6462,2815,5620,8495,5378,75,4324,3441,9870,1113,165,1544,1179,2834,562,6176,2313,6836,8839,2986,9454,5199,6888,1927,5866,8760,320,1792,8296,7898,6121,7241,5886,5814,2815,8336,1576,4314,3109,2572,6011,2086,9061,9403,3947,5487,9731,7281,3159,1819,1334,3181,5844,5114,9898,4634,2531,4412,6430,4262,8482,4546,4555,6804,2607,9421,686,8649,8860,7794,6672],
+  [9870,152,1558,4963,8750,4754,6521,6256,8818,5208,5691,9659,8377,9725,5050,5343,2539,6101,1844,9700,7750,8114,5357,3001,8830,4438,199,9545,8496,43,2078,327,9397,106,6090,8181,8646,6414,7499,5450,4850,6273,5014,4131,7639,3913,6571,8534,9703,4391,7618,445,1320,5,1894,6771,7383,9191,4708,9706,6939,7937,8726,9382,5216,3685,2247,9029,8154,1738,9984,2626,9438,4167,6351,5060,29,1218,1239,4785],
+  [192,5213,8297,8974,4032,6966,5717,1179,6523,4679,9513,1481,3041,5355,9303,9154,1389,8702,6589,7818,6336,3539,5538,3094,6646,6702,6266,2759,4608,4452,617,9406,8064,6379,444,5602,4950,1810,8391,1536,316,8714,1178,5182,5863,5110,5372,4954,1978,2971,5680,4863,2255,4630,5723,2168,538,1692,1319,7540,440,6430,6266,7712,7385,5702,620,641,3136,7350,1478,3155,2820,9109,6261,1122,4470,14,8493,2095],
+  [1046,4301,6082,474,4974,7822,2102,5161,5172,6946,8074,9716,6586,9962,9749,5015,2217,995,5388,4402,7652,6399,6539,1349,8101,3677,1328,9612,7922,2879,231,5887,2655,508,4357,4964,3554,5930,6236,7384,4614,280,3093,9600,2110,7863,2631,6626,6620,68,1311,7198,7561,1768,5139,1431,221,230,2940,968,5283,6517,2146,1646,869,9402,7068,8645,7058,1765,9690,4152,2926,9504,2939,7504,6074,2944,6470,7859],
+  [4659,736,4951,9344,1927,6271,8837,8711,3241,6579,7660,5499,5616,3743,5801,4682,9748,8796,779,1833,4549,8138,4026,775,4170,2432,4174,3741,7540,8017,2833,4027,396,811,2871,1150,9809,2719,9199,8504,1224,540,2051,3519,7982,7367,2761,308,3358,6505,2050,4836,5090,7864,805,2566,2409,6876,3361,8622,5572,5895,3280,441,7893,8105,1634,2929,274,3926,7786,6123,8233,9921,2674,5340,1445,203,4585,3837],
+  [5759,338,7444,7968,7742,3755,1591,4839,1705,650,7061,2461,9230,9391,9373,2413,1213,431,7801,4994,2380,2703,6161,6878,8331,2538,6093,1275,5065,5062,2839,582,1014,8109,3525,1544,1569,8622,7944,2905,6120,1564,1839,5570,7579,1318,2677,5257,4418,5601,7935,7656,5192,1864,5886,6083,5580,6202,8869,1636,7907,4759,9082,5854,3185,7631,6854,5872,5632,5280,1431,2077,9717,7431,4256,8261,9680,4487,4752,4286],
+  [1571,1428,8599,1230,7772,4221,8523,9049,4042,8726,7567,6736,9033,2104,4879,4967,6334,6716,3994,1269,8995,6539,3610,7667,6560,6065,874,848,4597,1711,7161,4811,6734,5723,6356,6026,9183,2586,5636,1092,7779,7923,8747,6887,7505,9909,1792,3233,4526,3176,1508,8043,720,5212,6046,4988,709,5277,8256,3642,1391,5803,1468,2145,3970,6301,7767,2359,8487,9771,8785,7520,856,1605,8972,2402,2386,991,1383,5963],
+  [1822,4824,5957,6511,9868,4113,301,9353,6228,2881,2966,6956,9124,9574,9233,1601,7340,973,9396,540,4747,8590,9535,3650,7333,7583,4806,3593,2738,8157,5215,8472,2284,9473,3906,6982,5505,6053,7936,6074,7179,6688,1564,1103,6860,5839,2022,8490,910,7551,7805,881,7024,1855,9448,4790,1274,3672,2810,774,7623,4223,4850,6071,9975,4935,1915,9771,6690,3846,517,463,7624,4511,614,6394,3661,7409,1395,8127],
+  [8738,3850,9555,3695,4383,2378,87,6256,6740,7682,9546,4255,6105,2000,1851,4073,8957,9022,6547,5189,2487,303,9602,7833,1628,4163,6678,3144,8589,7096,8913,5823,4890,7679,1212,9294,5884,2972,3012,3359,7794,7428,1579,4350,7246,4301,7779,7790,3294,9547,4367,3549,1958,8237,6758,3497,3250,3456,6318,1663,708,7714,6143,6890,3428,6853,9334,7992,591,6449,9786,1412,8500,722,5468,1371,108,3939,4199,2535],
+  [7047,4323,1934,5163,4166,461,3544,2767,6554,203,6098,2265,9078,2075,4644,6641,8412,9183,487,101,7566,5622,1975,5726,2920,5374,7779,5631,3753,3725,2672,3621,4280,1162,5812,345,8173,9785,1525,955,5603,2215,2580,5261,2765,2990,5979,389,3907,2484,1232,5933,5871,3304,1138,1616,5114,9199,5072,7442,7245,6472,4760,6359,9053,7876,2564,9404,3043,9026,2261,3374,4460,7306,2326,966,828,3274,1712,3446],
+  [3975,4565,8131,5800,4570,2306,8838,4392,9147,11,3911,7118,9645,4994,2028,6062,5431,2279,8752,2658,7836,994,7316,5336,7185,3289,1898,9689,2331,5737,3403,1124,2679,3241,7748,16,2724,5441,6640,9368,9081,5618,858,4969,17,2103,6035,8043,7475,2181,939,415,1617,8500,8253,2155,7843,7974,7859,1746,6336,3193,2617,8736,4079,6324,6645,8891,9396,5522,6103,1857,8979,3835,2475,1310,7422,610,8345,7615],
+  [9248,5397,5686,2988,3446,4359,6634,9141,497,9176,6773,7448,1907,8454,916,1596,2241,1626,1384,2741,3649,5362,8791,7170,2903,2475,5325,6451,924,3328,522,90,4813,9737,9557,691,2388,1383,4021,1609,9206,4707,5200,7107,8104,4333,9860,5013,1224,6959,8527,1877,4545,7772,6268,621,4915,9349,5970,706,9583,3071,4127,780,8231,3017,9114,3836,7503,2383,1977,4870,8035,2379,9704,1037,3992,3642,1016,4303],
+  [5093,138,4639,6609,1146,5565,95,7521,9077,2272,974,4388,2465,2650,722,4998,3567,3047,921,2736,7855,173,2065,4238,1048,5,6847,9548,8632,9194,5942,4777,7910,8971,6279,7253,2516,1555,1833,3184,9453,9053,6897,7808,8629,4877,1871,8055,4881,7639,1537,7701,2508,7564,5845,5023,2304,5396,3193,2955,1088,3801,6203,1748,3737,1276,13,4120,7715,8552,3047,2921,106,7508,304,1280,7140,2567,9135,5266],
+  [6237,4607,7527,9047,522,7371,4883,2540,5867,6366,5301,1570,421,276,3361,527,6637,4861,2401,7522,5808,9371,5298,2045,5096,5447,7755,5115,7060,8529,4078,1943,1697,1764,5453,7085,960,2405,739,2100,5800,728,9737,5704,5693,1431,8979,6428,673,7540,6,7773,5857,6823,150,5869,8486,684,5816,9626,7451,5579,8260,3397,5322,6920,1879,2127,2884,5478,4977,9016,6165,6292,3062,5671,5968,78,4619,4763],
+  [9905,7127,9390,5185,6923,3721,9164,9705,4341,1031,1046,5127,7376,6528,3248,4941,1178,7889,3364,4486,5358,9402,9158,8600,1025,874,1839,1783,309,9030,1843,845,8398,1433,7118,70,8071,2877,3904,8866,6722,4299,10,1929,5897,4188,600,1889,3325,2485,6473,4474,7444,6992,4846,6166,4441,2283,2629,4352,7775,1101,2214,9985,215,8270,9750,2740,8361,7103,5930,8664,9690,8302,9267,344,2077,1372,1880,9550],
+  [5825,8517,7769,2405,8204,1060,3603,7025,478,8334,1997,3692,7433,9101,7294,7498,9415,5452,3850,3508,6857,9213,6807,4412,7310,854,5384,686,4978,892,8651,3241,2743,3801,3813,8588,6701,4416,6990,6490,3197,6838,6503,114,8343,5844,8646,8694,65,791,5979,2687,2621,2019,8097,1423,3644,9764,4921,3266,3662,5561,2476,8271,8138,6147,1168,3340,1998,9874,6572,9873,6659,5609,2711,3931,9567,4143,7833,8887],
+  [6223,2099,2700,589,4716,8333,1362,5007,2753,2848,4441,8397,7192,8191,4916,9955,6076,3370,6396,6971,3156,248,3911,2488,4930,2458,7183,5455,170,6809,6417,3390,1956,7188,577,7526,2203,968,8164,479,8699,7915,507,6393,4632,1597,7534,3604,618,3280,6061,9793,9238,8347,568,9645,2070,5198,6482,5000,9212,6655,5961,7513,1323,3872,6170,3812,4146,2736,67,3151,5548,2781,9679,7564,5043,8587,1893,4531],
+  [5826,3690,6724,2121,9308,6986,8106,6659,2142,1642,7170,2877,5757,6494,8026,6571,8387,9961,6043,9758,9607,6450,8631,8334,7359,5256,8523,2225,7487,1977,9555,8048,5763,2414,4948,4265,2427,8978,8088,8841,9208,9601,5810,9398,8866,9138,4176,5875,7212,3272,6759,5678,7649,4922,5422,1343,8197,3154,3600,687,1028,4579,2084,9467,4492,7262,7296,6538,7657,7134,2077,1505,7332,6890,8964,4879,7603,7400,5973,739],
+  [1861,1613,4879,1884,7334,966,2000,7489,2123,4287,1472,3263,4726,9203,1040,4103,6075,6049,330,9253,4062,4268,1635,9960,577,1320,3195,9628,1030,4092,4979,6474,6393,2799,6967,8687,7724,7392,9927,2085,3200,6466,8702,265,7646,8665,7986,7266,4574,6587,612,2724,704,3191,8323,9523,3002,704,5064,3960,8209,2027,2758,8393,4875,4641,9584,6401,7883,7014,768,443,5490,7506,1852,2005,8850,5776,4487,4269],
+  [4052,6687,4705,7260,6645,6715,3706,5504,8672,2853,1136,8187,8203,4016,871,1809,1366,4952,9294,5339,6872,2645,6083,7874,3056,5218,7485,8796,7401,3348,2103,426,8572,4163,9171,3176,948,7654,9344,3217,1650,5580,7971,2622,76,2874,880,2034,9929,1546,2659,5811,3754,7096,7436,9694,9960,7415,2164,953,2360,4194,2397,1047,2196,6827,575,784,2675,8821,6802,7972,5996,6699,2134,7577,2887,1412,4349,4380],
+  [4629,2234,6240,8132,7592,3181,6389,1214,266,1910,2451,8784,2790,1127,6932,1447,8986,2492,5476,397,889,3027,7641,5083,5776,4022,185,3364,5701,2442,2840,4160,9525,4828,6602,2614,7447,3711,4505,7745,8034,6514,4907,2605,7753,6958,7270,6936,3006,8968,439,2326,4652,3085,3425,9863,5049,5361,8688,297,7580,8777,7916,6687,8683,7141,306,9569,2384,1500,3346,4601,7329,9040,6097,2727,6314,4501,4974,2829],
+  [8316,4072,2025,6884,3027,1808,5714,7624,7880,8528,4205,8686,7587,3230,1139,7273,6163,6986,3914,9309,1464,9359,4474,7095,2212,7302,2583,9462,7532,6567,1606,4436,8981,5612,6796,4385,5076,2007,6072,3678,8331,1338,3299,8845,4783,8613,4071,1232,6028,2176,3990,2148,3748,103,9453,538,6745,9110,926,3125,473,5970,8728,7072,9062,1404,1317,5139,9862,6496,6062,3338,464,1600,2532,1088,8232,7739,8274,3873],
+  [2341,523,7096,8397,8301,6541,9844,244,4993,2280,7689,4025,4196,5522,7904,6048,2623,9258,2149,9461,6448,8087,7245,1917,8340,7127,8466,5725,6996,3421,5313,512,9164,9837,9794,8369,4185,1488,7210,1524,1016,4620,9435,2478,7765,8035,697,6677,3724,6988,5853,7662,3895,9593,1185,4727,6025,5734,7665,3070,138,8469,6748,6459,561,7935,8646,2378,462,7755,3115,9690,8877,3946,2728,8793,244,6323,8666,4271],
+  [6430,2406,8994,56,1267,3826,9443,7079,7579,5232,6691,3435,6718,5698,4144,7028,592,2627,217,734,6194,8156,9118,58,2640,8069,4127,3285,694,3197,3377,4143,4802,3324,8134,6953,7625,3598,3584,4289,7065,3434,2106,7132,5802,7920,9060,7531,3321,1725,1067,3751,444,5503,6785,7937,6365,4803,198,6266,8177,1470,6390,1606,2904,7555,9834,8667,2033,1723,5167,1666,8546,8152,473,4475,6451,7947,3062,3281],
+  [2810,3042,7759,1741,2275,2609,7676,8640,4117,1958,7500,8048,1757,3954,9270,1971,4796,2912,660,5511,3553,1012,5757,4525,6084,7198,8352,5775,7726,8591,7710,9589,3122,4392,6856,5016,749,2285,3356,7482,9956,7348,2599,8944,495,3462,3578,551,4543,7207,7169,7796,1247,4278,6916,8176,3742,8385,2310,1345,8692,2667,4568,1770,8319,3585,4920,3890,4928,7343,5385,9772,7947,8786,2056,9266,3454,2807,877,2660],
+  [6206,8252,5928,5837,4177,4333,207,7934,5581,9526,8906,1498,8411,2984,5198,5134,2464,8435,8514,8674,3876,599,5327,826,2152,4084,2433,9327,9697,4800,2728,3608,3849,3861,3498,9943,1407,3991,7191,9110,5666,8434,4704,6545,5944,2357,1163,4995,9619,6754,4200,9682,6654,4862,4744,5953,6632,1054,293,9439,8286,2255,696,8709,1533,1844,6441,430,1999,6063,9431,7018,8057,2920,6266,6799,356,3597,4024,6665],
+  [3847,6356,8541,7225,2325,2946,5199,469,5450,7508,2197,9915,8284,7983,6341,3276,3321,16,1321,7608,5015,3362,8491,6968,6818,797,156,2575,706,9516,5344,5457,9210,5051,8099,1617,9951,7663,8253,9683,2670,1261,4710,1068,8753,4799,1228,2621,3275,6188,4699,1791,9518,8701,5932,4275,6011,9877,2933,4182,6059,2930,6687,6682,9771,654,9437,3169,8596,1827,5471,8909,2352,123,4394,3208,8756,5513,6917,2056],
+  [5458,8173,3138,3290,4570,4892,3317,4251,9699,7973,1163,1935,5477,6648,9614,5655,9592,975,9118,2194,7322,8248,8413,3462,8560,1907,7810,6650,7355,2939,4973,6894,3933,3784,3200,2419,9234,4747,2208,2207,1945,2899,1407,6145,8023,3484,5688,7686,2737,3828,3704,9004,5190,9740,8643,8650,5358,4426,1522,1707,3613,9887,6956,2447,2762,833,1449,9489,2573,1080,4167,3456,6809,2466,227,7125,2759,6250,6472,8089],
+  [3266,7025,9756,3914,1265,9116,7723,9788,6805,5493,2092,8688,6592,9173,4431,4028,6007,7131,4446,4815,3648,6701,759,3312,8355,4485,4187,5188,8746,7759,3528,2177,5243,8379,3838,7233,4607,9187,7216,2190,6967,2920,6082,7910,5354,3609,8958,6949,7731,494,8753,8707,1523,4426,3543,7085,647,6771,9847,646,5049,824,8417,5260,2730,5702,2513,9275,4279,2767,8684,1165,9903,4518,55,9682,8963,6005,2102,6523],
+  [1998,8731,936,1479,5259,7064,4085,91,7745,7136,3773,3810,730,8255,2705,2653,9790,6807,2342,355,9344,2668,3690,2028,9679,8102,574,4318,6481,9175,5423,8062,2867,9657,7553,3442,3920,7430,3945,7639,3714,3392,2525,4995,4850,2867,7951,9667,486,9506,9888,781,8866,1702,3795,90,356,1483,4200,2131,6969,5931,486,6880,4404,1084,5169,4910,6567,8335,4686,5043,2614,3352,2667,4513,6472,7471,5720,1616],
+  [8878,1613,1716,868,1906,2681,564,665,5995,2474,7496,3432,9491,9087,8850,8287,669,823,347,6194,2264,2592,7871,7616,8508,4827,760,2676,4660,4881,7572,3811,9032,939,4384,929,7525,8419,5556,9063,662,8887,7026,8534,3111,1454,2082,7598,5726,6687,9647,7608,73,3014,5063,670,5461,5631,3367,9796,8475,7908,5073,1565,5008,5295,4457,1274,4788,1728,338,600,8415,8535,9351,7750,6887,5845,1741,125],
+  [3637,6489,9634,9464,9055,2413,7824,9517,7532,3577,7050,6186,6980,9365,9782,191,870,2497,8498,2218,2757,5420,6468,586,3320,9230,1034,1393,9886,5072,9391,1178,8464,8042,6869,2075,8275,3601,7715,9470,8786,6475,8373,2159,9237,2066,3264,5000,679,355,3069,4073,494,2308,5512,4334,9438,8786,8637,9774,1169,1949,6594,6072,4270,9158,7916,5752,6794,9391,6301,5842,3285,2141,3898,8027,4310,8821,7079,1307],
+  [8497,6681,4732,7151,7060,5204,9030,7157,833,5014,8723,3207,9796,9286,4913,119,5118,7650,9335,809,3675,2597,5144,3945,5090,8384,187,4102,1260,2445,2792,4422,8389,9290,50,1765,1521,6921,8586,4368,1565,5727,7855,2003,4834,9897,5911,8630,5070,1330,7692,7557,7980,6028,5805,9090,8265,3019,3802,698,9149,5748,1965,9658,4417,5994,5584,8226,2937,272,5743,1278,5698,8736,2595,6475,5342,6596,1149,6920],
+  [8188,8009,9546,6310,8772,2500,9846,6592,6872,3857,1307,8125,7042,1544,6159,2330,643,4604,7899,6848,371,8067,2062,3200,7295,1857,9505,6936,384,2193,2190,301,8535,5503,1462,7380,5114,4824,8833,1763,4974,8711,9262,6698,3999,2645,6937,7747,1128,2933,3556,7943,2885,3122,9105,5447,418,2899,5148,3699,9021,9501,597,4084,175,1621,1,1079,6067,5812,4326,9914,6633,5394,4233,6728,9084,1864,5863,1225],
+  [9935,8793,9117,1825,9542,8246,8437,3331,9128,9675,6086,7075,319,1334,7932,3583,7167,4178,1726,7720,695,8277,7887,6359,5912,1719,2780,8529,1359,2013,4498,8072,1129,9998,1147,8804,9405,6255,1619,2165,7491,1,8882,7378,3337,503,5758,4109,3577,985,3200,7615,8058,5032,1080,6410,6873,5496,1466,2412,9885,5904,4406,3605,8770,4361,6205,9193,1537,9959,214,7260,9566,1685,100,4920,7138,9819,5637,976],
+  [3466,9854,985,1078,7222,8888,5466,5379,3578,4540,6853,8690,3728,6351,7147,3134,6921,9692,857,3307,4998,2172,5783,3931,9417,2541,6299,13,787,2099,9131,9494,896,8600,1643,8419,7248,2660,2609,8579,91,6663,5506,7675,1947,6165,4286,1972,9645,3805,1663,1456,8853,5705,9889,7489,1107,383,4044,2969,3343,152,7805,4980,9929,5033,1737,9953,7197,9158,4071,1324,473,9676,3984,9680,3606,8160,7384,5432],
+  [1005,4512,5186,3953,2164,3372,4097,3247,8697,3022,9896,4101,3871,6791,3219,2742,4630,6967,7829,5991,6134,1197,1414,8923,8787,1394,8852,5019,7768,5147,8004,8825,5062,9625,7988,1110,3992,7984,9966,6516,6251,8270,421,3723,1432,4830,6935,8095,9059,2214,6483,6846,3120,1587,6201,6691,9096,9627,6671,4002,3495,9939,7708,7465,5879,6959,6634,3241,3401,2355,9061,2611,7830,3941,2177,2146,5089,7079,519,6351],
+  [7280,8586,4261,2831,7217,3141,9994,9940,5462,2189,4005,6942,9848,5350,8060,6665,7519,4324,7684,657,9453,9296,2944,6843,7499,7847,1728,9681,3906,6353,5529,2822,3355,3897,7724,4257,7489,8672,4356,3983,1948,6892,7415,4153,5893,4190,621,1736,4045,9532,7701,3671,1211,1622,3176,4524,9317,7800,5638,6644,6943,5463,3531,2821,1347,5958,3436,1438,2999,994,850,4131,2616,1549,3465,5946,690,9273,6954,7991],
+  [9517,399,3249,2596,7736,2142,1322,968,7350,1614,468,3346,3265,7222,6086,1661,5317,2582,7959,4685,2807,2917,1037,5698,1529,3972,8716,2634,3301,3412,8621,743,8001,4734,888,7744,8092,3671,8941,1487,5658,7099,2781,99,1932,4443,4756,4652,9328,1581,7855,4312,5976,7255,6480,3996,2748,1973,9731,4530,2790,9417,7186,5303,3557,351,7182,9428,1342,9020,7599,1392,8304,2070,9138,7215,2008,9937,1106,7110],
+  [7444,769,9688,632,1571,6820,8743,4338,337,3366,3073,1946,8219,104,4210,6986,249,5061,8693,7960,6546,1004,8857,5997,9352,4338,6105,5008,2556,6518,6694,4345,3727,7956,20,3954,8652,4424,9387,2035,8358,5962,5304,5194,8650,8282,1256,1103,2138,6679,1985,3653,2770,2433,4278,615,2863,1715,242,3790,2636,6998,3088,1671,2239,957,5411,4595,6282,2881,9974,2401,875,7574,2987,4587,3147,6766,9885,2965],
+  [3287,3016,3619,6818,9073,6120,5423,557,2900,2015,8111,3873,1314,4189,1846,4399,7041,7583,2427,2864,3525,5002,2069,748,1948,6015,2684,438,770,8367,1663,7887,7759,1885,157,7770,4520,4878,3857,1137,3525,3050,6276,5569,7649,904,4533,7843,2199,5648,7628,9075,9441,3600,7231,2388,5640,9096,958,3058,584,5899,8150,1181,9616,1098,8162,6819,8171,1519,1140,7665,8801,2632,1299,9192,707,9955,2710,7314],
+  [1772,2963,7578,3541,3095,1488,7026,2634,6015,4633,4370,2762,1650,2174,909,8158,2922,8467,4198,4280,9092,8856,8835,5457,2790,8574,9742,5054,9547,4156,7940,8126,9824,7340,8840,6574,3547,1477,3014,6798,7134,435,9484,9859,3031,4,1502,4133,1738,1807,4825,463,6343,9701,8506,9822,9555,8688,8168,3467,3234,6318,1787,5591,419,6593,7974,8486,9861,6381,6758,194,3061,4315,2863,4665,3789,2201,1492,4416],
+  [126,8927,6608,5682,8986,6867,1715,6076,3159,788,3140,4744,830,9253,5812,5021,7616,8534,1546,9590,1101,9012,9821,8132,7857,4086,1069,7491,2988,1579,2442,4321,2149,7642,6108,250,6086,3167,24,9528,7663,2685,1220,9196,1397,5776,1577,1730,5481,977,6115,199,6326,2183,3767,5928,5586,7561,663,8649,9688,949,5913,9160,1870,5764,9887,4477,6703,1413,4995,5494,7131,2192,8969,7138,3997,8697,646,1028],
+  [8074,1731,8245,624,4601,8706,155,8891,309,2552,8208,8452,2954,3124,3469,4246,3352,1105,4509,8677,9901,4416,8191,9283,5625,7120,2952,8881,7693,830,4580,8228,9459,8611,4499,1179,4988,1394,550,2336,6089,6872,269,7213,1848,917,6672,4890,656,1478,6536,3165,4743,4990,1176,6211,7207,5284,9730,4738,1549,4986,4942,8645,3698,9429,1439,2175,6549,3058,6513,1574,6988,8333,3406,5245,5431,7140,7085,6407],
+  [7845,4694,2530,8249,290,5948,5509,1588,5940,4495,5866,5021,4626,3979,3296,7589,4854,1998,5627,3926,8346,6512,9608,1918,7070,4747,4182,2858,2766,4606,6269,4107,8982,8568,9053,4244,5604,102,2756,727,5887,2566,7922,44,5986,621,1202,374,6988,4130,3627,6744,9443,4568,1398,8679,397,3928,9159,367,2917,6127,5788,3304,8129,911,2669,1463,9749,264,4478,8940,1109,7309,2462,117,4692,7724,225,2312],
+  [4164,3637,2000,941,8903,39,3443,7172,1031,3687,4901,8082,4945,4515,7204,9310,9349,9535,9940,218,1788,9245,2237,1541,5670,6538,6047,5553,9807,8101,1925,8714,445,8332,7309,6830,5786,5736,7306,2710,3034,1838,7969,6318,7912,2584,2080,7437,6705,2254,7428,820,782,9861,7596,3842,3631,8063,5240,6666,394,4565,7865,4895,9890,6028,6117,4724,9156,4473,4552,602,470,6191,4927,5387,884,3146,1978,3000],
+  [4258,6880,1696,3582,5793,4923,2119,1155,9056,9698,6603,3768,5514,9927,9609,6166,6566,4536,4985,4934,8076,9062,6741,6163,7399,4562,2337,5600,2919,9012,8459,1308,6072,1225,9306,8818,5886,7243,7365,8792,6007,9256,6699,7171,4230,7002,8720,7839,4533,1671,478,7774,1607,2317,5437,4705,7886,4760,6760,7271,3081,2997,3088,7675,6208,3101,6821,6840,122,9633,4900,2067,8546,4549,2091,7188,5605,8599,6758,5229],
+  [7854,5243,9155,3556,8812,7047,2202,1541,5993,4600,4760,713,434,7911,7426,7414,8729,322,803,7960,7563,4908,6285,6291,736,3389,9339,4132,8701,7534,5287,3646,592,3065,7582,2592,8755,6068,8597,1982,5782,1894,2900,6236,4039,6569,3037,5837,7698,700,7815,2491,7272,5878,3083,6778,6639,3589,5010,8313,2581,6617,5869,8402,6808,2951,2321,5195,497,2190,6187,1342,1316,4453,7740,4154,2959,1781,1482,8256],
+  [7178,2046,4419,744,8312,5356,6855,8839,319,2962,5662,47,6307,8662,68,4813,567,2712,9931,1678,3101,8227,6533,4933,6656,92,5846,4780,6256,6361,4323,9985,1231,2175,7178,3034,9744,6155,9165,7787,5836,9318,7860,9644,8941,6480,9443,8188,5928,161,6979,2352,5628,6991,1198,8067,5867,6620,3778,8426,2994,3122,3124,6335,3918,8897,2655,9670,634,1088,1576,8935,7255,474,8166,7417,9547,2886,5560,3842],
+  [6957,3111,26,7530,7143,1295,1744,6057,3009,1854,8098,5405,2234,4874,9447,2620,9303,27,7410,969,40,2966,5648,7596,8637,4238,3143,3679,7187,690,9980,7085,7714,9373,5632,7526,6707,3951,9734,4216,2146,3602,5371,6029,3039,4433,4855,4151,1449,3376,8009,7240,7027,4602,2947,9081,4045,8424,9352,8742,923,2705,4266,3232,2264,6761,363,2651,3383,7770,6730,7856,7340,9679,2158,610,4471,4608,910,6241],
+  [4417,6756,1013,8797,658,8809,5032,8703,7541,846,3357,2920,9817,1745,9980,7593,4667,3087,779,3218,6233,5568,4296,2289,2654,7898,5021,9461,5593,8214,9173,4203,2271,7980,2983,5952,9992,8399,3468,1776,3188,9314,1720,6523,2933,621,8685,5483,8986,6163,3444,9539,4320,155,3992,2828,2150,6071,524,2895,5468,8063,1210,3348,9071,4862,483,9017,4097,6186,9815,3610,5048,1644,1003,9865,9332,2145,1944,2213],
+  [9284,3803,4920,1927,6706,4344,7383,4786,9890,2010,5228,1224,3158,6967,8580,8990,8883,5213,76,8306,2031,4980,5639,9519,7184,5645,7769,3259,8077,9130,1317,3096,9624,3818,1770,695,2454,947,6029,3474,9938,3527,5696,4760,7724,7738,2848,6442,5767,6845,8323,4131,2859,7595,2500,4815,3660,9130,8580,7016,8231,4391,8369,3444,4069,4021,556,6154,627,2778,1496,4206,6356,8434,8491,3816,8231,3190,5575,1015],
+  [3787,7572,1788,6803,5641,6844,1961,4811,8535,9914,9999,1450,8857,738,4662,8569,6679,2225,7839,8618,286,2648,5342,2294,3205,4546,176,8705,3741,6134,8324,8021,7004,5205,7032,6637,9442,5539,5584,4819,5874,5807,8589,6871,9016,983,1758,3786,1519,6241,185,8398,495,3370,9133,3051,4549,9674,7311,9738,3316,9383,2658,2776,9481,7558,619,3943,3324,6491,4933,153,9738,4623,912,3595,7771,7939,1219,4405],
+  [2650,3883,4154,5809,315,7756,4430,1788,4451,1631,6461,7230,6017,5751,138,588,5282,2442,9110,9035,6349,2515,1570,6122,4192,4174,3530,1933,4186,4420,4609,5739,4135,2963,6308,1161,8809,8619,2796,3819,6971,8228,4188,1492,909,8048,2328,6772,8467,7671,9068,2226,7579,6422,7056,8042,3296,2272,3006,2196,7320,3238,3490,3102,37,1293,3212,4767,5041,8773,5794,4456,6174,7279,7054,2835,7053,9088,790,6640],
+  [3101,1057,7057,3826,6077,1025,2955,1224,1114,6729,5902,4698,6239,7203,9423,1804,4417,6686,1426,6941,8071,1029,4985,9010,6122,6597,1622,1574,3513,1684,7086,5505,3244,411,9638,4150,907,9135,829,981,1707,5359,8781,9751,5,9131,3973,7159,1340,6955,7514,7993,6964,8198,1933,2797,877,3993,4453,8020,9349,8646,2779,8679,2961,3547,3374,3510,1129,3568,2241,2625,9138,5974,8206,7669,7678,1833,8700,4480],
+  [4865,9912,8038,8238,782,3095,8199,1127,4501,7280,2112,2487,3626,2790,9432,1475,6312,8277,4827,2218,5806,7132,8752,1468,7471,6386,739,8762,8323,8120,5169,9078,9058,3370,9560,7987,8585,8531,5347,9312,1058,4271,1159,5286,5404,6925,8606,9204,7361,2415,560,586,4002,2644,1927,2824,768,4409,2942,3345,1002,808,4941,6267,7979,5140,8643,7553,9438,7320,4938,2666,4609,2778,8158,6730,3748,3867,1866,7181],
+  [171,3771,7134,8927,4778,2913,3326,2004,3089,7853,1378,1729,4777,2706,9578,1360,5693,3036,1851,7248,2403,2273,8536,6501,9216,613,9671,7131,7719,6425,773,717,8803,160,1114,7554,7197,753,4513,4322,8499,4533,2609,4226,8710,6627,644,9666,6260,4870,5744,7385,6542,6203,7703,6130,8944,5589,2262,6803,6381,7414,6888,5123,7320,9392,9061,6780,322,8975,7050,5089,1061,2260,3199,1150,1865,5386,9699,6501],
+  [3744,8454,6885,8277,919,1923,4001,6864,7854,5519,2491,6057,8794,9645,1776,5714,9786,9281,7538,6916,3215,395,2501,9618,4835,8846,9708,2813,3303,1794,8309,7176,2206,1602,1838,236,4593,2245,8993,4017,10,8215,6921,5206,4023,5932,6997,7801,262,7640,3107,8275,4938,7822,2425,3223,3886,2105,8700,9526,2088,8662,8034,7004,5710,2124,7164,3574,6630,9980,4242,2901,9471,1491,2117,4562,1130,9086,4117,6698],
+  [2810,2280,2331,1170,4554,4071,8387,1215,2274,9848,6738,1604,7281,8805,439,1298,8318,7834,9426,8603,6092,7944,1309,8828,303,3157,4638,4439,9175,1921,4695,7716,1494,1015,1772,5913,1127,1952,1950,8905,4064,9890,385,9357,7945,5035,7082,5369,4093,6546,5187,5637,2041,8946,1758,7111,6566,1027,1049,5148,7224,7248,296,6169,375,1656,7993,2816,3717,4279,4675,1609,3317,42,6201,3100,3144,163,9530,4531],
+  [7096,6070,1009,4988,3538,5801,7149,3063,2324,2912,7911,7002,4338,7880,2481,7368,3516,2016,7556,2193,1388,3865,8125,4637,4096,8114,750,3144,1938,7002,9343,4095,1392,4220,3455,6969,9647,1321,9048,1996,1640,6626,1788,314,9578,6630,2813,6626,4981,9908,7024,4355,3201,3521,3864,3303,464,1923,595,9801,3391,8366,8084,9374,1041,8807,9085,1892,9431,8317,9016,9221,8574,9981,9240,5395,2009,6310,2854,9255],
+  [8830,3145,2960,9615,8220,6061,3452,2918,6481,9278,2297,3385,6565,7066,7316,5682,107,7646,4466,68,1952,9603,8615,54,7191,791,6833,2560,693,9733,4168,570,9127,9537,1925,8287,5508,4297,8452,8795,6213,7994,2420,4208,524,5915,8602,8330,2651,8547,6156,1812,6271,7991,9407,9804,1553,6866,1128,2119,4691,9711,8315,5879,9935,6900,482,682,4126,1041,428,6247,3720,5882,7526,2582,4327,7725,3503,2631],
+  [2738,9323,721,7434,1453,6294,2957,3786,5722,6019,8685,4386,3066,9057,6860,499,5315,3045,5194,7111,3137,9104,941,586,3066,755,4177,8819,7040,5309,3583,3897,4428,7788,4721,7249,6559,7324,825,7311,3760,6064,6070,9672,4882,584,1365,9739,9331,5783,2624,7889,1604,1303,1555,7125,8312,425,8936,3233,7724,1480,403,7440,1784,1754,4721,1569,652,3893,4574,5692,9730,4813,9844,8291,9199,7101,3391,8914],
+  [6044,2928,9332,3328,8588,447,3830,1176,3523,2705,8365,6136,5442,9049,5526,8575,8869,9031,7280,706,2794,8814,5767,4241,7696,78,6570,556,5083,1426,4502,3336,9518,2292,1885,3740,3153,9348,9331,8051,2759,5407,9028,7840,9255,831,515,2612,9747,7435,8964,4971,2048,4900,5967,8271,1719,9670,2810,6777,1594,6367,6259,8316,3815,1689,6840,9437,4361,822,9619,3065,83,6344,7486,8657,8228,9635,6932,4864],
+  [8478,4777,6334,4678,7476,4963,6735,3096,5860,1405,5127,7269,7793,4738,227,9168,2996,8928,765,733,1276,7677,6258,1528,9558,3329,302,8901,1422,8277,6340,645,9125,8869,5952,141,8141,1816,9635,4025,4184,3093,83,2344,2747,9352,7966,1206,1126,1826,218,7939,2957,2729,810,8752,5247,4174,4038,8884,7899,9567,301,5265,5752,7524,4381,1669,3106,8270,6228,6373,754,2547,4240,2313,5514,3022,1040,9738],
+  [2265,8192,1763,1369,8469,8789,4836,52,1212,6690,5257,8918,6723,6319,378,4039,2421,8555,8184,9577,1432,7139,8078,5452,9628,7579,4161,7490,5159,8559,1011,81,478,5840,1964,1334,6875,8670,9900,739,1514,8692,522,9316,6955,1345,8132,2277,3193,9773,3923,4177,2183,1236,6747,6575,4874,6003,6409,8187,745,8776,9440,7543,9825,2582,7381,8147,7236,5185,7564,6125,218,7991,6394,391,7659,7456,5128,5294],
+  [2132,8992,8160,5782,4420,3371,3798,5054,552,5631,7546,4716,1332,6486,7892,7441,4370,6231,4579,2121,8615,1145,9391,1524,1385,2400,9437,2454,7896,7467,2928,8400,3299,4025,7458,4703,7206,6358,792,6200,725,4275,4136,7390,5984,4502,7929,5085,8176,4600,119,3568,76,9363,6943,2248,9077,9731,6213,5817,6729,4190,3092,6910,759,2682,8380,1254,9604,3011,9291,5329,9453,9746,2739,6522,3765,5634,1113,5789],
+  [5304,5499,564,2801,679,2653,1783,3608,7359,7797,3284,796,3222,437,7185,6135,8571,2778,7488,5746,678,6140,861,7750,803,9859,9918,2425,3734,2698,9005,4864,9818,6743,2475,132,9486,3825,5472,919,292,4411,7213,7699,6435,9019,6769,1388,802,2124,1345,8493,9487,8558,7061,8777,8833,2427,2238,5409,4957,8503,3171,7622,5779,6145,2417,5873,5563,5693,9574,9491,1937,7384,4563,6842,5432,2751,3406,7981]
+];
+```
+
+## --seed-contents--
+
+```js
+function pathSumTwoWays(matrix) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+
+pathSumTwoWays(testMatrix1);
+```
+
+# --solutions--
+
+```js
+function pathSumTwoWays(matrix) {
+  function makeMinimalMove(row, column) {
+    if (resultMatrix[row][column + 1] < resultMatrix[row + 1][column]) {
+      return resultMatrix[row][column + 1];
+    }
+    return resultMatrix[row + 1][column];
+  }
+
+  const size = matrix.length;
+  const resultMatrix = [];
+  for (let i = 0; i < size; i++) {
+    resultMatrix.push([...matrix[i]])
+  }
+
+  for (let i = size - 2; i >= 0; i--) {
+    resultMatrix[size - 1][i] += resultMatrix[size - 1][i + 1];
+    resultMatrix[i][size - 1] += resultMatrix[i + 1][size - 1];
+  }
+
+  for (let row = size - 2; row >= 0; row--) {
+    for (let column = size - 2; column >= 0; column--) {
+      resultMatrix[row][column] += makeMinimalMove(row, column);
+    }
+  }
+  return resultMatrix[0][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.md
new file mode 100644
index 0000000000..b7f829e17e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-82-path-sum-three-ways.md
@@ -0,0 +1,193 @@
+---
+id: 5900f3be1000cf542c50fed1
+title: 'Завдання 82: Сума шляхів: три способи'
+challengeType: 5
+forumTopicId: 302196
+dashedName: problem-82-path-sum-three-ways
+---
+
+# --description--
+
+**Зверніть увагу:** Це завдання більш складна версія Завдання 81.
+
+Мінімальна сума шляху в наведеній нижче матриці 5 на 5, починаючи з будь-якої клітинки в лівому стовпці, та закінчуючись в будь-якій клітинці у правому стовпці, та рухаючись лише вгору, вниз а праворуч, виділена червоним і жирним шрифтом; сума дорівнює `994`.
+
+  $$\початок{pmatrix} 131 & 673 & \color{red}{234} & \color{red}{103} & \color{red}{18}\\\\ \color{red}{201} & \color{red}{96} & \color{red}{342} & 965 & 150\\\\ 630 & 803 & 746 & 422 & 111\\\\ 537 & 699 & 497 & 121 & 956\\\\ 805 & 732 & 524 & 37 & 331 \кінець{pmatrix}$$
+
+Знайдіть мінімальну суму шляху з лівого стовпця в правий стовпець у `matrix`, 2D масив представляє матрицю. Максимальний розмір матриці, що використовується в тестах, дорівнюватиме 80 на 80.
+
+# --hints--
+
+`pathSumThreeWays(testMatrix1)` має вивести число.
+
+```js
+assert(typeof pathSumThreeWays(_testMatrix1) === 'number');
+```
+
+`pathSumThreeWays(testMatrix1)` має вивести `994`.
+
+```js
+assert.strictEqual(pathSumThreeWays(_testMatrix1), 994);
+```
+
+`pathSumThreeWays(testMatrix2)` має вивести `260324`.
+
+```js
+assert.strictEqual(pathSumThreeWays(_testMatrix2), 260324);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+const _testMatrix2 = [
+  [4445,2697,5115,718,2209,2212,654,4348,3079,6821,7668,3276,8874,4190,3785,2752,9473,7817,9137,496,7338,3434,7152,4355,4552,7917,7827,2460,2350,691,3514,5880,3145,7633,7199,3783,5066,7487,3285,1084,8985,760,872,8609,8051,1134,9536,5750,9716,9371,7619,5617,275,9721,2997,2698,1887,8825,6372,3014,2113,7122,7050,6775,5948,2758,1219,3539,348,7989,2735,9862,1263,8089,6401,9462,3168,2758,3748,5870],
+  [1096,20,1318,7586,5167,2642,1443,5741,7621,7030,5526,4244,2348,4641,9827,2448,6918,5883,3737,300,7116,6531,567,5997,3971,6623,820,6148,3287,1874,7981,8424,7672,7575,6797,6717,1078,5008,4051,8795,5820,346,1851,6463,2117,6058,3407,8211,117,4822,1317,4377,4434,5925,8341,4800,1175,4173,690,8978,7470,1295,3799,8724,3509,9849,618,3320,7068,9633,2384,7175,544,6583,1908,9983,481,4187,9353,9377],
+  [9607,7385,521,6084,1364,8983,7623,1585,6935,8551,2574,8267,4781,3834,2764,2084,2669,4656,9343,7709,2203,9328,8004,6192,5856,3555,2260,5118,6504,1839,9227,1259,9451,1388,7909,5733,6968,8519,9973,1663,5315,7571,3035,4325,4283,2304,6438,3815,9213,9806,9536,196,5542,6907,2475,1159,5820,9075,9470,2179,9248,1828,4592,9167,3713,4640,47,3637,309,7344,6955,346,378,9044,8635,7466,5036,9515,6385,9230],
+  [7206,3114,7760,1094,6150,5182,7358,7387,4497,955,101,1478,7777,6966,7010,8417,6453,4955,3496,107,449,8271,131,2948,6185,784,5937,8001,6104,8282,4165,3642,710,2390,575,715,3089,6964,4217,192,5949,7006,715,3328,1152,66,8044,4319,1735,146,4818,5456,6451,4113,1063,4781,6799,602,1504,6245,6550,1417,1343,2363,3785,5448,4545,9371,5420,5068,4613,4882,4241,5043,7873,8042,8434,3939,9256,2187],
+  [3620,8024,577,9997,7377,7682,1314,1158,6282,6310,1896,2509,5436,1732,9480,706,496,101,6232,7375,2207,2306,110,6772,3433,2878,8140,5933,8688,1399,2210,7332,6172,6403,7333,4044,2291,1790,2446,7390,8698,5723,3678,7104,1825,2040,140,3982,4905,4160,2200,5041,2512,1488,2268,1175,7588,8321,8078,7312,977,5257,8465,5068,3453,3096,1651,7906,253,9250,6021,8791,8109,6651,3412,345,4778,5152,4883,7505],
+  [1074,5438,9008,2679,5397,5429,2652,3403,770,9188,4248,2493,4361,8327,9587,707,9525,5913,93,1899,328,2876,3604,673,8576,6908,7659,2544,3359,3883,5273,6587,3065,1749,3223,604,9925,6941,2823,8767,7039,3290,3214,1787,7904,3421,7137,9560,8451,2669,9219,6332,1576,5477,6755,8348,4164,4307,2984,4012,6629,1044,2874,6541,4942,903,1404,9125,5160,8836,4345,2581,460,8438,1538,5507,668,3352,2678,6942],
+  [4295,1176,5596,1521,3061,9868,7037,7129,8933,6659,5947,5063,3653,9447,9245,2679,767,714,116,8558,163,3927,8779,158,5093,2447,5782,3967,1716,931,7772,8164,1117,9244,5783,7776,3846,8862,6014,2330,6947,1777,3112,6008,3491,1906,5952,314,4602,8994,5919,9214,3995,5026,7688,6809,5003,3128,2509,7477,110,8971,3982,8539,2980,4689,6343,5411,2992,5270,5247,9260,2269,7474,1042,7162,5206,1232,4556,4757],
+  [510,3556,5377,1406,5721,4946,2635,7847,4251,8293,8281,6351,4912,287,2870,3380,3948,5322,3840,4738,9563,1906,6298,3234,8959,1562,6297,8835,7861,239,6618,1322,2553,2213,5053,5446,4402,6500,5182,8585,6900,5756,9661,903,5186,7687,5998,7997,8081,8955,4835,6069,2621,1581,732,9564,1082,1853,5442,1342,520,1737,3703,5321,4793,2776,1508,1647,9101,2499,6891,4336,7012,3329,3212,1442,9993,3988,4930,7706],
+  [9444,3401,5891,9716,1228,7107,109,3563,2700,6161,5039,4992,2242,8541,7372,2067,1294,3058,1306,320,8881,5756,9326,411,8650,8824,5495,8282,8397,2000,1228,7817,2099,6473,3571,5994,4447,1299,5991,543,7874,2297,1651,101,2093,3463,9189,6872,6118,872,1008,1779,2805,9084,4048,2123,5877,55,3075,1737,9459,4535,6453,3644,108,5982,4437,5213,1340,6967,9943,5815,669,8074,1838,6979,9132,9315,715,5048],
+  [3327,4030,7177,6336,9933,5296,2621,4785,2755,4832,2512,2118,2244,4407,2170,499,7532,9742,5051,7687,970,6924,3527,4694,5145,1306,2165,5940,2425,8910,3513,1909,6983,346,6377,4304,9330,7203,6605,3709,3346,970,369,9737,5811,4427,9939,3693,8436,5566,1977,3728,2399,3985,8303,2492,5366,9802,9193,7296,1033,5060,9144,2766,1151,7629,5169,5995,58,7619,7565,4208,1713,6279,3209,4908,9224,7409,1325,8540],
+  [6882,1265,1775,3648,4690,959,5837,4520,5394,1378,9485,1360,4018,578,9174,2932,9890,3696,116,1723,1178,9355,7063,1594,1918,8574,7594,7942,1547,6166,7888,354,6932,4651,1010,7759,6905,661,7689,6092,9292,3845,9605,8443,443,8275,5163,7720,7265,6356,7779,1798,1754,5225,6661,1180,8024,5666,88,9153,1840,3508,1193,4445,2648,3538,6243,6375,8107,5902,5423,2520,1122,5015,6113,8859,9370,966,8673,2442],
+  [7338,3423,4723,6533,848,8041,7921,8277,4094,5368,7252,8852,9166,2250,2801,6125,8093,5738,4038,9808,7359,9494,601,9116,4946,2702,5573,2921,9862,1462,1269,2410,4171,2709,7508,6241,7522,615,2407,8200,4189,5492,5649,7353,2590,5203,4274,710,7329,9063,956,8371,3722,4253,4785,1194,4828,4717,4548,940,983,2575,4511,2938,1827,2027,2700,1236,841,5760,1680,6260,2373,3851,1841,4968,1172,5179,7175,3509],
+  [4420,1327,3560,2376,6260,2988,9537,4064,4829,8872,9598,3228,1792,7118,9962,9336,4368,9189,6857,1829,9863,6287,7303,7769,2707,8257,2391,2009,3975,4993,3068,9835,3427,341,8412,2134,4034,8511,6421,3041,9012,2983,7289,100,1355,7904,9186,6920,5856,2008,6545,8331,3655,5011,839,8041,9255,6524,3862,8788,62,7455,3513,5003,8413,3918,2076,7960,6108,3638,6999,3436,1441,4858,4181,1866,8731,7745,3744,1000],
+  [356,8296,8325,1058,1277,4743,3850,2388,6079,6462,2815,5620,8495,5378,75,4324,3441,9870,1113,165,1544,1179,2834,562,6176,2313,6836,8839,2986,9454,5199,6888,1927,5866,8760,320,1792,8296,7898,6121,7241,5886,5814,2815,8336,1576,4314,3109,2572,6011,2086,9061,9403,3947,5487,9731,7281,3159,1819,1334,3181,5844,5114,9898,4634,2531,4412,6430,4262,8482,4546,4555,6804,2607,9421,686,8649,8860,7794,6672],
+  [9870,152,1558,4963,8750,4754,6521,6256,8818,5208,5691,9659,8377,9725,5050,5343,2539,6101,1844,9700,7750,8114,5357,3001,8830,4438,199,9545,8496,43,2078,327,9397,106,6090,8181,8646,6414,7499,5450,4850,6273,5014,4131,7639,3913,6571,8534,9703,4391,7618,445,1320,5,1894,6771,7383,9191,4708,9706,6939,7937,8726,9382,5216,3685,2247,9029,8154,1738,9984,2626,9438,4167,6351,5060,29,1218,1239,4785],
+  [192,5213,8297,8974,4032,6966,5717,1179,6523,4679,9513,1481,3041,5355,9303,9154,1389,8702,6589,7818,6336,3539,5538,3094,6646,6702,6266,2759,4608,4452,617,9406,8064,6379,444,5602,4950,1810,8391,1536,316,8714,1178,5182,5863,5110,5372,4954,1978,2971,5680,4863,2255,4630,5723,2168,538,1692,1319,7540,440,6430,6266,7712,7385,5702,620,641,3136,7350,1478,3155,2820,9109,6261,1122,4470,14,8493,2095],
+  [1046,4301,6082,474,4974,7822,2102,5161,5172,6946,8074,9716,6586,9962,9749,5015,2217,995,5388,4402,7652,6399,6539,1349,8101,3677,1328,9612,7922,2879,231,5887,2655,508,4357,4964,3554,5930,6236,7384,4614,280,3093,9600,2110,7863,2631,6626,6620,68,1311,7198,7561,1768,5139,1431,221,230,2940,968,5283,6517,2146,1646,869,9402,7068,8645,7058,1765,9690,4152,2926,9504,2939,7504,6074,2944,6470,7859],
+  [4659,736,4951,9344,1927,6271,8837,8711,3241,6579,7660,5499,5616,3743,5801,4682,9748,8796,779,1833,4549,8138,4026,775,4170,2432,4174,3741,7540,8017,2833,4027,396,811,2871,1150,9809,2719,9199,8504,1224,540,2051,3519,7982,7367,2761,308,3358,6505,2050,4836,5090,7864,805,2566,2409,6876,3361,8622,5572,5895,3280,441,7893,8105,1634,2929,274,3926,7786,6123,8233,9921,2674,5340,1445,203,4585,3837],
+  [5759,338,7444,7968,7742,3755,1591,4839,1705,650,7061,2461,9230,9391,9373,2413,1213,431,7801,4994,2380,2703,6161,6878,8331,2538,6093,1275,5065,5062,2839,582,1014,8109,3525,1544,1569,8622,7944,2905,6120,1564,1839,5570,7579,1318,2677,5257,4418,5601,7935,7656,5192,1864,5886,6083,5580,6202,8869,1636,7907,4759,9082,5854,3185,7631,6854,5872,5632,5280,1431,2077,9717,7431,4256,8261,9680,4487,4752,4286],
+  [1571,1428,8599,1230,7772,4221,8523,9049,4042,8726,7567,6736,9033,2104,4879,4967,6334,6716,3994,1269,8995,6539,3610,7667,6560,6065,874,848,4597,1711,7161,4811,6734,5723,6356,6026,9183,2586,5636,1092,7779,7923,8747,6887,7505,9909,1792,3233,4526,3176,1508,8043,720,5212,6046,4988,709,5277,8256,3642,1391,5803,1468,2145,3970,6301,7767,2359,8487,9771,8785,7520,856,1605,8972,2402,2386,991,1383,5963],
+  [1822,4824,5957,6511,9868,4113,301,9353,6228,2881,2966,6956,9124,9574,9233,1601,7340,973,9396,540,4747,8590,9535,3650,7333,7583,4806,3593,2738,8157,5215,8472,2284,9473,3906,6982,5505,6053,7936,6074,7179,6688,1564,1103,6860,5839,2022,8490,910,7551,7805,881,7024,1855,9448,4790,1274,3672,2810,774,7623,4223,4850,6071,9975,4935,1915,9771,6690,3846,517,463,7624,4511,614,6394,3661,7409,1395,8127],
+  [8738,3850,9555,3695,4383,2378,87,6256,6740,7682,9546,4255,6105,2000,1851,4073,8957,9022,6547,5189,2487,303,9602,7833,1628,4163,6678,3144,8589,7096,8913,5823,4890,7679,1212,9294,5884,2972,3012,3359,7794,7428,1579,4350,7246,4301,7779,7790,3294,9547,4367,3549,1958,8237,6758,3497,3250,3456,6318,1663,708,7714,6143,6890,3428,6853,9334,7992,591,6449,9786,1412,8500,722,5468,1371,108,3939,4199,2535],
+  [7047,4323,1934,5163,4166,461,3544,2767,6554,203,6098,2265,9078,2075,4644,6641,8412,9183,487,101,7566,5622,1975,5726,2920,5374,7779,5631,3753,3725,2672,3621,4280,1162,5812,345,8173,9785,1525,955,5603,2215,2580,5261,2765,2990,5979,389,3907,2484,1232,5933,5871,3304,1138,1616,5114,9199,5072,7442,7245,6472,4760,6359,9053,7876,2564,9404,3043,9026,2261,3374,4460,7306,2326,966,828,3274,1712,3446],
+  [3975,4565,8131,5800,4570,2306,8838,4392,9147,11,3911,7118,9645,4994,2028,6062,5431,2279,8752,2658,7836,994,7316,5336,7185,3289,1898,9689,2331,5737,3403,1124,2679,3241,7748,16,2724,5441,6640,9368,9081,5618,858,4969,17,2103,6035,8043,7475,2181,939,415,1617,8500,8253,2155,7843,7974,7859,1746,6336,3193,2617,8736,4079,6324,6645,8891,9396,5522,6103,1857,8979,3835,2475,1310,7422,610,8345,7615],
+  [9248,5397,5686,2988,3446,4359,6634,9141,497,9176,6773,7448,1907,8454,916,1596,2241,1626,1384,2741,3649,5362,8791,7170,2903,2475,5325,6451,924,3328,522,90,4813,9737,9557,691,2388,1383,4021,1609,9206,4707,5200,7107,8104,4333,9860,5013,1224,6959,8527,1877,4545,7772,6268,621,4915,9349,5970,706,9583,3071,4127,780,8231,3017,9114,3836,7503,2383,1977,4870,8035,2379,9704,1037,3992,3642,1016,4303],
+  [5093,138,4639,6609,1146,5565,95,7521,9077,2272,974,4388,2465,2650,722,4998,3567,3047,921,2736,7855,173,2065,4238,1048,5,6847,9548,8632,9194,5942,4777,7910,8971,6279,7253,2516,1555,1833,3184,9453,9053,6897,7808,8629,4877,1871,8055,4881,7639,1537,7701,2508,7564,5845,5023,2304,5396,3193,2955,1088,3801,6203,1748,3737,1276,13,4120,7715,8552,3047,2921,106,7508,304,1280,7140,2567,9135,5266],
+  [6237,4607,7527,9047,522,7371,4883,2540,5867,6366,5301,1570,421,276,3361,527,6637,4861,2401,7522,5808,9371,5298,2045,5096,5447,7755,5115,7060,8529,4078,1943,1697,1764,5453,7085,960,2405,739,2100,5800,728,9737,5704,5693,1431,8979,6428,673,7540,6,7773,5857,6823,150,5869,8486,684,5816,9626,7451,5579,8260,3397,5322,6920,1879,2127,2884,5478,4977,9016,6165,6292,3062,5671,5968,78,4619,4763],
+  [9905,7127,9390,5185,6923,3721,9164,9705,4341,1031,1046,5127,7376,6528,3248,4941,1178,7889,3364,4486,5358,9402,9158,8600,1025,874,1839,1783,309,9030,1843,845,8398,1433,7118,70,8071,2877,3904,8866,6722,4299,10,1929,5897,4188,600,1889,3325,2485,6473,4474,7444,6992,4846,6166,4441,2283,2629,4352,7775,1101,2214,9985,215,8270,9750,2740,8361,7103,5930,8664,9690,8302,9267,344,2077,1372,1880,9550],
+  [5825,8517,7769,2405,8204,1060,3603,7025,478,8334,1997,3692,7433,9101,7294,7498,9415,5452,3850,3508,6857,9213,6807,4412,7310,854,5384,686,4978,892,8651,3241,2743,3801,3813,8588,6701,4416,6990,6490,3197,6838,6503,114,8343,5844,8646,8694,65,791,5979,2687,2621,2019,8097,1423,3644,9764,4921,3266,3662,5561,2476,8271,8138,6147,1168,3340,1998,9874,6572,9873,6659,5609,2711,3931,9567,4143,7833,8887],
+  [6223,2099,2700,589,4716,8333,1362,5007,2753,2848,4441,8397,7192,8191,4916,9955,6076,3370,6396,6971,3156,248,3911,2488,4930,2458,7183,5455,170,6809,6417,3390,1956,7188,577,7526,2203,968,8164,479,8699,7915,507,6393,4632,1597,7534,3604,618,3280,6061,9793,9238,8347,568,9645,2070,5198,6482,5000,9212,6655,5961,7513,1323,3872,6170,3812,4146,2736,67,3151,5548,2781,9679,7564,5043,8587,1893,4531],
+  [5826,3690,6724,2121,9308,6986,8106,6659,2142,1642,7170,2877,5757,6494,8026,6571,8387,9961,6043,9758,9607,6450,8631,8334,7359,5256,8523,2225,7487,1977,9555,8048,5763,2414,4948,4265,2427,8978,8088,8841,9208,9601,5810,9398,8866,9138,4176,5875,7212,3272,6759,5678,7649,4922,5422,1343,8197,3154,3600,687,1028,4579,2084,9467,4492,7262,7296,6538,7657,7134,2077,1505,7332,6890,8964,4879,7603,7400,5973,739],
+  [1861,1613,4879,1884,7334,966,2000,7489,2123,4287,1472,3263,4726,9203,1040,4103,6075,6049,330,9253,4062,4268,1635,9960,577,1320,3195,9628,1030,4092,4979,6474,6393,2799,6967,8687,7724,7392,9927,2085,3200,6466,8702,265,7646,8665,7986,7266,4574,6587,612,2724,704,3191,8323,9523,3002,704,5064,3960,8209,2027,2758,8393,4875,4641,9584,6401,7883,7014,768,443,5490,7506,1852,2005,8850,5776,4487,4269],
+  [4052,6687,4705,7260,6645,6715,3706,5504,8672,2853,1136,8187,8203,4016,871,1809,1366,4952,9294,5339,6872,2645,6083,7874,3056,5218,7485,8796,7401,3348,2103,426,8572,4163,9171,3176,948,7654,9344,3217,1650,5580,7971,2622,76,2874,880,2034,9929,1546,2659,5811,3754,7096,7436,9694,9960,7415,2164,953,2360,4194,2397,1047,2196,6827,575,784,2675,8821,6802,7972,5996,6699,2134,7577,2887,1412,4349,4380],
+  [4629,2234,6240,8132,7592,3181,6389,1214,266,1910,2451,8784,2790,1127,6932,1447,8986,2492,5476,397,889,3027,7641,5083,5776,4022,185,3364,5701,2442,2840,4160,9525,4828,6602,2614,7447,3711,4505,7745,8034,6514,4907,2605,7753,6958,7270,6936,3006,8968,439,2326,4652,3085,3425,9863,5049,5361,8688,297,7580,8777,7916,6687,8683,7141,306,9569,2384,1500,3346,4601,7329,9040,6097,2727,6314,4501,4974,2829],
+  [8316,4072,2025,6884,3027,1808,5714,7624,7880,8528,4205,8686,7587,3230,1139,7273,6163,6986,3914,9309,1464,9359,4474,7095,2212,7302,2583,9462,7532,6567,1606,4436,8981,5612,6796,4385,5076,2007,6072,3678,8331,1338,3299,8845,4783,8613,4071,1232,6028,2176,3990,2148,3748,103,9453,538,6745,9110,926,3125,473,5970,8728,7072,9062,1404,1317,5139,9862,6496,6062,3338,464,1600,2532,1088,8232,7739,8274,3873],
+  [2341,523,7096,8397,8301,6541,9844,244,4993,2280,7689,4025,4196,5522,7904,6048,2623,9258,2149,9461,6448,8087,7245,1917,8340,7127,8466,5725,6996,3421,5313,512,9164,9837,9794,8369,4185,1488,7210,1524,1016,4620,9435,2478,7765,8035,697,6677,3724,6988,5853,7662,3895,9593,1185,4727,6025,5734,7665,3070,138,8469,6748,6459,561,7935,8646,2378,462,7755,3115,9690,8877,3946,2728,8793,244,6323,8666,4271],
+  [6430,2406,8994,56,1267,3826,9443,7079,7579,5232,6691,3435,6718,5698,4144,7028,592,2627,217,734,6194,8156,9118,58,2640,8069,4127,3285,694,3197,3377,4143,4802,3324,8134,6953,7625,3598,3584,4289,7065,3434,2106,7132,5802,7920,9060,7531,3321,1725,1067,3751,444,5503,6785,7937,6365,4803,198,6266,8177,1470,6390,1606,2904,7555,9834,8667,2033,1723,5167,1666,8546,8152,473,4475,6451,7947,3062,3281],
+  [2810,3042,7759,1741,2275,2609,7676,8640,4117,1958,7500,8048,1757,3954,9270,1971,4796,2912,660,5511,3553,1012,5757,4525,6084,7198,8352,5775,7726,8591,7710,9589,3122,4392,6856,5016,749,2285,3356,7482,9956,7348,2599,8944,495,3462,3578,551,4543,7207,7169,7796,1247,4278,6916,8176,3742,8385,2310,1345,8692,2667,4568,1770,8319,3585,4920,3890,4928,7343,5385,9772,7947,8786,2056,9266,3454,2807,877,2660],
+  [6206,8252,5928,5837,4177,4333,207,7934,5581,9526,8906,1498,8411,2984,5198,5134,2464,8435,8514,8674,3876,599,5327,826,2152,4084,2433,9327,9697,4800,2728,3608,3849,3861,3498,9943,1407,3991,7191,9110,5666,8434,4704,6545,5944,2357,1163,4995,9619,6754,4200,9682,6654,4862,4744,5953,6632,1054,293,9439,8286,2255,696,8709,1533,1844,6441,430,1999,6063,9431,7018,8057,2920,6266,6799,356,3597,4024,6665],
+  [3847,6356,8541,7225,2325,2946,5199,469,5450,7508,2197,9915,8284,7983,6341,3276,3321,16,1321,7608,5015,3362,8491,6968,6818,797,156,2575,706,9516,5344,5457,9210,5051,8099,1617,9951,7663,8253,9683,2670,1261,4710,1068,8753,4799,1228,2621,3275,6188,4699,1791,9518,8701,5932,4275,6011,9877,2933,4182,6059,2930,6687,6682,9771,654,9437,3169,8596,1827,5471,8909,2352,123,4394,3208,8756,5513,6917,2056],
+  [5458,8173,3138,3290,4570,4892,3317,4251,9699,7973,1163,1935,5477,6648,9614,5655,9592,975,9118,2194,7322,8248,8413,3462,8560,1907,7810,6650,7355,2939,4973,6894,3933,3784,3200,2419,9234,4747,2208,2207,1945,2899,1407,6145,8023,3484,5688,7686,2737,3828,3704,9004,5190,9740,8643,8650,5358,4426,1522,1707,3613,9887,6956,2447,2762,833,1449,9489,2573,1080,4167,3456,6809,2466,227,7125,2759,6250,6472,8089],
+  [3266,7025,9756,3914,1265,9116,7723,9788,6805,5493,2092,8688,6592,9173,4431,4028,6007,7131,4446,4815,3648,6701,759,3312,8355,4485,4187,5188,8746,7759,3528,2177,5243,8379,3838,7233,4607,9187,7216,2190,6967,2920,6082,7910,5354,3609,8958,6949,7731,494,8753,8707,1523,4426,3543,7085,647,6771,9847,646,5049,824,8417,5260,2730,5702,2513,9275,4279,2767,8684,1165,9903,4518,55,9682,8963,6005,2102,6523],
+  [1998,8731,936,1479,5259,7064,4085,91,7745,7136,3773,3810,730,8255,2705,2653,9790,6807,2342,355,9344,2668,3690,2028,9679,8102,574,4318,6481,9175,5423,8062,2867,9657,7553,3442,3920,7430,3945,7639,3714,3392,2525,4995,4850,2867,7951,9667,486,9506,9888,781,8866,1702,3795,90,356,1483,4200,2131,6969,5931,486,6880,4404,1084,5169,4910,6567,8335,4686,5043,2614,3352,2667,4513,6472,7471,5720,1616],
+  [8878,1613,1716,868,1906,2681,564,665,5995,2474,7496,3432,9491,9087,8850,8287,669,823,347,6194,2264,2592,7871,7616,8508,4827,760,2676,4660,4881,7572,3811,9032,939,4384,929,7525,8419,5556,9063,662,8887,7026,8534,3111,1454,2082,7598,5726,6687,9647,7608,73,3014,5063,670,5461,5631,3367,9796,8475,7908,5073,1565,5008,5295,4457,1274,4788,1728,338,600,8415,8535,9351,7750,6887,5845,1741,125],
+  [3637,6489,9634,9464,9055,2413,7824,9517,7532,3577,7050,6186,6980,9365,9782,191,870,2497,8498,2218,2757,5420,6468,586,3320,9230,1034,1393,9886,5072,9391,1178,8464,8042,6869,2075,8275,3601,7715,9470,8786,6475,8373,2159,9237,2066,3264,5000,679,355,3069,4073,494,2308,5512,4334,9438,8786,8637,9774,1169,1949,6594,6072,4270,9158,7916,5752,6794,9391,6301,5842,3285,2141,3898,8027,4310,8821,7079,1307],
+  [8497,6681,4732,7151,7060,5204,9030,7157,833,5014,8723,3207,9796,9286,4913,119,5118,7650,9335,809,3675,2597,5144,3945,5090,8384,187,4102,1260,2445,2792,4422,8389,9290,50,1765,1521,6921,8586,4368,1565,5727,7855,2003,4834,9897,5911,8630,5070,1330,7692,7557,7980,6028,5805,9090,8265,3019,3802,698,9149,5748,1965,9658,4417,5994,5584,8226,2937,272,5743,1278,5698,8736,2595,6475,5342,6596,1149,6920],
+  [8188,8009,9546,6310,8772,2500,9846,6592,6872,3857,1307,8125,7042,1544,6159,2330,643,4604,7899,6848,371,8067,2062,3200,7295,1857,9505,6936,384,2193,2190,301,8535,5503,1462,7380,5114,4824,8833,1763,4974,8711,9262,6698,3999,2645,6937,7747,1128,2933,3556,7943,2885,3122,9105,5447,418,2899,5148,3699,9021,9501,597,4084,175,1621,1,1079,6067,5812,4326,9914,6633,5394,4233,6728,9084,1864,5863,1225],
+  [9935,8793,9117,1825,9542,8246,8437,3331,9128,9675,6086,7075,319,1334,7932,3583,7167,4178,1726,7720,695,8277,7887,6359,5912,1719,2780,8529,1359,2013,4498,8072,1129,9998,1147,8804,9405,6255,1619,2165,7491,1,8882,7378,3337,503,5758,4109,3577,985,3200,7615,8058,5032,1080,6410,6873,5496,1466,2412,9885,5904,4406,3605,8770,4361,6205,9193,1537,9959,214,7260,9566,1685,100,4920,7138,9819,5637,976],
+  [3466,9854,985,1078,7222,8888,5466,5379,3578,4540,6853,8690,3728,6351,7147,3134,6921,9692,857,3307,4998,2172,5783,3931,9417,2541,6299,13,787,2099,9131,9494,896,8600,1643,8419,7248,2660,2609,8579,91,6663,5506,7675,1947,6165,4286,1972,9645,3805,1663,1456,8853,5705,9889,7489,1107,383,4044,2969,3343,152,7805,4980,9929,5033,1737,9953,7197,9158,4071,1324,473,9676,3984,9680,3606,8160,7384,5432],
+  [1005,4512,5186,3953,2164,3372,4097,3247,8697,3022,9896,4101,3871,6791,3219,2742,4630,6967,7829,5991,6134,1197,1414,8923,8787,1394,8852,5019,7768,5147,8004,8825,5062,9625,7988,1110,3992,7984,9966,6516,6251,8270,421,3723,1432,4830,6935,8095,9059,2214,6483,6846,3120,1587,6201,6691,9096,9627,6671,4002,3495,9939,7708,7465,5879,6959,6634,3241,3401,2355,9061,2611,7830,3941,2177,2146,5089,7079,519,6351],
+  [7280,8586,4261,2831,7217,3141,9994,9940,5462,2189,4005,6942,9848,5350,8060,6665,7519,4324,7684,657,9453,9296,2944,6843,7499,7847,1728,9681,3906,6353,5529,2822,3355,3897,7724,4257,7489,8672,4356,3983,1948,6892,7415,4153,5893,4190,621,1736,4045,9532,7701,3671,1211,1622,3176,4524,9317,7800,5638,6644,6943,5463,3531,2821,1347,5958,3436,1438,2999,994,850,4131,2616,1549,3465,5946,690,9273,6954,7991],
+  [9517,399,3249,2596,7736,2142,1322,968,7350,1614,468,3346,3265,7222,6086,1661,5317,2582,7959,4685,2807,2917,1037,5698,1529,3972,8716,2634,3301,3412,8621,743,8001,4734,888,7744,8092,3671,8941,1487,5658,7099,2781,99,1932,4443,4756,4652,9328,1581,7855,4312,5976,7255,6480,3996,2748,1973,9731,4530,2790,9417,7186,5303,3557,351,7182,9428,1342,9020,7599,1392,8304,2070,9138,7215,2008,9937,1106,7110],
+  [7444,769,9688,632,1571,6820,8743,4338,337,3366,3073,1946,8219,104,4210,6986,249,5061,8693,7960,6546,1004,8857,5997,9352,4338,6105,5008,2556,6518,6694,4345,3727,7956,20,3954,8652,4424,9387,2035,8358,5962,5304,5194,8650,8282,1256,1103,2138,6679,1985,3653,2770,2433,4278,615,2863,1715,242,3790,2636,6998,3088,1671,2239,957,5411,4595,6282,2881,9974,2401,875,7574,2987,4587,3147,6766,9885,2965],
+  [3287,3016,3619,6818,9073,6120,5423,557,2900,2015,8111,3873,1314,4189,1846,4399,7041,7583,2427,2864,3525,5002,2069,748,1948,6015,2684,438,770,8367,1663,7887,7759,1885,157,7770,4520,4878,3857,1137,3525,3050,6276,5569,7649,904,4533,7843,2199,5648,7628,9075,9441,3600,7231,2388,5640,9096,958,3058,584,5899,8150,1181,9616,1098,8162,6819,8171,1519,1140,7665,8801,2632,1299,9192,707,9955,2710,7314],
+  [1772,2963,7578,3541,3095,1488,7026,2634,6015,4633,4370,2762,1650,2174,909,8158,2922,8467,4198,4280,9092,8856,8835,5457,2790,8574,9742,5054,9547,4156,7940,8126,9824,7340,8840,6574,3547,1477,3014,6798,7134,435,9484,9859,3031,4,1502,4133,1738,1807,4825,463,6343,9701,8506,9822,9555,8688,8168,3467,3234,6318,1787,5591,419,6593,7974,8486,9861,6381,6758,194,3061,4315,2863,4665,3789,2201,1492,4416],
+  [126,8927,6608,5682,8986,6867,1715,6076,3159,788,3140,4744,830,9253,5812,5021,7616,8534,1546,9590,1101,9012,9821,8132,7857,4086,1069,7491,2988,1579,2442,4321,2149,7642,6108,250,6086,3167,24,9528,7663,2685,1220,9196,1397,5776,1577,1730,5481,977,6115,199,6326,2183,3767,5928,5586,7561,663,8649,9688,949,5913,9160,1870,5764,9887,4477,6703,1413,4995,5494,7131,2192,8969,7138,3997,8697,646,1028],
+  [8074,1731,8245,624,4601,8706,155,8891,309,2552,8208,8452,2954,3124,3469,4246,3352,1105,4509,8677,9901,4416,8191,9283,5625,7120,2952,8881,7693,830,4580,8228,9459,8611,4499,1179,4988,1394,550,2336,6089,6872,269,7213,1848,917,6672,4890,656,1478,6536,3165,4743,4990,1176,6211,7207,5284,9730,4738,1549,4986,4942,8645,3698,9429,1439,2175,6549,3058,6513,1574,6988,8333,3406,5245,5431,7140,7085,6407],
+  [7845,4694,2530,8249,290,5948,5509,1588,5940,4495,5866,5021,4626,3979,3296,7589,4854,1998,5627,3926,8346,6512,9608,1918,7070,4747,4182,2858,2766,4606,6269,4107,8982,8568,9053,4244,5604,102,2756,727,5887,2566,7922,44,5986,621,1202,374,6988,4130,3627,6744,9443,4568,1398,8679,397,3928,9159,367,2917,6127,5788,3304,8129,911,2669,1463,9749,264,4478,8940,1109,7309,2462,117,4692,7724,225,2312],
+  [4164,3637,2000,941,8903,39,3443,7172,1031,3687,4901,8082,4945,4515,7204,9310,9349,9535,9940,218,1788,9245,2237,1541,5670,6538,6047,5553,9807,8101,1925,8714,445,8332,7309,6830,5786,5736,7306,2710,3034,1838,7969,6318,7912,2584,2080,7437,6705,2254,7428,820,782,9861,7596,3842,3631,8063,5240,6666,394,4565,7865,4895,9890,6028,6117,4724,9156,4473,4552,602,470,6191,4927,5387,884,3146,1978,3000],
+  [4258,6880,1696,3582,5793,4923,2119,1155,9056,9698,6603,3768,5514,9927,9609,6166,6566,4536,4985,4934,8076,9062,6741,6163,7399,4562,2337,5600,2919,9012,8459,1308,6072,1225,9306,8818,5886,7243,7365,8792,6007,9256,6699,7171,4230,7002,8720,7839,4533,1671,478,7774,1607,2317,5437,4705,7886,4760,6760,7271,3081,2997,3088,7675,6208,3101,6821,6840,122,9633,4900,2067,8546,4549,2091,7188,5605,8599,6758,5229],
+  [7854,5243,9155,3556,8812,7047,2202,1541,5993,4600,4760,713,434,7911,7426,7414,8729,322,803,7960,7563,4908,6285,6291,736,3389,9339,4132,8701,7534,5287,3646,592,3065,7582,2592,8755,6068,8597,1982,5782,1894,2900,6236,4039,6569,3037,5837,7698,700,7815,2491,7272,5878,3083,6778,6639,3589,5010,8313,2581,6617,5869,8402,6808,2951,2321,5195,497,2190,6187,1342,1316,4453,7740,4154,2959,1781,1482,8256],
+  [7178,2046,4419,744,8312,5356,6855,8839,319,2962,5662,47,6307,8662,68,4813,567,2712,9931,1678,3101,8227,6533,4933,6656,92,5846,4780,6256,6361,4323,9985,1231,2175,7178,3034,9744,6155,9165,7787,5836,9318,7860,9644,8941,6480,9443,8188,5928,161,6979,2352,5628,6991,1198,8067,5867,6620,3778,8426,2994,3122,3124,6335,3918,8897,2655,9670,634,1088,1576,8935,7255,474,8166,7417,9547,2886,5560,3842],
+  [6957,3111,26,7530,7143,1295,1744,6057,3009,1854,8098,5405,2234,4874,9447,2620,9303,27,7410,969,40,2966,5648,7596,8637,4238,3143,3679,7187,690,9980,7085,7714,9373,5632,7526,6707,3951,9734,4216,2146,3602,5371,6029,3039,4433,4855,4151,1449,3376,8009,7240,7027,4602,2947,9081,4045,8424,9352,8742,923,2705,4266,3232,2264,6761,363,2651,3383,7770,6730,7856,7340,9679,2158,610,4471,4608,910,6241],
+  [4417,6756,1013,8797,658,8809,5032,8703,7541,846,3357,2920,9817,1745,9980,7593,4667,3087,779,3218,6233,5568,4296,2289,2654,7898,5021,9461,5593,8214,9173,4203,2271,7980,2983,5952,9992,8399,3468,1776,3188,9314,1720,6523,2933,621,8685,5483,8986,6163,3444,9539,4320,155,3992,2828,2150,6071,524,2895,5468,8063,1210,3348,9071,4862,483,9017,4097,6186,9815,3610,5048,1644,1003,9865,9332,2145,1944,2213],
+  [9284,3803,4920,1927,6706,4344,7383,4786,9890,2010,5228,1224,3158,6967,8580,8990,8883,5213,76,8306,2031,4980,5639,9519,7184,5645,7769,3259,8077,9130,1317,3096,9624,3818,1770,695,2454,947,6029,3474,9938,3527,5696,4760,7724,7738,2848,6442,5767,6845,8323,4131,2859,7595,2500,4815,3660,9130,8580,7016,8231,4391,8369,3444,4069,4021,556,6154,627,2778,1496,4206,6356,8434,8491,3816,8231,3190,5575,1015],
+  [3787,7572,1788,6803,5641,6844,1961,4811,8535,9914,9999,1450,8857,738,4662,8569,6679,2225,7839,8618,286,2648,5342,2294,3205,4546,176,8705,3741,6134,8324,8021,7004,5205,7032,6637,9442,5539,5584,4819,5874,5807,8589,6871,9016,983,1758,3786,1519,6241,185,8398,495,3370,9133,3051,4549,9674,7311,9738,3316,9383,2658,2776,9481,7558,619,3943,3324,6491,4933,153,9738,4623,912,3595,7771,7939,1219,4405],
+  [2650,3883,4154,5809,315,7756,4430,1788,4451,1631,6461,7230,6017,5751,138,588,5282,2442,9110,9035,6349,2515,1570,6122,4192,4174,3530,1933,4186,4420,4609,5739,4135,2963,6308,1161,8809,8619,2796,3819,6971,8228,4188,1492,909,8048,2328,6772,8467,7671,9068,2226,7579,6422,7056,8042,3296,2272,3006,2196,7320,3238,3490,3102,37,1293,3212,4767,5041,8773,5794,4456,6174,7279,7054,2835,7053,9088,790,6640],
+  [3101,1057,7057,3826,6077,1025,2955,1224,1114,6729,5902,4698,6239,7203,9423,1804,4417,6686,1426,6941,8071,1029,4985,9010,6122,6597,1622,1574,3513,1684,7086,5505,3244,411,9638,4150,907,9135,829,981,1707,5359,8781,9751,5,9131,3973,7159,1340,6955,7514,7993,6964,8198,1933,2797,877,3993,4453,8020,9349,8646,2779,8679,2961,3547,3374,3510,1129,3568,2241,2625,9138,5974,8206,7669,7678,1833,8700,4480],
+  [4865,9912,8038,8238,782,3095,8199,1127,4501,7280,2112,2487,3626,2790,9432,1475,6312,8277,4827,2218,5806,7132,8752,1468,7471,6386,739,8762,8323,8120,5169,9078,9058,3370,9560,7987,8585,8531,5347,9312,1058,4271,1159,5286,5404,6925,8606,9204,7361,2415,560,586,4002,2644,1927,2824,768,4409,2942,3345,1002,808,4941,6267,7979,5140,8643,7553,9438,7320,4938,2666,4609,2778,8158,6730,3748,3867,1866,7181],
+  [171,3771,7134,8927,4778,2913,3326,2004,3089,7853,1378,1729,4777,2706,9578,1360,5693,3036,1851,7248,2403,2273,8536,6501,9216,613,9671,7131,7719,6425,773,717,8803,160,1114,7554,7197,753,4513,4322,8499,4533,2609,4226,8710,6627,644,9666,6260,4870,5744,7385,6542,6203,7703,6130,8944,5589,2262,6803,6381,7414,6888,5123,7320,9392,9061,6780,322,8975,7050,5089,1061,2260,3199,1150,1865,5386,9699,6501],
+  [3744,8454,6885,8277,919,1923,4001,6864,7854,5519,2491,6057,8794,9645,1776,5714,9786,9281,7538,6916,3215,395,2501,9618,4835,8846,9708,2813,3303,1794,8309,7176,2206,1602,1838,236,4593,2245,8993,4017,10,8215,6921,5206,4023,5932,6997,7801,262,7640,3107,8275,4938,7822,2425,3223,3886,2105,8700,9526,2088,8662,8034,7004,5710,2124,7164,3574,6630,9980,4242,2901,9471,1491,2117,4562,1130,9086,4117,6698],
+  [2810,2280,2331,1170,4554,4071,8387,1215,2274,9848,6738,1604,7281,8805,439,1298,8318,7834,9426,8603,6092,7944,1309,8828,303,3157,4638,4439,9175,1921,4695,7716,1494,1015,1772,5913,1127,1952,1950,8905,4064,9890,385,9357,7945,5035,7082,5369,4093,6546,5187,5637,2041,8946,1758,7111,6566,1027,1049,5148,7224,7248,296,6169,375,1656,7993,2816,3717,4279,4675,1609,3317,42,6201,3100,3144,163,9530,4531],
+  [7096,6070,1009,4988,3538,5801,7149,3063,2324,2912,7911,7002,4338,7880,2481,7368,3516,2016,7556,2193,1388,3865,8125,4637,4096,8114,750,3144,1938,7002,9343,4095,1392,4220,3455,6969,9647,1321,9048,1996,1640,6626,1788,314,9578,6630,2813,6626,4981,9908,7024,4355,3201,3521,3864,3303,464,1923,595,9801,3391,8366,8084,9374,1041,8807,9085,1892,9431,8317,9016,9221,8574,9981,9240,5395,2009,6310,2854,9255],
+  [8830,3145,2960,9615,8220,6061,3452,2918,6481,9278,2297,3385,6565,7066,7316,5682,107,7646,4466,68,1952,9603,8615,54,7191,791,6833,2560,693,9733,4168,570,9127,9537,1925,8287,5508,4297,8452,8795,6213,7994,2420,4208,524,5915,8602,8330,2651,8547,6156,1812,6271,7991,9407,9804,1553,6866,1128,2119,4691,9711,8315,5879,9935,6900,482,682,4126,1041,428,6247,3720,5882,7526,2582,4327,7725,3503,2631],
+  [2738,9323,721,7434,1453,6294,2957,3786,5722,6019,8685,4386,3066,9057,6860,499,5315,3045,5194,7111,3137,9104,941,586,3066,755,4177,8819,7040,5309,3583,3897,4428,7788,4721,7249,6559,7324,825,7311,3760,6064,6070,9672,4882,584,1365,9739,9331,5783,2624,7889,1604,1303,1555,7125,8312,425,8936,3233,7724,1480,403,7440,1784,1754,4721,1569,652,3893,4574,5692,9730,4813,9844,8291,9199,7101,3391,8914],
+  [6044,2928,9332,3328,8588,447,3830,1176,3523,2705,8365,6136,5442,9049,5526,8575,8869,9031,7280,706,2794,8814,5767,4241,7696,78,6570,556,5083,1426,4502,3336,9518,2292,1885,3740,3153,9348,9331,8051,2759,5407,9028,7840,9255,831,515,2612,9747,7435,8964,4971,2048,4900,5967,8271,1719,9670,2810,6777,1594,6367,6259,8316,3815,1689,6840,9437,4361,822,9619,3065,83,6344,7486,8657,8228,9635,6932,4864],
+  [8478,4777,6334,4678,7476,4963,6735,3096,5860,1405,5127,7269,7793,4738,227,9168,2996,8928,765,733,1276,7677,6258,1528,9558,3329,302,8901,1422,8277,6340,645,9125,8869,5952,141,8141,1816,9635,4025,4184,3093,83,2344,2747,9352,7966,1206,1126,1826,218,7939,2957,2729,810,8752,5247,4174,4038,8884,7899,9567,301,5265,5752,7524,4381,1669,3106,8270,6228,6373,754,2547,4240,2313,5514,3022,1040,9738],
+  [2265,8192,1763,1369,8469,8789,4836,52,1212,6690,5257,8918,6723,6319,378,4039,2421,8555,8184,9577,1432,7139,8078,5452,9628,7579,4161,7490,5159,8559,1011,81,478,5840,1964,1334,6875,8670,9900,739,1514,8692,522,9316,6955,1345,8132,2277,3193,9773,3923,4177,2183,1236,6747,6575,4874,6003,6409,8187,745,8776,9440,7543,9825,2582,7381,8147,7236,5185,7564,6125,218,7991,6394,391,7659,7456,5128,5294],
+  [2132,8992,8160,5782,4420,3371,3798,5054,552,5631,7546,4716,1332,6486,7892,7441,4370,6231,4579,2121,8615,1145,9391,1524,1385,2400,9437,2454,7896,7467,2928,8400,3299,4025,7458,4703,7206,6358,792,6200,725,4275,4136,7390,5984,4502,7929,5085,8176,4600,119,3568,76,9363,6943,2248,9077,9731,6213,5817,6729,4190,3092,6910,759,2682,8380,1254,9604,3011,9291,5329,9453,9746,2739,6522,3765,5634,1113,5789],
+  [5304,5499,564,2801,679,2653,1783,3608,7359,7797,3284,796,3222,437,7185,6135,8571,2778,7488,5746,678,6140,861,7750,803,9859,9918,2425,3734,2698,9005,4864,9818,6743,2475,132,9486,3825,5472,919,292,4411,7213,7699,6435,9019,6769,1388,802,2124,1345,8493,9487,8558,7061,8777,8833,2427,2238,5409,4957,8503,3171,7622,5779,6145,2417,5873,5563,5693,9574,9491,1937,7384,4563,6842,5432,2751,3406,7981]
+];
+```
+
+## --seed-contents--
+
+```js
+function pathSumThreeWays(matrix) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+
+pathSumThreeWays(testMatrix1);
+```
+
+# --solutions--
+
+```js
+function pathSumThreeWays(matrix) {
+  function makeMinimumMoveFromUpOrRight(row, column) {
+    const curValue = matrix[row][column];
+    if (values[row - 1] > values[row]) {
+      return values[row] + curValue;
+    }
+    return values[row - 1] + curValue;
+  }
+  function isGoingFromDownBetter(row, column) {
+    return values[row] > values[row + 1] + matrix[row][column];
+  }
+
+  const size = matrix.length;
+  const values = [];
+  for (let row = 0; row < size; row++) {
+    values.push(matrix[row][size - 1]);
+  }
+
+  for (let column = size - 2; column >= 0; column--) {
+    values[0] += matrix[0][column];
+
+    for (let row = 1; row < size; row++) {
+      values[row] = makeMinimumMoveFromUpOrRight(row, column);
+    }
+
+    for (let row = size - 2; row >= 0; row--) {
+      if (isGoingFromDownBetter(row, column)) {
+        values[row] = values[row + 1] + matrix[row][column];
+      }
+    }
+  }
+
+  return Math.min(...values);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.md
new file mode 100644
index 0000000000..4adf6b7ad3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-83-path-sum-four-ways.md
@@ -0,0 +1,213 @@
+---
+id: 5900f3bf1000cf542c50fed2
+title: 'Завдання 83: Сума шляхів: чотири способи'
+challengeType: 5
+forumTopicId: 302197
+dashedName: problem-83-path-sum-four-ways
+---
+
+# --description--
+
+**Зверніть увагу:**Це завдання - значно складніша версія Завдання 81.
+
+У нижче наведеній матриці 5 на 5 мінімальна сума шляху з лівого верхнього кута до нижнього правого, рухаючись ліворуч, праворуч, вгору і вниз, виділена жирним червоним шрифтом і дорівнює `2297`.
+
+  $$\початок{pmatrix} \color{red}{131} & 673 & \color{red}{234} & \color{red}{103} & \color{red}{18}\\\\ \color{red}{201} & \color{red}{96} & \color{red}{342} & 965 & \color{red}{150}\\\\ 630 & 803 & 746 & \color{red}{422} & \color{red}{111}\\\\ 537 & 699 & 497 & \color{red}{121} & 956\\\\ 805 & 732 & 524 & \color{red}{37} & \color{red}{331} \кінець{pmatrix}$$
+
+Знайдіть мінімальну суму шляху з лівого верхнього кута до нижнього правого, рухаючись ліворуч, праворуч, вгору та вниз у `matrix<code>, 2D масив представляє матрицю. Максимальний розмір матриці, що використовується в тестах, дорівнюватиме 80 на 80.</p>
+
+<h1 spaces-before="0">--hints--</h1>
+
+<p spaces-before="0"><code>pathSumFourWays(testMatrix1)` має вивести число.
+
+```js
+assert(typeof pathSumFourWays(_testMatrix1) === 'number');
+```
+
+`pathSumFourWays(testMatrix1)` має вивести `2297`.
+
+```js
+assert.strictEqual(pathSumFourWays(_testMatrix1), 2297);
+```
+
+`pathSumFourWays(testMatrix2)` має вивести `425185`.
+
+```js
+assert.strictEqual(pathSumFourWays(_testMatrix2), 425185);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+const _testMatrix2 = [
+  [4445,2697,5115,718,2209,2212,654,4348,3079,6821,7668,3276,8874,4190,3785,2752,9473,7817,9137,496,7338,3434,7152,4355,4552,7917,7827,2460,2350,691,3514,5880,3145,7633,7199,3783,5066,7487,3285,1084,8985,760,872,8609,8051,1134,9536,5750,9716,9371,7619,5617,275,9721,2997,2698,1887,8825,6372,3014,2113,7122,7050,6775,5948,2758,1219,3539,348,7989,2735,9862,1263,8089,6401,9462,3168,2758,3748,5870],
+  [1096,20,1318,7586,5167,2642,1443,5741,7621,7030,5526,4244,2348,4641,9827,2448,6918,5883,3737,300,7116,6531,567,5997,3971,6623,820,6148,3287,1874,7981,8424,7672,7575,6797,6717,1078,5008,4051,8795,5820,346,1851,6463,2117,6058,3407,8211,117,4822,1317,4377,4434,5925,8341,4800,1175,4173,690,8978,7470,1295,3799,8724,3509,9849,618,3320,7068,9633,2384,7175,544,6583,1908,9983,481,4187,9353,9377],
+  [9607,7385,521,6084,1364,8983,7623,1585,6935,8551,2574,8267,4781,3834,2764,2084,2669,4656,9343,7709,2203,9328,8004,6192,5856,3555,2260,5118,6504,1839,9227,1259,9451,1388,7909,5733,6968,8519,9973,1663,5315,7571,3035,4325,4283,2304,6438,3815,9213,9806,9536,196,5542,6907,2475,1159,5820,9075,9470,2179,9248,1828,4592,9167,3713,4640,47,3637,309,7344,6955,346,378,9044,8635,7466,5036,9515,6385,9230],
+  [7206,3114,7760,1094,6150,5182,7358,7387,4497,955,101,1478,7777,6966,7010,8417,6453,4955,3496,107,449,8271,131,2948,6185,784,5937,8001,6104,8282,4165,3642,710,2390,575,715,3089,6964,4217,192,5949,7006,715,3328,1152,66,8044,4319,1735,146,4818,5456,6451,4113,1063,4781,6799,602,1504,6245,6550,1417,1343,2363,3785,5448,4545,9371,5420,5068,4613,4882,4241,5043,7873,8042,8434,3939,9256,2187],
+  [3620,8024,577,9997,7377,7682,1314,1158,6282,6310,1896,2509,5436,1732,9480,706,496,101,6232,7375,2207,2306,110,6772,3433,2878,8140,5933,8688,1399,2210,7332,6172,6403,7333,4044,2291,1790,2446,7390,8698,5723,3678,7104,1825,2040,140,3982,4905,4160,2200,5041,2512,1488,2268,1175,7588,8321,8078,7312,977,5257,8465,5068,3453,3096,1651,7906,253,9250,6021,8791,8109,6651,3412,345,4778,5152,4883,7505],
+  [1074,5438,9008,2679,5397,5429,2652,3403,770,9188,4248,2493,4361,8327,9587,707,9525,5913,93,1899,328,2876,3604,673,8576,6908,7659,2544,3359,3883,5273,6587,3065,1749,3223,604,9925,6941,2823,8767,7039,3290,3214,1787,7904,3421,7137,9560,8451,2669,9219,6332,1576,5477,6755,8348,4164,4307,2984,4012,6629,1044,2874,6541,4942,903,1404,9125,5160,8836,4345,2581,460,8438,1538,5507,668,3352,2678,6942],
+  [4295,1176,5596,1521,3061,9868,7037,7129,8933,6659,5947,5063,3653,9447,9245,2679,767,714,116,8558,163,3927,8779,158,5093,2447,5782,3967,1716,931,7772,8164,1117,9244,5783,7776,3846,8862,6014,2330,6947,1777,3112,6008,3491,1906,5952,314,4602,8994,5919,9214,3995,5026,7688,6809,5003,3128,2509,7477,110,8971,3982,8539,2980,4689,6343,5411,2992,5270,5247,9260,2269,7474,1042,7162,5206,1232,4556,4757],
+  [510,3556,5377,1406,5721,4946,2635,7847,4251,8293,8281,6351,4912,287,2870,3380,3948,5322,3840,4738,9563,1906,6298,3234,8959,1562,6297,8835,7861,239,6618,1322,2553,2213,5053,5446,4402,6500,5182,8585,6900,5756,9661,903,5186,7687,5998,7997,8081,8955,4835,6069,2621,1581,732,9564,1082,1853,5442,1342,520,1737,3703,5321,4793,2776,1508,1647,9101,2499,6891,4336,7012,3329,3212,1442,9993,3988,4930,7706],
+  [9444,3401,5891,9716,1228,7107,109,3563,2700,6161,5039,4992,2242,8541,7372,2067,1294,3058,1306,320,8881,5756,9326,411,8650,8824,5495,8282,8397,2000,1228,7817,2099,6473,3571,5994,4447,1299,5991,543,7874,2297,1651,101,2093,3463,9189,6872,6118,872,1008,1779,2805,9084,4048,2123,5877,55,3075,1737,9459,4535,6453,3644,108,5982,4437,5213,1340,6967,9943,5815,669,8074,1838,6979,9132,9315,715,5048],
+  [3327,4030,7177,6336,9933,5296,2621,4785,2755,4832,2512,2118,2244,4407,2170,499,7532,9742,5051,7687,970,6924,3527,4694,5145,1306,2165,5940,2425,8910,3513,1909,6983,346,6377,4304,9330,7203,6605,3709,3346,970,369,9737,5811,4427,9939,3693,8436,5566,1977,3728,2399,3985,8303,2492,5366,9802,9193,7296,1033,5060,9144,2766,1151,7629,5169,5995,58,7619,7565,4208,1713,6279,3209,4908,9224,7409,1325,8540],
+  [6882,1265,1775,3648,4690,959,5837,4520,5394,1378,9485,1360,4018,578,9174,2932,9890,3696,116,1723,1178,9355,7063,1594,1918,8574,7594,7942,1547,6166,7888,354,6932,4651,1010,7759,6905,661,7689,6092,9292,3845,9605,8443,443,8275,5163,7720,7265,6356,7779,1798,1754,5225,6661,1180,8024,5666,88,9153,1840,3508,1193,4445,2648,3538,6243,6375,8107,5902,5423,2520,1122,5015,6113,8859,9370,966,8673,2442],
+  [7338,3423,4723,6533,848,8041,7921,8277,4094,5368,7252,8852,9166,2250,2801,6125,8093,5738,4038,9808,7359,9494,601,9116,4946,2702,5573,2921,9862,1462,1269,2410,4171,2709,7508,6241,7522,615,2407,8200,4189,5492,5649,7353,2590,5203,4274,710,7329,9063,956,8371,3722,4253,4785,1194,4828,4717,4548,940,983,2575,4511,2938,1827,2027,2700,1236,841,5760,1680,6260,2373,3851,1841,4968,1172,5179,7175,3509],
+  [4420,1327,3560,2376,6260,2988,9537,4064,4829,8872,9598,3228,1792,7118,9962,9336,4368,9189,6857,1829,9863,6287,7303,7769,2707,8257,2391,2009,3975,4993,3068,9835,3427,341,8412,2134,4034,8511,6421,3041,9012,2983,7289,100,1355,7904,9186,6920,5856,2008,6545,8331,3655,5011,839,8041,9255,6524,3862,8788,62,7455,3513,5003,8413,3918,2076,7960,6108,3638,6999,3436,1441,4858,4181,1866,8731,7745,3744,1000],
+  [356,8296,8325,1058,1277,4743,3850,2388,6079,6462,2815,5620,8495,5378,75,4324,3441,9870,1113,165,1544,1179,2834,562,6176,2313,6836,8839,2986,9454,5199,6888,1927,5866,8760,320,1792,8296,7898,6121,7241,5886,5814,2815,8336,1576,4314,3109,2572,6011,2086,9061,9403,3947,5487,9731,7281,3159,1819,1334,3181,5844,5114,9898,4634,2531,4412,6430,4262,8482,4546,4555,6804,2607,9421,686,8649,8860,7794,6672],
+  [9870,152,1558,4963,8750,4754,6521,6256,8818,5208,5691,9659,8377,9725,5050,5343,2539,6101,1844,9700,7750,8114,5357,3001,8830,4438,199,9545,8496,43,2078,327,9397,106,6090,8181,8646,6414,7499,5450,4850,6273,5014,4131,7639,3913,6571,8534,9703,4391,7618,445,1320,5,1894,6771,7383,9191,4708,9706,6939,7937,8726,9382,5216,3685,2247,9029,8154,1738,9984,2626,9438,4167,6351,5060,29,1218,1239,4785],
+  [192,5213,8297,8974,4032,6966,5717,1179,6523,4679,9513,1481,3041,5355,9303,9154,1389,8702,6589,7818,6336,3539,5538,3094,6646,6702,6266,2759,4608,4452,617,9406,8064,6379,444,5602,4950,1810,8391,1536,316,8714,1178,5182,5863,5110,5372,4954,1978,2971,5680,4863,2255,4630,5723,2168,538,1692,1319,7540,440,6430,6266,7712,7385,5702,620,641,3136,7350,1478,3155,2820,9109,6261,1122,4470,14,8493,2095],
+  [1046,4301,6082,474,4974,7822,2102,5161,5172,6946,8074,9716,6586,9962,9749,5015,2217,995,5388,4402,7652,6399,6539,1349,8101,3677,1328,9612,7922,2879,231,5887,2655,508,4357,4964,3554,5930,6236,7384,4614,280,3093,9600,2110,7863,2631,6626,6620,68,1311,7198,7561,1768,5139,1431,221,230,2940,968,5283,6517,2146,1646,869,9402,7068,8645,7058,1765,9690,4152,2926,9504,2939,7504,6074,2944,6470,7859],
+  [4659,736,4951,9344,1927,6271,8837,8711,3241,6579,7660,5499,5616,3743,5801,4682,9748,8796,779,1833,4549,8138,4026,775,4170,2432,4174,3741,7540,8017,2833,4027,396,811,2871,1150,9809,2719,9199,8504,1224,540,2051,3519,7982,7367,2761,308,3358,6505,2050,4836,5090,7864,805,2566,2409,6876,3361,8622,5572,5895,3280,441,7893,8105,1634,2929,274,3926,7786,6123,8233,9921,2674,5340,1445,203,4585,3837],
+  [5759,338,7444,7968,7742,3755,1591,4839,1705,650,7061,2461,9230,9391,9373,2413,1213,431,7801,4994,2380,2703,6161,6878,8331,2538,6093,1275,5065,5062,2839,582,1014,8109,3525,1544,1569,8622,7944,2905,6120,1564,1839,5570,7579,1318,2677,5257,4418,5601,7935,7656,5192,1864,5886,6083,5580,6202,8869,1636,7907,4759,9082,5854,3185,7631,6854,5872,5632,5280,1431,2077,9717,7431,4256,8261,9680,4487,4752,4286],
+  [1571,1428,8599,1230,7772,4221,8523,9049,4042,8726,7567,6736,9033,2104,4879,4967,6334,6716,3994,1269,8995,6539,3610,7667,6560,6065,874,848,4597,1711,7161,4811,6734,5723,6356,6026,9183,2586,5636,1092,7779,7923,8747,6887,7505,9909,1792,3233,4526,3176,1508,8043,720,5212,6046,4988,709,5277,8256,3642,1391,5803,1468,2145,3970,6301,7767,2359,8487,9771,8785,7520,856,1605,8972,2402,2386,991,1383,5963],
+  [1822,4824,5957,6511,9868,4113,301,9353,6228,2881,2966,6956,9124,9574,9233,1601,7340,973,9396,540,4747,8590,9535,3650,7333,7583,4806,3593,2738,8157,5215,8472,2284,9473,3906,6982,5505,6053,7936,6074,7179,6688,1564,1103,6860,5839,2022,8490,910,7551,7805,881,7024,1855,9448,4790,1274,3672,2810,774,7623,4223,4850,6071,9975,4935,1915,9771,6690,3846,517,463,7624,4511,614,6394,3661,7409,1395,8127],
+  [8738,3850,9555,3695,4383,2378,87,6256,6740,7682,9546,4255,6105,2000,1851,4073,8957,9022,6547,5189,2487,303,9602,7833,1628,4163,6678,3144,8589,7096,8913,5823,4890,7679,1212,9294,5884,2972,3012,3359,7794,7428,1579,4350,7246,4301,7779,7790,3294,9547,4367,3549,1958,8237,6758,3497,3250,3456,6318,1663,708,7714,6143,6890,3428,6853,9334,7992,591,6449,9786,1412,8500,722,5468,1371,108,3939,4199,2535],
+  [7047,4323,1934,5163,4166,461,3544,2767,6554,203,6098,2265,9078,2075,4644,6641,8412,9183,487,101,7566,5622,1975,5726,2920,5374,7779,5631,3753,3725,2672,3621,4280,1162,5812,345,8173,9785,1525,955,5603,2215,2580,5261,2765,2990,5979,389,3907,2484,1232,5933,5871,3304,1138,1616,5114,9199,5072,7442,7245,6472,4760,6359,9053,7876,2564,9404,3043,9026,2261,3374,4460,7306,2326,966,828,3274,1712,3446],
+  [3975,4565,8131,5800,4570,2306,8838,4392,9147,11,3911,7118,9645,4994,2028,6062,5431,2279,8752,2658,7836,994,7316,5336,7185,3289,1898,9689,2331,5737,3403,1124,2679,3241,7748,16,2724,5441,6640,9368,9081,5618,858,4969,17,2103,6035,8043,7475,2181,939,415,1617,8500,8253,2155,7843,7974,7859,1746,6336,3193,2617,8736,4079,6324,6645,8891,9396,5522,6103,1857,8979,3835,2475,1310,7422,610,8345,7615],
+  [9248,5397,5686,2988,3446,4359,6634,9141,497,9176,6773,7448,1907,8454,916,1596,2241,1626,1384,2741,3649,5362,8791,7170,2903,2475,5325,6451,924,3328,522,90,4813,9737,9557,691,2388,1383,4021,1609,9206,4707,5200,7107,8104,4333,9860,5013,1224,6959,8527,1877,4545,7772,6268,621,4915,9349,5970,706,9583,3071,4127,780,8231,3017,9114,3836,7503,2383,1977,4870,8035,2379,9704,1037,3992,3642,1016,4303],
+  [5093,138,4639,6609,1146,5565,95,7521,9077,2272,974,4388,2465,2650,722,4998,3567,3047,921,2736,7855,173,2065,4238,1048,5,6847,9548,8632,9194,5942,4777,7910,8971,6279,7253,2516,1555,1833,3184,9453,9053,6897,7808,8629,4877,1871,8055,4881,7639,1537,7701,2508,7564,5845,5023,2304,5396,3193,2955,1088,3801,6203,1748,3737,1276,13,4120,7715,8552,3047,2921,106,7508,304,1280,7140,2567,9135,5266],
+  [6237,4607,7527,9047,522,7371,4883,2540,5867,6366,5301,1570,421,276,3361,527,6637,4861,2401,7522,5808,9371,5298,2045,5096,5447,7755,5115,7060,8529,4078,1943,1697,1764,5453,7085,960,2405,739,2100,5800,728,9737,5704,5693,1431,8979,6428,673,7540,6,7773,5857,6823,150,5869,8486,684,5816,9626,7451,5579,8260,3397,5322,6920,1879,2127,2884,5478,4977,9016,6165,6292,3062,5671,5968,78,4619,4763],
+  [9905,7127,9390,5185,6923,3721,9164,9705,4341,1031,1046,5127,7376,6528,3248,4941,1178,7889,3364,4486,5358,9402,9158,8600,1025,874,1839,1783,309,9030,1843,845,8398,1433,7118,70,8071,2877,3904,8866,6722,4299,10,1929,5897,4188,600,1889,3325,2485,6473,4474,7444,6992,4846,6166,4441,2283,2629,4352,7775,1101,2214,9985,215,8270,9750,2740,8361,7103,5930,8664,9690,8302,9267,344,2077,1372,1880,9550],
+  [5825,8517,7769,2405,8204,1060,3603,7025,478,8334,1997,3692,7433,9101,7294,7498,9415,5452,3850,3508,6857,9213,6807,4412,7310,854,5384,686,4978,892,8651,3241,2743,3801,3813,8588,6701,4416,6990,6490,3197,6838,6503,114,8343,5844,8646,8694,65,791,5979,2687,2621,2019,8097,1423,3644,9764,4921,3266,3662,5561,2476,8271,8138,6147,1168,3340,1998,9874,6572,9873,6659,5609,2711,3931,9567,4143,7833,8887],
+  [6223,2099,2700,589,4716,8333,1362,5007,2753,2848,4441,8397,7192,8191,4916,9955,6076,3370,6396,6971,3156,248,3911,2488,4930,2458,7183,5455,170,6809,6417,3390,1956,7188,577,7526,2203,968,8164,479,8699,7915,507,6393,4632,1597,7534,3604,618,3280,6061,9793,9238,8347,568,9645,2070,5198,6482,5000,9212,6655,5961,7513,1323,3872,6170,3812,4146,2736,67,3151,5548,2781,9679,7564,5043,8587,1893,4531],
+  [5826,3690,6724,2121,9308,6986,8106,6659,2142,1642,7170,2877,5757,6494,8026,6571,8387,9961,6043,9758,9607,6450,8631,8334,7359,5256,8523,2225,7487,1977,9555,8048,5763,2414,4948,4265,2427,8978,8088,8841,9208,9601,5810,9398,8866,9138,4176,5875,7212,3272,6759,5678,7649,4922,5422,1343,8197,3154,3600,687,1028,4579,2084,9467,4492,7262,7296,6538,7657,7134,2077,1505,7332,6890,8964,4879,7603,7400,5973,739],
+  [1861,1613,4879,1884,7334,966,2000,7489,2123,4287,1472,3263,4726,9203,1040,4103,6075,6049,330,9253,4062,4268,1635,9960,577,1320,3195,9628,1030,4092,4979,6474,6393,2799,6967,8687,7724,7392,9927,2085,3200,6466,8702,265,7646,8665,7986,7266,4574,6587,612,2724,704,3191,8323,9523,3002,704,5064,3960,8209,2027,2758,8393,4875,4641,9584,6401,7883,7014,768,443,5490,7506,1852,2005,8850,5776,4487,4269],
+  [4052,6687,4705,7260,6645,6715,3706,5504,8672,2853,1136,8187,8203,4016,871,1809,1366,4952,9294,5339,6872,2645,6083,7874,3056,5218,7485,8796,7401,3348,2103,426,8572,4163,9171,3176,948,7654,9344,3217,1650,5580,7971,2622,76,2874,880,2034,9929,1546,2659,5811,3754,7096,7436,9694,9960,7415,2164,953,2360,4194,2397,1047,2196,6827,575,784,2675,8821,6802,7972,5996,6699,2134,7577,2887,1412,4349,4380],
+  [4629,2234,6240,8132,7592,3181,6389,1214,266,1910,2451,8784,2790,1127,6932,1447,8986,2492,5476,397,889,3027,7641,5083,5776,4022,185,3364,5701,2442,2840,4160,9525,4828,6602,2614,7447,3711,4505,7745,8034,6514,4907,2605,7753,6958,7270,6936,3006,8968,439,2326,4652,3085,3425,9863,5049,5361,8688,297,7580,8777,7916,6687,8683,7141,306,9569,2384,1500,3346,4601,7329,9040,6097,2727,6314,4501,4974,2829],
+  [8316,4072,2025,6884,3027,1808,5714,7624,7880,8528,4205,8686,7587,3230,1139,7273,6163,6986,3914,9309,1464,9359,4474,7095,2212,7302,2583,9462,7532,6567,1606,4436,8981,5612,6796,4385,5076,2007,6072,3678,8331,1338,3299,8845,4783,8613,4071,1232,6028,2176,3990,2148,3748,103,9453,538,6745,9110,926,3125,473,5970,8728,7072,9062,1404,1317,5139,9862,6496,6062,3338,464,1600,2532,1088,8232,7739,8274,3873],
+  [2341,523,7096,8397,8301,6541,9844,244,4993,2280,7689,4025,4196,5522,7904,6048,2623,9258,2149,9461,6448,8087,7245,1917,8340,7127,8466,5725,6996,3421,5313,512,9164,9837,9794,8369,4185,1488,7210,1524,1016,4620,9435,2478,7765,8035,697,6677,3724,6988,5853,7662,3895,9593,1185,4727,6025,5734,7665,3070,138,8469,6748,6459,561,7935,8646,2378,462,7755,3115,9690,8877,3946,2728,8793,244,6323,8666,4271],
+  [6430,2406,8994,56,1267,3826,9443,7079,7579,5232,6691,3435,6718,5698,4144,7028,592,2627,217,734,6194,8156,9118,58,2640,8069,4127,3285,694,3197,3377,4143,4802,3324,8134,6953,7625,3598,3584,4289,7065,3434,2106,7132,5802,7920,9060,7531,3321,1725,1067,3751,444,5503,6785,7937,6365,4803,198,6266,8177,1470,6390,1606,2904,7555,9834,8667,2033,1723,5167,1666,8546,8152,473,4475,6451,7947,3062,3281],
+  [2810,3042,7759,1741,2275,2609,7676,8640,4117,1958,7500,8048,1757,3954,9270,1971,4796,2912,660,5511,3553,1012,5757,4525,6084,7198,8352,5775,7726,8591,7710,9589,3122,4392,6856,5016,749,2285,3356,7482,9956,7348,2599,8944,495,3462,3578,551,4543,7207,7169,7796,1247,4278,6916,8176,3742,8385,2310,1345,8692,2667,4568,1770,8319,3585,4920,3890,4928,7343,5385,9772,7947,8786,2056,9266,3454,2807,877,2660],
+  [6206,8252,5928,5837,4177,4333,207,7934,5581,9526,8906,1498,8411,2984,5198,5134,2464,8435,8514,8674,3876,599,5327,826,2152,4084,2433,9327,9697,4800,2728,3608,3849,3861,3498,9943,1407,3991,7191,9110,5666,8434,4704,6545,5944,2357,1163,4995,9619,6754,4200,9682,6654,4862,4744,5953,6632,1054,293,9439,8286,2255,696,8709,1533,1844,6441,430,1999,6063,9431,7018,8057,2920,6266,6799,356,3597,4024,6665],
+  [3847,6356,8541,7225,2325,2946,5199,469,5450,7508,2197,9915,8284,7983,6341,3276,3321,16,1321,7608,5015,3362,8491,6968,6818,797,156,2575,706,9516,5344,5457,9210,5051,8099,1617,9951,7663,8253,9683,2670,1261,4710,1068,8753,4799,1228,2621,3275,6188,4699,1791,9518,8701,5932,4275,6011,9877,2933,4182,6059,2930,6687,6682,9771,654,9437,3169,8596,1827,5471,8909,2352,123,4394,3208,8756,5513,6917,2056],
+  [5458,8173,3138,3290,4570,4892,3317,4251,9699,7973,1163,1935,5477,6648,9614,5655,9592,975,9118,2194,7322,8248,8413,3462,8560,1907,7810,6650,7355,2939,4973,6894,3933,3784,3200,2419,9234,4747,2208,2207,1945,2899,1407,6145,8023,3484,5688,7686,2737,3828,3704,9004,5190,9740,8643,8650,5358,4426,1522,1707,3613,9887,6956,2447,2762,833,1449,9489,2573,1080,4167,3456,6809,2466,227,7125,2759,6250,6472,8089],
+  [3266,7025,9756,3914,1265,9116,7723,9788,6805,5493,2092,8688,6592,9173,4431,4028,6007,7131,4446,4815,3648,6701,759,3312,8355,4485,4187,5188,8746,7759,3528,2177,5243,8379,3838,7233,4607,9187,7216,2190,6967,2920,6082,7910,5354,3609,8958,6949,7731,494,8753,8707,1523,4426,3543,7085,647,6771,9847,646,5049,824,8417,5260,2730,5702,2513,9275,4279,2767,8684,1165,9903,4518,55,9682,8963,6005,2102,6523],
+  [1998,8731,936,1479,5259,7064,4085,91,7745,7136,3773,3810,730,8255,2705,2653,9790,6807,2342,355,9344,2668,3690,2028,9679,8102,574,4318,6481,9175,5423,8062,2867,9657,7553,3442,3920,7430,3945,7639,3714,3392,2525,4995,4850,2867,7951,9667,486,9506,9888,781,8866,1702,3795,90,356,1483,4200,2131,6969,5931,486,6880,4404,1084,5169,4910,6567,8335,4686,5043,2614,3352,2667,4513,6472,7471,5720,1616],
+  [8878,1613,1716,868,1906,2681,564,665,5995,2474,7496,3432,9491,9087,8850,8287,669,823,347,6194,2264,2592,7871,7616,8508,4827,760,2676,4660,4881,7572,3811,9032,939,4384,929,7525,8419,5556,9063,662,8887,7026,8534,3111,1454,2082,7598,5726,6687,9647,7608,73,3014,5063,670,5461,5631,3367,9796,8475,7908,5073,1565,5008,5295,4457,1274,4788,1728,338,600,8415,8535,9351,7750,6887,5845,1741,125],
+  [3637,6489,9634,9464,9055,2413,7824,9517,7532,3577,7050,6186,6980,9365,9782,191,870,2497,8498,2218,2757,5420,6468,586,3320,9230,1034,1393,9886,5072,9391,1178,8464,8042,6869,2075,8275,3601,7715,9470,8786,6475,8373,2159,9237,2066,3264,5000,679,355,3069,4073,494,2308,5512,4334,9438,8786,8637,9774,1169,1949,6594,6072,4270,9158,7916,5752,6794,9391,6301,5842,3285,2141,3898,8027,4310,8821,7079,1307],
+  [8497,6681,4732,7151,7060,5204,9030,7157,833,5014,8723,3207,9796,9286,4913,119,5118,7650,9335,809,3675,2597,5144,3945,5090,8384,187,4102,1260,2445,2792,4422,8389,9290,50,1765,1521,6921,8586,4368,1565,5727,7855,2003,4834,9897,5911,8630,5070,1330,7692,7557,7980,6028,5805,9090,8265,3019,3802,698,9149,5748,1965,9658,4417,5994,5584,8226,2937,272,5743,1278,5698,8736,2595,6475,5342,6596,1149,6920],
+  [8188,8009,9546,6310,8772,2500,9846,6592,6872,3857,1307,8125,7042,1544,6159,2330,643,4604,7899,6848,371,8067,2062,3200,7295,1857,9505,6936,384,2193,2190,301,8535,5503,1462,7380,5114,4824,8833,1763,4974,8711,9262,6698,3999,2645,6937,7747,1128,2933,3556,7943,2885,3122,9105,5447,418,2899,5148,3699,9021,9501,597,4084,175,1621,1,1079,6067,5812,4326,9914,6633,5394,4233,6728,9084,1864,5863,1225],
+  [9935,8793,9117,1825,9542,8246,8437,3331,9128,9675,6086,7075,319,1334,7932,3583,7167,4178,1726,7720,695,8277,7887,6359,5912,1719,2780,8529,1359,2013,4498,8072,1129,9998,1147,8804,9405,6255,1619,2165,7491,1,8882,7378,3337,503,5758,4109,3577,985,3200,7615,8058,5032,1080,6410,6873,5496,1466,2412,9885,5904,4406,3605,8770,4361,6205,9193,1537,9959,214,7260,9566,1685,100,4920,7138,9819,5637,976],
+  [3466,9854,985,1078,7222,8888,5466,5379,3578,4540,6853,8690,3728,6351,7147,3134,6921,9692,857,3307,4998,2172,5783,3931,9417,2541,6299,13,787,2099,9131,9494,896,8600,1643,8419,7248,2660,2609,8579,91,6663,5506,7675,1947,6165,4286,1972,9645,3805,1663,1456,8853,5705,9889,7489,1107,383,4044,2969,3343,152,7805,4980,9929,5033,1737,9953,7197,9158,4071,1324,473,9676,3984,9680,3606,8160,7384,5432],
+  [1005,4512,5186,3953,2164,3372,4097,3247,8697,3022,9896,4101,3871,6791,3219,2742,4630,6967,7829,5991,6134,1197,1414,8923,8787,1394,8852,5019,7768,5147,8004,8825,5062,9625,7988,1110,3992,7984,9966,6516,6251,8270,421,3723,1432,4830,6935,8095,9059,2214,6483,6846,3120,1587,6201,6691,9096,9627,6671,4002,3495,9939,7708,7465,5879,6959,6634,3241,3401,2355,9061,2611,7830,3941,2177,2146,5089,7079,519,6351],
+  [7280,8586,4261,2831,7217,3141,9994,9940,5462,2189,4005,6942,9848,5350,8060,6665,7519,4324,7684,657,9453,9296,2944,6843,7499,7847,1728,9681,3906,6353,5529,2822,3355,3897,7724,4257,7489,8672,4356,3983,1948,6892,7415,4153,5893,4190,621,1736,4045,9532,7701,3671,1211,1622,3176,4524,9317,7800,5638,6644,6943,5463,3531,2821,1347,5958,3436,1438,2999,994,850,4131,2616,1549,3465,5946,690,9273,6954,7991],
+  [9517,399,3249,2596,7736,2142,1322,968,7350,1614,468,3346,3265,7222,6086,1661,5317,2582,7959,4685,2807,2917,1037,5698,1529,3972,8716,2634,3301,3412,8621,743,8001,4734,888,7744,8092,3671,8941,1487,5658,7099,2781,99,1932,4443,4756,4652,9328,1581,7855,4312,5976,7255,6480,3996,2748,1973,9731,4530,2790,9417,7186,5303,3557,351,7182,9428,1342,9020,7599,1392,8304,2070,9138,7215,2008,9937,1106,7110],
+  [7444,769,9688,632,1571,6820,8743,4338,337,3366,3073,1946,8219,104,4210,6986,249,5061,8693,7960,6546,1004,8857,5997,9352,4338,6105,5008,2556,6518,6694,4345,3727,7956,20,3954,8652,4424,9387,2035,8358,5962,5304,5194,8650,8282,1256,1103,2138,6679,1985,3653,2770,2433,4278,615,2863,1715,242,3790,2636,6998,3088,1671,2239,957,5411,4595,6282,2881,9974,2401,875,7574,2987,4587,3147,6766,9885,2965],
+  [3287,3016,3619,6818,9073,6120,5423,557,2900,2015,8111,3873,1314,4189,1846,4399,7041,7583,2427,2864,3525,5002,2069,748,1948,6015,2684,438,770,8367,1663,7887,7759,1885,157,7770,4520,4878,3857,1137,3525,3050,6276,5569,7649,904,4533,7843,2199,5648,7628,9075,9441,3600,7231,2388,5640,9096,958,3058,584,5899,8150,1181,9616,1098,8162,6819,8171,1519,1140,7665,8801,2632,1299,9192,707,9955,2710,7314],
+  [1772,2963,7578,3541,3095,1488,7026,2634,6015,4633,4370,2762,1650,2174,909,8158,2922,8467,4198,4280,9092,8856,8835,5457,2790,8574,9742,5054,9547,4156,7940,8126,9824,7340,8840,6574,3547,1477,3014,6798,7134,435,9484,9859,3031,4,1502,4133,1738,1807,4825,463,6343,9701,8506,9822,9555,8688,8168,3467,3234,6318,1787,5591,419,6593,7974,8486,9861,6381,6758,194,3061,4315,2863,4665,3789,2201,1492,4416],
+  [126,8927,6608,5682,8986,6867,1715,6076,3159,788,3140,4744,830,9253,5812,5021,7616,8534,1546,9590,1101,9012,9821,8132,7857,4086,1069,7491,2988,1579,2442,4321,2149,7642,6108,250,6086,3167,24,9528,7663,2685,1220,9196,1397,5776,1577,1730,5481,977,6115,199,6326,2183,3767,5928,5586,7561,663,8649,9688,949,5913,9160,1870,5764,9887,4477,6703,1413,4995,5494,7131,2192,8969,7138,3997,8697,646,1028],
+  [8074,1731,8245,624,4601,8706,155,8891,309,2552,8208,8452,2954,3124,3469,4246,3352,1105,4509,8677,9901,4416,8191,9283,5625,7120,2952,8881,7693,830,4580,8228,9459,8611,4499,1179,4988,1394,550,2336,6089,6872,269,7213,1848,917,6672,4890,656,1478,6536,3165,4743,4990,1176,6211,7207,5284,9730,4738,1549,4986,4942,8645,3698,9429,1439,2175,6549,3058,6513,1574,6988,8333,3406,5245,5431,7140,7085,6407],
+  [7845,4694,2530,8249,290,5948,5509,1588,5940,4495,5866,5021,4626,3979,3296,7589,4854,1998,5627,3926,8346,6512,9608,1918,7070,4747,4182,2858,2766,4606,6269,4107,8982,8568,9053,4244,5604,102,2756,727,5887,2566,7922,44,5986,621,1202,374,6988,4130,3627,6744,9443,4568,1398,8679,397,3928,9159,367,2917,6127,5788,3304,8129,911,2669,1463,9749,264,4478,8940,1109,7309,2462,117,4692,7724,225,2312],
+  [4164,3637,2000,941,8903,39,3443,7172,1031,3687,4901,8082,4945,4515,7204,9310,9349,9535,9940,218,1788,9245,2237,1541,5670,6538,6047,5553,9807,8101,1925,8714,445,8332,7309,6830,5786,5736,7306,2710,3034,1838,7969,6318,7912,2584,2080,7437,6705,2254,7428,820,782,9861,7596,3842,3631,8063,5240,6666,394,4565,7865,4895,9890,6028,6117,4724,9156,4473,4552,602,470,6191,4927,5387,884,3146,1978,3000],
+  [4258,6880,1696,3582,5793,4923,2119,1155,9056,9698,6603,3768,5514,9927,9609,6166,6566,4536,4985,4934,8076,9062,6741,6163,7399,4562,2337,5600,2919,9012,8459,1308,6072,1225,9306,8818,5886,7243,7365,8792,6007,9256,6699,7171,4230,7002,8720,7839,4533,1671,478,7774,1607,2317,5437,4705,7886,4760,6760,7271,3081,2997,3088,7675,6208,3101,6821,6840,122,9633,4900,2067,8546,4549,2091,7188,5605,8599,6758,5229],
+  [7854,5243,9155,3556,8812,7047,2202,1541,5993,4600,4760,713,434,7911,7426,7414,8729,322,803,7960,7563,4908,6285,6291,736,3389,9339,4132,8701,7534,5287,3646,592,3065,7582,2592,8755,6068,8597,1982,5782,1894,2900,6236,4039,6569,3037,5837,7698,700,7815,2491,7272,5878,3083,6778,6639,3589,5010,8313,2581,6617,5869,8402,6808,2951,2321,5195,497,2190,6187,1342,1316,4453,7740,4154,2959,1781,1482,8256],
+  [7178,2046,4419,744,8312,5356,6855,8839,319,2962,5662,47,6307,8662,68,4813,567,2712,9931,1678,3101,8227,6533,4933,6656,92,5846,4780,6256,6361,4323,9985,1231,2175,7178,3034,9744,6155,9165,7787,5836,9318,7860,9644,8941,6480,9443,8188,5928,161,6979,2352,5628,6991,1198,8067,5867,6620,3778,8426,2994,3122,3124,6335,3918,8897,2655,9670,634,1088,1576,8935,7255,474,8166,7417,9547,2886,5560,3842],
+  [6957,3111,26,7530,7143,1295,1744,6057,3009,1854,8098,5405,2234,4874,9447,2620,9303,27,7410,969,40,2966,5648,7596,8637,4238,3143,3679,7187,690,9980,7085,7714,9373,5632,7526,6707,3951,9734,4216,2146,3602,5371,6029,3039,4433,4855,4151,1449,3376,8009,7240,7027,4602,2947,9081,4045,8424,9352,8742,923,2705,4266,3232,2264,6761,363,2651,3383,7770,6730,7856,7340,9679,2158,610,4471,4608,910,6241],
+  [4417,6756,1013,8797,658,8809,5032,8703,7541,846,3357,2920,9817,1745,9980,7593,4667,3087,779,3218,6233,5568,4296,2289,2654,7898,5021,9461,5593,8214,9173,4203,2271,7980,2983,5952,9992,8399,3468,1776,3188,9314,1720,6523,2933,621,8685,5483,8986,6163,3444,9539,4320,155,3992,2828,2150,6071,524,2895,5468,8063,1210,3348,9071,4862,483,9017,4097,6186,9815,3610,5048,1644,1003,9865,9332,2145,1944,2213],
+  [9284,3803,4920,1927,6706,4344,7383,4786,9890,2010,5228,1224,3158,6967,8580,8990,8883,5213,76,8306,2031,4980,5639,9519,7184,5645,7769,3259,8077,9130,1317,3096,9624,3818,1770,695,2454,947,6029,3474,9938,3527,5696,4760,7724,7738,2848,6442,5767,6845,8323,4131,2859,7595,2500,4815,3660,9130,8580,7016,8231,4391,8369,3444,4069,4021,556,6154,627,2778,1496,4206,6356,8434,8491,3816,8231,3190,5575,1015],
+  [3787,7572,1788,6803,5641,6844,1961,4811,8535,9914,9999,1450,8857,738,4662,8569,6679,2225,7839,8618,286,2648,5342,2294,3205,4546,176,8705,3741,6134,8324,8021,7004,5205,7032,6637,9442,5539,5584,4819,5874,5807,8589,6871,9016,983,1758,3786,1519,6241,185,8398,495,3370,9133,3051,4549,9674,7311,9738,3316,9383,2658,2776,9481,7558,619,3943,3324,6491,4933,153,9738,4623,912,3595,7771,7939,1219,4405],
+  [2650,3883,4154,5809,315,7756,4430,1788,4451,1631,6461,7230,6017,5751,138,588,5282,2442,9110,9035,6349,2515,1570,6122,4192,4174,3530,1933,4186,4420,4609,5739,4135,2963,6308,1161,8809,8619,2796,3819,6971,8228,4188,1492,909,8048,2328,6772,8467,7671,9068,2226,7579,6422,7056,8042,3296,2272,3006,2196,7320,3238,3490,3102,37,1293,3212,4767,5041,8773,5794,4456,6174,7279,7054,2835,7053,9088,790,6640],
+  [3101,1057,7057,3826,6077,1025,2955,1224,1114,6729,5902,4698,6239,7203,9423,1804,4417,6686,1426,6941,8071,1029,4985,9010,6122,6597,1622,1574,3513,1684,7086,5505,3244,411,9638,4150,907,9135,829,981,1707,5359,8781,9751,5,9131,3973,7159,1340,6955,7514,7993,6964,8198,1933,2797,877,3993,4453,8020,9349,8646,2779,8679,2961,3547,3374,3510,1129,3568,2241,2625,9138,5974,8206,7669,7678,1833,8700,4480],
+  [4865,9912,8038,8238,782,3095,8199,1127,4501,7280,2112,2487,3626,2790,9432,1475,6312,8277,4827,2218,5806,7132,8752,1468,7471,6386,739,8762,8323,8120,5169,9078,9058,3370,9560,7987,8585,8531,5347,9312,1058,4271,1159,5286,5404,6925,8606,9204,7361,2415,560,586,4002,2644,1927,2824,768,4409,2942,3345,1002,808,4941,6267,7979,5140,8643,7553,9438,7320,4938,2666,4609,2778,8158,6730,3748,3867,1866,7181],
+  [171,3771,7134,8927,4778,2913,3326,2004,3089,7853,1378,1729,4777,2706,9578,1360,5693,3036,1851,7248,2403,2273,8536,6501,9216,613,9671,7131,7719,6425,773,717,8803,160,1114,7554,7197,753,4513,4322,8499,4533,2609,4226,8710,6627,644,9666,6260,4870,5744,7385,6542,6203,7703,6130,8944,5589,2262,6803,6381,7414,6888,5123,7320,9392,9061,6780,322,8975,7050,5089,1061,2260,3199,1150,1865,5386,9699,6501],
+  [3744,8454,6885,8277,919,1923,4001,6864,7854,5519,2491,6057,8794,9645,1776,5714,9786,9281,7538,6916,3215,395,2501,9618,4835,8846,9708,2813,3303,1794,8309,7176,2206,1602,1838,236,4593,2245,8993,4017,10,8215,6921,5206,4023,5932,6997,7801,262,7640,3107,8275,4938,7822,2425,3223,3886,2105,8700,9526,2088,8662,8034,7004,5710,2124,7164,3574,6630,9980,4242,2901,9471,1491,2117,4562,1130,9086,4117,6698],
+  [2810,2280,2331,1170,4554,4071,8387,1215,2274,9848,6738,1604,7281,8805,439,1298,8318,7834,9426,8603,6092,7944,1309,8828,303,3157,4638,4439,9175,1921,4695,7716,1494,1015,1772,5913,1127,1952,1950,8905,4064,9890,385,9357,7945,5035,7082,5369,4093,6546,5187,5637,2041,8946,1758,7111,6566,1027,1049,5148,7224,7248,296,6169,375,1656,7993,2816,3717,4279,4675,1609,3317,42,6201,3100,3144,163,9530,4531],
+  [7096,6070,1009,4988,3538,5801,7149,3063,2324,2912,7911,7002,4338,7880,2481,7368,3516,2016,7556,2193,1388,3865,8125,4637,4096,8114,750,3144,1938,7002,9343,4095,1392,4220,3455,6969,9647,1321,9048,1996,1640,6626,1788,314,9578,6630,2813,6626,4981,9908,7024,4355,3201,3521,3864,3303,464,1923,595,9801,3391,8366,8084,9374,1041,8807,9085,1892,9431,8317,9016,9221,8574,9981,9240,5395,2009,6310,2854,9255],
+  [8830,3145,2960,9615,8220,6061,3452,2918,6481,9278,2297,3385,6565,7066,7316,5682,107,7646,4466,68,1952,9603,8615,54,7191,791,6833,2560,693,9733,4168,570,9127,9537,1925,8287,5508,4297,8452,8795,6213,7994,2420,4208,524,5915,8602,8330,2651,8547,6156,1812,6271,7991,9407,9804,1553,6866,1128,2119,4691,9711,8315,5879,9935,6900,482,682,4126,1041,428,6247,3720,5882,7526,2582,4327,7725,3503,2631],
+  [2738,9323,721,7434,1453,6294,2957,3786,5722,6019,8685,4386,3066,9057,6860,499,5315,3045,5194,7111,3137,9104,941,586,3066,755,4177,8819,7040,5309,3583,3897,4428,7788,4721,7249,6559,7324,825,7311,3760,6064,6070,9672,4882,584,1365,9739,9331,5783,2624,7889,1604,1303,1555,7125,8312,425,8936,3233,7724,1480,403,7440,1784,1754,4721,1569,652,3893,4574,5692,9730,4813,9844,8291,9199,7101,3391,8914],
+  [6044,2928,9332,3328,8588,447,3830,1176,3523,2705,8365,6136,5442,9049,5526,8575,8869,9031,7280,706,2794,8814,5767,4241,7696,78,6570,556,5083,1426,4502,3336,9518,2292,1885,3740,3153,9348,9331,8051,2759,5407,9028,7840,9255,831,515,2612,9747,7435,8964,4971,2048,4900,5967,8271,1719,9670,2810,6777,1594,6367,6259,8316,3815,1689,6840,9437,4361,822,9619,3065,83,6344,7486,8657,8228,9635,6932,4864],
+  [8478,4777,6334,4678,7476,4963,6735,3096,5860,1405,5127,7269,7793,4738,227,9168,2996,8928,765,733,1276,7677,6258,1528,9558,3329,302,8901,1422,8277,6340,645,9125,8869,5952,141,8141,1816,9635,4025,4184,3093,83,2344,2747,9352,7966,1206,1126,1826,218,7939,2957,2729,810,8752,5247,4174,4038,8884,7899,9567,301,5265,5752,7524,4381,1669,3106,8270,6228,6373,754,2547,4240,2313,5514,3022,1040,9738],
+  [2265,8192,1763,1369,8469,8789,4836,52,1212,6690,5257,8918,6723,6319,378,4039,2421,8555,8184,9577,1432,7139,8078,5452,9628,7579,4161,7490,5159,8559,1011,81,478,5840,1964,1334,6875,8670,9900,739,1514,8692,522,9316,6955,1345,8132,2277,3193,9773,3923,4177,2183,1236,6747,6575,4874,6003,6409,8187,745,8776,9440,7543,9825,2582,7381,8147,7236,5185,7564,6125,218,7991,6394,391,7659,7456,5128,5294],
+  [2132,8992,8160,5782,4420,3371,3798,5054,552,5631,7546,4716,1332,6486,7892,7441,4370,6231,4579,2121,8615,1145,9391,1524,1385,2400,9437,2454,7896,7467,2928,8400,3299,4025,7458,4703,7206,6358,792,6200,725,4275,4136,7390,5984,4502,7929,5085,8176,4600,119,3568,76,9363,6943,2248,9077,9731,6213,5817,6729,4190,3092,6910,759,2682,8380,1254,9604,3011,9291,5329,9453,9746,2739,6522,3765,5634,1113,5789],
+  [5304,5499,564,2801,679,2653,1783,3608,7359,7797,3284,796,3222,437,7185,6135,8571,2778,7488,5746,678,6140,861,7750,803,9859,9918,2425,3734,2698,9005,4864,9818,6743,2475,132,9486,3825,5472,919,292,4411,7213,7699,6435,9019,6769,1388,802,2124,1345,8493,9487,8558,7061,8777,8833,2427,2238,5409,4957,8503,3171,7622,5779,6145,2417,5873,5563,5693,9574,9491,1937,7384,4563,6842,5432,2751,3406,7981]
+];
+```
+
+## --seed-contents--
+
+```js
+function pathSumFourWays(matrix) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testMatrix1 = [
+  [131, 673, 234, 103, 18],
+  [201, 96, 342, 965, 150],
+  [630, 803, 746, 422, 111],
+  [537, 699, 497, 121, 956],
+  [805, 732, 524, 37, 331]
+];
+
+pathSumFourWays(testMatrix1);
+```
+
+# --solutions--
+
+```js
+function pathSumFourWays(matrix) {
+  const MOVES = [
+    [-1, 0],
+    [1, 0],
+    [0, -1],
+    [0, 1]
+  ];
+
+  function getAllowedMoves(row, col) {
+    const moves = [];
+    for (let i = 0; i < MOVES.length; i++) {
+      const [rowChange, colChange] = MOVES[i];
+      const nextRow = row + rowChange;
+      const nextCol = col + colChange;
+      if (isMoveAllowed(nextRow, nextCol)) {
+        moves.push([nextRow, nextCol]);
+      }
+    }
+    return moves;
+  }
+
+  function isMoveAllowed(nextRow, nextCol) {
+    if (nextRow < 0 || nextRow >= size || nextCol < 0 || nextCol >= size) {
+      return false;
+    }
+    return true;
+  }
+
+  const size = matrix.length;
+  const resultMatrix = new Array(size)
+    .fill()
+    .map(() => new Array(size).fill(Infinity));
+
+  const [startRow, startCol] = new Array(2).fill(size - 1);
+  const queue = [[startRow, startCol]];
+  resultMatrix[startRow][startCol] = matrix[startRow][startCol];
+
+  while (queue.length > 0) {
+    const [curRow, curCol] = queue.shift();
+
+    const allowedMoves = getAllowedMoves(curRow, curCol);
+
+    for (let i = 0; i < allowedMoves.length; i++) {
+      const [nextRow, nextCol] = allowedMoves[i];
+      const bestPath = resultMatrix[nextRow][nextCol];
+      const newPath = resultMatrix[curRow][curCol] + matrix[nextRow][nextCol];
+      if (newPath < bestPath) {
+        resultMatrix[nextRow][nextCol] = newPath;
+        queue.push(allowedMoves[i]);
+      }
+    }
+  }
+  return resultMatrix[0][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-84-monopoly-odds.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-84-monopoly-odds.md
new file mode 100644
index 0000000000..c0cf868b67
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-84-monopoly-odds.md
@@ -0,0 +1,268 @@
+---
+id: 5900f3c11000cf542c50fed3
+title: 'Завдання 84: Шанси Монополії'
+challengeType: 5
+forumTopicId: 302198
+dashedName: problem-84-monopoly-odds
+---
+
+# --description--
+
+У грі, *Монополія*, стандартна плата встановлюється наступним чином:
+
+<div style="text-align: center;">
+  <table cellspacing="1" cellpadding="5" border="0" style="background-color: black; color: black;" align="center">
+    <tbody>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">ВПЕРЕД</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">А1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CC1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">А2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">Т1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">Р1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">В1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CH1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">В2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">B3</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">ТЮРМА</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">H2</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">С1</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">Т2</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">U1</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">H1</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">C2</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CH3</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">C3</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">R4</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">R2</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">G3</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">D1</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CC3</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CC2</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">G2</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">D2</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">G1</td>
+        <td colspan="9">&nbsp;</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">D3</td>
+      </tr>
+      <tr>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">G2J</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">F3</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">U2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">F2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">F1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">R3</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">E3</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">E2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">CH2</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">E1</td>
+        <td style="background-color: #ffffff; color: black; padding: 5px; border: 1px solid black;">FP</td>
+      </tr>
+    </tbody>
+  </table>
+</div><br>
+
+Гравець стартує зі стартової площадки і додає очки з 6-бічних кубиків для визначення кількості квадратів, за якими просувається за годинниковою стрілкою. Без будь-яких подальших правил ми очікуємо відвідати кожен квадрат з рівною ймовірністю: 2,5%. Однак, кроки на G2J (прямуйте до тюрми), CC (скриня спільноти), і CH (шанс) змінює цей розподіл.
+
+На додачу до G2J, є ще одна карта з CC і CH, що наказує гравцю іти безпосередньо до в'язниці, якщо гравець викидає три парні поспіль, то вони не підвищує результат свого третього кидка. Але вони потрапляють безпосередньо до тюрми.
+
+На початку гри CC та CH картки змішані. Коли гравець опиняється на CC або CH він бере карту зверху відповідної купи і, після виконання інструкцій, повертає картку донизу купи. У кожній стопці по шістнадцять карт, але для цілей цієї задачі ми матимемо справу лише з картками, які вказують рух; будь-яка інструкція, яка не стосується руху буде проігнорована, і гравець залишиться на полі CC/CH.
+
+<ul>
+  <li>Скриня спільноти (2/16 карт):</li>
+  <ol>
+    <li>Перейти на початок</li>
+    <li>Перейти до ТЮРМИ</li>
+  </ol>
+
+  <li>Шанс (10/16 карт):</li>
+  <ol>
+    <li>Перейти на початок</li>
+    <li>Перейти до ТЮРМИ</li>
+    <li>Перейти до C1</li>
+    <li>Перейти до E3</li>
+    <li>Перейти до H2</li>
+    <li>Перейти до C1</li>
+    <li>Перейти до наступної R (залізнична компанія)</li>
+    <li>Перейти до наступної R</li>
+    <li>Перейти до наступного U (комунальна компанія)</li>
+    <li>Назад на 3 ходи.</li>
+  </ol>
+</ul>
+
+Корінь цієї проблеми стосується ймовірності відвідання певного квадрату. Тобто ймовірність закінчити на цьому квадраті після виконання ходу. З цієї причини слід розуміти, що, за винятком G2J, при якому ймовірність фінішу на цьому кроці дорівнює нулю, квадрати CH матимуть найнижчі ймовірності, як 5/8 запит руху на інший квадрат, а ми зацікавленні саме на фінальному квадраті, де гравець закінчує після кожного кидку. Ми не будемо розрізняти "Просто відвідування" та відправлення до ТЮРЬМИ, також ми ігноруватимемо правило щодо вимагання подвійної плати щоб "вийти з в'язниці", припустивши, що гравці платять за те, щоб вийти на свій наступний хід.
+
+Починаючи з кроку GO та послідовно нумеруючи квадрати з 00 до 39, ми можемо об'єднати ці двоцифрові числа для отримання рядків, що відповідають наборам квадратів.
+
+Статистично можна показати, що три найпопулярніші квадрати, по порядку, це ТЮРМА (6.24%) = Квадрат 10, Е3 (3.18%) = Квадрат 24, і GO (3.09%) = Квадрат 00. Отож, ці три найпопулярніші квадрати можна перелічити шестизначним модальним рядком `102400`.
+
+Якщо замість 6-гранного кубика використовується дво`n`-гранний кубик, знайдіть шестизначний модальний рядок.
+
+# --hints--
+
+`monopolyOdds(8)` має вивести рядок.
+
+```js
+assert(typeof monopolyOdds(8) === 'string');
+```
+
+`monopolyOdds(8)` має вивести рядок `102400`.
+
+```js
+assert.strictEqual(monopolyOdds(8), '102400');
+```
+
+`monopolyOdds(10)` має вивести рядок `100024`.
+
+```js
+assert.strictEqual(monopolyOdds(10), '100024');
+```
+
+`monopolyOdds(20)` має вивести рядок `100005`.
+
+```js
+assert.strictEqual(monopolyOdds(20), '100005');
+```
+
+`monopolyOdds(4)` має вивести рядок `101524`.
+
+```js
+assert.strictEqual(monopolyOdds(4), '101524');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function monopolyOdds(n) {
+
+  return true;
+}
+
+monopolyOdds(8);
+```
+
+# --solutions--
+
+```js
+function monopolyOdds(n) {
+  function chanceCard(position, chanceCardPosition) {
+    chanceCardPosition = (chanceCardPosition + 1) % 16;
+    if (chanceCardPosition < 6) {
+      position = chanceCardsMoves[chanceCardPosition];
+    } else if (chanceCardPosition === 6 || chanceCardPosition === 7) {
+      position = nextMovesFromR[position];
+    } else if (chanceCardPosition === 8) {
+      position = nextMovesFromU[position];
+    } else if (chanceCardPosition === 9) {
+      position -= 3;
+    }
+    return [position, chanceCardPosition];
+  }
+
+  function chestCard(position, chestPosition) {
+    chestPosition = (chestPosition + 1) % 16;
+    if (chestPosition < 2) {
+      position = chestCardsMoves[chestPosition];
+    }
+    return [position, chestPosition];
+  }
+
+  function isChest(position) {
+    return position === 2 || position === 17 || position === 33;
+  }
+
+  function isChance(position) {
+    return position === 7 || position === 22 || position === 36;
+  }
+
+  function isJail(position) {
+    return position === 30;
+  }
+
+  function roll(dice) {
+    return Math.floor(Math.random() * dice) + 1;
+  }
+
+  function getTopThree(board) {
+    return sortByVisits(board)
+      .slice(0, 3)
+      .map(elem => elem[0].toString().padStart(2, '0'))
+      .join('');
+  }
+
+  function sortByVisits(board) {
+    return board
+      .map((element, index) => [index, element])
+      .sort((a, b) => a[1] - b[1])
+      .reverse();
+  }
+
+  const rounds = 2000000;
+  const chestCardsMoves = [0, 10];
+  const chanceCardsMoves = [0, 10, 11, 24, 39, 5];
+  const nextMovesFromR = { 7: 15, 22: 25, 36: 5 };
+  const nextMovesFromU = { 7: 12, 36: 12, 22: 28 };
+
+  const board = new Array(40).fill(0);
+  let doubleCount = 0;
+  let curPosition = 0;
+  let curChestCard = 0;
+  let curChanceCard = 0;
+
+  for (let i = 0; i < rounds; i++) {
+    const dice1 = roll(n);
+    const dice2 = roll(n);
+
+    if (dice1 === dice2) {
+      doubleCount++;
+    } else {
+      doubleCount = 0;
+    }
+
+    if (doubleCount > 2) {
+      curPosition = 10;
+      doubleCount = 0;
+    } else {
+      curPosition = (curPosition + dice1 + dice2) % 40;
+
+      if (isChance(curPosition)) {
+        [curPosition, curChanceCard] = chanceCard(curPosition, curChanceCard);
+      } else if (isChest(curPosition)) {
+        [curPosition, curChestCard] = chestCard(curPosition, curChestCard);
+      } else if (isJail(curPosition)) {
+        curPosition = 10;
+      }
+    }
+    board[curPosition]++;
+  }
+  return getTopThree(board);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-85-counting-rectangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-85-counting-rectangles.md
new file mode 100644
index 0000000000..17838ece97
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-85-counting-rectangles.md
@@ -0,0 +1,109 @@
+---
+id: 5900f3c11000cf542c50fed4
+title: 'Завдання 85: Підрахунок прямокутників'
+challengeType: 5
+forumTopicId: 302199
+dashedName: problem-85-counting-rectangles
+---
+
+# --description--
+
+При ретельному підрахунку можна побачити, що прямокутна сітка розміром 3 на 2 містить вісімнадцять прямокутників:
+
+<img class="img-responsive center-block" alt="діаграма різних прямокутників, знайдених у прямокутній сітці розміром 3 на 2" src="https://cdn-media-1.freecodecamp.org/project-euler/counting-rectangles.png" style="background-color: white; padding: 10px;" />
+
+Хоча може і не існувати прямокутної сітки, що містить саме `n` прямокутники, знайдіть площу сітки з приблизним розв'язком.
+
+# --hints--
+
+`countingRectangles(18)` має вивести число.
+
+```js
+assert(typeof countingRectangles(18) === 'number');
+```
+
+`countingRectangles(18)` має вивести `6`.
+
+```js
+assert.strictEqual(countingRectangles(18), 6);
+```
+
+`countingRectangles(250)` має вивести `22`.
+
+```js
+assert.strictEqual(countingRectangles(250), 22);
+```
+
+`countingRectangles(50000)` має вивести `364`.
+
+```js
+assert.strictEqual(countingRectangles(50000), 364);
+```
+
+`countingRectangles(1000000)` має вивести `1632`.
+
+```js
+assert.strictEqual(countingRectangles(1000000), 1632);
+```
+
+`countingRectangles(2000000)` має вивести `2772`.
+
+```js
+assert.strictEqual(countingRectangles(2000000), 2772);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countingRectangles(n) {
+
+  return true;
+}
+
+countingRectangles(18);
+```
+
+# --solutions--
+
+```js
+function countingRectangles(n) {
+  function numberOfRectangles(h, w) {
+    return (h * (h + 1) * w * (w + 1)) / 4;
+  }
+
+  function rectangleArea(h, w) {
+    return h * w;
+  }
+
+  let rectanglesCount = 1;
+  let maxSide = 1;
+  while (rectanglesCount < n) {
+    maxSide++;
+    rectanglesCount = numberOfRectangles(maxSide, 1);
+  }
+
+  let bestDiff = Math.abs(rectanglesCount - n);
+  let bestSize = [maxSide, 1];
+
+  let curHeight = maxSide - 1;
+  let curWidth = 1;
+
+  for (curWidth; curWidth < curHeight; curWidth++) {
+    for (curHeight; curHeight > curWidth; curHeight--) {
+      rectanglesCount = numberOfRectangles(curHeight, curWidth);
+      const curDiff = Math.abs(rectanglesCount - n);
+      if (curDiff < bestDiff) {
+        bestDiff = curDiff;
+        bestSize = [curHeight, curWidth];
+      }
+
+      if (rectanglesCount < n) {
+        break;
+      }
+    }
+  }
+  return rectangleArea(...bestSize);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-86-cuboid-route.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-86-cuboid-route.md
new file mode 100644
index 0000000000..f6ea5dba83
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-86-cuboid-route.md
@@ -0,0 +1,94 @@
+---
+id: 5900f3c31000cf542c50fed5
+title: 'Завдання 86: Кубоподібний маршрут'
+challengeType: 5
+forumTopicId: 302200
+dashedName: problem-86-cuboid-route
+---
+
+# --description--
+
+Павук, S, сидить в одному кутку кубоподібної кімнати розміром 6 на 5 на 3, і муха, F, сидить в протилежному кутку. Переміщаючись по поверхнях кімнати, найкоротша відстань від S до F - 10, шлях показано на діаграмі.
+
+<img class="img-responsive center-block" alt="діаграма шляху павука та мухи з одного кутка у протилежний кубоподібної кімнати" src="https://cdn-media-1.freecodecamp.org/project-euler/cuboid-route.png" style="background-color: white; padding: 10px;" />
+
+Однак, для будь-якого даного куба існує до трьох кандидатів на "найкоротший" шлях, та найкоротший маршрут не завжди має цілочисельну довжину.
+
+Можна показати, що існує саме `2060` окремих кубоїди, ігноруючи обертання, з цілочисельною величиною, до максимального розміру М на М на М, для якого найкоротший маршрут має цілочисельну довжину при M = 100. Це найменше значення М, для якого кількість розв'язків спочатку перевищує дві тисячі; кількість розв'язків при М = 99 `1975`.
+
+Знайдіть найменше значення М таким чином, щоб кількість розв'язків спочатку перевищувала `n`.
+
+# --hints--
+
+`cuboidRoute(2000)` має вивести число.
+
+```js
+assert(typeof cuboidRoute(2000) === 'number');
+```
+
+`cuboidRoute(2000)` має вивести `100`.
+
+```js
+assert.strictEqual(cuboidRoute(2000), 100);
+```
+
+`cuboidRoute(25000)` має вивести `320`.
+
+```js
+assert.strictEqual(cuboidRoute(25000), 320);
+```
+
+`cuboidRoute(500000)` має вивести `1309`.
+
+```js
+assert.strictEqual(cuboidRoute(500000), 1309);
+```
+
+`cuboidRoute(1000000)` має вивести `1818`.
+
+```js
+assert.strictEqual(cuboidRoute(1000000), 1818);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cuboidRoute(n) {
+
+  return true;
+}
+
+cuboidRoute(2000);
+```
+
+# --solutions--
+
+```js
+function cuboidRoute(n) {
+  // Based on https://www.mathblog.dk/project-euler-86-shortest-path-cuboid/
+  function getLength(a, b) {
+    return Math.sqrt(a ** 2 + b ** 2);
+  }
+
+  let M = 2;
+  let counter = 0;
+
+  while (counter < n) {
+    M++;
+    for (let baseHeightWidth = 3; baseHeightWidth <= 2 * M; baseHeightWidth++) {
+      const pathLength = getLength(M, baseHeightWidth);
+      if (Number.isInteger(pathLength)) {
+        if (baseHeightWidth <= M) {
+          counter += Math.floor(baseHeightWidth / 2);
+        } else {
+          counter += 1 + M - Math.floor((baseHeightWidth + 1) / 2);
+        }
+      }
+    }
+  }
+
+  return M;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-87-prime-power-triples.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-87-prime-power-triples.md
new file mode 100644
index 0000000000..f1606328e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-87-prime-power-triples.md
@@ -0,0 +1,131 @@
+---
+id: 5900f3c51000cf542c50fed8
+title: 'Завдання 87: Прості кубічні степені'
+challengeType: 5
+forumTopicId: 302201
+dashedName: problem-87-prime-power-triples
+---
+
+# --description--
+
+Найменша кількість виражена як сума простого квадрату, простого куба та простого четвертого степеню, дорівнює `28`. Насправді, саме чотири числа нижче п'ятдесяти можуть бути виражені таким чином:
+
+<div style='margin-left: 4em;'>
+  28 = 2<sup>2</sup> + 2<sup>3</sup> + 2<sup>4</sup><br>
+  33 = 3<sup>2</sup> + 2<sup>3</sup> + 2<sup>4</sup><br>
+  49 = 5<sup>2</sup> + 2<sup>3</sup> + 2<sup>4</sup><br>
+  47 = 2<sup>2</sup> + 3<sup>3</sup> + 2<sup>4</sup>
+</div><br>
+
+Скільки чисел нижче `n` можуть бути виражені як сума простого квадрату, простого куба та простого четвертого степеня?
+
+# --hints--
+
+`primePowerTriples(50)` має вивести число.
+
+```js
+assert(typeof primePowerTriples(50) === 'number');
+```
+
+`primePowerTriples(50)` має вивести `4`.
+
+```js
+assert.strictEqual(primePowerTriples(50), 4);
+```
+
+`primePowerTriples(10035)` має вивести `684`.
+
+```js
+assert.strictEqual(primePowerTriples(10035), 684);
+```
+
+`primePowerTriples(500000)` має вивести `18899`.
+
+```js
+assert.strictEqual(primePowerTriples(500000), 18899);
+```
+
+`primePowerTriples(5000000)` має вивести `138932`.
+
+```js
+assert.strictEqual(primePowerTriples(5000000), 138932);
+```
+
+`primePowerTriples(50000000)` має вивести `1097343`.
+
+```js
+assert.strictEqual(primePowerTriples(50000000), 1097343);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primePowerTriples(n) {
+
+  return true;
+}
+
+primePowerTriples(50);
+```
+
+# --solutions--
+
+```js
+function primePowerTriples(n) {
+  function getSievePrimes(max) {
+    const primes = [];
+    const primesMap = new Array(max).fill(true);
+    primesMap[0] = false;
+    primesMap[1] = false;
+
+    for (let i = 2; i <= max; i += 2) {
+      if (primesMap[i]) {
+        primes.push(i);
+        for (let j = i * i; j <= max; j = j + i) {
+          primesMap[j] = false;
+        }
+      }
+      if (i === 2) {
+        i = 1;
+      }
+    }
+    return primes;
+  }
+
+  function getPowersSummed(numbers, powers, limit, curSum) {
+    if (curSum >= limit) {
+      return [];
+    } else if (powers.length === 0) {
+      return [curSum];
+    }
+
+    const powersSummed = [];
+
+    const curPower = powers[0];
+    const powersLeft = powers.slice(1);
+    for (let i = 0; i < numbers.length; i++) {
+      const curNumber = numbers[i];
+      const nextSum = curSum + curNumber ** curPower;
+      if (nextSum >= limit) {
+        return powersSummed;
+      }
+      const result = getPowersSummed(
+        numbers,
+        powersLeft,
+        limit,
+        curSum + curNumber ** curPower
+      );
+      powersSummed.push(...result);
+    }
+    return powersSummed;
+  }
+
+  const maximumBaseNumber = Math.floor(Math.sqrt(n - 2 ** 3 - 2 ** 4)) + 1;
+  const primes = getSievePrimes(maximumBaseNumber);
+  const uniqueSums = new Set(getPowersSummed(primes, [2, 3, 4], n, 0));
+
+  return uniqueSums.size;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-88-product-sum-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-88-product-sum-numbers.md
new file mode 100644
index 0000000000..a8324adef1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-88-product-sum-numbers.md
@@ -0,0 +1,110 @@
+---
+id: 5900f3c51000cf542c50fed6
+title: 'Проблема 88: Сума похідних чисел'
+challengeType: 5
+forumTopicId: 302203
+dashedName: problem-88-product-sum-numbers
+---
+
+# --description--
+
+Натуральне число, `N`, яке можна записати як суму і добуток даної множини, щонайменше двох натуральних чисел, $\\{a_1, a_2, \ldots , a_k\\}$, називається чисельною сумою: $N = a_1 + a_2 + \cdots + a_k = a_1 × a_2 × \cdots × a_k$.
+
+Наприклад, 6 = 1 + 2 + 3 = 1 × 2 × 3.
+
+Для заданої величини, `k`, необхідно назвати найменше N за допомогою цієї властивості мінімального числа похідних. Таким чином, мінімальними похідними для множин розміру - `k` = 2, 3, 4, 5, і 6.
+
+<div style='margin-left: 4em;'>
+  <var>k</var>=2: 4 = 2 × 2 = 2 + 2<br>
+  <var>k</var>=3: 6 = 1 × 2 × 3 = 1 + 2 + 3<br>
+  <var>k</var>=4: 8 = 1 × 1 × 2 × 4 = 1 + 1 + 2 + 4<br>
+  <var>k</var>=5: 8 = 1 × 1 × 2 × 2 × 2  = 1 + 1 + 2 + 2 + 2<br>
+  <var>k</var>=6: 12 = 1 × 1 × 1 × 1 × 2 × 6 = 1 + 1 + 1 + 1 + 2 + 6
+</div><br>
+
+Звідси, для 2 ≤ `k` ≤ 6, мінімальною сумою похідних є 4 + 6 + 8 + 12 = 30; зверніть увагу, що `8` в сумі додається лише раз.
+
+Фактично, як і повним значенням мінімального числа похідних для 2 ≤ `k` ≤ 12 є $\\{4, 6, 8, 12, 15, 16\\}$, а сумою є `61`.
+
+Яка сума мінімальних похідних чисел для 2 ≤ `k` ≤ `limit`?
+
+# --hints--
+
+`productSumNumbers(6)` має вивести число.
+
+```js
+assert(typeof productSumNumbers(6) === 'number');
+```
+
+`productSumNumbers(6)` має видати `30`.
+
+```js
+assert.strictEqual(productSumNumbers(6), 30);
+```
+
+`productSumNumbers(12)` має видати `61`.
+
+```js
+assert.strictEqual(productSumNumbers(12), 61);
+```
+
+`productSumNumbers(300)` має видати `12686`.
+
+```js
+assert.strictEqual(productSumNumbers(300), 12686);
+```
+
+`productSumNumbers(6000)` має видати `2125990`.
+
+```js
+assert.strictEqual(productSumNumbers(6000), 2125990);
+```
+
+`productSumNumbers(12000)` має видати `7587457`.
+
+```js
+assert.strictEqual(productSumNumbers(12000), 7587457);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function productSumNumbers(limit) {
+
+  return true;
+}
+
+productSumNumbers(6);
+```
+
+# --solutions--
+
+```js
+function productSumNumbers(limit) {
+  function getProductSums(curProduct, curSum, factorsCount, start) {
+    const k = curProduct - curSum + factorsCount;
+    if (k <= limit) {
+      if (curProduct < minimalProductSums[k]) {
+        minimalProductSums[k] = curProduct;
+      }
+      for (let i = start; i < Math.floor((limit / curProduct) * 2) + 1; i++) {
+        getProductSums(curProduct * i, curSum + i, factorsCount + 1, i);
+      }
+    }
+  }
+
+  const minimalProductSums = new Array(limit + 1).fill(2 * limit);
+  getProductSums(1, 1, 1, 2);
+
+  const uniqueProductSums = [...new Set(minimalProductSums.slice(2))];
+
+  let sum = 0;
+  for (let i = 0; i < uniqueProductSums.length; i++) {
+    sum += uniqueProductSums[i];
+  }
+
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-89-roman-numerals.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-89-roman-numerals.md
new file mode 100644
index 0000000000..1c1ce20c70
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-89-roman-numerals.md
@@ -0,0 +1,117 @@
+---
+id: 5900f3c51000cf542c50fed7
+title: 'Завдання 89: Римські цифри'
+challengeType: 5
+forumTopicId: 302204
+dashedName: problem-89-roman-numerals
+---
+
+# --description--
+
+Аби число, написане римськими цифрами, вважалося дійсним, необхідно дотримуватися основних правил. Попри те, що правила дозволяють виражати деякі числа кількома способами, завжди існує *best* спосіб написання певного числа.
+
+- Цифри повинні бути розташовані в порядку спадання.
+- М, С і Х не можуть бути виражені або перевищені меншими номіналами.
+- D, L, і V можуть з'являтися тільки один раз.
+
+На додаток до трьох правил, наведених вище, якщо використовуються від'ємні числа, необхідно дотримуватися наступних чотирьох правил.
+
+- Тільки I, X та C можуть бути використані як початкова цифра у частині від’ємної пари.
+- I можна розмістити лише перед V та X.
+- X можна розмістити лише перед L та C.
+- C можна розмістити лише перед D та M.
+
+Наприклад, з'ясувалося, що існує принаймні шість способів написання числа шістнадцять:
+
+<div style="margin-left: 4em; font-family: 'courier new', monospace;">
+  IIIIIIIIIIIIIIII<br>
+  VIIIIIIIIIII<br>
+  VVIIIIII<br>
+  XIIIIII<br>
+  VVVI<br>
+  XVI<br><br>
+</div>
+
+Проте, згідно із правилами лише XIIIIII та XVI є дійсними, а останній приклад вважається найбільш ефективним, оскільки він використовує найменшу кількість цифр.
+
+Масив `roman` міститиме числа, написані дійсними, але не обов’язково мінімальними римськими цифрами.
+
+Знайдіть кількість збережених символів, записавши кожен із них у мінімальній формі.
+
+**Примітка:** Можна припустити, що всі римські цифри в масиві містять не більше чотирьох послідовних однакових одиниць.
+
+# --hints--
+
+`romanNumerals(testNumerals1)` має повертатись як число.
+
+```js
+assert(typeof romanNumerals(_testNumerals1) === 'number');
+```
+
+`romanNumerals(testNumerals1)` має повертатись як `19`.
+
+```js
+assert.strictEqual(romanNumerals(_testNumerals1), 19);
+```
+
+`romanNumerals(testNumerals2)` має повертатись як `743`.
+
+```js
+assert.strictEqual(romanNumerals(_testNumerals2), 743);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testNumerals1 = [
+  'XIIIIII', 'XVI', 'MMMCCLXVIIII', 'XXXXVI', 'MMMMXX', 'CCLI', 'CCCCXX', 'MMMMDCXXXXI', 'DCCCCIIII', 'MXVIIII'
+];
+const _testNumerals2 = [
+  'MMMMDCLXXII','MMDCCCLXXXIII','MMMDLXVIIII','MMMMDXCV','DCCCLXXII','MMCCCVI','MMMCDLXXXVII','MMMMCCXXI','MMMCCXX','MMMMDCCCLXXIII','MMMCCXXXVII','MMCCCLXXXXIX','MDCCCXXIIII','MMCXCVI','CCXCVIII','MMMCCCXXXII','MDCCXXX','MMMDCCCL','MMMMCCLXXXVI','MMDCCCXCVI','MMMDCII','MMMCCXII','MMMMDCCCCI','MMDCCCXCII','MDCXX','CMLXXXVII','MMMXXI','MMMMCCCXIV','MLXXII','MCCLXXVIIII','MMMMCCXXXXI','MMDCCCLXXII','MMMMXXXI','MMMDCCLXXX','MMDCCCLXXIX','MMMMLXXXV','MCXXI','MDCCCXXXVII','MMCCCLXVII','MCDXXXV','CCXXXIII','CMXX','MMMCLXIV','MCCCLXXXVI','DCCCXCVIII','MMMDCCCCXXXIV','CDXVIIII','MMCCXXXV','MDCCCXXXII','MMMMD','MMDCCLXIX','MMMMCCCLXXXXVI','MMDCCXLII','MMMDCCCVIIII','DCCLXXXIIII','MDCCCCXXXII','MMCXXVII','DCCCXXX','CCLXIX','MMMXI','MMMMCMLXXXXVIII','MMMMDLXXXVII','MMMMDCCCLX','MMCCLIV','CMIX','MMDCCCLXXXIIII','CLXXXII','MMCCCCXXXXV','MMMMDLXXXVIIII','MMMDCCCXXI','MMDCCCCLXXVI','MCCCCLXX','MMCDLVIIII','MMMDCCCLIX','MMMMCCCCXIX','MMMDCCCLXXV','XXXI','CDLXXXIII','MMMCXV','MMDCCLXIII','MMDXXX','MMMMCCCLVII','MMMDCI','MMMMCDLXXXIIII','MMMMCCCXVI','CCCLXXXVIII','MMMMCML','MMMMXXIV','MMMCCCCXXX','DCCX','MMMCCLX','MMDXXXIII','CCCLXIII','MMDCCXIII','MMMCCCXLIV','CLXXXXI','CXVI','MMMMCXXXIII','CLXX','DCCCXVIII','MLXVII','DLXXXX','MMDXXI','MMMMDLXXXXVIII','MXXII','LXI','DCCCCXLIII','MMMMDV','MMMMXXXIV','MDCCCLVIII','MMMCCLXXII','MMMMDCCXXXVI','MMMMLXXXIX','MDCCCLXXXI','MMMMDCCCXV','MMMMCCCCXI','MMMMCCCLIII','MDCCCLXXI','MMCCCCXI','MLXV','MMCDLXII','MMMMDXXXXII','MMMMDCCCXL','MMMMCMLVI','CCLXXXIV','MMMDCCLXXXVI','MMCLII','MMMCCCCXV','MMLXXXIII','MMMV','MMMV','DCCLXII','MMDCCCCXVI','MMDCXLVIII','CCLIIII','CCCXXV','MMDCCLXXXVIIII','MMMMDCLXXVIII','MMMMDCCCXCI','MMMMCCCXX','MMCCXLV','MMMDCCCLXIX','MMCCLXIIII','MMMDCCCXLIX','MMMMCCCLXIX','CMLXXXXI','MCMLXXXIX','MMCDLXI','MMDCLXXVIII','MMMMDCCLXI','MCDXXV','DL','CCCLXXII','MXVIIII','MCCCCLXVIII','CIII','MMMDCCLXXIIII','MMMDVIII','MMMMCCCLXXXXVII','MMDXXVII','MMDCCLXXXXV','MMMMCXLVI','MMMDCCLXXXII','MMMDXXXVI','MCXXII','CLI','DCLXXXIX','MMMCLI','MDCLXIII','MMMMDCCXCVII','MMCCCLXXXV','MMMDCXXVIII','MMMCDLX','MMMCMLII','MMMIV','MMMMDCCCLVIII','MMMDLXXXVIII','MCXXIV','MMMMLXXVI','CLXXIX','MMMCCCCXXVIIII','DCCLXXXV','MMMDCCCVI','LI','CLXXXVI','MMMMCCCLXXVI','MCCCLXVI','CCXXXIX','MMDXXXXI','MMDCCCXLI','DCCCLXXXVIII','MMMMDCCCIV','MDCCCCXV','MMCMVI','MMMMCMLXXXXV','MMDCCLVI','MMMMCCXLVIII','DCCCCIIII','MMCCCCIII','MMMDCCLXXXVIIII','MDCCCLXXXXV','DVII','MMMV','DCXXV','MMDCCCXCV','DCVIII','MMCDLXVI','MCXXVIII','MDCCXCVIII','MMDCLX','MMMDCCLXIV','MMCDLXXVII','MMDLXXXIIII','MMMMCCCXXII','MMMDCCCXLIIII','DCCCCLXVII','MMMCLXXXXIII','MCCXV','MMMMDCXI','MMMMDCLXXXXV','MMMCCCLII','MMCMIX','MMDCCXXV','MMDLXXXVI','MMMMDCXXVIIII','DCCCCXXXVIIII','MMCCXXXIIII','MMDCCLXXVIII','MDCCLXVIIII','MMCCLXXXV','MMMMDCCCLXXXVIII','MMCMXCI','MDXLII','MMMMDCCXIV','MMMMLI','DXXXXIII','MMDCCXI','MMMMCCLXXXIII','MMMDCCCLXXIII','MDCLVII','MMCD','MCCCXXVII','MMMMDCCIIII','MMMDCCXLVI','MMMCLXXXVII','MMMCCVIIII','MCCCCLXXIX','DL','DCCCLXXVI','MMDXCI','MMMMDCCCCXXXVI','MMCII','MMMDCCCXXXXV','MMMCDXLV','MMDCXXXXIV','MMD','MDCCCLXXXX','MMDCXLIII','MMCCXXXII','MMDCXXXXVIIII','DCCCLXXI','MDXCVIIII','MMMMCCLXXVIII','MDCLVIIII','MMMCCCLXXXIX','MDCLXXXV','MDLVIII','MMMMCCVII','MMMMDCXIV','MMMCCCLXIIII','MMIIII','MMMMCCCLXXIII','CCIII','MMMCCLV','MMMDXIII','MMMCCCXC','MMMDCCCXXI','MMMMCCCCXXXII','CCCLVI','MMMCCCLXXXVI','MXVIIII','MMMCCCCXIIII','CLXVII','MMMCCLXX','CCCCLXIV','MMXXXXII','MMMMCCLXXXX','MXL','CCXVI','CCCCLVIIII','MMCCCII','MCCCLVIII','MMMMCCCX','MCDLXXXXIV','MDCCCXIII','MMDCCCXL','MMMMCCCXXIII','DXXXIV','CVI','MMMMDCLXXX','DCCCVII','MMCMLXIIII','MMMDCCCXXXIII','DCCC','MDIII','MMCCCLXVI','MMMCCCCLXXI','MMDCCCCXVIII','CCXXXVII','CCCXXV','MDCCCXII','MMMCMV','MMMMCMXV','MMMMDCXCI','DXXI','MMCCXLVIIII','MMMMCMLII','MDLXXX','MMDCLXVI','CXXI','MMMDCCCLIIII','MMMCXXI','MCCIII','MMDCXXXXI','CCXCII','MMMMDXXXV','MMMCCCLXV','MMMMDLXV','MMMCCCCXXXII','MMMCCCVIII','DCCCCLXXXXII','MMCLXIV','MMMMCXI','MLXXXXVII','MMMCDXXXVIII','MDXXII','MLV','MMMMDLXVI','MMMCXII','XXXIII','MMMMDCCCXXVI','MMMLXVIIII','MMMLX','MMMCDLXVII','MDCCCLVII','MMCXXXVII','MDCCCCXXX','MMDCCCLXIII','MMMMDCXLIX','MMMMCMXLVIII','DCCCLXXVIIII','MDCCCLIII','MMMCMLXI','MMMMCCLXI','MMDCCCLIII','MMMDCCCVI','MMDXXXXIX','MMCLXXXXV','MMDXXX','MMMXIII','DCLXXIX','DCCLXII','MMMMDCCLXVIII','MDCCXXXXIII','CCXXXII','MMMMDCXXV','MMMCCCXXVIII','MDCVIII','MMMCLXXXXIIII','CLXXXI','MDCCCCXXXIII','MMMMDCXXX','MMMDCXXIV','MMMCCXXXVII','MCCCXXXXIIII','CXVIII','MMDCCCCIV','MMMMCDLXXV','MMMDLXIV','MDXCIII','MCCLXXXI','MMMDCCCXXIV','MCXLIII','MMMDCCCI','MCCLXXX','CCXV','MMDCCLXXI','MMDLXXXIII','MMMMDCXVII','MMMCMLXV','MCLXVIII','MMMMCCLXXVI','MMMDCCLXVIIII','MMMMDCCCIX','DLXXXXIX','DCCCXXII','MMMMIII','MMMMCCCLXXVI','DCCCXCIII','DXXXI','MXXXIIII','CCXII','MMMDCCLXXXIIII','MMMCXX','MMMCMXXVII','DCCCXXXX','MMCDXXXVIIII','MMMMDCCXVIII','LV','MMMDCCCCVI','MCCCII','MMCMLXVIIII','MDCCXI','MMMMDLXVII','MMCCCCLXI','MMDCCV','MMMCCCXXXIIII','MMMMDI','MMMDCCCXCV','MMDCCLXXXXI','MMMDXXVI','MMMDCCCLVI','MMDCXXX','MCCCVII','MMMMCCCLXII','MMMMXXV','MMCMXXV','MMLVI','MMDXXX','MMMMCVII','MDC','MCCIII','MMMMDCC','MMCCLXXV','MMDCCCXXXXVI','MMMMCCCLXV','CDXIIII','MLXIIII','CCV','MMMCMXXXI','CCCCLXVI','MDXXXII','MMMMCCCLVIII','MMV','MMMCLII','MCMLI','MMDCCXX','MMMMCCCCXXXVI','MCCLXXXI','MMMCMVI','DCCXXX','MMMMCCCLXV','DCCCXI','MMMMDCCCXIV','CCCXXI','MMDLXXV','CCCCLXXXX','MCCCLXXXXII','MMDCIX','DCCXLIIII','DXIV','MMMMCLII','CDLXI','MMMCXXVII','MMMMDCCCCLXIII','MMMDCLIIII','MCCCCXXXXII','MMCCCLX','CCCCLIII','MDCCLXXVI','MCMXXIII','MMMMDLXXVIII','MMDCCCCLX','MMMCCCLXXXX','MMMCDXXVI','MMMDLVIII','CCCLXI','MMMMDCXXII','MMDCCCXXI','MMDCCXIII','MMMMCLXXXVI','MDCCCCXXVI','MDV','MMDCCCCLXXVI','MMMMCCXXXVII','MMMDCCLXXVIIII','MMMCCCCLXVII','DCCXLI','MMCLXXXVIII','MCCXXXVI','MMDCXLVIII','MMMMCXXXII','MMMMDCCLXVI','MMMMCMLI','MMMMCLXV','MMMMDCCCXCIV','MCCLXXVII','LXXVIIII','DCCLII','MMMCCCXCVI','MMMCLV','MMDCCCXXXXVIII','DCCCXV','MXC','MMDCCLXXXXVII','MMMMCML','MMDCCCLXXVIII','DXXI','MCCCXLI','DCLXXXXI','MMCCCLXXXXVIII','MDCCCCLXXVIII','MMMMDXXV','MMMDCXXXVI','MMMCMXCVII','MMXVIIII','MMMDCCLXXIV','MMMCXXV','DXXXVIII','MMMMCLXVI','MDXII','MMCCCLXX','CCLXXI','DXIV','MMMCLIII','DLII','MMMCCCXLIX','MMCCCCXXVI','MMDCXLIII','MXXXXII','CCCLXXXV','MDCLXXVI','MDCXII','MMMCCCLXXXIII','MMDCCCCLXXXII','MMMMCCCLXXXV','MMDCXXI','DCCCXXX','MMMDCCCCLII','MMMDCCXXII','MMMMCDXCVIII','MMMCCLXVIIII','MMXXV','MMMMCDXIX','MMMMCCCX','MMMCCCCLXVI','MMMMDCLXXVIIII','MMMMDCXXXXIV','MMMCMXII','MMMMXXXIII','MMMMDLXXXII','DCCCLIV','MDXVIIII','MMMCLXXXXV','CCCCXX','MMDIX','MMCMLXXXVIII','DCCXLIII','DCCLX','D','MCCCVII','MMMMCCCLXXXIII','MDCCCLXXIIII','MMMDCCCCLXXXVII','MMMMCCCVII','MMMDCCLXXXXVI','CDXXXIV','MCCLXVIII','MMMMDLX','MMMMDXII','MMMMCCCCLIIII','MCMLXXXXIII','MMMMDCCCIII','MMDCLXXXIII','MDCCCXXXXIV','XXXXVII','MMMDCCCXXXII','MMMDCCCXLII','MCXXXV','MDCXXVIIII','MMMCXXXXIIII','MMMMCDXVII','MMMDXXIII','MMMMCCCCLXI','DCLXXXXVIIII','LXXXXI','CXXXIII','MCDX','MCCLVII','MDCXXXXII','MMMCXXIV','MMMMLXXXX','MMDCCCCXLV','MLXXX','MMDCCCCLX','MCDLIII','MMMCCCLXVII','MMMMCCCLXXIV','MMMDCVIII','DCCCCXXIII','MMXCI','MMDCCIV','MMMMDCCCXXXIV','CCCLXXI','MCCLXXXII','MCMIII','CCXXXI','DCCXXXVIII','MMMMDCCXLVIIII','MMMMCMXXXV','DCCCLXXV','DCCXCI','MMMMDVII','MMMMDCCCLXVIIII','CCCXCV','MMMMDCCXX','MCCCCII','MMMCCCXC','MMMCCCII','MMDCCLXXVII','MMDCLIIII','CCXLIII','MMMDCXVIII','MMMCCCIX','MCXV','MMCCXXV','MLXXIIII','MDCCXXVI','MMMCCCXX','MMDLXX','MMCCCCVI','MMDCCXX','MMMMDCCCCXCV','MDCCCXXXII','MMMMDCCCCXXXX','XCIV','MMCCCCLX','MMXVII','MLXXI','MMMDXXVIII','MDCCCCII','MMMCMLVII','MMCLXXXXVIII','MDCCCCLV','MCCCCLXXIIII','MCCCLII','MCDXLVI','MMMMDXVIII','DCCLXXXIX','MMMDCCLXIV','MDCCCCXLIII','CLXXXXV','MMMMCCXXXVI','MMMDCCCXXI','MMMMCDLXXVII','MCDLIII','MMCCXLVI','DCCCLV','MCDLXX','DCLXXVIII','MMDCXXXIX','MMMMDCLX','MMDCCLI','MMCXXXV','MMMCCXII','MMMMCMLXII','MMMMCCV','MCCCCLXIX','MMMMCCIII','CLXVII','MCCCLXXXXIIII','MMMMDCVIII','MMDCCCLXI','MMLXXIX','CMLXIX','MMDCCCXLVIIII','DCLXII','MMMCCCXLVII','MDCCCXXXV','MMMMDCCXCVI','DCXXX','XXVI','MMLXIX','MMCXI','DCXXXVII','MMMMCCCXXXXVIII','MMMMDCLXI','MMMMDCLXXIIII','MMMMVIII','MMMMDCCCLXII','MDCXCI','MMCCCXXIIII','CCCCXXXXV','MMDCCCXXI','MCVI','MMDCCLXVIII','MMMMCXL','MLXVIII','CMXXVII','CCCLV','MDCCLXXXIX','MMMCCCCLXV','MMDCCLXII','MDLXVI','MMMCCCXVIII','MMMMCCLXXXI','MMCXXVII','MMDCCCLXVIII','MMMCXCII','MMMMDCLVIII','MMMMDCCCXXXXII','MMDCCCCLXXXXVI','MDCCXL','MDCCLVII','MMMMDCCCLXXXVI','DCCXXXIII','MMMMDCCCCLXXXV','MMCCXXXXVIII','MMMCCLXXVIII','MMMDCLXXVIII','DCCCI','MMMMLXXXXVIIII','MMMCCCCLXXII','MMCLXXXVII','CCLXVI','MCDXLIII','MMCXXVIII','MDXIV','CCCXCVIII','CLXXVIII','MMCXXXXVIIII','MMMDCLXXXIV','CMLVIII','MCDLIX','MMMMDCCCXXXII','MMMMDCXXXIIII','MDCXXI','MMMDCXLV','MCLXXVIII','MCDXXII','IV','MCDLXXXXIII','MMMMDCCLXV','CCLI','MMMMDCCCXXXVIII','DCLXII','MCCCLXVII','MMMMDCCCXXXVI','MMDCCXLI','MLXI','MMMCDLXVIII','MCCCCXCIII','XXXIII','MMMDCLXIII','MMMMDCL','DCCCXXXXIIII','MMDLVII','DXXXVII','MCCCCXXIIII','MCVII','MMMMDCCXL','MMMMCXXXXIIII','MCCCCXXIV','MMCLXVIII','MMXCIII','MDCCLXXX','MCCCLIIII','MMDCLXXI','MXI','MCMLIV','MMMCCIIII','DCCLXXXVIIII','MDCLIV','MMMDCXIX','CMLXXXI','DCCLXXXVII','XXV','MMMXXXVI','MDVIIII','CLXIII','MMMCDLVIIII','MMCCCCVII','MMMLXX','MXXXXII','MMMMCCCLXVIII','MMDCCCXXVIII','MMMMDCXXXXI','MMMMDCCCXXXXV','MMMXV','MMMMCCXVIIII','MMDCCXIIII','MMMXXVII','MDCCLVIIII','MMCXXIIII','MCCCLXXIV','DCLVIII','MMMLVII','MMMCXLV','MMXCVII','MMMCCCLXXXVII','MMMMCCXXII','DXII','MMMDLV','MCCCLXXVIII','MMMCLIIII','MMMMCLXXXX','MMMCLXXXIIII','MDCXXIII','MMMMCCXVI','MMMMDLXXXIII','MMMDXXXXIII','MMMMCCCCLV','MMMDLXXXI','MMMCCLXXVI','MMMMXX','MMMMDLVI','MCCCCLXXX','MMMXXII','MMXXII','MMDCCCCXXXI','MMMDXXV','MMMDCLXXXVIIII','MMMDLXXXXVII','MDLXIIII','CMXC','MMMXXXVIII','MDLXXXVIII','MCCCLXXVI','MMCDLIX','MMDCCCXVIII','MDCCCXXXXVI','MMMMCMIV','MMMMDCIIII','MMCCXXXV','XXXXVI','MMMMCCXVII','MMCCXXIV','MCMLVIIII','MLXXXIX','MMMMLXXXIX','CLXXXXIX','MMMDCCCCLVIII','MMMMCCLXXIII','MCCCC','DCCCLIX','MMMCCCLXXXII','MMMCCLXVIIII','MCLXXXV','CDLXXXVII','DCVI','MMX','MMCCXIII','MMMMDCXX','MMMMXXVIII','DCCCLXII','MMMMCCCXLIII','MMMMCLXV','DXCI','MMMMCLXXX','MMMDCCXXXXI','MMMMXXXXVI','DCLX','MMMCCCXI','MCCLXXX','MMCDLXXII','DCCLXXI','MMMCCCXXXVI','MCCCCLXXXVIIII','CDLVIII','DCCLVI','MMMMDCXXXVIII','MMCCCLXXXIII','MMMMDCCLXXV','MMMXXXVI','CCCLXXXXIX','CV','CCCCXIII','CCCCXVI','MDCCCLXXXIIII','MMDCCLXXXII','MMMMCCCCLXXXI','MXXV','MMCCCLXXVIIII','MMMCCXII','MMMMCCXXXIII','MMCCCLXXXVI','MMMDCCCLVIIII','MCCXXXVII','MDCLXXV','XXXV','MMDLI','MMMCCXXX','MMMMCXXXXV','CCCCLIX','MMMMDCCCLXXIII','MMCCCXVII','DCCCXVI','MMMCCCXXXXV','MDCCCCXCV','CLXXXI','MMMMDCCLXX','MMMDCCCIII','MMCLXXVII','MMMDCCXXIX','MMDCCCXCIIII','MMMCDXXIIII','MMMMXXVIII','MMMMDCCCCLXVIII','MDCCCXX','MMMMCDXXI','MMMMDLXXXIX','CCXVI','MDVIII','MMCCLXXI','MMMDCCCLXXI','MMMCCCLXXVI','MMCCLXI','MMMMDCCCXXXIV','DLXXXVI','MMMMDXXXII','MMMXXIIII','MMMMCDIV','MMMMCCCXLVIII','MMMMCXXXVIII','MMMCCCLXVI','MDCCXVIII','MMCXX','CCCLIX','MMMMDCCLXXII','MDCCCLXXV','MMMMDCCCXXIV','DCCCXXXXVIII','MMMDCCCCXXXVIIII','MMMMCCXXXV','MDCLXXXIII','MMCCLXXXIV','MCLXXXXIIII','DXXXXIII','MCCCXXXXVIII','MMCLXXIX','MMMMCCLXIV','MXXII','MMMCXIX','MDCXXXVII','MMDCCVI','MCLXXXXVIII','MMMCXVI','MCCCLX','MMMCDX','CCLXVIIII','MMMCCLX','MCXXVIII','LXXXII','MCCCCLXXXI','MMMI','MMMCCCLXIV','MMMCCCXXVIIII','CXXXVIII','MMCCCXX','MMMCCXXVIIII','MCCLXVI','MMMCCCCXXXXVI','MMDCCXCIX','MCMLXXI','MMCCLXVIII','CDLXXXXIII','MMMMDCCXXII','MMMMDCCLXXXVII','MMMDCCLIV','MMCCLXIII','MDXXXVII','DCCXXXIIII','MCII','MMMDCCCLXXI','MMMLXXIII','MDCCCLIII','MMXXXVIII','MDCCXVIIII','MDCCCCXXXVII','MMCCCXVI','MCMXXII','MMMCCCLVIII','MMMMDCCCXX','MCXXIII','MMMDLXI','MMMMDXXII','MDCCCX','MMDXCVIIII','MMMDCCCCVIII','MMMMDCCCCXXXXVI','MMDCCCXXXV','MMCXCIV','MCMLXXXXIII','MMMCCCLXXVI','MMMMDCLXXXV','CMLXIX','DCXCII','MMXXVIII','MMMMCCCXXX','XXXXVIIII'
+];
+```
+
+## --seed-contents--
+
+```js
+function romanNumerals(roman) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testNumerals1 = [
+  'XIIIIII', 'XVI', 'MMMCCLXVIIII', 'XXXXVI', 'MMMMXX', 'CCLI', 'CCCCXX', 'MMMMDCXXXXI', 'DCCCCIIII', 'MXVIIII'
+];
+
+romanNumerals(testNumerals1);
+```
+
+# --solutions--
+
+```js
+function romanNumerals(roman) {
+  const numerals = [...roman];
+  const replaces = [
+    ['VIIII', 'IX'],
+    ['IIII', 'IV'],
+    ['LXXXX', 'XC'],
+    ['XXXX', 'XL'],
+    ['DCCCC', 'CM'],
+    ['CCCC', 'CD']
+  ];
+  let savedChars = 0;
+  for (let i = 0; i < numerals.length; i++) {
+    const charsBefore = numerals[i].length;
+    for (let j = 0; j < replaces.length; j++) {
+      numerals[i] = numerals[i].replace(...replaces[j]);
+    }
+    const charsAfter = numerals[i].length;
+    savedChars += charsBefore - charsAfter;
+  }
+  return savedChars;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.md
new file mode 100644
index 0000000000..f571dbbdd0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-9-special-pythagorean-triplet.md
@@ -0,0 +1,74 @@
+---
+id: 5900f3761000cf542c50fe88
+title: 'Завдання 9: Особлива Піфагорова трійка'
+challengeType: 5
+forumTopicId: 302205
+dashedName: problem-9-special-pythagorean-triplet
+---
+
+# --description--
+
+Піфагорова трійка - це набір з трьох натуральних чисел `a` &lt; `b` &lt; `c`, для яких
+
+<div style='text-align: center;'><var>a</var><sup>2</sup> + <var>b</var><sup>2</sup> = <var>c</var><sup>2</sup></div>
+
+Наприклад, 3<sup>2</sup> + 4<sup>2</sup> = 9 + 16 = 25 = 5<sup>2</sup>.
+
+Існує лише одна Піфагорова трійка, для якої `a` + `b` + `c` = 1000. Знайдіть такий добуток `abc`, щоб `a` + `b` + `c` = `n`.
+
+# --hints--
+
+`specialPythagoreanTriplet(24)` має повернути число.
+
+```js
+assert(typeof specialPythagoreanTriplet(24) === 'number');
+```
+
+`specialPythagoreanTriplet(24)` має повернути число 480.
+
+```js
+assert.strictEqual(specialPythagoreanTriplet(24), 480);
+```
+
+`specialPythagoreanTriplet(120)` має повернути числа 49920, 55080 або число 60000
+
+```js
+assert([49920, 55080, 60000].includes(specialPythagoreanTriplet(120)));
+```
+
+`specialPythagoreanTriplet(1000)` має повернути число 31875000.
+
+```js
+assert.strictEqual(specialPythagoreanTriplet(1000), 31875000);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function specialPythagoreanTriplet(n) {
+ let sumOfabc = n;
+
+ return true;
+}
+
+specialPythagoreanTriplet(1000);
+```
+
+# --solutions--
+
+```js
+const specialPythagoreanTriplet = (n)=>{
+ let sumOfabc = n;
+ let a,b,c;
+ for(a = 1; a<=sumOfabc/3; a++){
+ for(b = a+1; b<=sumOfabc/2; b++){
+ c = Math.sqrt(a*a+b*b);
+ if((a+b+c) == sumOfabc){
+ return a*b*c;
+ }
+ }
+ }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.md
new file mode 100644
index 0000000000..472e33bf12
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-90-cube-digit-pairs.md
@@ -0,0 +1,65 @@
+---
+id: 5900f3c61000cf542c50fed9
+title: 'Завдання 90: Пари цифр на кубиках'
+challengeType: 5
+forumTopicId: 302207
+dashedName: problem-90-cube-digit-pairs
+---
+
+# --description--
+
+На кожній із шести граней куба написана інша цифра (від 0 до 9); те саме зроблено і з другим кубом. Розмістивши два кубики поруч у різних положеннях, ми можемо сформувати різноманітні двозначні числа.
+
+Наприклад, можна сформувати квадратне число 64:
+
+<img class="img-responsive center-block" alt="два куби: один з числом 6, інший з числом 4" src="https://cdn-media-1.freecodecamp.org/project-euler/cube-digit-pairs.png" style="background-color: white; padding: 10px;" />
+
+Взагалі, ретельно вибираючи цифри на обох кубиках, можна відобразити всі квадратні числа нижче сотні: 01, 04, 09, 16, 25, 36, 49, 64 та 81.
+
+Наприклад, можна вибрати {0, 5, 6, 7, 8, 9} на одному кубі та {1, 2, 3, 4, 8, 9} на іншому кубі.
+
+Проте для цього потрібно допустити, щоб 6 або 9 були перевернутими так, щоб варіанти типу {0, 5, 6, 7, 8, 9} і {1, 2, 3, 4, 6, 7} дозволяли відображати всі дев'ять квадратних чисел; в іншому випадку було б неможливо отримати 09.
+
+У визначенні чіткого варіанту важливі цифри на кожному кубі, а не їхній порядок.
+
+<div style="margin-left: 4em;">
+  {1, 2, 3, 4, 5, 6} дорівнює {3, 6, 4, 1, 2, 5}<br>
+  {1, 2, 3, 4, 5, 6} відрізняється від {1, 2, 3, 4, 5, 9}
+</div>
+
+Але оскільки ми допускаємо, щоб 6 та 9 були оберненими, то два різні набори в попередньому прикладі відображають розширений набір {1, 2, 3, 4, 5, 6, 9} для формування 2-значних чисел.
+
+Скільки різних варіантів цифр на двох кубах уможливлюють відображення всіх квадратних чисел?
+
+# --hints--
+
+`cubeDigitPairs()` має повернути число.
+
+```js
+assert(typeof cubeDigitPairs() === 'number');
+```
+
+`cubeDigitPairs()` має повернути 1217.
+
+```js
+assert.strictEqual(cubeDigitPairs(), 1217);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cubeDigitPairs() {
+
+  return true;
+}
+
+cubeDigitPairs();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.md
new file mode 100644
index 0000000000..9a1bf364ff
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-91-right-triangles-with-integer-coordinates.md
@@ -0,0 +1,119 @@
+---
+id: 5900f3c71000cf542c50feda
+title: 'Завдання 91: Прямокутні трикутники з цілочисельними координатами'
+challengeType: 5
+forumTopicId: 302208
+dashedName: problem-91-right-triangles-with-integer-coordinates
+---
+
+# --description--
+
+Точки ${P}(x_1, y_1)$ і ${Q}(x_2, y_2)$ нанесені на цілочисельні координати та приєднані до координат ${O}(0, 0)$ для формування ${\Delta}OPQ$.
+
+<img class="img-responsive center-block" alt="графік, що зображує точки P (x_1, y_1) і Q(x_2, y_2) у цілочисельних координатах, які приєднуються до координат O (0, 0)" src="https://cdn-media-1.freecodecamp.org/project-euler/right-triangles-integer-coordinates-1.png" style="background-color: white; padding: 10px;" />
+
+Існує рівно чотирнадцять трикутників, що містять прямий кут, який можна утворити, коли кожна координата знаходиться між 0 та 2 включно; тобто, $0 ≤ x_1, y_1, x_2, y_2 ≤ 2$.
+
+<img class="img-responsive center-block" alt="діаграм, що показує 14 трикутників, які містять прямий кут, що може бути утворений, якщо кожна координата знаходиться між 0 та 2" src="https://cdn-media-1.freecodecamp.org/project-euler/right-triangles-integer-coordinates-2.png" style="background-color: white; padding: 10px;" />
+
+Враховуючи, що $0 ≤ x_1, y_1, x_2, y_2 ≤ limit$, скільки прямокутних трикутників можна утворити?
+
+# --hints--
+
+`rightTrianglesIntCoords(2)` має вивести число.
+
+```js
+assert(typeof rightTrianglesIntCoords(2) === 'number');
+```
+
+`rightTrianglesIntCoords(2)` має вивести `14`.
+
+```js
+assert.strictEqual(rightTrianglesIntCoords(2), 14);
+```
+
+`rightTrianglesIntCoords(10)` має вивести `448`.
+
+```js
+assert.strictEqual(rightTrianglesIntCoords(10), 448);
+```
+
+`rightTrianglesIntCoords(25)` має вивести `3207`.
+
+```js
+assert.strictEqual(rightTrianglesIntCoords(25), 3207);
+```
+
+`rightTrianglesIntCoords(50)` має вивести `14234`.
+
+```js
+assert.strictEqual(rightTrianglesIntCoords(50), 14234);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function rightTrianglesIntCoords(limit) {
+
+  return true;
+}
+
+rightTrianglesIntCoords(2);
+```
+
+# --solutions--
+
+```js
+function rightTrianglesIntCoords(limit) {
+  function isRightTriangle(points) {
+    for (let i = 0; i < points.length; i++) {
+      const pointA = points[i];
+      const pointB = points[(i + 1) % 3];
+      const pointC = points[(i + 2) % 3];
+      const vectorAB = [pointB[0] - pointA[0], pointB[1] - pointA[1]];
+      const vectorAC = [pointC[0] - pointA[0], pointC[1] - pointA[1]];
+
+      if (isRightAngleBetween(vectorAB, vectorAC)) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  function isRightAngleBetween(vector1, vector2) {
+    return vector1[0] * vector2[0] + vector1[1] * vector2[1] === 0;
+  }
+
+  function getSetKey(points) {
+    return (
+      '0.0,' +
+      points
+        .sort((a, b) => a[0] - b[0])
+        .map(point => point.join('.'))
+        .join(',')
+    );
+  }
+
+  const pointO = [0, 0];
+  const rightTriangles = new Set();
+  for (let x1 = 1; x1 <= limit; x1++) {
+    for (let y1 = 0; y1 <= limit; y1++) {
+      const pointP = [x1, y1];
+      for (let x2 = 0; x2 <= limit; x2++) {
+        for (let y2 = 1; y2 <= limit; y2++) {
+          const pointQ = [x2, y2];
+          if (pointP[0] === pointQ[0] && pointP[1] === pointQ[1]) {
+            continue;
+          }
+          if (isRightTriangle([pointO, pointP, pointQ])) {
+            rightTriangles.add(getSetKey([pointP, pointQ]));
+          }
+        }
+      }
+    }
+  }
+  return rightTriangles.size;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
new file mode 100644
index 0000000000..b5b2266552
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-92-square-digit-chains.md
@@ -0,0 +1,152 @@
+---
+id: 5900f3c81000cf542c50fedb
+title: 'Завдання 92: Послідовності квадратів цифр'
+challengeType: 5
+forumTopicId: 302209
+dashedName: problem-92-square-digit-chains
+---
+
+# --description--
+
+Послідовність чисел створюється шляхом додавання квадратів цифр попереднього числа до тих пір, поки не вийде число, яке вже зустрічалося раніше.
+
+Наприклад,
+
+$$\begin{align} & 44 → 32 → 13 → 10 → \boldsymbol{1} → \boldsymbol{1}\\\\ & 85 → \boldsymbol{89} → 145 → 42 → 20 → 4 → 16 → 37 → 58 → \boldsymbol{89}\\\\ \end{align}$$
+
+Таким чином, будь-яка послідовність, що призводить до отримання 1 або 89, замкнеться в нескінченний цикл. Найдивовижніше, що БУДЬ-ЯКЕ початкове число рано чи пізно дасть 1 або 89.
+
+Скільки початкових чисел `limit` десяти мільйонів приведуть до отримання 89?
+
+# --hints--
+
+`squareDigitChains(100)` повинен повертатися як число.
+
+```js
+assert(typeof squareDigitChains(100) === 'number');
+```
+
+`squareDigitChains(100)` повинен повертатися як `80`.
+
+```js
+assert.strictEqual(squareDigitChains(100), 80);
+```
+
+`squareDigitChains(1000)` має повертатися як `857`.
+
+```js
+assert.strictEqual(squareDigitChains(1000), 857);
+```
+
+`squareDigitChains(100000)` повинен повертатися як `85623`.
+
+```js
+assert.strictEqual(squareDigitChains(100000), 85623);
+```
+
+`squareDigitChains(10000000)` повинен повертатися як `8581146`.
+
+```js
+assert.strictEqual(squareDigitChains(10000000), 8581146);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function squareDigitChains(limit) {
+
+  return true;
+}
+
+squareDigitChains(100);
+```
+
+# --solutions--
+
+```js
+function squareDigitChains(limit) {
+  // Based on https://www.xarg.org/puzzle/project-euler/problem-92/
+  function getCombinations(neededDigits, curDigits) {
+    if (neededDigits === curDigits.length) {
+      return [curDigits];
+    }
+    const combinations = [];
+    const lastDigit = curDigits.length !== 0 ? curDigits[0] : 9;
+    for (let i = 0; i <= lastDigit; i++) {
+      const results = getCombinations(neededDigits, [i].concat(curDigits));
+      combinations.push(...results);
+    }
+    return combinations;
+  }
+
+  function getPossibleSums(limit) {
+    const digitsCount = getDigits(limit).length - 1;
+    const possibleSquaredSums = [false];
+    for (let i = 1; i <= 81 * digitsCount; i++) {
+      let curVal = i;
+      while (curVal !== 1 && curVal !== 89) {
+        curVal = addSquaredDigits(curVal);
+      }
+      possibleSquaredSums[i] = curVal === 89;
+    }
+    return possibleSquaredSums;
+  }
+
+  function addSquaredDigits(num) {
+    const digits = getDigits(num);
+    let result = 0;
+    for (let i = 0; i < digits.length; i++) {
+      result += digits[i] ** 2;
+    }
+    return result;
+  }
+
+  function getDigits(number) {
+    const digits = [];
+    while (number > 0) {
+      digits.push(number % 10);
+      number = Math.floor(number / 10);
+    }
+    return digits;
+  }
+
+  function getFactorials(number) {
+    const factorials = [1];
+    for (let i = 1; i < number; i++) {
+      factorials[i] = factorials[i - 1] * i;
+    }
+    return factorials;
+  }
+
+  const neededDigits = getDigits(limit).length - 1;
+  const combinations = getCombinations(neededDigits, []);
+  const possibleSquaredDigitsSums = getPossibleSums(limit);
+  const factorials = getFactorials(neededDigits + 1);
+
+  let endingWith89 = 0;
+
+  for (let i = 0; i < combinations.length; i++) {
+    let counts = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    let digits = combinations[i];
+    let curSum = 0;
+    for (let j = 0; j < digits.length; j++) {
+      const curDigit = digits[j];
+      curSum += curDigit ** 2;
+      counts[curDigit]++;
+    }
+
+    if (possibleSquaredDigitsSums[curSum]) {
+      let denominator = 1;
+      for (let j = 0; j < counts.length; j++) {
+        denominator = denominator * factorials[counts[j]];
+      }
+      endingWith89 += Math.floor(
+        factorials[factorials.length - 1] / denominator
+      );
+    }
+  }
+  return endingWith89;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.md
new file mode 100644
index 0000000000..3d036cd337
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-93-arithmetic-expressions.md
@@ -0,0 +1,59 @@
+---
+id: 5900f3ca1000cf542c50fedc
+title: 'Завдання 93: Арифметичні вирази'
+challengeType: 5
+forumTopicId: 302210
+dashedName: problem-93-arithmetic-expressions
+---
+
+# --description--
+
+Використовуючи кожну цифру з множини, {1, 2, 3, 4}, тільки один раз, і використовуючи чотири арифметичні операції (+, −, \*, /) і квадратні дужки/круглі дужки, можна сформувати різні цілі додатні числа.
+
+Наприклад,
+
+<div style='margin-left: 4em;'>
+  8 = (4 * (1 + 3)) / 2<br>
+  14 = 4 * (3 + 1 / 2)<br>
+  19 = 4 * (2 + 3) − 1<br>
+  36 = 3 * 4 * (2 + 1)
+</div>
+
+Зверніть увагу, що злиття цифр, таких як 12 + 34, не допускаються.
+
+Використовуючи множину, {1, 2, 3, 4}, можна отримати тридцять одне різне цільове число, з яких 36 є максимальним, і кожне з чисел від 1 до 28 можна отримати, перш ніж зустріти перше невиражене число.
+
+Знайдіть множину чотирьох різних цифр, `a` &lt; `b` &lt; `c` &lt; `d`, для якої найдовший набір послідовних цілих чисел у порядку від 1 до `n`, який можна отримати, отримуючи вашу відповідь як рядок: `abcd`.
+
+# --hints--
+
+`arithmeticExpressions()` має повернути number.
+
+```js
+assert(typeof arithmeticExpressions() === 'number');
+```
+
+`arithmeticExpressions()` має повернути 1258.
+
+```js
+assert.strictEqual(arithmeticExpressions(), 1258);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function arithmeticExpressions() {
+
+  return true;
+}
+
+arithmeticExpressions();
+```
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.md
new file mode 100644
index 0000000000..912ffa7014
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-94-almost-equilateral-triangles.md
@@ -0,0 +1,84 @@
+---
+id: 5900f3ca1000cf542c50fedd
+title: 'Завдання 94: Майже рівносторонні трикутники'
+challengeType: 5
+forumTopicId: 302211
+dashedName: problem-94-almost-equilateral-triangles
+---
+
+# --description--
+
+Відомо, що не існує рівностороннього трикутника з цілочисельними сторонами і площею. Однак майже рівносторонній трикутник 5-5-6 має площу 12 квадратних одиниць.
+
+Визначимо <dfn>майже рівносторонній трикутник</dfn> як трикутник, у якого дві сторони рівні, а третя відрізняється не більше ніж на одну одиницю.
+
+Знайдіть суму периметрів усіх майже рівносторонніх трикутників з цілочисельними сторонами і площею, периметри яких не перевищують `limit`.
+
+# --hints--
+
+`almostEquilateralTriangles(50)` має повернути число.
+
+```js
+assert(typeof almostEquilateralTriangles(50) === 'number');
+```
+
+`almostEquilateralTriangles(50)` має повернути `66`.
+
+```js
+assert.strictEqual(almostEquilateralTriangles(50), 66);
+```
+
+`almostEquilateralTriangles(10000)` має повернути `3688`.
+
+```js
+assert.strictEqual(almostEquilateralTriangles(10000), 3688);
+```
+
+`almostEquilateralTriangles(10000000)` має повернути `9973078`.
+
+```js
+assert.strictEqual(almostEquilateralTriangles(10000000), 9973078);
+```
+
+`almostEquilateralTriangles(1000000000)` має повернути `518408346`.
+
+```js
+assert.strictEqual(almostEquilateralTriangles(1000000000), 518408346);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function almostEquilateralTriangles(limit) {
+
+  return true;
+}
+
+almostEquilateralTriangles(50);
+```
+
+# --solutions--
+
+```js
+function almostEquilateralTriangles(limit) {
+  // Based on https://blog.dreamshire.com/project-euler-94-solution/
+  let perimetersSum = 0;
+
+  let sidesAB = 1;
+  let sideC = 1;
+  let perimeter = 0;
+  let perimeterOffset = 1;
+
+  while (perimeter <= limit) {
+    [sidesAB, sideC] = [4 * sidesAB - sideC + 2 * perimeterOffset, sidesAB];
+    perimeterOffset = -perimeterOffset;
+
+    perimetersSum += perimeter;
+    perimeter = 3 * sidesAB - perimeterOffset;
+  }
+
+  return perimetersSum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
new file mode 100644
index 0000000000..77825d0710
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-95-amicable-chains.md
@@ -0,0 +1,124 @@
+---
+id: 5900f3cc1000cf542c50fede
+title: 'Задача 95: Ланцюжки дружніх чисел'
+challengeType: 5
+forumTopicId: 302212
+dashedName: problem-95-amicable-chains
+---
+
+# --description--
+
+Власними дільниками числа є всі його дільники, окрім самого числа. Наприклад, власними дільниками числа 28 є 1, 2, 4, 7 і 14. Оскільки сума цих дільників дорівнює 28, ми називаємо його ідеальним числом.
+
+Цікаво, що сума власних дільників числа 220 дорівнює 284, а сума власних дільників числа 284 дорівнює 220, утворюючи ланцюжок з двох чисел. Тому числа 220 і 284 називаються парою дружніх чисел.
+
+Можливо, менше відомими є ланцюжки більшої довжини. Наприклад, починаючи з числа 12496, формується ланцюжок з п'яти чисел:
+
+$$ 12496 → 14288 → 15472 → 14536 → 14264 \\,(→ 12496 → \cdots) $$
+
+Оскільки ланцюжок закінчується тим самим числом, з якого починався, його називають ланцюжком дружніх чисел.
+
+Знайдіть найменший член найдовшого ланцюжка дружніх чисел, жоден елемент якої не перевищує `limit`.
+
+# --hints--
+
+`amicableChains(300)` має повернути число.
+
+```js
+assert(typeof amicableChains(300) === 'number');
+```
+
+`amicableChains(300)` має повернути `220`.
+
+```js
+assert.strictEqual(amicableChains(300), 220);
+```
+
+`amicableChains(15000)` має повернути `220`.
+
+```js
+assert.strictEqual(amicableChains(15000), 220);
+```
+
+`amicableChains(100000)` має повернути `12496`.
+
+```js
+assert.strictEqual(amicableChains(100000), 12496);
+```
+
+`amicableChains(1000000)` має повернути `14316`.
+
+```js
+assert.strictEqual(amicableChains(1000000), 14316);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function amicableChains(limit) {
+
+  return true;
+}
+
+amicableChains(300);
+```
+
+# --solutions--
+
+```js
+function amicableChains(limit) {
+  function getSmallestMember(chain) {
+    let smallest = chain[0];
+    for (let i = 1; i < chain.length; i++) {
+      if (smallest > chain[i]) {
+        smallest = chain[i];
+      }
+    }
+    return smallest;
+  }
+
+  function getFactorsSums(limit) {
+    const factorsSums = new Array(limit + 1).fill(1);
+    for (let i = 2; i <= limit / 2; i++) {
+      for (let j = 2 * i; j <= limit; j += i) {
+        factorsSums[j] += i;
+      }
+    }
+    return factorsSums;
+  }
+
+  const factorsSums = getFactorsSums(limit);
+  const checkedNumbers = new Set();
+
+  let longestChain = 0;
+  let smallestMember = 0;
+  for (let i = 0; i <= limit; i++) {
+    const curChain = [];
+    let curNumber = i;
+    while (!checkedNumbers.has(curNumber) && factorsSums[curNumber] <= limit) {
+      curNumber = factorsSums[curNumber];
+
+      const chainStart = curChain.indexOf(curNumber);
+      if (chainStart === -1) {
+        curChain.push(curNumber);
+        continue;
+      }
+
+      const chainLength = curChain.length - chainStart;
+      if (chainLength > longestChain) {
+        longestChain = chainLength;
+        smallestMember = getSmallestMember(curChain.slice(chainStart));
+      }
+      break;
+    }
+
+    for (let j = 0; j < curChain.length; j++) {
+      checkedNumbers.add(curChain[j]);
+    }
+  }
+
+  return smallestMember;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-96-su-doku.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-96-su-doku.md
new file mode 100644
index 0000000000..93b1b66722
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-96-su-doku.md
@@ -0,0 +1,296 @@
+---
+id: 5900f3cc1000cf542c50fedf
+title: 'Проблема 96: Су Доку'
+challengeType: 5
+forumTopicId: 302213
+dashedName: problem-96-su-doku
+---
+
+# --description--
+
+Су Доку (з японської * розміщення чисел*) - це назва популярної головоломки. Її походження невідоме, проте слід згадати Леонарда Ейлера, який створив схожий, але проте набагато складніший пазл під назвою "Латинський квадрат". Мета головоломки Су Доку - заповнити пусті клітинки (або нулі) на полі 9 на 9 клітинок таким чином, щоб кожен ряд, колонка і квадрат 3 на 3 клітинки містив усі цифри від 1 до 9. Нижче наведено приклад початкового поля Су Доку і поля з уже вирішеною головоломкою.
+
+<div style="margin: auto; background-color: white; padding: 10px; width: 80%; text-align: center;">
+  <table border="0" cellpadding="0" cellspacing="0" align="center">
+    <tbody>
+      <tr>
+        <td>
+          <table cellpadding="5" cellspacing="0" border="1">
+            <tbody>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  0 0 3<br />9 0 0<br />0 0 1
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  0 2 0<br />3 0 5<br />8 0 6
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  6 0 0<br />0 0 1<br />4 0 0
+                </td>
+              </tr>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  0 0 8<br />7 0 0<br />0 0 6
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  1 0 2<br />0 0 0<br />7 0 8
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  9 0 0<br />0 0 8<br />2 0 0
+                </td>
+              </tr>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  0 0 2<br />8 0 0<br />0 0 5
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  6 0 9<br />2 0 3<br />0 1 0
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  5 0 0<br />0 0 9<br />3 0 0
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </td>
+        <td width="50">
+          <img src="images/spacer.gif" width="50" height="1" alt="" /><br />
+        </td>
+        <td>
+          <table cellpadding="5" cellspacing="0" border="1">
+            <tbody>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  4 8 3<br />9 6 7<br />2 5 1
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  9 2 1<br />3 4 5<br />8 7 6
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  6 5 7<br />8 2 1<br />4 9 3
+                </td>
+              </tr>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  5 4 8<br />7 2 9<br />1 3 6
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  1 3 2<br />5 6 4<br />7 9 8
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  9 7 6<br />1 3 8<br />2 4 5
+                </td>
+              </tr>
+              <tr>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  3 7 2<br />8 1 4<br />6 9 5
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  6 8 9<br />2 5 3<br />4 1 7
+                </td>
+                <td style="font-family:'courier new';font-size:14pt; color: black; padding: 5px; border: 2px solid black;">
+                  5 1 4<br />7 6 9<br />3 8 2
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+Вдало створена головоломка Су Доку вирішується логічно в єдиний унікальний спосіб. Хоча, задля того аби зменшити кількість варіантів вирішення, може знадобитися метод "спробуй здогадку" (проте це дуже спірне питання). Заплутаність вирішення залежить від складності самої головоломки. Наведений вище приклад вважається легким, оскільки його можна вирішити простою дедукцією.
+
+Масив `puzzlesArr` складається з різних рядків головоломки Су Доку, що відрізняються за складністю, проте кожен зі своїм унікальним способом вирішення.
+
+Щоб вирішити `puzzlesArr`, порахуйте суму трьох значних цифр у лівому верхньому кутку кожного поля. Наприклад, 483 - трьох значна цифра у верхньому лівому кутку поля (з вирішенням), що наведено вище.
+
+# --hints--
+
+`suDoku(testPuzzles1)` має вивести число.
+
+```js
+assert(typeof suDoku(_testPuzzles1) === 'number');
+```
+
+`suDoku(testPuzzles1)` має вивести `1190`.
+
+```js
+assert.strictEqual(suDoku(_testPuzzles1), 1190);
+```
+
+`suDoku(testPuzzles2)` має вивести `24702`.
+
+```js
+assert.strictEqual(suDoku(_testPuzzles2), 24702);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testPuzzles1 = [
+  '003020600900305001001806400008102900700000008006708200002609500800203009005010300',
+  '200080300060070084030500209000105408000000000402706000301007040720040060004010003',
+  '000000907000420180000705026100904000050000040000507009920108000034059000507000000'
+];
+
+const _testPuzzles2 = [
+  '003020600900305001001806400008102900700000008006708200002609500800203009005010300',
+  '200080300060070084030500209000105408000000000402706000301007040720040060004010003',
+  '000000907000420180000705026100904000050000040000507009920108000034059000507000000',
+  '030050040008010500460000012070502080000603000040109030250000098001020600080060020',
+  '020810740700003100090002805009040087400208003160030200302700060005600008076051090',
+  '100920000524010000000000070050008102000000000402700090060000000000030945000071006',
+  '043080250600000000000001094900004070000608000010200003820500000000000005034090710',
+  '480006902002008001900370060840010200003704100001060049020085007700900600609200018',
+  '000900002050123400030000160908000000070000090000000205091000050007439020400007000',
+  '001900003900700160030005007050000009004302600200000070600100030042007006500006800',
+  '000125400008400000420800000030000095060902010510000060000003049000007200001298000',
+  '062340750100005600570000040000094800400000006005830000030000091006400007059083260',
+  '300000000005009000200504000020000700160000058704310600000890100000067080000005437',
+  '630000000000500008005674000000020000003401020000000345000007004080300902947100080',
+  '000020040008035000000070602031046970200000000000501203049000730000000010800004000',
+  '361025900080960010400000057008000471000603000259000800740000005020018060005470329',
+  '050807020600010090702540006070020301504000908103080070900076205060090003080103040',
+  '080005000000003457000070809060400903007010500408007020901020000842300000000100080',
+  '003502900000040000106000305900251008070408030800763001308000104000020000005104800',
+  '000000000009805100051907420290401065000000000140508093026709580005103600000000000',
+  '020030090000907000900208005004806500607000208003102900800605007000309000030020050',
+  '005000006070009020000500107804150000000803000000092805907006000030400010200000600',
+  '040000050001943600009000300600050002103000506800020007005000200002436700030000040',
+  '004000000000030002390700080400009001209801307600200008010008053900040000000000800',
+  '360020089000361000000000000803000602400603007607000108000000000000418000970030014',
+  '500400060009000800640020000000001008208000501700500000000090084003000600060003002',
+  '007256400400000005010030060000508000008060200000107000030070090200000004006312700',
+  '000000000079050180800000007007306800450708096003502700700000005016030420000000000',
+  '030000080009000500007509200700105008020090030900402001004207100002000800070000090',
+  '200170603050000100000006079000040700000801000009050000310400000005000060906037002',
+  '000000080800701040040020030374000900000030000005000321010060050050802006080000000',
+  '000000085000210009960080100500800016000000000890006007009070052300054000480000000',
+  '608070502050608070002000300500090006040302050800050003005000200010704090409060701',
+  '050010040107000602000905000208030501040070020901080406000401000304000709020060010',
+  '053000790009753400100000002090080010000907000080030070500000003007641200061000940',
+  '006080300049070250000405000600317004007000800100826009000702000075040190003090600',
+  '005080700700204005320000084060105040008000500070803010450000091600508007003010600',
+  '000900800128006400070800060800430007500000009600079008090004010003600284001007000',
+  '000080000270000054095000810009806400020403060006905100017000620460000038000090000',
+  '000602000400050001085010620038206710000000000019407350026040530900020007000809000',
+  '000900002050123400030000160908000000070000090000000205091000050007439020400007000',
+  '380000000000400785009020300060090000800302009000040070001070500495006000000000092',
+  '000158000002060800030000040027030510000000000046080790050000080004070100000325000',
+  '010500200900001000002008030500030007008000500600080004040100700000700006003004050',
+  '080000040000469000400000007005904600070608030008502100900000005000781000060000010',
+  '904200007010000000000706500000800090020904060040002000001607000000000030300005702',
+  '000700800006000031040002000024070000010030080000060290000800070860000500002006000',
+  '001007090590080001030000080000005800050060020004100000080000030100020079020700400',
+  '000003017015009008060000000100007000009000200000500004000000020500600340340200000',
+  '300200000000107000706030500070009080900020004010800050009040301000702000000008006'
+];
+```
+
+## --seed-contents--
+
+```js
+function suDoku(puzzlesArr) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testPuzzles1 = [
+  '003020600900305001001806400008102900700000008006708200002609500800203009005010300',
+  '200080300060070084030500209000105408000000000402706000301007040720040060004010003',
+  '000000907000420180000705026100904000050000040000507009920108000034059000507000000'
+];
+
+suDoku(testPuzzles1);
+```
+
+# --solutions--
+
+```js
+function suDoku(puzzlesArr) {
+  function solve(puzzle) {
+    for (let row = 0; row < 9; row++) {
+      for (let col = 0; col < 9; col++) {
+        if (puzzle[row][col] > 0) {
+          continue;
+        }
+
+        const allowedNumbers = getAllowedNumbers(puzzle, row, col);
+
+        for (let number = 1; number <= 9; number++) {
+          if (allowedNumbers[number]) {
+            puzzle[row][col] = number;
+            if (solve(puzzle)) {
+              return true;
+            }
+          }
+        }
+
+        puzzle[row][col] = 0;
+        return false;
+      }
+    }
+    return true;
+  }
+
+  function getAllowedNumbers(puzzle, row, col) {
+    const allowed = new Array(10).fill(true);
+    allowed[0] = false;
+
+    for (let i = 0; i < 9; i++) {
+      const numberInSameRow = puzzle[row][i];
+      if (numberInSameRow > 0) {
+        allowed[numberInSameRow] = false;
+      }
+
+      const numberInSameCol = puzzle[i][col];
+      if (numberInSameCol > 0) {
+        allowed[numberInSameCol] = false;
+      }
+    }
+
+    const rowOfSubGrid = Math.floor(row / 3) * 3;
+    const colOfSubGrid = Math.floor(col / 3) * 3;
+    for (let rowInSubGrid = 0; rowInSubGrid < 3; rowInSubGrid++) {
+      for (let colInSubGrid = 0; colInSubGrid < 3; colInSubGrid++) {
+        const numberInSameSubGrid =
+          puzzle[rowOfSubGrid + rowInSubGrid][colOfSubGrid + colInSubGrid];
+        if (numberInSameSubGrid > 0) {
+          allowed[numberInSameSubGrid] = false;
+        }
+      }
+    }
+
+    return allowed;
+  }
+
+  function parsePuzzle(string) {
+    const puzzle = [];
+    for (let row = 0; row < 9; row++) {
+      puzzle.push(
+        string
+          .slice(row * 9, 9 + row * 9)
+          .split('')
+          .map(x => parseInt(x, 10))
+      );
+    }
+    return puzzle;
+  }
+
+  let sum = 0;
+  for (let i = 0; i < puzzlesArr.length; i++) {
+    const puzzle = parsePuzzle(puzzlesArr[i]);
+    if (solve(puzzle)) {
+      sum += 100 * puzzle[0][0] + 10 * puzzle[0][1] + puzzle[0][2];
+    }
+  }
+
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
new file mode 100644
index 0000000000..eb4e876efa
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-97-large-non-mersenne-prime.md
@@ -0,0 +1,88 @@
+---
+id: 5900f3ce1000cf542c50fee0
+title: 'Завдання 97: Велике просте число не-Мерсенна'
+challengeType: 5
+forumTopicId: 302214
+dashedName: problem-97-large-non-mersenne-prime
+---
+
+# --description--
+
+Перше відоме просте число, що перевищувало один мільйон цифр, було виявлено в 1999 році, і воно є Мерсеннським простим числом у формі $2^{6972593} − 1$; воно містить рівно 2,098,960 цифр. Згодом, виявилося, що інші Мерсеннівські числа, у формі $2^p − 1$, містять більше цифр.
+
+Однак, у 2004 році винайшли масивне немерсеннівське просте число, яке містить 2,357,207 цифр: $28433 × 2^{7830457} + 1$.
+
+Знайдіть останні десять цифр простих чисел у вигляді $multiplier × 2^{power} + 1$.
+
+# --hints--
+
+`largeNonMersennePrime(19, 6833086)` має вивести рядок.
+
+```js
+assert(typeof largeNonMersennePrime(19, 6833086) === 'string');
+```
+
+`largeNonMersennePrime(19, 6833086)` має вивести рядок `3637590017`.
+
+```js
+assert.strictEqual(largeNonMersennePrime(19, 6833086), '3637590017');
+```
+
+`largeNonMersennePrime(27, 7046834)` має вивести рядок `0130771969`.
+
+```js
+assert.strictEqual(largeNonMersennePrime(27, 7046834), '0130771969');
+```
+
+`largeNonMersennePrime(6679881, 6679881)` має вивести рядок `4455386113`.
+
+```js
+assert.strictEqual(largeNonMersennePrime(6679881, 6679881), '4455386113');
+```
+
+`largeNonMersennePrime(28433, 7830457)` має вивести рядок `8739992577`.
+
+```js
+assert.strictEqual(largeNonMersennePrime(28433, 7830457), '8739992577');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function largeNonMersennePrime(multiplier, power) {
+
+  return true;
+}
+
+largeNonMersennePrime(19, 6833086);
+```
+
+# --solutions--
+
+```js
+function largeNonMersennePrime(multiplier, power) {
+  function modStepsResults(number, other, mod, startValue, step) {
+    let result = startValue;
+    for (let i = 0; i < other; i++) {
+      result = step(number, result) % mod;
+    }
+    return result;
+  }
+
+  const numOfDigits = 10;
+  const mod = 10 ** numOfDigits;
+  const digitsAfterPower = modStepsResults(2, power, mod, 1, (a, b) => a * b);
+  const digitsAfterMultiply = modStepsResults(
+    digitsAfterPower,
+    multiplier,
+    mod,
+    0,
+    (a, b) => a + b
+  );
+  const lastDigits = (digitsAfterMultiply + 1) % mod;
+
+  return lastDigits.toString().padStart(10, '0');
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
new file mode 100644
index 0000000000..9d60c9a9e5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-98-anagramic-squares.md
@@ -0,0 +1,205 @@
+---
+id: 5900f3cf1000cf542c50fee1
+title: 'Завдання 98: Квадратні анаграми'
+challengeType: 5
+forumTopicId: 302215
+dashedName: problem-98-anagramic-squares
+---
+
+# --description--
+
+Змінюючи кожну з літер у слові CARE на 1, 2, 9 і 6 відповідно, ми створюємо квадратне число: 1296 = 36^2$. Цікаво, що використовуючи ті ж цифрові підстановки, анаграма RACE, також утворює квадратне число: $9216 = 96^2$. Ми будемо називати CARE (та RACE) парою квадратних анаграм і уточнимо, що нулі на початку не дозволені, також різні літери не можуть мати однакові цифрові значення.
+
+Використовуючи масив `words`, знайдіть всі пари квадратних анаграм (слово-паліндром НЕ вважається анаграмою самого себе).
+
+Яким є найбільше квадратне число, утворене кожним членом такої пари?
+
+**Примітка:** Усі анаграми повинні міститися в масиві наданих `words`.
+
+# --hints--
+
+`anagramicSquares(['CARE', 'RACE'])` повинен повертатися як число.
+
+```js
+assert(typeof anagramicSquares(['CARE', 'RACE']) === 'number');
+```
+
+`anagramicSquares(['CARE', 'RACE'])` повинен повертатися як `9216`.
+
+```js
+assert.strictEqual(anagramicSquares(['CARE', 'RACE']), 9216);
+```
+
+`anagramicSquares(testWords1)` повинен повертатися як `4761`.
+
+```js
+assert.strictEqual(anagramicSquares(_testWords1), 4761);
+```
+
+`anagramicSquares(testWords2)` повинен повертатися як `18769`.
+
+```js
+assert.strictEqual(anagramicSquares(_testWords2), 18769);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testWords1 = [
+  "DAMAGE","DANGER","DANGEROUS","DARK","DATA","DATE","DAUGHTER","DAY","DEAD","DEAL","DEATH","DEBATE","DEBT","DECADE","DECIDE","DECISION","DECLARE","DEEP","DEFENCE","DEFENDANT","DEFINE","DEFINITION","DEGREE","DELIVER","DEMAND","DEMOCRATIC","DEMONSTRATE","DENY","DEPARTMENT","DEPEND","DEPUTY","DERIVE","DESCRIBE","DESCRIPTION","DESIGN","DESIRE","DESK","DESPITE","DESTROY","DETAIL","DETAILED","DETERMINE","DEVELOP","DEVELOPMENT","DEVICE","DIE","DIFFERENCE","DIFFERENT","DIFFICULT","DIFFICULTY","DINNER","DIRECT","DIRECTION","DIRECTLY","DIRECTOR","DISAPPEAR","DISCIPLINE","DISCOVER","DISCUSS","DISCUSSION","DISEASE","DISPLAY","DISTANCE","DISTINCTION","DISTRIBUTION","DISTRICT","DIVIDE","DIVISION","DO","DOCTOR","DOCUMENT","DOG","DOMESTIC","DOOR","DOUBLE","DOUBT","DOWN","DRAW","DRAWING","DREAM","DRESS","DRINK","DRIVE","DRIVER","DROP","DRUG","DRY","DUE","DURING","DUTY","LABOUR","LACK","LADY","LAND","LANGUAGE","LARGE","LARGELY","LAST","LATE","LATER","LATTER","LAUGH","LAUNCH","LAW","LAWYER","LAY","LEAD","LEADER","LEADERSHIP","LEADING","LEAF","LEAGUE","LEAN","LEARN","LEAST","LEAVE","LEFT","LEG","LEGAL","LEGISLATION","LENGTH","LESS","LET","LETTER","LEVEL","LIABILITY","LIBERAL","LIBRARY","LIE","LIFE","LIFT","LIGHT","LIKE","LIKELY","LIMIT","LIMITED","LINE","LINK","LIP","LIST","LISTEN","LITERATURE","LITTLE","LIVE","LIVING","LOAN","LOCAL","LOCATION","LONG","LOOK","LORD","LOSE","LOSS","LOT","LOVE","LOVELY","LOW","LUNCH"
+];
+const _testWords2 = [
+  "A","ABILITY","ABLE","ABOUT","ABOVE","ABSENCE","ABSOLUTELY","ACADEMIC","ACCEPT","ACCESS","ACCIDENT","ACCOMPANY","ACCORDING","ACCOUNT","ACHIEVE","ACHIEVEMENT","ACID","ACQUIRE","ACROSS","ACT","ACTION","ACTIVE","ACTIVITY","ACTUAL","ACTUALLY","ADD","ADDITION","ADDITIONAL","ADDRESS","ADMINISTRATION","ADMIT","ADOPT","ADULT","ADVANCE","ADVANTAGE","ADVICE","ADVISE","AFFAIR","AFFECT","AFFORD","AFRAID","AFTER","AFTERNOON","AFTERWARDS","AGAIN","AGAINST","AGE","AGENCY","AGENT","AGO","AGREE","AGREEMENT","AHEAD","AID","AIM","AIR","AIRCRAFT","ALL","ALLOW","ALMOST","ALONE","ALONG","ALREADY","ALRIGHT","ALSO","ALTERNATIVE","ALTHOUGH","ALWAYS","AMONG","AMONGST","AMOUNT","AN","ANALYSIS","ANCIENT","AND","ANIMAL","ANNOUNCE","ANNUAL","ANOTHER","ANSWER","ANY","ANYBODY","ANYONE","ANYTHING","ANYWAY","APART","APPARENT","APPARENTLY","APPEAL","APPEAR","APPEARANCE","APPLICATION","APPLY","APPOINT","APPOINTMENT","APPROACH","APPROPRIATE","APPROVE","AREA","ARGUE","ARGUMENT","ARISE","ARM","ARMY","AROUND","ARRANGE","ARRANGEMENT","ARRIVE","ART","ARTICLE","ARTIST","AS","ASK","ASPECT","ASSEMBLY","ASSESS","ASSESSMENT","ASSET","ASSOCIATE","ASSOCIATION","ASSUME","ASSUMPTION","AT","ATMOSPHERE","ATTACH","ATTACK","ATTEMPT","ATTEND","ATTENTION","ATTITUDE","ATTRACT","ATTRACTIVE","AUDIENCE","AUTHOR","AUTHORITY","AVAILABLE","AVERAGE","AVOID","AWARD","AWARE","AWAY","AYE","BABY","BACK","BACKGROUND","BAD","BAG","BALANCE","BALL","BAND","BANK","BAR","BASE","BASIC","BASIS","BATTLE","BE","BEAR","BEAT","BEAUTIFUL","BECAUSE","BECOME","BED","BEDROOM","BEFORE","BEGIN","BEGINNING","BEHAVIOUR","BEHIND","BELIEF","BELIEVE","BELONG","BELOW","BENEATH","BENEFIT","BESIDE","BEST","BETTER","BETWEEN","BEYOND","BIG","BILL","BIND","BIRD","BIRTH","BIT","BLACK","BLOCK","BLOOD","BLOODY","BLOW","BLUE","BOARD","BOAT","BODY","BONE","BOOK","BORDER","BOTH","BOTTLE","BOTTOM","BOX","BOY","BRAIN","BRANCH","BREAK","BREATH","BRIDGE","BRIEF","BRIGHT","BRING","BROAD","BROTHER","BUDGET","BUILD","BUILDING","BURN","BUS","BUSINESS","BUSY","BUT","BUY","BY","CABINET","CALL","CAMPAIGN","CAN","CANDIDATE","CAPABLE","CAPACITY","CAPITAL","CAR","CARD","CARE","CAREER","CAREFUL","CAREFULLY","CARRY","CASE","CASH","CAT","CATCH","CATEGORY","CAUSE","CELL","CENTRAL","CENTRE","CENTURY","CERTAIN","CERTAINLY","CHAIN","CHAIR","CHAIRMAN","CHALLENGE","CHANCE","CHANGE","CHANNEL","CHAPTER","CHARACTER","CHARACTERISTIC","CHARGE","CHEAP","CHECK","CHEMICAL","CHIEF","CHILD","CHOICE","CHOOSE","CHURCH","CIRCLE","CIRCUMSTANCE","CITIZEN","CITY","CIVIL","CLAIM","CLASS","CLEAN","CLEAR","CLEARLY","CLIENT","CLIMB","CLOSE","CLOSELY","CLOTHES","CLUB","COAL","CODE","COFFEE","COLD","COLLEAGUE","COLLECT","COLLECTION","COLLEGE","COLOUR","COMBINATION","COMBINE","COME","COMMENT","COMMERCIAL","COMMISSION","COMMIT","COMMITMENT","COMMITTEE","COMMON","COMMUNICATION","COMMUNITY","COMPANY","COMPARE","COMPARISON","COMPETITION","COMPLETE","COMPLETELY","COMPLEX","COMPONENT","COMPUTER","CONCENTRATE","CONCENTRATION","CONCEPT","CONCERN","CONCERNED","CONCLUDE","CONCLUSION","CONDITION","CONDUCT","CONFERENCE","CONFIDENCE","CONFIRM","CONFLICT","CONGRESS","CONNECT","CONNECTION","CONSEQUENCE","CONSERVATIVE","CONSIDER","CONSIDERABLE","CONSIDERATION","CONSIST","CONSTANT","CONSTRUCTION","CONSUMER","CONTACT","CONTAIN","CONTENT","CONTEXT","CONTINUE","CONTRACT","CONTRAST","CONTRIBUTE","CONTRIBUTION","CONTROL","CONVENTION","CONVERSATION","COPY","CORNER","CORPORATE","CORRECT","COS","COST","COULD","COUNCIL","COUNT","COUNTRY","COUNTY","COUPLE","COURSE","COURT","COVER","CREATE","CREATION","CREDIT","CRIME","CRIMINAL","CRISIS","CRITERION","CRITICAL","CRITICISM","CROSS","CROWD","CRY","CULTURAL","CULTURE","CUP","CURRENT","CURRENTLY","CURRICULUM","CUSTOMER","CUT","DAMAGE","DANGER","DANGEROUS","DARK","DATA","DATE","DAUGHTER","DAY","DEAD","DEAL","DEATH","DEBATE","DEBT","DECADE","DECIDE","DECISION","DECLARE","DEEP","DEFENCE","DEFENDANT","DEFINE","DEFINITION","DEGREE","DELIVER","DEMAND","DEMOCRATIC","DEMONSTRATE","DENY","DEPARTMENT","DEPEND","DEPUTY","DERIVE","DESCRIBE","DESCRIPTION","DESIGN","DESIRE","DESK","DESPITE","DESTROY","DETAIL","DETAILED","DETERMINE","DEVELOP","DEVELOPMENT","DEVICE","DIE","DIFFERENCE","DIFFERENT","DIFFICULT","DIFFICULTY","DINNER","DIRECT","DIRECTION","DIRECTLY","DIRECTOR","DISAPPEAR","DISCIPLINE","DISCOVER","DISCUSS","DISCUSSION","DISEASE","DISPLAY","DISTANCE","DISTINCTION","DISTRIBUTION","DISTRICT","DIVIDE","DIVISION","DO","DOCTOR","DOCUMENT","DOG","DOMESTIC","DOOR","DOUBLE","DOUBT","DOWN","DRAW","DRAWING","DREAM","DRESS","DRINK","DRIVE","DRIVER","DROP","DRUG","DRY","DUE","DURING","DUTY","EACH","EAR","EARLY","EARN","EARTH","EASILY","EAST","EASY","EAT","ECONOMIC","ECONOMY","EDGE","EDITOR","EDUCATION","EDUCATIONAL","EFFECT","EFFECTIVE","EFFECTIVELY","EFFORT","EGG","EITHER","ELDERLY","ELECTION","ELEMENT","ELSE","ELSEWHERE","EMERGE","EMPHASIS","EMPLOY","EMPLOYEE","EMPLOYER","EMPLOYMENT","EMPTY","ENABLE","ENCOURAGE","END","ENEMY","ENERGY","ENGINE","ENGINEERING","ENJOY","ENOUGH","ENSURE","ENTER","ENTERPRISE","ENTIRE","ENTIRELY","ENTITLE","ENTRY","ENVIRONMENT","ENVIRONMENTAL","EQUAL","EQUALLY","EQUIPMENT","ERROR","ESCAPE","ESPECIALLY","ESSENTIAL","ESTABLISH","ESTABLISHMENT","ESTATE","ESTIMATE","EVEN","EVENING","EVENT","EVENTUALLY","EVER","EVERY","EVERYBODY","EVERYONE","EVERYTHING","EVIDENCE","EXACTLY","EXAMINATION","EXAMINE","EXAMPLE","EXCELLENT","EXCEPT","EXCHANGE","EXECUTIVE","EXERCISE","EXHIBITION","EXIST","EXISTENCE","EXISTING","EXPECT","EXPECTATION","EXPENDITURE","EXPENSE","EXPENSIVE","EXPERIENCE","EXPERIMENT","EXPERT","EXPLAIN","EXPLANATION","EXPLORE","EXPRESS","EXPRESSION","EXTEND","EXTENT","EXTERNAL","EXTRA","EXTREMELY","EYE","FACE","FACILITY","FACT","FACTOR","FACTORY","FAIL","FAILURE","FAIR","FAIRLY","FAITH","FALL","FAMILIAR","FAMILY","FAMOUS","FAR","FARM","FARMER","FASHION","FAST","FATHER","FAVOUR","FEAR","FEATURE","FEE","FEEL","FEELING","FEMALE","FEW","FIELD","FIGHT","FIGURE","FILE","FILL","FILM","FINAL","FINALLY","FINANCE","FINANCIAL","FIND","FINDING","FINE","FINGER","FINISH","FIRE","FIRM","FIRST","FISH","FIT","FIX","FLAT","FLIGHT","FLOOR","FLOW","FLOWER","FLY","FOCUS","FOLLOW","FOLLOWING","FOOD","FOOT","FOOTBALL","FOR","FORCE","FOREIGN","FOREST","FORGET","FORM","FORMAL","FORMER","FORWARD","FOUNDATION","FREE","FREEDOM","FREQUENTLY","FRESH","FRIEND","FROM","FRONT","FRUIT","FUEL","FULL","FULLY","FUNCTION","FUND","FUNNY","FURTHER","FUTURE","GAIN","GAME","GARDEN","GAS","GATE","GATHER","GENERAL","GENERALLY","GENERATE","GENERATION","GENTLEMAN","GET","GIRL","GIVE","GLASS","GO","GOAL","GOD","GOLD","GOOD","GOVERNMENT","GRANT","GREAT","GREEN","GREY","GROUND","GROUP","GROW","GROWING","GROWTH","GUEST","GUIDE","GUN","HAIR","HALF","HALL","HAND","HANDLE","HANG","HAPPEN","HAPPY","HARD","HARDLY","HATE","HAVE","HE","HEAD","HEALTH","HEAR","HEART","HEAT","HEAVY","HELL","HELP","HENCE","HER","HERE","HERSELF","HIDE","HIGH","HIGHLY","HILL","HIM","HIMSELF","HIS","HISTORICAL","HISTORY","HIT","HOLD","HOLE","HOLIDAY","HOME","HOPE","HORSE","HOSPITAL","HOT","HOTEL","HOUR","HOUSE","HOUSEHOLD","HOUSING","HOW","HOWEVER","HUGE","HUMAN","HURT","HUSBAND","I","IDEA","IDENTIFY","IF","IGNORE","ILLUSTRATE","IMAGE","IMAGINE","IMMEDIATE","IMMEDIATELY","IMPACT","IMPLICATION","IMPLY","IMPORTANCE","IMPORTANT","IMPOSE","IMPOSSIBLE","IMPRESSION","IMPROVE","IMPROVEMENT","IN","INCIDENT","INCLUDE","INCLUDING","INCOME","INCREASE","INCREASED","INCREASINGLY","INDEED","INDEPENDENT","INDEX","INDICATE","INDIVIDUAL","INDUSTRIAL","INDUSTRY","INFLUENCE","INFORM","INFORMATION","INITIAL","INITIATIVE","INJURY","INSIDE","INSIST","INSTANCE","INSTEAD","INSTITUTE","INSTITUTION","INSTRUCTION","INSTRUMENT","INSURANCE","INTEND","INTENTION","INTEREST","INTERESTED","INTERESTING","INTERNAL","INTERNATIONAL","INTERPRETATION","INTERVIEW","INTO","INTRODUCE","INTRODUCTION","INVESTIGATE","INVESTIGATION","INVESTMENT","INVITE","INVOLVE","IRON","IS","ISLAND","ISSUE","IT","ITEM","ITS","ITSELF","JOB","JOIN","JOINT","JOURNEY","JUDGE","JUMP","JUST","JUSTICE","KEEP","KEY","KID","KILL","KIND","KING","KITCHEN","KNEE","KNOW","KNOWLEDGE","LABOUR","LACK","LADY","LAND","LANGUAGE","LARGE","LARGELY","LAST","LATE","LATER","LATTER","LAUGH","LAUNCH","LAW","LAWYER","LAY","LEAD","LEADER","LEADERSHIP","LEADING","LEAF","LEAGUE","LEAN","LEARN","LEAST","LEAVE","LEFT","LEG","LEGAL","LEGISLATION","LENGTH","LESS","LET","LETTER","LEVEL","LIABILITY","LIBERAL","LIBRARY","LIE","LIFE","LIFT","LIGHT","LIKE","LIKELY","LIMIT","LIMITED","LINE","LINK","LIP","LIST","LISTEN","LITERATURE","LITTLE","LIVE","LIVING","LOAN","LOCAL","LOCATION","LONG","LOOK","LORD","LOSE","LOSS","LOT","LOVE","LOVELY","LOW","LUNCH","MACHINE","MAGAZINE","MAIN","MAINLY","MAINTAIN","MAJOR","MAJORITY","MAKE","MALE","MAN","MANAGE","MANAGEMENT","MANAGER","MANNER","MANY","MAP","MARK","MARKET","MARRIAGE","MARRIED","MARRY","MASS","MASTER","MATCH","MATERIAL","MATTER","MAY","MAYBE","ME","MEAL","MEAN","MEANING","MEANS","MEANWHILE","MEASURE","MECHANISM","MEDIA","MEDICAL","MEET","MEETING","MEMBER","MEMBERSHIP","MEMORY","MENTAL","MENTION","MERELY","MESSAGE","METAL","METHOD","MIDDLE","MIGHT","MILE","MILITARY","MILK","MIND","MINE","MINISTER","MINISTRY","MINUTE","MISS","MISTAKE","MODEL","MODERN","MODULE","MOMENT","MONEY","MONTH","MORE","MORNING","MOST","MOTHER","MOTION","MOTOR","MOUNTAIN","MOUTH","MOVE","MOVEMENT","MUCH","MURDER","MUSEUM","MUSIC","MUST","MY","MYSELF","NAME","NARROW","NATION","NATIONAL","NATURAL","NATURE","NEAR","NEARLY","NECESSARILY","NECESSARY","NECK","NEED","NEGOTIATION","NEIGHBOUR","NEITHER","NETWORK","NEVER","NEVERTHELESS","NEW","NEWS","NEWSPAPER","NEXT","NICE","NIGHT","NO","NOBODY","NOD","NOISE","NONE","NOR","NORMAL","NORMALLY","NORTH","NORTHERN","NOSE","NOT","NOTE","NOTHING","NOTICE","NOTION","NOW","NUCLEAR","NUMBER","NURSE","OBJECT","OBJECTIVE","OBSERVATION","OBSERVE","OBTAIN","OBVIOUS","OBVIOUSLY","OCCASION","OCCUR","ODD","OF","OFF","OFFENCE","OFFER","OFFICE","OFFICER","OFFICIAL","OFTEN","OIL","OKAY","OLD","ON","ONCE","ONE","ONLY","ONTO","OPEN","OPERATE","OPERATION","OPINION","OPPORTUNITY","OPPOSITION","OPTION","OR","ORDER","ORDINARY","ORGANISATION","ORGANISE","ORGANIZATION","ORIGIN","ORIGINAL","OTHER","OTHERWISE","OUGHT","OUR","OURSELVES","OUT","OUTCOME","OUTPUT","OUTSIDE","OVER","OVERALL","OWN","OWNER","PACKAGE","PAGE","PAIN","PAINT","PAINTING","PAIR","PANEL","PAPER","PARENT","PARK","PARLIAMENT","PART","PARTICULAR","PARTICULARLY","PARTLY","PARTNER","PARTY","PASS","PASSAGE","PAST","PATH","PATIENT","PATTERN","PAY","PAYMENT","PEACE","PENSION","PEOPLE","PER","PERCENT","PERFECT","PERFORM","PERFORMANCE","PERHAPS","PERIOD","PERMANENT","PERSON","PERSONAL","PERSUADE","PHASE","PHONE","PHOTOGRAPH","PHYSICAL","PICK","PICTURE","PIECE","PLACE","PLAN","PLANNING","PLANT","PLASTIC","PLATE","PLAY","PLAYER","PLEASE","PLEASURE","PLENTY","PLUS","POCKET","POINT","POLICE","POLICY","POLITICAL","POLITICS","POOL","POOR","POPULAR","POPULATION","POSITION","POSITIVE","POSSIBILITY","POSSIBLE","POSSIBLY","POST","POTENTIAL","POUND","POWER","POWERFUL","PRACTICAL","PRACTICE","PREFER","PREPARE","PRESENCE","PRESENT","PRESIDENT","PRESS","PRESSURE","PRETTY","PREVENT","PREVIOUS","PREVIOUSLY","PRICE","PRIMARY","PRIME","PRINCIPLE","PRIORITY","PRISON","PRISONER","PRIVATE","PROBABLY","PROBLEM","PROCEDURE","PROCESS","PRODUCE","PRODUCT","PRODUCTION","PROFESSIONAL","PROFIT","PROGRAM","PROGRAMME","PROGRESS","PROJECT","PROMISE","PROMOTE","PROPER","PROPERLY","PROPERTY","PROPORTION","PROPOSE","PROPOSAL","PROSPECT","PROTECT","PROTECTION","PROVE","PROVIDE","PROVIDED","PROVISION","PUB","PUBLIC","PUBLICATION","PUBLISH","PULL","PUPIL","PURPOSE","PUSH","PUT","QUALITY","QUARTER","QUESTION","QUICK","QUICKLY","QUIET","QUITE","RACE","RADIO","RAILWAY","RAIN","RAISE","RANGE","RAPIDLY","RARE","RATE","RATHER","REACH","REACTION","READ","READER","READING","READY","REAL","REALISE","REALITY","REALIZE","REALLY","REASON","REASONABLE","RECALL","RECEIVE","RECENT","RECENTLY","RECOGNISE","RECOGNITION","RECOGNIZE","RECOMMEND","RECORD","RECOVER","RED","REDUCE","REDUCTION","REFER","REFERENCE","REFLECT","REFORM","REFUSE","REGARD","REGION","REGIONAL","REGULAR","REGULATION","REJECT","RELATE","RELATION","RELATIONSHIP","RELATIVE","RELATIVELY","RELEASE","RELEVANT","RELIEF","RELIGION","RELIGIOUS","RELY","REMAIN","REMEMBER","REMIND","REMOVE","REPEAT","REPLACE","REPLY","REPORT","REPRESENT","REPRESENTATION","REPRESENTATIVE","REQUEST","REQUIRE","REQUIREMENT","RESEARCH","RESOURCE","RESPECT","RESPOND","RESPONSE","RESPONSIBILITY","RESPONSIBLE","REST","RESTAURANT","RESULT","RETAIN","RETURN","REVEAL","REVENUE","REVIEW","REVOLUTION","RICH","RIDE","RIGHT","RING","RISE","RISK","RIVER","ROAD","ROCK","ROLE","ROLL","ROOF","ROOM","ROUND","ROUTE","ROW","ROYAL","RULE","RUN","RURAL","SAFE","SAFETY","SALE","SAME","SAMPLE","SATISFY","SAVE","SAY","SCALE","SCENE","SCHEME","SCHOOL","SCIENCE","SCIENTIFIC","SCIENTIST","SCORE","SCREEN","SEA","SEARCH","SEASON","SEAT","SECOND","SECONDARY","SECRETARY","SECTION","SECTOR","SECURE","SECURITY","SEE","SEEK","SEEM","SELECT","SELECTION","SELL","SEND","SENIOR","SENSE","SENTENCE","SEPARATE","SEQUENCE","SERIES","SERIOUS","SERIOUSLY","SERVANT","SERVE","SERVICE","SESSION","SET","SETTLE","SETTLEMENT","SEVERAL","SEVERE","SEX","SEXUAL","SHAKE","SHALL","SHAPE","SHARE","SHE","SHEET","SHIP","SHOE","SHOOT","SHOP","SHORT","SHOT","SHOULD","SHOULDER","SHOUT","SHOW","SHUT","SIDE","SIGHT","SIGN","SIGNAL","SIGNIFICANCE","SIGNIFICANT","SILENCE","SIMILAR","SIMPLE","SIMPLY","SINCE","SING","SINGLE","SIR","SISTER","SIT","SITE","SITUATION","SIZE","SKILL","SKIN","SKY","SLEEP","SLIGHTLY","SLIP","SLOW","SLOWLY","SMALL","SMILE","SO","SOCIAL","SOCIETY","SOFT","SOFTWARE","SOIL","SOLDIER","SOLICITOR","SOLUTION","SOME","SOMEBODY","SOMEONE","SOMETHING","SOMETIMES","SOMEWHAT","SOMEWHERE","SON","SONG","SOON","SORRY","SORT","SOUND","SOURCE","SOUTH","SOUTHERN","SPACE","SPEAK","SPEAKER","SPECIAL","SPECIES","SPECIFIC","SPEECH","SPEED","SPEND","SPIRIT","SPORT","SPOT","SPREAD","SPRING","STAFF","STAGE","STAND","STANDARD","STAR","START","STATE","STATEMENT","STATION","STATUS","STAY","STEAL","STEP","STICK","STILL","STOCK","STONE","STOP","STORE","STORY","STRAIGHT","STRANGE","STRATEGY","STREET","STRENGTH","STRIKE","STRONG","STRONGLY","STRUCTURE","STUDENT","STUDIO","STUDY","STUFF","STYLE","SUBJECT","SUBSTANTIAL","SUCCEED","SUCCESS","SUCCESSFUL","SUCH","SUDDENLY","SUFFER","SUFFICIENT","SUGGEST","SUGGESTION","SUITABLE","SUM","SUMMER","SUN","SUPPLY","SUPPORT","SUPPOSE","SURE","SURELY","SURFACE","SURPRISE","SURROUND","SURVEY","SURVIVE","SWITCH","SYSTEM","TABLE","TAKE","TALK","TALL","TAPE","TARGET","TASK","TAX","TEA","TEACH","TEACHER","TEACHING","TEAM","TEAR","TECHNICAL","TECHNIQUE","TECHNOLOGY","TELEPHONE","TELEVISION","TELL","TEMPERATURE","TEND","TERM","TERMS","TERRIBLE","TEST","TEXT","THAN","THANK","THANKS","THAT","THE","THEATRE","THEIR","THEM","THEME","THEMSELVES","THEN","THEORY","THERE","THEREFORE","THESE","THEY","THIN","THING","THINK","THIS","THOSE","THOUGH","THOUGHT","THREAT","THREATEN","THROUGH","THROUGHOUT","THROW","THUS","TICKET","TIME","TINY","TITLE","TO","TODAY","TOGETHER","TOMORROW","TONE","TONIGHT","TOO","TOOL","TOOTH","TOP","TOTAL","TOTALLY","TOUCH","TOUR","TOWARDS","TOWN","TRACK","TRADE","TRADITION","TRADITIONAL","TRAFFIC","TRAIN","TRAINING","TRANSFER","TRANSPORT","TRAVEL","TREAT","TREATMENT","TREATY","TREE","TREND","TRIAL","TRIP","TROOP","TROUBLE","TRUE","TRUST","TRUTH","TRY","TURN","TWICE","TYPE","TYPICAL","UNABLE","UNDER","UNDERSTAND","UNDERSTANDING","UNDERTAKE","UNEMPLOYMENT","UNFORTUNATELY","UNION","UNIT","UNITED","UNIVERSITY","UNLESS","UNLIKELY","UNTIL","UP","UPON","UPPER","URBAN","US","USE","USED","USEFUL","USER","USUAL","USUALLY","VALUE","VARIATION","VARIETY","VARIOUS","VARY","VAST","VEHICLE","VERSION","VERY","VIA","VICTIM","VICTORY","VIDEO","VIEW","VILLAGE","VIOLENCE","VISION","VISIT","VISITOR","VITAL","VOICE","VOLUME","VOTE","WAGE","WAIT","WALK","WALL","WANT","WAR","WARM","WARN","WASH","WATCH","WATER","WAVE","WAY","WE","WEAK","WEAPON","WEAR","WEATHER","WEEK","WEEKEND","WEIGHT","WELCOME","WELFARE","WELL","WEST","WESTERN","WHAT","WHATEVER","WHEN","WHERE","WHEREAS","WHETHER","WHICH","WHILE","WHILST","WHITE","WHO","WHOLE","WHOM","WHOSE","WHY","WIDE","WIDELY","WIFE","WILD","WILL","WIN","WIND","WINDOW","WINE","WING","WINNER","WINTER","WISH","WITH","WITHDRAW","WITHIN","WITHOUT","WOMAN","WONDER","WONDERFUL","WOOD","WORD","WORK","WORKER","WORKING","WORKS","WORLD","WORRY","WORTH","WOULD","WRITE","WRITER","WRITING","WRONG","YARD","YEAH","YEAR","YES","YESTERDAY","YET","YOU","YOUNG","YOUR","YOURSELF","YOUTH"
+];
+```
+
+## --seed-contents--
+
+```js
+function anagramicSquares(words) {
+
+  return true;
+}
+
+// Only change code above this line
+const testWords1 = [
+"DAMAGE","DANGER","DANGEROUS","DARK","DATA","DATE","DAUGHTER","DAY","DEAD","DEAL","DEATH","DEBATE","DEBT","DECADE","DECIDE","DECISION","DECLARE","DEEP","DEFENCE","DEFENDANT","DEFINE","DEFINITION","DEGREE","DELIVER","DEMAND","DEMOCRATIC","DEMONSTRATE","DENY","DEPARTMENT","DEPEND","DEPUTY","DERIVE","DESCRIBE","DESCRIPTION","DESIGN","DESIRE","DESK","DESPITE","DESTROY","DETAIL","DETAILED","DETERMINE","DEVELOP","DEVELOPMENT","DEVICE","DIE","DIFFERENCE","DIFFERENT","DIFFICULT","DIFFICULTY","DINNER","DIRECT","DIRECTION","DIRECTLY","DIRECTOR","DISAPPEAR","DISCIPLINE","DISCOVER","DISCUSS","DISCUSSION","DISEASE","DISPLAY","DISTANCE","DISTINCTION","DISTRIBUTION","DISTRICT","DIVIDE","DIVISION","DO","DOCTOR","DOCUMENT","DOG","DOMESTIC","DOOR","DOUBLE","DOUBT","DOWN","DRAW","DRAWING","DREAM","DRESS","DRINK","DRIVE","DRIVER","DROP","DRUG","DRY","DUE","DURING","DUTY","LABOUR","LACK","LADY","LAND","LANGUAGE","LARGE","LARGELY","LAST","LATE","LATER","LATTER","LAUGH","LAUNCH","LAW","LAWYER","LAY","LEAD","LEADER","LEADERSHIP","LEADING","LEAF","LEAGUE","LEAN","LEARN","LEAST","LEAVE","LEFT","LEG","LEGAL","LEGISLATION","LENGTH","LESS","LET","LETTER","LEVEL","LIABILITY","LIBERAL","LIBRARY","LIE","LIFE","LIFT","LIGHT","LIKE","LIKELY","LIMIT","LIMITED","LINE","LINK","LIP","LIST","LISTEN","LITERATURE","LITTLE","LIVE","LIVING","LOAN","LOCAL","LOCATION","LONG","LOOK","LORD","LOSE","LOSS","LOT","LOVE","LOVELY","LOW","LUNCH"
+];
+
+anagramicSquares(testWords1);
+```
+
+# --solutions--
+
+```js
+function anagramicSquares(words) {
+  // Based on https://www.mathblog.dk/project-euler-98-anagrams-square-numbers/
+  function findMaximumSquare(squares, word1, word2) {
+    let maximumSquare = 0;
+
+    for (let i = 0; i < squares.length; i++) {
+      const length = squares[i].toString().length;
+
+      if (length < word1.length) {
+        continue;
+      }
+      if (length > word1.length) {
+        break;
+      }
+
+      const word1Square = squares[i];
+      const letterToDigit = mapLettersToDigits(word1, word1Square);
+
+      const noProperMappingExist = Object.keys(letterToDigit).length === 0;
+      if (noProperMappingExist) {
+        continue;
+      }
+
+      const word2Square = getNumberFromMapping(word2, letterToDigit);
+      if (word2Square === 0) {
+        continue;
+      }
+
+      const doesWord2SquareExist = squares.indexOf(word2Square) !== -1;
+      if (doesWord2SquareExist) {
+        const pairMaximum = Math.max(word1Square, word2Square);
+        maximumSquare = Math.max(maximumSquare, pairMaximum);
+      }
+    }
+    return maximumSquare;
+  }
+
+  function getNumberFromMapping(word, letterToDigit) {
+    const wouldNumberHaveLeadingZero = letterToDigit[word[0]] === 0;
+    if (wouldNumberHaveLeadingZero) {
+      return 0;
+    }
+
+    let number = 0;
+    for (let i = 0; i < word.length; i++) {
+      number = number * 10 + letterToDigit[word[i]];
+    }
+    return number;
+  }
+
+  function mapLettersToDigits(word, square) {
+    const letterToDigit = {};
+    for (let j = word.length - 1; j >= 0; j--) {
+      const curDigit = square % 10;
+      square = Math.floor(square / 10);
+
+      const curLetter = word[j];
+
+      const isLetterRepeated = letterToDigit.hasOwnProperty(curLetter);
+      if (isLetterRepeated) {
+        const isLetterUsedForTheSameDigit =
+          letterToDigit[curLetter] === curDigit;
+        if (isLetterUsedForTheSameDigit) {
+          continue;
+        }
+
+        return {};
+      }
+
+      const isDigitUsed = Object.values(letterToDigit).indexOf(curDigit) !== -1;
+      if (isDigitUsed) {
+        return {};
+      }
+
+      letterToDigit[curLetter] = curDigit;
+    }
+    return letterToDigit;
+  }
+
+  function groupWordsWithSameLetters(words) {
+    const lettersToWords = {};
+    for (let i = 0; i < words.length; i++) {
+      const word = words[i];
+      const sortedLetters = word.split('').sort().join('');
+      if (!lettersToWords.hasOwnProperty(sortedLetters)) {
+        lettersToWords[sortedLetters] = [];
+      }
+      lettersToWords[sortedLetters].push(word);
+    }
+    return lettersToWords;
+  }
+
+  const lettersToWords = groupWordsWithSameLetters(words);
+
+  const anagrams = Object.keys(lettersToWords).filter(
+    letters => lettersToWords[letters].length > 1
+  );
+  const lengthOfLongestAnagram = anagrams
+    .map(anagram => anagram.length)
+    .sort((a, b) => b - a)[0];
+
+  const squares = [];
+  const numberLimit = (10 ** lengthOfLongestAnagram) ** 0.5;
+  for (let number = 2; number < numberLimit; number++) {
+    const square = number ** 2;
+    squares.push(square);
+  }
+
+  let largestSquare = 0;
+  for (let i = 0; i < anagrams.length; i++) {
+    const curWords = lettersToWords[anagrams[i]];
+
+    for (let j = 0; j < curWords.length; j++) {
+      for (let k = j + 1; k < curWords.length; k++) {
+        const squareValue = findMaximumSquare(
+          squares,
+          curWords[j],
+          curWords[k]
+        );
+        if (squareValue > largestSquare) {
+          largestSquare = squareValue;
+        }
+      }
+    }
+  }
+
+  return largestSquare;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
new file mode 100644
index 0000000000..f836a31239
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/project-euler/problem-99-largest-exponential.md
@@ -0,0 +1,83 @@
+---
+id: 5900f3d01000cf542c50fee2
+title: 'Завдання 99: Найбільша експонента'
+challengeType: 5
+forumTopicId: 302216
+dashedName: problem-99-largest-exponential
+---
+
+# --description--
+
+Порівняння двох чисел, записаних у формі індексу, як $2^{11}$ і $3^7$, не важко, так як будь-який калькулятор підтвердить, що $2^{11} = 2048 &lt; 3^7 = 2187$.
+
+Однак, підтвердження порівняння двох чисел $632382^{518061} &lt; 519432^{525806}$ буде набагато важче, оскільки обидва числа містять більше трьох мільйонів цифр.
+
+Використовуючи 2D `baseExp` масив пар основа/показник ступеня, визначте пару з найбільшим числовим значенням.
+
+# --hints--
+
+`largestExponential(testArray1)` має повернути масив.
+
+```js
+assert(Array.isArray(largestExponential(_testArray1)));
+```
+
+`largestExponential(testArray1)` має вивести `[840237, 507276]`.
+
+```js
+assert.deepEqual(largestExponential(_testArray1), [840237, 507276]);
+```
+
+`largestExponential(testArray2)` має вивести `[895447, 504922]`.
+
+```js
+assert.deepEqual(largestExponential(_testArray2), [895447, 504922]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testArray1 = [
+  [492798,527927],[30125,670983],[895603,504906],[450785,531539],[840237,507276],[380711,538522],[63577,625673],[76801,615157],[502694,527123]
+];
+const _testArray2 = [
+  [519432,525806],[632382,518061],[78864,613712],[466580,530130],[780495,510032],[525895,525320],[15991,714883],[960290,502358],[760018,511029],[166800,575487],[210884,564478],[555151,523163],[681146,515199],[563395,522587],[738250,512126],[923525,503780],[595148,520429],[177108,572629],[750923,511482],[440902,532446],[881418,505504],[422489,534197],[979858,501616],[685893,514935],[747477,511661],[167214,575367],[234140,559696],[940238,503122],[728969,512609],[232083,560102],[900971,504694],[688801,514772],[189664,569402],[891022,505104],[445689,531996],[119570,591871],[821453,508118],[371084,539600],[911745,504251],[623655,518600],[144361,582486],[352442,541775],[420726,534367],[295298,549387],[6530,787777],[468397,529976],[672336,515696],[431861,533289],[84228,610150],[805376,508857],[444409,532117],[33833,663511],[381850,538396],[402931,536157],[92901,604930],[304825,548004],[731917,512452],[753734,511344],[51894,637373],[151578,580103],[295075,549421],[303590,548183],[333594,544123],[683952,515042],[60090,628880],[951420,502692],[28335,674991],[714940,513349],[343858,542826],[549279,523586],[804571,508887],[260653,554881],[291399,549966],[402342,536213],[408889,535550],[40328,652524],[375856,539061],[768907,510590],[165993,575715],[976327,501755],[898500,504795],[360404,540830],[478714,529095],[694144,514472],[488726,528258],[841380,507226],[328012,544839],[22389,690868],[604053,519852],[329514,544641],[772965,510390],[492798,527927],[30125,670983],[895603,504906],[450785,531539],[840237,507276],[380711,538522],[63577,625673],[76801,615157],[502694,527123],[597706,520257],[310484,547206],[944468,502959],[121283,591152],[451131,531507],[566499,522367],[425373,533918],[40240,652665],[39130,654392],[714926,513355],[469219,529903],[806929,508783],[287970,550487],[92189,605332],[103841,599094],[671839,515725],[452048,531421],[987837,501323],[935192,503321],[88585,607450],[613883,519216],[144551,582413],[647359,517155],[213902,563816],[184120,570789],[258126,555322],[502546,527130],[407655,535678],[401528,536306],[477490,529193],[841085,507237],[732831,512408],[833000,507595],[904694,504542],[581435,521348],[455545,531110],[873558,505829],[94916,603796],[720176,513068],[545034,523891],[246348,557409],[556452,523079],[832015,507634],[173663,573564],[502634,527125],[250732,556611],[569786,522139],[216919,563178],[521815,525623],[92304,605270],[164446,576167],[753413,511364],[11410,740712],[448845,531712],[925072,503725],[564888,522477],[7062,780812],[641155,517535],[738878,512100],[636204,517828],[372540,539436],[443162,532237],[571192,522042],[655350,516680],[299741,548735],[581914,521307],[965471,502156],[513441,526277],[808682,508700],[237589,559034],[543300,524025],[804712,508889],[247511,557192],[543486,524008],[504383,526992],[326529,545039],[792493,509458],[86033,609017],[126554,589005],[579379,521481],[948026,502823],[404777,535969],[265767,554022],[266876,553840],[46631,643714],[492397,527958],[856106,506581],[795757,509305],[748946,511584],[294694,549480],[409781,535463],[775887,510253],[543747,523991],[210592,564536],[517119,525990],[520253,525751],[247926,557124],[592141,520626],[346580,542492],[544969,523902],[506501,526817],[244520,557738],[144745,582349],[69274,620858],[292620,549784],[926027,503687],[736320,512225],[515528,526113],[407549,535688],[848089,506927],[24141,685711],[9224,757964],[980684,501586],[175259,573121],[489160,528216],[878970,505604],[969546,502002],[525207,525365],[690461,514675],[156510,578551],[659778,516426],[468739,529945],[765252,510770],[76703,615230],[165151,575959],[29779,671736],[928865,503569],[577538,521605],[927555,503618],[185377,570477],[974756,501809],[800130,509093],[217016,563153],[365709,540216],[774508,510320],[588716,520851],[631673,518104],[954076,502590],[777828,510161],[990659,501222],[597799,520254],[786905,509727],[512547,526348],[756449,511212],[869787,505988],[653747,516779],[84623,609900],[839698,507295],[30159,670909],[797275,509234],[678136,515373],[897144,504851],[989554,501263],[413292,535106],[55297,633667],[788650,509637],[486748,528417],[150724,580377],[56434,632490],[77207,614869],[588631,520859],[611619,519367],[100006,601055],[528924,525093],[190225,569257],[851155,506789],[682593,515114],[613043,519275],[514673,526183],[877634,505655],[878905,505602],[1926,914951],[613245,519259],[152481,579816],[841774,507203],[71060,619442],[865335,506175],[90244,606469],[302156,548388],[399059,536557],[478465,529113],[558601,522925],[69132,620966],[267663,553700],[988276,501310],[378354,538787],[529909,525014],[161733,576968],[758541,511109],[823425,508024],[149821,580667],[269258,553438],[481152,528891],[120871,591322],[972322,501901],[981350,501567],[676129,515483],[950860,502717],[119000,592114],[392252,537272],[191618,568919],[946699,502874],[289555,550247],[799322,509139],[703886,513942],[194812,568143],[261823,554685],[203052,566221],[217330,563093],[734748,512313],[391759,537328],[807052,508777],[564467,522510],[59186,629748],[113447,594545],[518063,525916],[905944,504492],[613922,519213],[439093,532607],[445946,531981],[230530,560399],[297887,549007],[459029,530797],[403692,536075],[855118,506616],[963127,502245],[841711,507208],[407411,535699],[924729,503735],[914823,504132],[333725,544101],[176345,572832],[912507,504225],[411273,535308],[259774,555036],[632853,518038],[119723,591801],[163902,576321],[22691,689944],[402427,536212],[175769,572988],[837260,507402],[603432,519893],[313679,546767],[538165,524394],[549026,523608],[61083,627945],[898345,504798],[992556,501153],[369999,539727],[32847,665404],[891292,505088],[152715,579732],[824104,507997],[234057,559711],[730507,512532],[960529,502340],[388395,537687],[958170,502437],[57105,631806],[186025,570311],[993043,501133],[576770,521664],[215319,563513],[927342,503628],[521353,525666],[39563,653705],[752516,511408],[110755,595770],[309749,547305],[374379,539224],[919184,503952],[990652,501226],[647780,517135],[187177,570017],[168938,574877],[649558,517023],[278126,552016],[162039,576868],[658512,516499],[498115,527486],[896583,504868],[561170,522740],[747772,511647],[775093,510294],[652081,516882],[724905,512824],[499707,527365],[47388,642755],[646668,517204],[571700,522007],[180430,571747],[710015,513617],[435522,532941],[98137,602041],[759176,511070],[486124,528467],[526942,525236],[878921,505604],[408313,535602],[926980,503640],[882353,505459],[566887,522345],[3326,853312],[911981,504248],[416309,534800],[392991,537199],[622829,518651],[148647,581055],[496483,527624],[666314,516044],[48562,641293],[672618,515684],[443676,532187],[274065,552661],[265386,554079],[347668,542358],[31816,667448],[181575,571446],[961289,502320],[365689,540214],[987950,501317],[932299,503440],[27388,677243],[746701,511701],[492258,527969],[147823,581323],[57918,630985],[838849,507333],[678038,515375],[27852,676130],[850241,506828],[818403,508253],[131717,587014],[850216,506834],[904848,504529],[189758,569380],[392845,537217],[470876,529761],[925353,503711],[285431,550877],[454098,531234],[823910,508003],[318493,546112],[766067,510730],[261277,554775],[421530,534289],[694130,514478],[120439,591498],[213308,563949],[854063,506662],[365255,540263],[165437,575872],[662240,516281],[289970,550181],[847977,506933],[546083,523816],[413252,535113],[975829,501767],[361540,540701],[235522,559435],[224643,561577],[736350,512229],[328303,544808],[35022,661330],[307838,547578],[474366,529458],[873755,505819],[73978,617220],[827387,507845],[670830,515791],[326511,545034],[309909,547285],[400970,536363],[884827,505352],[718307,513175],[28462,674699],[599384,520150],[253565,556111],[284009,551093],[343403,542876],[446557,531921],[992372,501160],[961601,502308],[696629,514342],[919537,503945],[894709,504944],[892201,505051],[358160,541097],[448503,531745],[832156,507636],[920045,503924],[926137,503675],[416754,534757],[254422,555966],[92498,605151],[826833,507873],[660716,516371],[689335,514746],[160045,577467],[814642,508425],[969939,501993],[242856,558047],[76302,615517],[472083,529653],[587101,520964],[99066,601543],[498005,527503],[709800,513624],[708000,513716],[20171,698134],[285020,550936],[266564,553891],[981563,501557],[846502,506991],[334,1190800],[209268,564829],[9844,752610],[996519,501007],[410059,535426],[432931,533188],[848012,506929],[966803,502110],[983434,501486],[160700,577267],[504374,526989],[832061,507640],[392825,537214],[443842,532165],[440352,532492],[745125,511776],[13718,726392],[661753,516312],[70500,619875],[436952,532814],[424724,533973],[21954,692224],[262490,554567],[716622,513264],[907584,504425],[60086,628882],[837123,507412],[971345,501940],[947162,502855],[139920,584021],[68330,621624],[666452,516038],[731446,512481],[953350,502619],[183157,571042],[845400,507045],[651548,516910],[20399,697344],[861779,506331],[629771,518229],[801706,509026],[189207,569512],[737501,512168],[719272,513115],[479285,529045],[136046,585401],[896746,504860],[891735,505067],[684771,514999],[865309,506184],[379066,538702],[503117,527090],[621780,518717],[209518,564775],[677135,515423],[987500,501340],[197049,567613],[329315,544673],[236756,559196],[357092,541226],[520440,525733],[213471,563911],[956852,502490],[702223,514032],[404943,535955],[178880,572152],[689477,514734],[691351,514630],[866669,506128],[370561,539656],[739805,512051],[71060,619441],[624861,518534],[261660,554714],[366137,540160],[166054,575698],[601878,519990],[153445,579501],[279899,551729],[379166,538691],[423209,534125],[675310,515526],[145641,582050],[691353,514627],[917468,504026],[284778,550976],[81040,612235],[161699,576978],[616394,519057],[767490,510661],[156896,578431],[427408,533714],[254849,555884],[737217,512182],[897133,504851],[203815,566051],[270822,553189],[135854,585475],[778805,510111],[784373,509847],[305426,547921],[733418,512375],[732087,512448],[540668,524215],[702898,513996],[628057,518328],[640280,517587],[422405,534204],[10604,746569],[746038,511733],[839808,507293],[457417,530938],[479030,529064],[341758,543090],[620223,518824],[251661,556451],[561790,522696],[497733,527521],[724201,512863],[489217,528217],[415623,534867],[624610,518548],[847541,506953],[432295,533249],[400391,536421],[961158,502319],[139173,584284],[421225,534315],[579083,521501],[74274,617000],[701142,514087],[374465,539219],[217814,562985],[358972,540995],[88629,607424],[288597,550389],[285819,550812],[538400,524385],[809930,508645],[738326,512126],[955461,502535],[163829,576343],[826475,507891],[376488,538987],[102234,599905],[114650,594002],[52815,636341],[434037,533082],[804744,508880],[98385,601905],[856620,506559],[220057,562517],[844734,507078],[150677,580387],[558697,522917],[621751,518719],[207067,565321],[135297,585677],[932968,503404],[604456,519822],[579728,521462],[244138,557813],[706487,513800],[711627,513523],[853833,506674],[497220,527562],[59428,629511],[564845,522486],[623621,518603],[242689,558077],[125091,589591],[363819,540432],[686453,514901],[656813,516594],[489901,528155],[386380,537905],[542819,524052],[243987,557841],[693412,514514],[488484,528271],[896331,504881],[336730,543721],[728298,512647],[604215,519840],[153729,579413],[595687,520398],[540360,524240],[245779,557511],[924873,503730],[509628,526577],[528523,525122],[3509,847707],[522756,525555],[895447,504922],[44840,646067],[45860,644715],[463487,530404],[398164,536654],[894483,504959],[619415,518874],[966306,502129],[990922,501212],[835756,507474],[548881,523618],[453578,531282],[474993,529410],[80085,612879],[737091,512193],[50789,638638],[979768,501620],[792018,509483],[665001,516122],[86552,608694],[462772,530469],[589233,520821],[891694,505072],[592605,520594],[209645,564741],[42531,649269],[554376,523226],[803814,508929],[334157,544042],[175836,572970],[868379,506051],[658166,516520],[278203,551995],[966198,502126],[627162,518387],[296774,549165],[311803,547027],[843797,507118],[702304,514032],[563875,522553],[33103,664910],[191932,568841],[543514,524006],[506835,526794],[868368,506052],[847025,506971],[678623,515342],[876139,505726],[571997,521984],[598632,520198],[213590,563892],[625404,518497],[726508,512738],[689426,514738],[332495,544264],[411366,535302],[242546,558110],[315209,546555],[797544,509219],[93889,604371],[858879,506454],[124906,589666],[449072,531693],[235960,559345],[642403,517454],[720567,513047],[705534,513858],[603692,519870],[488137,528302],[157370,578285],[63515,625730],[666326,516041],[619226,518883],[443613,532186],[597717,520257],[96225,603069],[86940,608450],[40725,651929],[460976,530625],[268875,553508],[270671,553214],[363254,540500],[384248,538137],[762889,510892],[377941,538833],[278878,551890],[176615,572755],[860008,506412],[944392,502967],[608395,519571],[225283,561450],[45095,645728],[333798,544090],[625733,518476],[995584,501037],[506135,526853],[238050,558952],[557943,522972],[530978,524938],[634244,517949],[177168,572616],[85200,609541],[953043,502630],[523661,525484],[999295,500902],[840803,507246],[961490,502312],[471747,529685],[380705,538523],[911180,504275],[334149,544046],[478992,529065],[325789,545133],[335884,543826],[426976,533760],[749007,511582],[667067,516000],[607586,519623],[674054,515599],[188534,569675],[565185,522464],[172090,573988],[87592,608052],[907432,504424],[8912,760841],[928318,503590],[757917,511138],[718693,513153],[315141,546566],[728326,512645],[353492,541647],[638429,517695],[628892,518280],[877286,505672],[620895,518778],[385878,537959],[423311,534113],[633501,517997],[884833,505360],[883402,505416],[999665,500894],[708395,513697],[548142,523667],[756491,511205],[987352,501340],[766520,510705],[591775,520647],[833758,507563],[843890,507108],[925551,503698],[74816,616598],[646942,517187],[354923,541481],[256291,555638],[634470,517942],[930904,503494],[134221,586071],[282663,551304],[986070,501394],[123636,590176],[123678,590164],[481717,528841],[423076,534137],[866246,506145],[93313,604697],[783632,509880],[317066,546304],[502977,527103],[141272,583545],[71708,618938],[617748,518975],[581190,521362],[193824,568382],[682368,515131],[352956,541712],[351375,541905],[505362,526909],[905165,504518],[128645,588188],[267143,553787],[158409,577965],[482776,528754],[628896,518282],[485233,528547],[563606,522574],[111001,595655],[115920,593445],[365510,540237],[959724,502374],[938763,503184],[930044,503520],[970959,501956],[913658,504176],[68117,621790],[989729,501253],[567697,522288],[820427,508163],[54236,634794],[291557,549938],[124961,589646],[403177,536130],[405421,535899],[410233,535417],[815111,508403],[213176,563974],[83099,610879],[998588,500934],[513640,526263],[129817,587733],[1820,921851],[287584,550539],[299160,548820],[860621,506386],[529258,525059],[586297,521017],[953406,502616],[441234,532410],[986217,501386],[781938,509957],[461247,530595],[735424,512277],[146623,581722],[839838,507288],[510667,526494],[935085,503327],[737523,512167],[303455,548204],[992779,501145],[60240,628739],[939095,503174],[794368,509370],[501825,527189],[459028,530798],[884641,505363],[512287,526364],[835165,507499],[307723,547590],[160587,577304],[735043,512300],[493289,527887],[110717,595785],[306480,547772],[318593,546089],[179810,571911],[200531,566799],[314999,546580],[197020,567622],[301465,548487],[237808,559000],[131944,586923],[882527,505449],[468117,530003],[711319,513541],[156240,578628],[965452,502162],[992756,501148],[437959,532715],[739938,512046],[614249,519196],[391496,537356],[62746,626418],[688215,514806],[75501,616091],[883573,505412],[558824,522910],[759371,511061],[173913,573489],[891351,505089],[727464,512693],[164833,576051],[812317,508529],[540320,524243],[698061,514257],[69149,620952],[471673,529694],[159092,577753],[428134,533653],[89997,606608],[711061,513557],[779403,510081],[203327,566155],[798176,509187],[667688,515963],[636120,517833],[137410,584913],[217615,563034],[556887,523038],[667229,515991],[672276,515708],[325361,545187],[172115,573985],[13846,725685]
+];
+```
+
+## --seed-contents--
+
+```js
+function largestExponential(baseExp) {
+
+  return true;
+}
+
+// Only change code above this line
+
+const testArray1 = [
+  [492798,527927],[30125,670983],[895603,504906],[450785,531539],[840237,507276],[380711,538522],[63577,625673],[76801,615157],[502694,527123]
+];
+
+largestExponential(testArray1);
+```
+
+# --solutions--
+
+```js
+function largestExponential(baseExp) {
+  let maximum = 0;
+  let indexOfMaximum = 0;
+  for (let i = 1; i < baseExp.length; i++) {
+    const curValue = Math.log(baseExp[i][0]) * baseExp[i][1];
+    if (curValue > maximum) {
+      maximum = curValue;
+      indexOfMaximum = i;
+    }
+  }
+
+  return baseExp[indexOfMaximum];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/100-doors.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/100-doors.md
new file mode 100644
index 0000000000..8f3fe802d8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/100-doors.md
@@ -0,0 +1,67 @@
+---
+id: 594810f028c0303b75339acb
+title: 100 дверей
+challengeType: 5
+forumTopicId: 302217
+dashedName: 100-doors
+---
+
+# --description--
+
+Перед початком закриті усі 100 дверей у ряді. Ви створюєте 100 проходів біля дверей. При першому проходженні завітайте до кожних дверей та "переключіть" їх (якщо двері зачинені, то відчиніть їх; якщо ж відчинені - зачиніть). Удруге відвідайте кожні другі двері (тобто двері №2, №4, №6,...) і переключіть їх. У третій раз зайдіть до кожної третьої двері (тобто №3, №6, №9,...) тощо, поки ви не відвідаєте сотих дверей.
+
+# --instructions--
+
+Реалізуйте функцію, щоб визначити стан дверей після останнього проходження. Поверніть кінцевий результат в масив тільки з тими номерами дверей, які включені в масив, якщо ті відчинені.
+
+# --hints--
+
+`getFinalOpenedDoors` має бути функцією.
+
+```js
+assert(typeof getFinalOpenedDoors === 'function');
+```
+
+`getFinalOpenedDoors` має повернути масив.
+
+```js
+assert(Array.isArray(getFinalOpenedDoors(100)));
+```
+
+`getFinalOpenedDoors` має досягти правильного результату.
+
+```js
+assert.deepEqual(getFinalOpenedDoors(100), solution);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const solution = [1, 4, 9, 16, 25, 36, 49, 64, 81, 100];
+```
+
+## --seed-contents--
+
+```js
+function getFinalOpenedDoors(numDoors) {
+
+}
+```
+
+# --solutions--
+
+```js
+function getFinalOpenedDoors(numDoors) {
+  // this is the final pattern (always squares).
+  // thus, the most efficient solution simply returns an array of squares up to numDoors).
+  const finalState = [];
+  let i = 1;
+  while (Math.pow(i, 2) <= numDoors) {
+    finalState.push(Math.pow(i, 2));
+    i++;
+  }
+  return finalState;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/24-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/24-game.md
new file mode 100644
index 0000000000..13db84a3d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/24-game.md
@@ -0,0 +1,203 @@
+---
+id: 5951e88f64ebf159166a1176
+title: Гра 24
+challengeType: 5
+forumTopicId: 302218
+dashedName: 24-game
+---
+
+# --description--
+
+[ Гра 24](https://en.wikipedia.org/wiki/24_Game) тестує можливість людини обчислювати в умі.
+
+Мета гри - впорядкувати чотири числа так, щоб при обчислюванні, результат дорівнював 24
+
+# --instructions--
+
+Реалізуйте функцію, яка бере за аргумент рядок з чотирьох цифр, причому кожна цифра від 1 до 9 (включно) з дозволеними повторами, що повертає арифметичний вираз, що буде дорівнювати 24. Якщо ж такого рішення не існує, то поверніть "рішення не існує".
+
+**Правила:**
+<ul>
+  <li> Дозволені тільки такі оператори/функції: множення, ділення, додавання, віднімання. </li>
+  <li> Для збереження остачі при діленні, слід використовувати арифметику з плаваючою комою, раціональну арифметику тощо. </li>
+  <li> Формування багаторозрядних чисел з даних чисел не допускається. (Отже, відповідь 12 + 12 з даними 1, 2, 2 і 1 неправильна). </li>
+  <li> Порядок цифр, коли він даний, не має зберігатися. </li>
+</ul>
+
+| Приклад вхідний           | Приклад вихідний          |
+| ------------------------- | ------------------------- |
+| <code>solve24("4878");</code> | <code>(7-8/8)\*4</code> |
+| <code>solve24("1234");</code> | <code>3\*1\*4\*2</code> |
+| <code>solve24("6789");</code> | <code>(6\*8)/(9-7)</code> |
+| <code>solve24("1127");</code> | <code>(1+7)\*(2+1)</code> |
+
+# --hints--
+
+`solve24` має бути функцією.
+
+```js
+assert(typeof solve24 === 'function');
+```
+
+`solve24("4878")` має повернути `(7-8/8)*4` чи `4*(7-8/8)`
+
+```js
+assert(include(answers[0], removeParentheses(solve24(testCases[0]))));
+```
+
+`solve24("1234")` повинен повернути будь-яке розташування `1*2*3*4`
+
+```js
+assert(include(answers[1], removeParentheses(solve24(testCases[1]))));
+```
+
+`solve24("6789")` повинен повернути `(6*8)/(9-7)` чи `(8*6)/(9-7)`
+
+```js
+assert(include(answers[2], removeParentheses(solve24(testCases[2]))));
+```
+
+`solve24("1127")` має повернути перестановку `(1+7)*(1+2)`
+
+```js
+assert(include(answers[3], removeParentheses(solve24(testCases[3]))));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [
+  '4878',
+  '1234',
+  '6789',
+  '1127'
+];
+
+const answers = [
+  ['(7-8/8)*4', '4*(7-8/8)', '(4-8+7)*8', '(4+7-8)*8', '(7+4-8)*8', '(7-8+4)*8', '8*(4-8+7)', '8*(4+7-8)', '8*(7+4-8)', '8*(7-8+4)'],
+  ['1*2*3*4', '1*2*4*3', '1*3*2*4', '1*3*4*2', '1*4*2*3', '1*4*3*2', '2*1*3*4', '2*1*4*3', '2*3*1*4', '2*3*4*1', '2*4*3*1', '2*4*1*3', '3*1*2*4', '3*1*4*2', '3*2*1*4', '3*2*4*1', '3*4*1*2', '3*4*2*1', '4*1*2*3', '4*1*3*2', '4*2*1*3', '4*2*3*1', '4*3*1*2', '4*3*2*1', '(1+2+3)*4', '(1+3+2)*4', '(2+1+3)*4', '(2+3+1)*4', '(3+1+2)*4', '(3+2+1)*4', '4*(1+2+3)', '4*(2+1+3)', '4*(2+3+1)', '4*(3+1+2)', '4*(3+2+1)'],
+  ['(6*8)/(9-7)', '(8*6)/(9-7)', '6*8/(9-7)', '8*6/(9-7)'],
+  ['(1+7)*(2+1)', '(1+7)*(1+2)', '(1+2)*(1+7)', '(1+2)*(7+1)', '(2+1)*(1+7)', '(7+1)*(2+1)']
+];
+
+function include(ansArr, res) {
+  const index = ansArr.indexOf(res);
+  return index >= 0;
+}
+
+//The main method for detecting single parentheses
+function removeParentheses(ans) {
+  for (let i = 0; i < ans.length; i++) {
+    if (!isNaN(ans[i])) {
+      ans = removeParenthesesHelper(ans, i);
+    }
+  }
+  return ans;
+}
+
+//Helper to remove left and right parantheses
+function removeParenthesesHelper(ans, i) {
+  while (i > 0 && i < ans.length - 1) {
+    if (ans[i - 1] === '(' && ans[i + 1] === ')') {
+      //Paranthesis detected. Remove them.
+      ans = replaceChar(ans, '', i - 1);
+      ans = replaceChar(ans, '', i);
+      i--;
+    } else {
+      return ans;
+    }
+  }
+  return ans;
+}
+
+//Replace a character at a given index for the provided character
+function replaceChar(origString, replaceChar, index) {
+  let firstPart = origString.substr(0, index);
+  let lastPart = origString.substr(index + 1);
+  let newString = firstPart + replaceChar + lastPart;
+  return newString;
+}
+```
+
+## --seed-contents--
+
+```js
+function solve24 (numStr) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function solve24(numStr) {
+  const digitsArr = numStr.split('');
+  const answers = [];
+
+  const digitPermutations = [];
+  const operatorPermutations = [];
+
+  function generateDigitPermutations (digits, permutations = []) {
+    if (digits.length === 0) {
+      digitPermutations.push(permutations);
+    }
+    else {
+      for (let i = 0; i < digits.length; i++) {
+        const curr = digits.slice();
+        const next = curr.splice(i, 1);
+        generateDigitPermutations(curr.slice(), permutations.concat(next));
+      }
+    }
+  }
+
+  function generateOperatorPermutations (permutations = []) {
+    const operators = ['+', '-', '*', '/'];
+    if (permutations.length === 3) {
+      operatorPermutations.push(permutations);
+    }
+    else {
+      for (let i = 0; i < operators.length; i++) {
+        const curr = permutations.slice();
+        curr.push(operators[i]);
+        generateOperatorPermutations(curr);
+      }
+    }
+  }
+
+  generateDigitPermutations(digitsArr);
+  generateOperatorPermutations();
+
+  interleave();
+
+  return answers[0];
+
+  function interleave () {
+    for (let i = 0; i < digitPermutations.length; i++) {
+      for (let j = 0; j < operatorPermutations.length; j++) {
+        const d = digitPermutations[i];
+        const o = operatorPermutations[j];
+        const perm = [
+          `${d[0]}${o[0]}${d[1]}${o[1]}${d[2]}${o[2]}${d[3]}`,
+          `(${d[0]}${o[0]}${d[1]})${o[1]}${d[2]}${o[2]}${d[3]}`,
+          `${d[0]}${o[0]}(${d[1]}${o[1]}${d[2]})${o[2]}${d[3]}`,
+          `${d[0]}${o[0]}${d[1]}${o[1]}(${d[2]}${o[2]}${d[3]})`,
+          `${d[0]}${o[0]}(${d[1]}${o[1]}${d[2]}${o[2]}${d[3]})`,
+          `(${d[0]}${o[0]}${d[1]}${o[1]}${d[2]})${o[2]}${d[3]}`,
+          `(${d[0]}${o[0]}${d[1]})${o[1]}(${d[2]}${o[2]}${d[3]})`
+        ];
+
+        perm.forEach(combination => {
+          const res = eval(combination);
+
+          if (res === 24) {
+            return answers.push(combination);
+          }
+        });
+      }
+    }
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.md
new file mode 100644
index 0000000000..1e50f6c9f8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/9-billion-names-of-god-the-integer.md
@@ -0,0 +1,116 @@
+---
+id: 5949b579404977fbaefcd736
+title: Ціле число "9 мільярдів імен Бога"
+challengeType: 5
+forumTopicId: 302219
+dashedName: 9-billion-names-of-god-the-integer
+---
+
+# --description--
+
+Це завдання є варіацією [оповідання Артура Кларка](https://en.wikipedia.org/wiki/The Nine Billion Names of God#Plot_summary "wp: The Nine Billion Names of God#Plot_summary").
+
+(Той хто розв'язує завдання, має знати про наслідки виконання даного завдання.)
+
+Детальніше про те, що означає "name"(ім'я):
+
+<ul>
+  <li>Ціле число 1 має 1 ім'я "1".</li>
+  <li>Ціле число 2 має 2 ім'я "1+1" і "2".</li>
+  <li>Ціле число 3 має 3 ім'я "1+1+1", "2+1" і "3".</li>
+  <li>Ціле число 4 має 5 імен "1+1+1+1", "2+1+1", "2+2", "3+1", "4".</li>
+  <li>Ціле число 5 має 7 імен "1+1+1+1+1", "2+1+1+1", "2+2+1", "3+1+1", "3+2", "4+1", "5".</li>
+</ul>
+
+Це можна візуалізувати наступним чином:
+
+<pre>          1
+        1   1
+      1   1   1
+    1   2   1   1
+  1   2   2   1   1
+1   3   3   2   1   1
+</pre>
+
+Де рядки $n$ відповідають цілому числу $n$ і кожна колонка $C$ у рядку $m$ зліва направо відповідає кількості імен, які починаються з $C$.
+
+Зауважте, що сума $n$-го рядку $P(n)$ - це функція розбиття цілого числа.
+
+# --instructions--
+
+Використовуйте функцію, що повертає суму $n$-го рядка.
+
+# --hints--
+
+`numberOfNames` має бути функцією.
+
+```js
+assert(typeof numberOfNames === 'function');
+```
+
+`numberOfNames(5)` має дорівнювати 7.
+
+```js
+assert.equal(numberOfNames(5), 7);
+```
+
+`numberOfNames(12)` має дорівнювати 77.
+
+```js
+assert.equal(numberOfNames(12), 77);
+```
+
+`numberOfNames(18)` має дорівнювати 385.
+
+```js
+assert.equal(numberOfNames(18), 385);
+```
+
+`numberOfNames(23)` має дорівнювати 1255.
+
+```js
+assert.equal(numberOfNames(23), 1255);
+```
+
+`numberOfNames(42)` має дорівнювати 53174.
+
+```js
+assert.equal(numberOfNames(42), 53174);
+```
+
+`numberOfNames(123)` має дорівнювати 2552338241.
+
+```js
+assert.equal(numberOfNames(123), 2552338241);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function numberOfNames(num) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function numberOfNames(num) {
+  const cache = [
+    [1]
+  ];
+  for (let l = cache.length; l < num + 1; l++) {
+    let Aa;
+    let Mi;
+    const r = [0];
+    for (let x = 1; x < l + 1; x++) {
+      r.push(r[r.length - 1] + (Aa = cache[l - x < 0 ? cache.length - (l - x) : l - x])[(Mi = Math.min(x, l - x)) < 0 ? Aa.length - Mi : Mi]);
+    }
+    cache.push(r);
+  }
+  return cache[num][cache[num].length - 1];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abc-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abc-problem.md
new file mode 100644
index 0000000000..fa283da997
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abc-problem.md
@@ -0,0 +1,136 @@
+---
+id: 594810f028c0303b75339acc
+title: Проблема ABC
+challengeType: 5
+forumTopicId: 302220
+dashedName: abc-problem
+---
+
+# --description--
+
+Вам дано набір кубиків ABC (наприклад, дитячі кубики з алфавітом). Існує 20 блоків з двома літерами на кожному кубику. Завершений алфавіт гарантовано є на всіх сторонах кубиків. Зразок кубиків:
+
+<pre>(B O)
+(X K)
+(D Q)
+(C P)
+(N A)
+(G T)
+(R E)
+(T G)
+(Q D)
+(F S)
+(J W)
+(H U)
+(V I)
+(A N)
+(O B)
+(E R)
+(F S)
+(L Y)
+(P C)
+(Z M)
+</pre>
+
+# --instructions--
+
+Реалізуйте функцію, яка бере рядок (слово) та визначає, чи можна написати слово з даного набору кубиків.
+
+Правила, які треба добре запам'ятати:
+
+<ul>
+  <li>Після використання букви на кубику, цей кубик не можна використати знову.</li>
+  <li>Функція має бути чутливою до регістру.</li>
+</ul>
+
+# --hints--
+
+`canMakeWord` має бути функцією.
+
+```js
+assert(typeof canMakeWord === 'function');
+```
+
+`canMakeWord` повинен повернути логічний тип даних.
+
+```js
+assert(typeof canMakeWord('hi') === 'boolean');
+```
+
+`canMakeWord("bark")` має повернути true.
+
+```js
+assert(canMakeWord(words[0]));
+```
+
+`canMakeWord("BooK")` має повернути false.
+
+```js
+assert(!canMakeWord(words[1]));
+```
+
+`canMakeWord("TReAT")` має повернути true.
+
+```js
+assert(canMakeWord(words[2]));
+```
+
+`canMakeWord("COMMON")` має повернути false.
+
+```js
+assert(!canMakeWord(words[3]));
+```
+
+`canMakeWord("squAD")` має повернути true.
+
+```js
+assert(canMakeWord(words[4]));
+```
+
+`canMakeWord("conFUSE")` має повернути true.
+
+```js
+assert(canMakeWord(words[5]));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const words = ['bark', 'BooK', 'TReAT', 'COMMON', 'squAD', 'conFUSE'];
+```
+
+## --seed-contents--
+
+```js
+function canMakeWord(word) {
+
+}
+```
+
+# --solutions--
+
+```js
+function canMakeWord(word) {
+  const characters = 'BO XK DQ CP NA GT RE TG QD FS JW HU VI AN OB ER FS LY PC ZM';
+  const blocks = characters.split(' ').map(pair => pair.split(''));
+
+  const letters = [...word.toUpperCase()];
+  let length = letters.length;
+  const copy = new Set(blocks);
+
+  letters.forEach(letter => {
+    for (let block of copy) {
+      const index = block.indexOf(letter);
+
+      if (index !== -1) {
+        length--;
+        copy.delete(block);
+        break;
+      }
+    }
+  });
+  return !length;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.md
new file mode 100644
index 0000000000..9573b2e28a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/abundant-deficient-and-perfect-number-classifications.md
@@ -0,0 +1,95 @@
+---
+id: 594810f028c0303b75339acd
+title: 'Класифікації надлишкових, недостатніх та досконалих чисел'
+challengeType: 5
+forumTopicId: 302221
+dashedName: abundant-deficient-and-perfect-number-classifications
+---
+
+# --description--
+
+Ці три класифікації додатних цілих чисел визначені на основі їхніх власних дільників.
+
+Нехай $P(n)$ буде сумою дільників `n`, де всі власні дільники являються додатними цілими числами `n`, на відміну від `n`.
+
+Якщо `P(n) < n`, то `n` являється `deficient`
+
+Якщо `P(n) === n`, тоді `n` являється `perfect`
+
+Якщо `P(n) > n`, тоді `n` являється `abundant`
+
+**Приклад**: `6` має власний дільник `1`, `2` та `3`. `1 + 2 + 3 = 6`, тому `6` являється досконалим числом.
+
+# --instructions--
+
+Реалізуйте функцію, яка вираховує скільки цілих чисел від `1` до `num` (включно) є в кожному з трьох класів. Виведіть результат як масив у наступному форматі `[deficient, perfect, abundant]`.
+
+# --hints--
+
+`getDPA` має бути функцією.
+
+```js
+assert(typeof getDPA === 'function');
+```
+
+`getDPA(5000)` має повернути масив.
+
+```js
+assert(Array.isArray(getDPA(5000)));
+```
+
+`getDPA(5000)` повернений масив має мати довжину `3`.
+
+```js
+assert(getDPA(5000).length === 3);
+```
+
+`getDPA(5000)` має повернути `[3758, 3, 1239]`.
+
+```js
+assert.deepEqual(getDPA(5000), [3758, 3, 1239]);
+```
+
+`getDPA(10000)` має повернути `[7508, 4, 2488]`.
+
+```js
+assert.deepEqual(getDPA(10000), [7508, 4, 2488]);
+```
+
+`getDPA(20000)` має повернути `[15043, 4, 4953]`.
+
+```js
+assert.deepEqual(getDPA(20000), [15043, 4, 4953]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function getDPA(num) {
+
+}
+```
+
+# --solutions--
+
+```js
+function getDPA(num) {
+  const dpa = [1, 0, 0];
+  for (let n = 2; n <= num; n += 1) {
+    let ds = 1;
+    const e = Math.sqrt(n);
+    for (let d = 2; d < e; d += 1) {
+      if (n % d === 0) {
+        ds += d + (n / d);
+      }
+    }
+    if (n % e === 0) {
+      ds += e;
+    }
+    dpa[ds < n ? 0 : ds === n ? 1 : 2] += 1;
+  }
+  return dpa;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/accumulator-factory.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/accumulator-factory.md
new file mode 100644
index 0000000000..64a98eb480
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/accumulator-factory.md
@@ -0,0 +1,79 @@
+---
+id: 594810f028c0303b75339ace
+title: Акумуляторна фабрика
+challengeType: 5
+forumTopicId: 302222
+dashedName: accumulator-factory
+---
+
+# --description--
+
+Проблема, спричинена [Paul Graham](https://en.wikipedia.org/wiki/Paul_Graham_(programmer)) полягає у створенні функції, яка приймає один (числовий) аргумент, і яка повертає іншу функцію, тобто акумулятор. Повернена акумуляторна функція в свою чергу також бере один числовий аргумент, і повертає суму усіх числових значень, прийнятих до цього часу до цього акумулятора (включаючи початкове значення, передане при створенні акумулятора).
+
+# --instructions--
+
+Створіть функцію, яка приймає число $n$ і генерує акумуляторні функції, які повертають суму кожного числа, яке до них додадуть.
+
+**Правила:**
+
+Не використовуйте глобальні змінні.
+
+**Підказка:**
+
+Закриття економить зовнішній стан.
+
+# --hints--
+
+`accumulator` має бути функцією.
+
+```js
+assert(typeof accumulator === 'function');
+```
+
+`accumulator(0)` має відображати функцію.
+
+```js
+assert(typeof accumulator(0) === 'function');
+```
+
+`accumulator(0)(2)` має відображати число.
+
+```js
+assert(typeof accumulator(0)(2) === 'number');
+```
+
+Перехід у значеннях 3, -4, 1.5 і 5 має видати 5,5.
+
+```js
+assert(testFn(5) === 5.5);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testFn = typeof accumulator(3) === 'function' && accumulator(3);
+if (testFn) {
+  testFn(-4);
+  testFn(1.5);
+}
+```
+
+## --seed-contents--
+
+```js
+function accumulator(sum) {
+
+}
+```
+
+# --solutions--
+
+```js
+function accumulator(sum) {
+  return function(n) {
+    return sum += n;
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ackermann-function.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ackermann-function.md
new file mode 100644
index 0000000000..1189348907
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ackermann-function.md
@@ -0,0 +1,71 @@
+---
+id: 594810f028c0303b75339acf
+title: Функція Акермана
+challengeType: 5
+forumTopicId: 302223
+dashedName: ackermann-function
+---
+
+# --description--
+
+Функція Акермана є класичним прикладом рекурсивної функції, особливо тому, що вона не є примітивною рекурсивною функцією. Вона дуже швидко зростає у значенні, зростає також і дерево викликів.
+
+Функція Акермана зазвичай визначається наступним чином:
+
+$A(m, n) = \\begin{cases} n+1 & \\mbox{if } m = 0 \\\\ A(m-1, 1) & \\mbox{if } m > 0 \\mbox{ and } n = 0 \\\\ A(m-1, A(m, n-1)) & \\mbox{if } m > 0 \\mbox{ and } n > 0. \\end{cases}$
+
+Її аргументи ніколи не є від'ємними, і вона завжди закінчується.
+
+# --instructions--
+
+Напишіть функцію, що повертає значення $A(m, n)$. Довільна точність є бажаною (оскільки функція зростає так швидко), але не є обов'язковою.
+
+# --hints--
+
+`ack` має бути функцією.
+
+```js
+assert(typeof ack === 'function');
+```
+
+`ack(0, 0)` повинен повернутися як 1.
+
+```js
+assert(ack(0, 0) === 1);
+```
+
+`ack(1, 1)` має повернутися як 3.
+
+```js
+assert(ack(1, 1) === 3);
+```
+
+`ack(2, 5)` повинен повернутися як 13.
+
+```js
+assert(ack(2, 5) === 13);
+```
+
+`ack(3, 3)` повинен повертатися як 61.
+
+```js
+assert(ack(3, 3) === 61);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ack(m, n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function ack(m, n) {
+  return m === 0 ? n + 1 : ack(m - 1, n === 0 ? 1 : ack(m, n - 1));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/align-columns.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/align-columns.md
new file mode 100644
index 0000000000..4400d86ff1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/align-columns.md
@@ -0,0 +1,189 @@
+---
+id: 594810f028c0303b75339ad0
+title: Вирівнювання стовпців
+challengeType: 5
+forumTopicId: 302224
+dashedName: align-columns
+---
+
+# --description--
+
+Дано масив з багатьма рядками, де поля в рядку зображені одним символом `$`, напишіть програму, яка вирівнює кожен стовпець полів, переконавшись, що слова в кожному стовпці розділені принаймні одним пробілом. Крім того, дозвольте кожному слову у стовпці вирівнюватись ліворуч, праворуч або вирівнюватись по центру стовпця.
+
+# --instructions--
+
+Щоб перевірити свої програми, використовуйте наступний текст:
+
+```js
+const testText = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+```
+
+**Зауважте, що:**
+
+- Приклади рядків текстів для введення можуть у кінці мати символ долара.
+- Усі стовпці повинні мати однакове вирівнювання.
+- Декілька послідовно розміщених символів пробілу у кінці рядків, є неважливими для цілей завдання.
+- Вихідний текст буде відображатися моношироким шрифтом у звичайному текстовому редакторі або базовому терміналі. Рядки в ньому слід з'єднати, використовуючи новий символ рядка (`\n`).
+- Мінімальний простір між стовпцями слід обчислювати з даного тексту, а не жорстко його кодувати.
+- Не обов'язково додавати розділові символи між стовпцями або навколо них.
+
+Наприклад, один з рядків взятий із `testText`, після вирівнювання праворуч, ліворуч та посередині відповідно:
+
+```js
+'    column        are separated     by     at    least       one space.\n'
+'column     are        separated by     at     least    one       space.\n'
+'  column      are     separated   by     at    least      one    space.\n'
+```
+
+# --hints--
+
+`formatText` має бути функцією.
+
+```js
+assert(typeof formatText === 'function');
+```
+
+`formatText(testText, 'right')` має створити стовпець із текстом, який буде вирівняний по правій стороні.
+
+```js
+assert.strictEqual(formatText(_testText, 'right'), rightAligned);
+```
+
+`formatText(testText, 'left')` має створити стовпець із текстом, який буде вирівняний по лівій стороні.
+
+```js
+assert.strictEqual(formatText(_testText, 'left'), leftAligned);
+```
+
+`formatText(testText, 'center')` має створити стовпець із текстом, який буде вирівняний по центру.
+
+```js
+assert.strictEqual(formatText(_testText, 'center'), centerAligned);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testText = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+
+const rightAligned = '     Given          a      text   file     of     many     lines\n' +
+'     where     fields    within      a   line \n' +
+'       are delineated        by      a single "dollar" character\n' +
+'     write          a   program\n' +
+'      that     aligns      each column     of   fields \n' +
+'        by   ensuring      that  words     in     each \n' +
+'    column        are separated     by     at    least       one space.\n' +
+'  Further,      allow       for   each   word       in         a column to be either left \n' +
+'justified,      right justified\n' +
+'        or     center justified within    its  column.';
+
+const leftAligned = 'Given      a          text      file   of     many     lines    \n' +
+'where      fields     within    a      line   \n' +
+'are        delineated by        a      single "dollar" character\n' +
+'write      a          program  \n' +
+'that       aligns     each      column of     fields   \n' +
+'by         ensuring   that      words  in     each     \n' +
+'column     are        separated by     at     least    one       space.\n' +
+'Further,   allow      for       each   word   in       a         column to be either left \n' +
+'justified, right      justified\n' +
+'or         center     justified within its    column. ';
+
+const centerAligned = '  Given        a        text     file    of     many     lines  \n' +
+'  where      fields    within     a     line  \n' +
+'   are     delineated    by       a    single \"dollar\" character\n' +
+'  write        a       program \n' +
+'   that      aligns     each    column   of    fields  \n' +
+'    by      ensuring    that    words    in     each   \n' +
+'  column      are     separated   by     at    least      one    space.\n' +
+' Further,    allow       for     each   word     in        a     column to be either left \n' +
+'justified,   right    justified\n' +
+'    or       center   justified within  its   column. ';
+```
+
+## --seed-contents--
+
+```js
+function formatText(input, justification) {
+
+}
+
+const testText = [
+  'Given$a$text$file$of$many$lines',
+  'where$fields$within$a$line$',
+  'are$delineated$by$a$single$"dollar"$character',
+  'write$a$program',
+  'that$aligns$each$column$of$fields$',
+  'by$ensuring$that$words$in$each$',
+  'column$are$separated$by$at$least$one$space.',
+  'Further,$allow$for$each$word$in$a$column$to$be$either$left$',
+  'justified,$right$justified',
+  'or$center$justified$within$its$column.'
+];
+```
+
+# --solutions--
+
+```js
+String.prototype.repeat = function (n) { return new Array(1 + parseInt(n)).join(this); };
+
+function formatText(input, justification) {
+  let x, y, max, cols = 0, diff, left, right;
+  for (x = 0; x < input.length; x++) {
+    input[x] = input[x].split('$');
+    if (input[x].length > cols) {
+      cols = input[x].length;
+    }
+  }
+  for (x = 0; x < cols; x++) {
+    max = 0;
+    for (y = 0; y < input.length; y++) {
+      if (input[y][x] && max < input[y][x].length) {
+        max = input[y][x].length;
+      }
+    }
+    for (y = 0; y < input.length; y++) {
+      if (input[y][x]) {
+        diff = (max - input[y][x].length) / 2;
+        left = ' '.repeat(Math.floor(diff));
+        right = ' '.repeat(Math.ceil(diff));
+        if (justification === 'left') {
+          right += left; left = '';
+        }
+        if (justification === 'right') {
+          left += right; right = '';
+        }
+        input[y][x] = left + input[y][x] + right;
+      }
+    }
+  }
+  for (x = 0; x < input.length; x++) {
+    input[x] = input[x].join(' ');
+  }
+  input = input.join('\n');
+  return input;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/amicable-pairs.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/amicable-pairs.md
new file mode 100644
index 0000000000..63f0a93946
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/amicable-pairs.md
@@ -0,0 +1,126 @@
+---
+id: 5949b579404977fbaefcd737
+title: Дружні числа
+challengeType: 5
+forumTopicId: 302225
+dashedName: amicable-pairs
+---
+
+# --description--
+
+Цілі числа $N$ та $M$ - це [дружні числа](https://en.wikipedia.org/wiki/Amicable numbers "wp: Amicable numbers") if $N \\neq M$ і сума [власних дільників](https://rosettacode.org/wiki/Proper divisors "Proper divisors") of $N$ ($\\mathrm{sum}(\\mathrm{propDivs}(N))$) $= M$, як і $\\mathrm{sum}(\\mathrm{propDivs}(M)) = N$.
+
+**Приклад:**
+
+**1184** та **1210** - це дружні числа з власними дільниками:
+
+<ul>
+  <li>1, 2, 4, 8, 16, 32, 37, 74, 148, 296, 592  та</li>
+  <li>1, 2, 5, 10, 11, 22, 55, 110, 121, 242, 605  також.</li>
+</ul>
+
+# --instructions--
+
+Порахуйте та покажіть тут дружні числа нижче 20 000 (тут їх вісім).
+
+# --hints--
+
+`amicablePairsUpTo` мають бути функцією.
+
+```js
+assert(typeof amicablePairsUpTo === 'function');
+```
+
+`amicablePairsUpTo(300)` повинен повертатися як `[[220,284]]`.
+
+```js
+assert.deepEqual(amicablePairsUpTo(300), answer300);
+```
+
+`amicablePairsUpTo(3000)` повинен повертатися як `[[220,284],[1184,1210],[2620,2924]]`.
+
+```js
+assert.deepEqual(amicablePairsUpTo(3000), answer3000);
+```
+
+`amicablePairsUpTo(20000)` повинен повертатися як `[[220,284],[1184,1210],[2620,2924],[5020,5564],[6232,6368],[10744,10856],[12285,14595],[17296,18416]]`.
+
+```js
+assert.deepEqual(amicablePairsUpTo(20000), answer20000);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const answer300 = [[220, 284]];
+const answer3000 = [
+  [220, 284],
+  [1184, 1210],
+  [2620, 2924]
+];
+const answer20000 = [
+  [220, 284],
+  [1184, 1210],
+  [2620, 2924],
+  [5020, 5564],
+  [6232, 6368],
+  [10744, 10856],
+  [12285, 14595],
+  [17296, 18416]
+];
+```
+
+## --seed-contents--
+
+```js
+function amicablePairsUpTo(maxNum) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+// amicablePairsUpTo :: Int -> [(Int, Int)]
+function amicablePairsUpTo(maxNum) {
+  return range(1, maxNum)
+    .map(x => properDivisors(x)
+      .reduce((a, b) => a + b, 0))
+    .reduce((a, m, i, lst) => {
+      const n = i + 1;
+
+      return (m > n) && lst[m - 1] === n ?
+        a.concat([
+          [n, m]
+        ]) : a;
+    }, []);
+}
+
+// properDivisors :: Int -> [Int]
+function properDivisors(n) {
+  if (n < 2) return [];
+
+  const rRoot = Math.sqrt(n);
+  const intRoot = Math.floor(rRoot);
+  const blnPerfectSquare = rRoot === intRoot;
+  const lows = range(1, intRoot)
+  .filter(x => (n % x) === 0);
+
+  return lows.concat(lows.slice(1)
+    .map(x => n / x)
+    .reverse()
+    .slice(blnPerfectSquare | 0));
+}
+
+// Int -> Int -> Maybe Int -> [Int]
+function range(m, n, step) {
+  const d = (step || 1) * (n >= m ? 1 : -1);
+
+  return Array.from({
+    length: Math.floor((n - m) / d) + 1
+  }, (_, i) => m + (i * d));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-mode.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-mode.md
new file mode 100644
index 0000000000..07316d41fe
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-mode.md
@@ -0,0 +1,79 @@
+---
+id: 594d8d0ab97724821379b1e6
+title: Середні значення/Режим
+challengeType: 5
+forumTopicId: 302226
+dashedName: averagesmode
+---
+
+# --description--
+
+Напишіть програму для пошуку значення [режиму](https://en.wikipedia.org/wiki/Mode (statistics) "wp: Mode (statistics)") колекції.
+
+Випадок, коли колекція є порожньою, можна ігнорувати. Необхідно бути обережним у випадку, коли режим не є унікальним.
+
+Якщо недоцільно або неможливо підтримувати загальну колекцію, по можливості використовуйте вектор (масив). Якщо недоцільно або неможливо підтримувати невизначений тип значення, то використовуйте цілі числа.
+
+# --hints--
+
+`mode` повинен бути функцією.
+
+```js
+assert(typeof mode === 'function');
+```
+
+`mode([1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17])` повинен дорівнювати `[6]`
+
+```js
+assert.deepEqual(mode(arr1), [6]);
+```
+
+`mode([1, 2, 4, 4, 1])` повинен дорівнювати `[1, 4]`.
+
+```js
+assert.deepEqual(mode(arr2).sort(), [1, 4]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const arr1 = [1, 3, 6, 6, 6, 6, 7, 7, 12, 12, 17];
+const arr2 = [1, 2, 4, 4, 1];
+```
+
+## --seed-contents--
+
+```js
+function mode(arr) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function mode(arr) {
+  const counter = {};
+  let result = [];
+  let max = 0;
+  // for (const i in arr) {
+  arr.forEach(el => {
+    if (!(el in counter)) {
+      counter[el] = 0;
+    }
+    counter[el]++;
+
+    if (counter[el] === max) {
+      result.push(el);
+    }
+    else if (counter[el] > max) {
+      max = counter[el];
+      result = [el];
+    }
+  });
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-pythagorean-means.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-pythagorean-means.md
new file mode 100644
index 0000000000..9a9c943b8d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-pythagorean-means.md
@@ -0,0 +1,144 @@
+---
+id: 594d966a1467eb84194f0086
+title: Піфагорові середні
+challengeType: 5
+forumTopicId: 302227
+dashedName: averagespythagorean-means
+---
+
+# --description--
+
+Розрахуйте всі три [ Піфагорових середніх ](https://en.wikipedia.org/wiki/Pythagorean means "wp: Pythagorean means") набору цілих чисел від $1$ до $10$ (включно).
+
+Покажіть, що $A(x_1,\\ldots,x_n) \\geq G(x_1,\\ldots,x_n) \\geq H(x_1,\\ldots,x_n)$ для цього набору цілих чисел.
+
+<ul>
+  <li>Найпоширеніший із трьох середніх — <a class='rosetta__link--rosetta' href='https://rosettacode.org/wiki/Averages/Arithmetic mean' title='Averages/Arithmetic mean' target='_blank'>середнє арифметичне</a> — сума елементів набору, поділена на їх кількість:<br>
+    <big>$ A(x_1, \ldots, x_n) = \frac{x_1 + \cdots + x_n}{n}$</big></li>
+  <li><a class='rosetta__link--wiki' href='https://en.wikipedia.org/wiki/Geometric mean' title='wp: Geometric mean' target='_blank'>Середнє геометричне</a> — це $n$-й корінь добутку кількості елементів:<br>
+  <big>$ G(x_1, \ldots, x_n) = \sqrt[n]{x_1 \cdots x_n} $</big></li>
+  <li><a class='rosetta__link--wiki' href='https://en.wikipedia.org/wiki/Harmonic mean' title='wp: Harmonic mean' target='_blank'>Середнє гармонійне</a> — $n$, поділене на суму кожного оберненого елемента набору:<br>
+<big>$ H(x_1, \ldots, x_n) = \frac{n}{\frac{1}{x_1} + \cdots + \frac{1}{x_n}} $</big></li>
+</ul>
+
+# --instructions--
+
+При написанні функції, врахуйте, що вхідні дані — впорядкований масив всіх включених чисел.
+
+Для відповіді, будь ласка, виведіть об'єкт у наступному форматі:
+
+```js
+{
+  values: {
+    Arithmetic: 5.5,
+    Geometric: 4.528728688116765,
+    Harmonic: 3.414171521474055
+  },
+  test: 'is A >= G >= H ? yes'
+}
+```
+
+# --hints--
+
+`pythagoreanMeans` має бути функцією.
+
+```js
+assert(typeof pythagoreanMeans === 'function');
+```
+
+`pythagoreanMeans([1, 2, ..., 10])` має дорівнювати тому ж результату, що й вище.
+
+```js
+assert.deepEqual(pythagoreanMeans(range1), answer1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const range1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const answer1 = {
+  values: {
+    Arithmetic: 5.5,
+    Geometric: 4.528728688116765,
+    Harmonic: 3.414171521474055
+  },
+  test: 'is A >= G >= H ? yes'
+};
+```
+
+## --seed-contents--
+
+```js
+function pythagoreanMeans(rangeArr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function pythagoreanMeans(rangeArr) {
+  // arithmeticMean :: [Number] -> Number
+  const arithmeticMean = xs =>
+    foldl((sum, n) => sum + n, 0, xs) / length(xs);
+
+  // geometricMean :: [Number] -> Number
+  const geometricMean = xs =>
+    raise(foldl((product, x) => product * x, 1, xs), 1 / length(xs));
+
+  // harmonicMean :: [Number] -> Number
+  const harmonicMean = xs =>
+    length(xs) / foldl((invSum, n) => invSum + (1 / n), 0, xs);
+
+  // GENERIC FUNCTIONS ------------------------------------------------------
+
+  // A list of functions applied to a list of arguments
+  // <*> :: [(a -> b)] -> [a] -> [b]
+  const ap = (fs, xs) => //
+    Array.prototype.concat(...fs.map(f => //
+      Array.prototype.concat(...xs.map(x => [f(x)]))));
+
+  // foldl :: (b -> a -> b) -> b -> [a] -> b
+  const foldl = (f, a, xs) => xs.reduce(f, a);
+
+  // length :: [a] -> Int
+  const length = xs => xs.length;
+
+  // mapFromList :: [(k, v)] -> Dictionary
+  const mapFromList = kvs =>
+    foldl((a, [k, v]) =>
+      (a[(typeof k === 'string' && k)] = v, a), {}, kvs);
+
+  // raise :: Num -> Int -> Num
+  const raise = (n, e) => Math.pow(n, e);
+/*
+  // show :: a -> String
+  // show :: a -> Int -> String
+  const show = (...x) =>
+    JSON.stringify.apply(
+      null, x.length > 1 ? [x[0], null, x[1]] : x
+    );
+*/
+  // zip :: [a] -> [b] -> [(a,b)]
+  const zip = (xs, ys) =>
+    xs.slice(0, Math.min(xs.length, ys.length))
+      .map((x, i) => [x, ys[i]]);
+
+  // TEST -------------------------------------------------------------------
+  // mean :: Dictionary
+  const mean = mapFromList(zip(
+    ['Arithmetic', 'Geometric', 'Harmonic'],
+    ap([arithmeticMean, geometricMean, harmonicMean], [
+      rangeArr
+    ])
+  ));
+
+  return {
+    values: mean,
+    test: `is A >= G >= H ? ${mean.Arithmetic >= mean.Geometric &&
+      mean.Geometric >= mean.Harmonic ? 'yes' : 'no'}`
+  };
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-root-mean-square.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-root-mean-square.md
new file mode 100644
index 0000000000..abc93c8522
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/averages-root-mean-square.md
@@ -0,0 +1,57 @@
+---
+id: 594da033de4190850b893874
+title: Середнє значення квадратного кореня
+challengeType: 5
+forumTopicId: 302228
+dashedName: averagesroot-mean-square
+---
+
+# --description--
+
+Визначте [ середнє квадратне ](https://en.wikipedia.org/wiki/Root mean square "wp: Root mean square") від 1 до 10 включно.
+
+* середнє квадратне * також відоме своїми ініціалами СК (або ск), а також як **quadratic mean**.
+
+СК вираховується як середнє значення квадратів чисел в квадратних коренях:
+
+$$x\_{\\mathrm{rms}} = \\sqrt {{{x_1}^2 + {x_2}^2 + \\cdots + {x_n}^2} \\over n}. $$
+
+# --hints--
+
+`rms` має бути функцією.
+
+```js
+assert(typeof rms === 'function');
+```
+
+`rms([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])` має дорівнювати `6.2048368229954285`.
+
+```js
+assert.equal(rms(arr1), answer1);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+const answer1 = 6.2048368229954285;
+```
+
+## --seed-contents--
+
+```js
+function rms(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function rms(arr) {
+  const sumOfSquares = arr.reduce((s, x) => s + x * x, 0);
+  return Math.sqrt(sumOfSquares / arr.length);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/babbage-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/babbage-problem.md
new file mode 100644
index 0000000000..cc21c9a8e6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/babbage-problem.md
@@ -0,0 +1,78 @@
+---
+id: 594db4d0dedb4c06a2a4cefd
+title: Задача Беббіджа
+challengeType: 5
+forumTopicId: 302229
+dashedName: babbage-problem
+---
+
+# --description--
+
+[Чарльз Беббідж](https://en.wikipedia.org/wiki/Charles_Babbage "wp: Charles_Babbage"), дивлячись у майбутнє на завдання, які зможе вирішити його аналітична машина, навів такий приклад:
+
+<blockquote>
+  Яке найменше натуральне число, квадрат якого закінчується цифрами 269,696?
+  <footer style='margin-left: 2em;'>Беббідж, лист до лорда Боудена, 1837; див. Hollingdale and Tootill, <i>Електронні комп’ютери</i>, друге видання, 1970, стор. 125.</footer>
+</blockquote>
+
+Він думав, що відповідь може бути 99,736, квадрат якого становить 9,947,269,696; але він не міг бути певним.
+
+Завдання полягає в тому, щоб з'ясувати, чи відповідь Беббіджа була правильною.
+
+# --instructions--
+
+Реалізуйте функцію, щоб повернути найменше ціле число, що задовольняє задачу Беббіджа. Якщо Беббідж мав рацію, то поверніть число Беббіджа.
+
+# --hints--
+
+`babbage` має бути функцією.
+
+```js
+assert(typeof babbage === 'function');
+```
+
+`babbage(99736, 269696)` не повинна повертати 99736 (відповідь має бути меншою).
+
+```js
+assert.equal(babbage(babbageAns, endDigits), answer);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const babbageAns = 99736;
+const endDigits = 269696;
+const answer = 25264;
+```
+
+## --seed-contents--
+
+```js
+function babbage(babbageNum, endDigits) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function babbage(babbageAns, endDigits) {
+  const babbageNum = Math.pow(babbageAns, 2);
+  const babbageStartDigits = parseInt(babbageNum.toString().replace('269696', ''));
+  let answer = 99736;
+
+  // count down from this answer and save any sqrt int result. return lowest one
+  for (let i = babbageStartDigits; i >= 0; i--) {
+    const num = parseInt(i.toString().concat('269696'));
+    const result = Math.sqrt(num);
+    if (result === Math.floor(Math.sqrt(num))) {
+      answer = result;
+    }
+  }
+
+  return answer;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/balanced-brackets.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/balanced-brackets.md
new file mode 100644
index 0000000000..93e8e2a7b3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/balanced-brackets.md
@@ -0,0 +1,188 @@
+---
+id: 594dc6c729e5700999302b45
+title: Збалансовані дужки
+challengeType: 5
+forumTopicId: 302230
+dashedName: balanced-brackets
+---
+
+# --description--
+
+Визначте, чи збалансований згенерований рядок дужок; тобто чи він складається повністю з пар відкритих/закритих дужок (у правильному порядку), і кожна розміщена у відповідному місці.
+
+**Приклади:**
+| Вихідна інформація        | Результат |
+| ------------------------- | --------- |
+| <code>\[]</code> | true      |
+| <code>]\[</code> | false     |
+| <code>[][]</code> | true      |
+| <code>]\[]</code> | false     |
+| <code>\[]]\[\[]</code> | false     |
+| <code>\[\[\[\[]]]]</code> | true      |
+
+# --hints--
+
+`isBalanced` має бути функцією.
+
+```js
+assert(typeof isBalanced === 'function');
+```
+
+Функція `isBalanced("[]")` має повернути true.
+
+```js
+assert(isBalanced(testCases[0]));
+```
+
+Функція `isBalanced("]][[[][][][]][")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[1]));
+```
+
+Функція `isBalanced("[][[[[][][[[]]]]]]")` має повернути true.
+
+```js
+assert(isBalanced(testCases[2]));
+```
+
+Функція `isBalanced("][")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[3]));
+```
+
+Функція `isBalanced("[[[]]]][[]")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[4]));
+```
+
+Функція `isBalanced("][[]")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[5]));
+```
+
+Функція `isBalanced("][[][]][[[]]")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[6]));
+```
+
+Функція `isBalanced("[[][]]][")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[7]));
+```
+
+Функція `isBalanced("[[[]]][[]]]][][[")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[8]));
+```
+
+Функція `isBalanced("[]][[]]][[[[][]]")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[9]));
+```
+
+Функція `isBalanced("][]][[][")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[10]));
+```
+
+Функція `isBalanced("[[]][[][]]")` має повернути true.
+
+```js
+assert(isBalanced(testCases[11]));
+```
+
+Функція `isBalanced("[[]]")` має повернути true.
+
+```js
+assert(isBalanced(testCases[12]));
+```
+
+Функція `isBalanced("]][]][[]][[[")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[13]));
+```
+
+Функція `isBalanced("][]][][[")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[14]));
+```
+
+Функція `isBalanced("][][")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[15]));
+```
+
+Функція `isBalanced("[]]]")` має повернути false.
+
+```js
+assert(!isBalanced(testCases[16]));
+```
+
+Функція `isBalanced("")` має повернути true.
+
+```js
+assert(isBalanced(testCases[17]));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [
+  '[]',
+  ']][[[][][][]][',
+  '[][[[[][][[[]]]]]]',
+  '][',
+  '[[[]]]][[]',
+  '][[]',
+  '][[][]][[[]]',
+  '[[][]]][',
+  '[[[]]][[]]]][][[',
+  '[]][[]]][[[[][]]',
+  '][]][[][',
+  '[[]][[][]]',
+  '[[]]',
+  ']][]][[]][[[',
+  '][]][][[',
+  '][][',
+  '[]]]',
+  ''
+];
+```
+
+## --seed-contents--
+
+```js
+function isBalanced(str) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function isBalanced(str) {
+  if (str === '') return true;
+  let a = str;
+  let b;
+  do {
+    b = a;
+    a = a.replace(/\[\]/g, '');
+  } while (a !== b);
+  return !a;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.md
new file mode 100644
index 0000000000..3cd40accd9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/circles-of-given-radius-through-two-points.md
@@ -0,0 +1,150 @@
+---
+id: 5951815dd895584b06884620
+title: Кола з заданим радіусом через дві точки
+challengeType: 5
+forumTopicId: 302231
+dashedName: circles-of-given-radius-through-two-points
+---
+
+# --description--
+
+Якщо відомі дві точки на площині та радіус, зазвичай можна провести два кола заданого радіусу через ці точки.
+
+**Винятки:**
+
+<ul>
+  <li>Нульовий радіус вважатиметься таким, що ніколи не описує кола (крім випадків, коли точки збігаються).</li>
+  <li>Якщо точки збігаються, тоді можна описати безкінечне число кіл з точкою їх окружності, якщо радіус кола також не дорівнює нулю, що перетворить коло на точку.</li>
+  <li>Якщо точки утворюють діаметр, то повернеться одне коло.</li>
+  <li>Якщо точки розташовані надто далеко, тоді кола намалювати не можна.</li>
+</ul>
+
+# --instructions--
+
+Реалізуйте функцію, яка приймає дві точки і радіус і повертається як два кола через ці точки. Для кожного кола, що утвориться, встановіть координати для центру кожного кола округлені до чотирьох десяткових чисел. Поверніть кожну координату як масив і координати як масив масивів.
+
+**Для складних випадків повертається наступне:**
+
+<ul>
+  <li>Якщо точки розташовані на діаметрі, повернеться одна точка. Якщо ж радіус також є нульовим, тоді повернеться <code>"Radius Zero"</code>.</li>
+  <li>Якщо точки збігаються, поверніть <code>"Точку збігу. Безкінечні рішення"</code>.</li>
+  <li>Якщо точки розташовані далі, ніж діаметр, поверніть <code>"Без перетину. Точки, які віддалені одна від одної, відносно діаметра кола"</code>.</li>
+</ul>
+
+**Приклади вхідних даних:**
+
+<pre>      p1                p2           r
+0.1234, 0.9876    0.8765, 0.2345    2.0
+0.0000, 2.0000    0.0000, 0.0000    1.0
+0.1234, 0.9876    0.1234, 0.9876    2.0
+0.1234, 0.9876    0.8765, 0.2345    0.5
+0.1234, 0.9876    0.1234, 0.9876    0.0
+</pre>
+
+# --hints--
+
+`getCircles` має бути функцією.
+
+```js
+assert(typeof getCircles === 'function');
+```
+
+`getCircles([0.1234, 0.9876], [0.8765, 0.2345], 2.0)` повинен повернутися як `[[1.8631, 1.9742], [-0.8632, -0.7521]]`.
+
+```js
+assert.deepEqual(getCircles(...testCases[0]), answers[0]);
+```
+
+`getCircles([0.0000, 2.0000], [0.0000, 0.0000], 1.0)` повинен повернутися як `[0, 1]`
+
+```js
+assert.deepEqual(getCircles(...testCases[1]), answers[1]);
+```
+
+`getCircles([0.1234, 0.9876], [0.1234, 0.9876], 2.0)` має повертатися `Точка збігу. Безкінечні рішення"`
+
+```js
+assert.deepEqual(getCircles(...testCases[2]), answers[2]);
+```
+
+`getCircles([0.1234, 0.9876], [0.8765, 0.2345], 0.5)` має повертатися `Без перетину. Точки, які віддалені одна від одної, відносно діаметра кола"`
+
+```js
+assert.deepEqual(getCircles(...testCases[3]), answers[3]);
+```
+
+`getCircles([0.1234, 0.9876], [0.1234, 0.9876], 0.0)` має повертатися як `Radius Zero`
+
+```js
+assert.deepEqual(getCircles(...testCases[4]), answers[4]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [
+  [[0.1234, 0.9876], [0.8765, 0.2345], 2.0],
+  [[0.0000, 2.0000], [0.0000, 0.0000], 1.0],
+  [[0.1234, 0.9876], [0.1234, 0.9876], 2.0],
+  [[0.1234, 0.9876], [0.8765, 0.2345], 0.5],
+  [[0.1234, 0.9876], [0.1234, 0.9876], 0.0]
+];
+const answers = [
+  [[1.8631, 1.9742], [-0.8632, -0.7521]],
+  [0, 1],
+  'Coincident point. Infinite solutions',
+  'No intersection. Points further apart than circle diameter',
+  'Radius Zero'
+];
+```
+
+## --seed-contents--
+
+```js
+function getCircles(...args) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+const hDist = (p1, p2) => Math.hypot(...p1.map((e, i) => e - p2[i])) / 2;
+const pAng = (p1, p2) => Math.atan(p1.map((e, i) => e - p2[i]).reduce((p, c) => c / p, 1));
+const solveF = (p, r) => t => [parseFloat((r * Math.cos(t) + p[0]).toFixed(4)), parseFloat((r * Math.sin(t) + p[1]).toFixed(4))];
+const diamPoints = (p1, p2) => p1.map((e, i) => parseFloat((e + (p2[i] - e) / 2).toFixed(4)));
+
+function getCircles(...args) {
+  const [p1, p2, s] = args;
+  const solve = solveF(p1, s);
+  const halfDist = hDist(p1, p2);
+
+  let msg = [];
+  switch (Math.sign(s - halfDist)) {
+    case 0:
+      msg = s ? diamPoints(p1, p2) :
+        'Radius Zero';
+      break;
+    case 1:
+      if (!halfDist) {
+        msg = 'Coincident point. Infinite solutions';
+      }
+      else {
+        const theta = pAng(p1, p2);
+        const theta2 = Math.acos(halfDist / s);
+        [1, -1].map(e => solve(theta + e * theta2)).forEach(
+          e => msg.push(e));
+      }
+      break;
+    case -1:
+      msg = 'No intersection. Points further apart than circle diameter';
+      break;
+    default:
+      msg = 'Reached the default';
+  }
+  return msg;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/closest-pair-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/closest-pair-problem.md
new file mode 100644
index 0000000000..82cce950f6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/closest-pair-problem.md
@@ -0,0 +1,414 @@
+---
+id: 5951a53863c8a34f02bf1bdc
+title: Задача про найближчу пару
+challengeType: 5
+forumTopicId: 302232
+dashedName: closest-pair-problem
+---
+
+# --description--
+
+Надайте функцію для пошуку двох найближчих точок серед поданого набору точок у двох вимірах.
+
+Найпростіше рішення це $O(n^2)$ алгоритм (який ми можемо назвати *brute-force algorithm*); цей псевдо-код (з використанням індексів) може бути простим:
+
+<pre><strong>bruteForceClosestPair</strong> of P(1), P(2), ... P(N)
+<strong>if</strong> N &#x3C; 2 <strong>then</strong>
+  <strong>return</strong> ∞
+<strong>else</strong>
+  minDistance ← |P(1) - P(2)|
+  minPoints ← { P(1), P(2) }
+  <strong>foreach</strong> i ∈ [1, N-1]
+    <strong>foreach</strong> j ∈ [i+1, N]
+      <strong>if</strong> |P(i) - P(j)| &#x3C; minDistance <strong>then</strong>
+        minDistance ← |P(i) - P(j)|
+        minPoints ← { P(i), P(j) }
+      <strong>endif</strong>
+    <strong>endfor</strong>
+  <strong>endfor</strong>
+  <strong>return</strong> minDistance, minPoints
+<strong>endif</strong>
+</pre>
+
+Кращий алгоритм базується на рекурсивному розподілі та підхопленні, який є псевдо-кодом $O(n\log n)$:
+
+<pre><strong>closestPair</strong> of (xP, yP)
+  where xP is P(1) .. P(N) sorted by x coordinate, and
+  yP is P(1) .. P(N) sorted by y coordinate (ascending order)
+<strong>if</strong> N ≤ 3 <strong>then</strong>
+  <strong>return</strong> closest points of xP using brute-force algorithm
+<strong>else</strong>
+  xL ← points of xP from 1 to ⌈N/2⌉
+  xR ← points of xP from ⌈N/2⌉+1 to N
+  xm ← xP(⌈N/2⌉)<sub>x</sub>
+  yL ← { p ∈ yP : p<sub>x</sub> ≤ xm }
+  yR ← { p ∈ yP : p<sub>x</sub> > xm }
+  (dL, pairL) ← closestPair of (xL, yL)
+  (dR, pairR) ← closestPair of (xR, yR)
+  (dmin, pairMin) ← (dR, pairR)
+  <strong>if</strong> dL &#x3C; dR <strong>then</strong>
+    (dmin, pairMin) ← (dL, pairL)
+  <strong>endif</strong>
+  yS ← { p ∈ yP : |xm - p<sub>x</sub>| &#x3C; dmin }
+  nS ← number of points in yS
+  (closest, closestPair) ← (dmin, pairMin)
+  <strong>for</strong> i <strong>from</strong> 1 <strong>to</strong> nS - 1
+    k ← i + 1
+    <strong>while</strong> k ≤ nS <strong>and</strong> yS(k)<sub>y</sub> - yS(i)<sub>y</sub> &#x3C; dmin
+      <strong>if</strong> |yS(k) - yS(i)| &#x3C; closest <strong>then</strong>
+        (closest, closestPair) ← (|yS(k) - yS(i)|, {yS(k), yS(i)})
+      <strong>endif</strong>
+      k ← k + 1
+    <strong>endwhile</strong>
+  <strong>endfor</strong>
+  <strong>return</strong> closest, closestPair
+<strong>endif</strong>
+</pre>
+
+Для вхідних даних, слід очікувати, що аргумент буде масивом з `Point` об'єктами, і `x` та `y` заданими числами. Поверніть об'єкт, що містить ключові пари значень для `distance` та `pair` (пара двох найближчих точок).
+
+Наприклад, `getClosestPair` з вхідним масивом `points`:
+
+```js
+const points = [
+  new Point(1, 2),
+  new Point(3, 3),
+  new Point(2, 2)
+];
+```
+
+Має повернути:
+
+```js
+{
+  distance: 1,
+  pair: [
+    {
+      x: 1,
+      y: 2
+    },
+    {
+      x: 2,
+      y: 2
+    }
+  ]
+}
+```
+
+**Note:** Сортуйте `pair` масиви за їхніми `x` значеннями у зростаючому порядку.
+
+
+# --hints--
+
+`getClosestPair` має бути функцією.
+
+```js
+assert(typeof getClosestPair === 'function');
+```
+
+`getClosestPair(points1).distance` має бути `0.0894096443343775`.
+
+```js
+assert.equal(getClosestPair(points1).distance, answer1.distance);
+```
+
+`getClosestPair(points1).pair` має бути `[ { x: 7.46489, y: 4.6268 }, { x: 7.46911, y: 4.71611 } ]`.
+
+```js
+assert.deepEqual(
+  JSON.parse(JSON.stringify(getClosestPair(points1))).pair,
+  answer1.pair
+);
+```
+
+`getClosestPair(points2).distance` має бути `65.06919393998976`.
+
+```js
+assert.equal(getClosestPair(points2).distance, answer2.distance);
+```
+
+`getClosestPair(points2).pair` має бути `[ { x: 37134, y: 1963 }, { x: 37181, y: 2008 } ]`.
+
+```js
+assert.deepEqual(
+  JSON.parse(JSON.stringify(getClosestPair(points2))).pair,
+  answer2.pair
+);
+```
+
+`getClosestPair(points3).distance` має бути `6754.625082119658`.
+
+```js
+assert.equal(getClosestPair(points3).distance, answer3.distance);
+```
+
+`getClosestPair(points3).pair` має бути `[ { x: 46817, y: 64975 }, { x: 48953, y: 58567 } ]`.
+
+```js
+assert.deepEqual(
+  JSON.parse(JSON.stringify(getClosestPair(points3))).pair,
+  answer3.pair
+);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const points1 = [
+    new Point(0.748501, 4.09624),
+    new Point(3.00302, 5.26164),
+    new Point(3.61878,  9.52232),
+    new Point(7.46911,  4.71611),
+    new Point(5.7819,   2.69367),
+    new Point(2.34709,  8.74782),
+    new Point(2.87169,  5.97774),
+    new Point(6.33101,  0.463131),
+    new Point(7.46489,  4.6268),
+    new Point(1.45428,  0.087596)
+];
+
+const answer1 = {
+  distance: 0.0894096443343775,
+  pair: [
+    {
+      x: 7.46489,
+      y: 4.6268
+    },
+    {
+      x: 7.46911,
+      y: 4.71611
+    }
+  ]
+};
+
+const points2 = [
+  new Point(37100, 13118),
+  new Point(37134, 1963),
+  new Point(37181, 2008),
+  new Point(37276, 21611),
+  new Point(37307, 9320)
+];
+
+const answer2 = {
+  distance: 65.06919393998976,
+  pair: [
+    {
+      x: 37134,
+      y: 1963
+    },
+    {
+      x: 37181,
+      y: 2008
+    }
+  ]
+};
+
+const points3 = [
+  new Point(16910, 54699),
+  new Point(14773, 61107),
+  new Point(95547, 45344),
+  new Point(95951, 17573),
+  new Point(5824, 41072),
+  new Point(8769, 52562),
+  new Point(21182, 41881),
+  new Point(53226, 45749),
+  new Point(68180, 887),
+  new Point(29322, 44017),
+  new Point(46817, 64975),
+  new Point(10501, 483),
+  new Point(57094, 60703),
+  new Point(23318, 35472),
+  new Point(72452, 88070),
+  new Point(67775, 28659),
+  new Point(19450, 20518),
+  new Point(17314, 26927),
+  new Point(98088, 11164),
+  new Point(25050, 56835),
+  new Point(8364, 6892),
+  new Point(37868, 18382),
+  new Point(23723, 7701),
+  new Point(55767, 11569),
+  new Point(70721, 66707),
+  new Point(31863, 9837),
+  new Point(49358, 30795),
+  new Point(13041, 39744),
+  new Point(59635, 26523),
+  new Point(25859, 1292),
+  new Point(1551, 53890),
+  new Point(70316, 94479),
+  new Point(48549, 86338),
+  new Point(46413, 92747),
+  new Point(27186, 50426),
+  new Point(27591, 22655),
+  new Point(10905, 46153),
+  new Point(40408, 84202),
+  new Point(52821, 73520),
+  new Point(84865, 77388),
+  new Point(99819, 32527),
+  new Point(34404, 75657),
+  new Point(78457, 96615),
+  new Point(42140, 5564),
+  new Point(62175, 92342),
+  new Point(54958, 67112),
+  new Point(4092, 19709),
+  new Point(99415, 60298),
+  new Point(51090, 52158),
+  new Point(48953, 58567)
+];
+
+const answer3 = {
+  distance: 6754.625082119658,
+  pair: [
+    {
+      x: 46817,
+      y: 64975
+    },
+    {
+      x: 48953,
+      y: 58567
+    }
+  ]
+}
+```
+
+## --seed-contents--
+
+```js
+const Point = function(x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function() {
+  return this.x;
+};
+Point.prototype.getY = function() {
+  return this.y;
+};
+
+function getClosestPair(pointsArr) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+const Point = function(x, y) {
+  this.x = x;
+  this.y = y;
+};
+Point.prototype.getX = function() {
+  return this.x;
+};
+Point.prototype.getY = function() {
+  return this.y;
+};
+
+const mergeSort = function mergeSort(points, comp) {
+    if(points.length < 2) return points;
+
+    var n = points.length,
+        i = 0,
+        j = 0,
+        leftN = Math.floor(n / 2),
+        rightN = leftN;
+
+    var leftPart = mergeSort( points.slice(0, leftN), comp),
+        rightPart = mergeSort( points.slice(rightN), comp );
+
+    var sortedPart = [];
+
+    while((i < leftPart.length) && (j < rightPart.length)) {
+        if(comp(leftPart[i], rightPart[j]) < 0) {
+            sortedPart.push(leftPart[i]);
+            i += 1;
+        }
+        else {
+            sortedPart.push(rightPart[j]);
+            j += 1;
+        }
+    }
+    while(i < leftPart.length) {
+        sortedPart.push(leftPart[i]);
+        i += 1;
+    }
+    while(j < rightPart.length) {
+        sortedPart.push(rightPart[j]);
+        j += 1;
+    }
+    return sortedPart;
+};
+
+const closestPair = function _closestPair(Px, Py) {
+    if(Px.length < 2) return { distance: Infinity, pair: [ new Point(0, 0), new Point(0, 0) ] };
+    if(Px.length < 3) {
+        //find euclid distance
+        var d = Math.sqrt( Math.pow(Math.abs(Px[1].x - Px[0].x), 2) + Math.pow(Math.abs(Px[1].y - Px[0].y), 2) );
+        return {
+            distance: d,
+            pair: [ Px[0], Px[1] ]
+        };
+    }
+
+    var n = Px.length,
+        leftN = Math.floor(n / 2),
+        rightN = leftN;
+
+    var Xl = Px.slice(0, leftN),
+        Xr = Px.slice(rightN),
+        Xm = Xl[leftN - 1],
+        Yl = [],
+        Yr = [];
+    //separate Py
+    for(var i = 0; i < Py.length; i += 1) {
+        if(Py[i].x <= Xm.x)
+            Yl.push(Py[i]);
+        else
+            Yr.push(Py[i]);
+    }
+
+    var dLeft = _closestPair(Xl, Yl),
+        dRight = _closestPair(Xr, Yr);
+
+    var minDelta = dLeft.distance,
+        closestPair = dLeft.pair;
+    if(dLeft.distance > dRight.distance) {
+        minDelta = dRight.distance;
+        closestPair = dRight.pair;
+    }
+
+    //filter points around Xm within delta (minDelta)
+    var closeY = [];
+    for(i = 0; i < Py.length; i += 1) {
+        if(Math.abs(Py[i].x - Xm.x) < minDelta) closeY.push(Py[i]);
+    }
+    //find min within delta. 8 steps max
+    for(i = 0; i < closeY.length; i += 1) {
+        for(var j = i + 1; j < Math.min( (i + 8), closeY.length ); j += 1) {
+            var d = Math.sqrt( Math.pow(Math.abs(closeY[j].x - closeY[i].x), 2) + Math.pow(Math.abs(closeY[j].y - closeY[i].y), 2) );
+            if(d < minDelta) {
+                minDelta = d;
+                closestPair = [ closeY[i], closeY[j] ]
+            }
+        }
+    }
+
+    return {
+        distance: minDelta,
+        pair: closestPair.sort((pointA, pointB) => pointA.x - pointB.x)
+    };
+};
+
+function getClosestPair(points) {
+  const sortX = function(a, b) { return (a.x < b.x) ? -1 : ((a.x > b.x) ? 1 : 0); }
+  const sortY = function(a, b) { return (a.y < b.y) ? -1 : ((a.y > b.y) ? 1 : 0); }
+
+  const Px = mergeSort(points, sortX);
+  const Py = mergeSort(points, sortY);
+
+  return closestPair(Px, Py);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/combinations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/combinations.md
new file mode 100644
index 0000000000..7464bd8b22
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/combinations.md
@@ -0,0 +1,95 @@
+---
+id: 5958469238c0d8d2632f46db
+title: Комбінації
+challengeType: 5
+forumTopicId: 302233
+dashedName: combinations
+---
+
+# --description--
+
+Маючи невід'ємні цілі числа `m` і `n`, створіть усі розміри `m` комбінацій цілих чисел від `0` (нуля) до `n-1` у сортованому порядку (кожна комбінація сортується і вся таблиця сортується).
+
+**Наприклад:**
+
+`3` комб. `5` дає:
+
+<pre>0 1 2
+0 1 3
+0 1 4
+0 2 3
+0 2 4
+0 3 4
+1 2 3
+1 2 4
+1 3 4
+2 3 4
+</pre>
+
+# --hints--
+
+`combinations` мають бути функцією.
+
+```js
+assert(typeof combinations === 'function');
+```
+
+Функція `combinations(3, 5)` повинна вертати `[[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]]`.
+
+```js
+assert.deepEqual(combinations(testInput1[0], testInput1[1]), testOutput1);
+```
+
+Функція `combinations(4, 6)` повинна вертати `[[0,1,2,3], [0,1,2,4], [0,1,2,5], [0,1,3,4], [0,1,3,5], [0,1,4,5], [0,2,3,4], [0,2,3,5], [0,2,4,5], [0,3,4,5], [1,2,3,4], [1,2,3,5], [1,2,4,5], [1,3,4,5], [2,3,4,5]]`
+
+```js
+assert.deepEqual(combinations(testInput2[0], testInput2[1]), testOutput2);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testInput1 = [3, 5];
+const testOutput1 = [[0, 1, 2], [0, 1, 3], [0, 1, 4], [0, 2, 3], [0, 2, 4], [0, 3, 4], [1, 2, 3], [1, 2, 4], [1, 3, 4], [2, 3, 4]];
+
+const testInput2 = [4, 6];
+const testOutput2 = [[0, 1, 2, 3], [0, 1, 2, 4], [0, 1, 2, 5], [0, 1, 3, 4], [0, 1, 3, 5], [0, 1, 4, 5], [0, 2, 3, 4], [0, 2, 3, 5], [0, 2, 4, 5], [0, 3, 4, 5], [1, 2, 3, 4], [1, 2, 3, 5], [1, 2, 4, 5], [1, 3, 4, 5], [2, 3, 4, 5]];
+```
+
+## --seed-contents--
+
+```js
+function combinations(m, n) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function combinations(m, n) {
+  const nArr = [...Array(n).keys()];
+
+  return (function generateCombinations (size, numArr) {
+    const ret = [];
+
+    for (let i = 0; i < numArr.length; i++) {
+      if (size === 1) {
+        ret.push([numArr[i]]);
+      }
+      else {
+        const sub = generateCombinations(size - 1, numArr.slice(i + 1, numArr.length));
+        for (let subI = 0; subI < sub.length; subI++) {
+          const next = sub[subI];
+          next.unshift(numArr[i]);
+          ret.push(next);
+        }
+      }
+    }
+    return ret;
+  }(m, nArr));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/comma-quibbling.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/comma-quibbling.md
new file mode 100644
index 0000000000..7bae9e953c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/comma-quibbling.md
@@ -0,0 +1,101 @@
+---
+id: 596e414344c3b2872167f0fe
+title: Comma quibbling (створення рядків значень розділених комою)
+challengeType: 5
+forumTopicId: 302234
+dashedName: comma-quibbling
+---
+
+# --description--
+
+Comma quibbling це завдання вперше встановлене Еріком Ліппертом в його блозі [blog](https://blogs.msdn.com/b/ericlippert/archive/2009/04/15/comma-quibbling.aspx).
+
+# --instructions--
+
+Напишіть функцію для генерації вихідного рядка, який є об'єднанням вхідних слів з списку/послідовності, де:
+
+<ol>
+  <li>Введення без слів повертає вихідний рядок лише з двох дужок (<code>"{}"</code>)</li>
+  <li>Введення лише одного слова, наприклад <code>["ABC"]</code>, повертає вихідний рядок з слова всередині двох дужок, наприклад <code>"{ABC}"</code></li>
+  <li>Введення двох слів, наприклад <code>["ABC", "DEF"]</code>, повертає вихідний рядок з двох слів всередині двох дужок з розділяючим словом <code>" and "</code>, наприклад <code>"{ABC and DEF}"</code></li>
+  <li>Введення трьох і більше слів, наприклад <code>["ABC", "DEF", "G", "H"]</code>, повертає вихідний рядок з усіх слів, крім останнього, розділеного на <code>", "</code>, а останнє слово розділене допоможіним <code>" and "</code> і всіма дужками; наприклад <code>"{ABC, DEF, G and H}"</code></li>
+</ol>
+
+Перевірте вашу функцію з наступною серією вхідних даних, показуючи ваш вихідний результат тут на сторінці:
+
+<ul>
+  <li>[] # (Без вхідних слів).</li>
+  <li>["ABC"]</li>
+  <li>["ABC", "DEF"]</li>
+  <li>["ABC", "DEF", "G", "H"]</li>
+</ul>
+
+**Зверніть увагу:** Припустіть, що слова не є порожніми рядками у верхньому регістрі для цього завдання.
+
+# --hints--
+
+`quibble` має бути функцією.
+
+```js
+assert(typeof quibble === 'function');
+```
+
+Функція `quibble(["ABC"])` має повернути рядок.
+
+```js
+assert(typeof quibble(['ABC']) === 'string');
+```
+
+Функція `quibble([])` має повернути "{}".
+
+```js
+assert.equal(quibble(testCases[0]), results[0]);
+```
+
+Функція `quibble(["ABC"])` має повернути "{ABC}".
+
+```js
+assert.equal(quibble(testCases[1]), results[1]);
+```
+
+Функція `quibble(["ABC", "DEF"])` має повернути "{ABC and DEF}".
+
+```js
+assert.equal(quibble(testCases[2]), results[2]);
+```
+
+Функція `quibble(["ABC", "DEF", "G", "H"])` має повернути "{ABC,DEF,G and H}".
+
+```js
+assert.equal(quibble(testCases[3]), results[3]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [[], ["ABC"], ["ABC", "DEF"], ["ABC", "DEF", "G", "H"]];
+const results = ["{}", "{ABC}", "{ABC and DEF}", "{ABC,DEF,G and H}"];
+```
+
+## --seed-contents--
+
+```js
+function quibble(words) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function quibble(words) {
+  return "{" +
+    words.slice(0, words.length - 1).join(",") +
+   (words.length > 1 ? " and " : "") +
+   (words[words.length - 1] || '') +
+  "}";
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/compare-a-list-of-strings.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/compare-a-list-of-strings.md
new file mode 100644
index 0000000000..cc5af86ed5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/compare-a-list-of-strings.md
@@ -0,0 +1,132 @@
+---
+id: 596e457071c35c882915b3e4
+title: Порівняйте список рядків
+challengeType: 5
+forumTopicId: 302235
+dashedName: compare-a-list-of-strings
+---
+
+# --description--
+
+Маючи список [list](https://en.wikipedia.org/wiki/List_(abstract_data_type) "wp: List\_(abstract_data_type)") з довільної кількості рядків, реалізуйте функцію для кожної з наступних умов:
+
+<ul>
+  <li>перевірте, чи всі вони лексично рівні</li>
+  <li>перевірте, чи кожен рядок лексично менший за той, що після нього (тобто чи список у порядку зростання)</li>
+</ul>
+
+# --hints--
+
+`allEqual` має бути функцією.
+
+```js
+assert(typeof allEqual === 'function');
+```
+
+`azSorted` має бути функцією.
+
+```js
+assert(typeof azSorted === 'function');
+```
+
+Функція `allEqual(["AA", "AA", "AA", "AA"])` має повернути true.
+
+```js
+assert(allEqual(testCases[0]));
+```
+
+Функція `azSorted(["AA", "AA", "AA", "AA"])` має повернути false.
+
+```js
+assert(!azSorted(testCases[0]));
+```
+
+Функція `allEqual(["AA", "ACB", "BB", "CC"])` має повернути false.
+
+```js
+assert(!allEqual(testCases[1]));
+```
+
+Функція `azSorted(["AA", "ACB", "BB", "CC"])` має повернути true.
+
+```js
+assert(azSorted(testCases[1]));
+```
+
+Функція `allEqual([])` має повернути true.
+
+```js
+assert(allEqual(testCases[2]));
+```
+
+Функція `azSorted([])` має повернути true.
+
+```js
+assert(azSorted(testCases[2]));
+```
+
+Функція `allEqual(["AA"])` має повернути true.
+
+```js
+assert(allEqual(testCases[3]));
+```
+
+Функція `azSorted(["AA"])` має повернути true.
+
+```js
+assert(azSorted(testCases[3]));
+```
+
+Функція `allEqual(["BB", "AA"])` має повернути false.
+
+```js
+assert(!allEqual(testCases[4]));
+```
+
+Функція `azSorted(["BB", "AA"])` має повернути false.
+
+```js
+assert(!azSorted(testCases[4]));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [['AA', 'AA', 'AA', 'AA'], ['AA', 'ACB', 'BB', 'CC'], [], ['AA'], ['BB', 'AA']];
+```
+
+## --seed-contents--
+
+```js
+function allEqual(arr) {
+
+  return true;
+}
+
+function azSorted(arr) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function allEqual(a) {
+  let out = true;
+  let i = 0;
+  while (++i < a.length) {
+    out = out && (a[i - 1] === a[i]);
+  } return out;
+}
+
+function azSorted(a) {
+  let out = true;
+  let i = 0;
+  while (++i < a.length) {
+    out = out && (a[i - 1] < a[i]);
+  } return out;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.md
new file mode 100644
index 0000000000..4194dd5419
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/convert-seconds-to-compound-duration.md
@@ -0,0 +1,128 @@
+---
+id: 596fd036dc1ab896c5db98b1
+title: Конвертувати секунди в одиниці часу
+challengeType: 5
+forumTopicId: 302236
+dashedName: convert-seconds-to-compound-duration
+---
+
+# --description--
+
+Запустити функцію яка:
+
+<ul>
+  <li>бере додатнє ціле число, що представляє тривалість в секундах як вхідні дані (наприклад <code>100</code>), і</li>
+  <li>повертає рядок, котрий показує таку ж тривалість перетворену в тижні, дні, години, хвилини і секунди, як детально описано нижче ( наприклад <code>1 min, 40 sec</code>).</li>
+</ul>
+
+Демонстрація того, що вона передає наступні три тестові випадки:
+
+<div style='font-size:115%; font-weight: bold;'>Тестові випадки</div>
+
+| Вхідне число | Вихідне число             |
+| ------------ | ------------------------- |
+| 7259         | <code>2 hr, 59 sec</code> |
+| 86400        | <code>1 d</code> |
+| 6000000      | <code>9 wk, 6 d, 10 hr, 40 min</code> |
+
+<div style="font-size:115%; font-weight: bold;">Деталі</div>
+<ul>
+  <li>
+    Варто використовувати наступні п'ять одиниць: 
+| Unit   | Suffix used in Output | Conversion            |
+| ------ | --------------------- | --------------------- |
+| week   |!!crwdBlockTags_18_sgaTkcolBdwrc!!       | 1 week = 7 days       |
+| day    |!!crwdBlockTags_19_sgaTkcolBdwrc!!        | 1 day = 24 hours      |
+| hour   |!!crwdBlockTags_20_sgaTkcolBdwrc!!       | 1 hour = 60 minutes   |
+| minute |!!crwdBlockTags_21_sgaTkcolBdwrc!!      | 1 minute = 60 seconds |
+| second |!!crwdBlockTags_22_sgaTkcolBdwrc!!      | ---                   |
+
+  </li>
+  <li>
+    Однак <strong>only</strong> містить кількість не нульових значень при виході (наприклад <code>1 d</code> а не <code>0 wk, 1 d, 0 hr, 0 min, 0 sec</code>).
+  </li>
+  <li>
+    Надавати перевагу максимально великим одиницям над меншими одиницями (наприклад повернути <code>2 min, 10 sec</code> а не <code>1 min, 70 sec</code> чи <code>130 sec</code>).
+  </li>
+  <li>
+    Мімікрійне форматування, показане у тестових випадках ( кількість відсортована від найбільшої одиниці до найменшої і відокремлена комою+пробілом; значення і одиниця всіх значень відділена пробілом).
+  </li>
+</ul>
+
+# --hints--
+
+`convertSeconds` має бути функцією.
+
+```js
+assert(typeof convertSeconds === 'function');
+```
+
+`convertSeconds(7259)` має повернути `2 hr, 59 sec`.
+
+```js
+assert.equal(convertSeconds(testCases[0]), results[0]);
+```
+
+`convertSeconds(86400)` має повернути `1 d`.
+
+```js
+assert.equal(convertSeconds(testCases[1]), results[1]);
+```
+
+`convertSeconds(6000000)` має повернути `9 wk, 6 d, 10 hr, 40 min`.
+
+```js
+assert.equal(convertSeconds(testCases[2]), results[2]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [7259, 86400, 6000000];
+const results = ['2 hr, 59 sec', '1 d', '9 wk, 6 d, 10 hr, 40 min'];
+```
+
+## --seed-contents--
+
+```js
+function convertSeconds(sec) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function convertSeconds(sec) {
+  const localNames = ['wk', 'd', 'hr', 'min', 'sec'];
+  // compoundDuration :: [String] -> Int -> String
+  const compoundDuration = (labels, intSeconds) =>
+    weekParts(intSeconds)
+    .map((v, i) => [v, labels[i]])
+    .reduce((a, x) =>
+      a.concat(x[0] ? [`${x[0]} ${x[1] || '?'}`] : []), []
+    )
+    .join(', ');
+
+    // weekParts :: Int -> [Int]
+  const weekParts = intSeconds => [0, 7, 24, 60, 60]
+    .reduceRight((a, x) => {
+      const r = a.rem;
+      const mod = x !== 0 ? r % x : r;
+
+      return {
+        rem: (r - mod) / (x || 1),
+        parts: [mod].concat(a.parts)
+      };
+    }, {
+      rem: intSeconds,
+      parts: []
+    })
+    .parts;
+
+  return compoundDuration(localNames, sec);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.md
new file mode 100644
index 0000000000..582a808ef9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-occurrences-of-a-substring.md
@@ -0,0 +1,79 @@
+---
+id: 596fda99c69f779975a1b67d
+title: Кількість входжень підрядка
+challengeType: 5
+forumTopicId: 302237
+dashedName: count-occurrences-of-a-substring
+---
+
+# --description--
+
+Створіть функцію або покажіть вбудовану функцію, щоб порахувати кількість входжень підрядка, що не перекриваються всередині рядка.
+
+Функція має приймати два аргументи:
+
+<ul>
+  <li>перший аргумент, в якому рядок для пошуку, і</li>
+  <li>другий підрядок, який шукають.</li>
+</ul>
+
+Вона має повертати ціле число.
+
+Відповідність повинна дати найбільшу кількість співпадінь, які не перекриваються.
+
+Загалом, це означає співпадіння з ліва на право або з права на ліво.
+
+# --hints--
+
+`countSubstring` має бути функцією.
+
+```js
+assert(typeof countSubstring === 'function');
+```
+
+`countSubstring("the three truths", "th")` має повертати `3`.
+
+```js
+assert.equal(countSubstring(testCases[0], searchString[0]), results[0]);
+```
+
+`countSubstring("ababababab", "abab")` має повертати `2`.
+
+```js
+assert.equal(countSubstring(testCases[1], searchString[1]), results[1]);
+```
+
+`countSubstring("abaabba*bbaba*bbab", "a*b")` має повертати `2`.
+
+```js
+assert.equal(countSubstring(testCases[2], searchString[2]), results[2]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = ['the three truths', 'ababababab', 'abaabba*bbaba*bbab'];
+const searchString = ['th', 'abab', 'a*b'];
+const results = [3, 2, 2];
+```
+
+## --seed-contents--
+
+```js
+function countSubstring(str, subStr) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function countSubstring(str, subStr) {
+  const escapedSubStr = subStr.replace(/[.+*?^$[\]{}()|/]/g, '\\$&');
+  const matches = str.match(new RegExp(escapedSubStr, 'g'));
+  return matches ? matches.length : 0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-the-coins.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-the-coins.md
new file mode 100644
index 0000000000..b6063735be
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/count-the-coins.md
@@ -0,0 +1,93 @@
+---
+id: 59713bd26bdeb8a594fb9413
+title: Підрахунок монет
+challengeType: 5
+forumTopicId: 302238
+dashedName: count-the-coins
+---
+
+# --description--
+
+У валюті [США](https://en.wikipedia.org/wiki/United_States) існує чотири типи звичайних монет:
+
+<ul>
+  <li>четвертаки (25 центів)</li>
+  <li>дайми (10 центів)</li>
+  <li>нікелі (5 центів) та</li>
+  <li>пенні (1 цент)</li>
+</ul>
+
+<p>Існує шість способів розміняти 15 центів:</p>
+
+<ul>
+  <li>1 дайм та 1 нікель</li>
+  <li>1 дайм та 5 пенні</li>
+  <li>3 нікелі</li>
+  <li>2 нікелі та 5 пенні</li>
+  <li>1 нікель та 10 пенні</li>
+  <li>15 пенні</li>
+</ul>
+
+# --instructions--
+
+Створіть функцію, яка буде визначати, скількома способами можна розміняти введену кількість `cents`, що представляє суму американських пенні, використовуючи ці поширені монети.
+
+# --hints--
+
+`countCoins` має бути функцією.
+
+```js
+assert(typeof countCoins === 'function');
+```
+
+`countCoins(15)` має повертати `6`.
+
+```js
+assert.equal(countCoins(15), 6);
+```
+
+`countCoins(85)` має повертати `163`.
+
+```js
+assert.equal(countCoins(85), 163);
+```
+
+`countCoins(100)` має повертати `242`.
+
+```js
+assert.equal(countCoins(100), 242);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function countCoins(cents) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function countCoins(cents) {
+  const operands = [1, 5, 10, 25];
+  const targetsLength = cents + 1;
+  const operandsLength = operands.length;
+  const t = [1];
+
+  for (let a = 0; a < operandsLength; a++) {
+    for (let b = 1; b < targetsLength; b++) {
+      // initialise undefined target
+      t[b] = t[b] ? t[b] : 0;
+
+      // accumulate target + operand ways
+      t[b] += (b < operands[a]) ? 0 : t[b - operands[a]];
+    }
+  }
+
+  return t[targetsLength - 1];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cramers-rule.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cramers-rule.md
new file mode 100644
index 0000000000..013c6a0bca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cramers-rule.md
@@ -0,0 +1,167 @@
+---
+id: 59713da0a428c1a62d7db430
+title: Метод Крамера
+challengeType: 5
+forumTopicId: 302239
+dashedName: cramers-rule
+---
+
+# --description--
+
+В [лінійній алгебрі](https://en.wikipedia.org/wiki/linear algebra "wp: linear algebra"), [методі Кремера](https://en.wikipedia.org/wiki/Cramer's rule "wp: Cramer's rule") є явною формулою для вирішення [ системи лінійних рівнянь](https://en.wikipedia.org/wiki/system of linear equations "wp: system of linear equations") яка має таку ж кількістю невідомих, допустимих рівнянь, коли система має унікальний розв'язок. Вона виражає розв'язок в межах детермінантів коефіцієнтної матриці (квадрата), і матриць, отриманих з неї шляхом заміни одного стовпця вектором правої сторони рівнянь.
+
+Дано
+
+$\\left\\{\\begin{matrix}a_1x + b_1y + c_1z&= {\\color{red}d_1}\\\\a_2x + b_2y + c_2z&= {\\color{red}d_2}\\\\a_3x + b_3y + c_3z&= {\\color{red}d_3}\\end{matrix}\\right.$
+
+яка є у форматі матриці
+
+$\\begin{bmatrix} a_1 & b_1 & c_1 \\\\ a_2 & b_2 & c_2 \\\\ a_3 & b_3 & c_3 \\end{bmatrix}\\begin{bmatrix} x \\\\ y \\\\ z \\end{bmatrix}=\\begin{bmatrix} {\\color{red}d_1} \\\\ {\\color{red}d_2} \\\\ {\\color{red}d_3} \\end{bmatrix}.$
+
+Тоді значення $x, y$ і $z$ можна знайти так:
+
+$x = \\frac{\\begin{vmatrix} {\\color{red}d_1} & b_1 & c_1 \\\\ {\\color{red}d_2} & b_2 & c_2 \\\\ {\\color{red}d_3} & b_3 & c_3 \\end{vmatrix} } { \\begin{vmatrix} a_1 & b_1 & c_1 \\\\ a_2 & b_2 & c_2 \\\\ a_3 & b_3 & c_3 \\end{vmatrix}}, \\quad y = \\frac {\\begin{vmatrix} a_1 & {\\color{red}d_1} & c_1 \\\\ a_2 & {\\color{red}d_2} & c_2 \\\\ a_3 & {\\color{red}d_3} & c_3 \\end{vmatrix}} {\\begin{vmatrix} a_1 & b_1 & c_1 \\\\ a_2 & b_2 & c_2 \\\\ a_3 & b_3 & c_3 \\end{vmatrix}}, \\text{ and }z = \\frac { \\begin{vmatrix} a_1 & b_1 & {\\color{red}d_1} \\\\ a_2 & b_2 & {\\color{red}d_2} \\\\ a_3 & b_3 & {\\color{red}d_3} \\end{vmatrix}} {\\begin{vmatrix} a_1 & b_1 & c_1 \\\\ a_2 & b_2 & c_2 \\\\ a_3 & b_3 & c_3 \\end{vmatrix} }.$
+
+# --instructions--
+
+Враховуючи таку систему рівнянь:
+
+$\\begin{cases} 2w-x+5y+z=-3 \\\\ 3w+2x+2y-6z=-32 \\\\ w+3x+3y-z=-47 \\\\ 5w-2x-3y+3z=49 \\\\ \\end{cases}$
+
+розв'язок для $w$, $x$, $y$ і $z$, використовуючи правило Крамера.
+
+# --hints--
+
+`cramersRule` має бути функцією.
+
+```js
+assert(typeof cramersRule === 'function');
+```
+
+`cramersRule([[2, -1, 5, 1], [3, 2, 2, -6], [1, 3, 3, -1], [5, -2, -3, 3]], [-3, -32, -47, 49])` має повернути `[2, -12, -4, 1]`.
+
+```js
+assert.deepEqual(cramersRule(matrices[0], freeTerms[0]), answers[0]);
+```
+
+`cramersRule([[3, 1, 1], [2, 2, 5], [1, -3, -4]], [3, -1, 2])` має повернути `[1, 1, -1]`.
+
+```js
+assert.deepEqual(cramersRule(matrices[1], freeTerms[1]), answers[1]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const matrices = [
+  [
+    [2, -1, 5, 1],
+    [3, 2, 2, -6],
+    [1, 3, 3, -1],
+    [5, -2, -3, 3]
+  ],
+  [
+    [3, 1, 1],
+    [2, 2, 5],
+    [1, -3, -4]
+  ]
+];
+const freeTerms = [[-3, -32, -47, 49], [3, -1, 2]];
+
+const answers = [[2, -12, -4, 1], [1, 1, -1]];
+```
+
+## --seed-contents--
+
+```js
+function cramersRule(matrix, freeTerms) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+/**
+ * Compute Cramer's Rule
+ * @param  {array} matrix    x,y,z, etc. terms
+ * @param  {array} freeTerms
+ * @return {array}           solution for x,y,z, etc.
+ */
+function cramersRule(matrix, freeTerms) {
+  const det = detr(matrix);
+  const returnArray = [];
+  let i;
+
+  for (i = 0; i < matrix[0].length; i++) {
+    const tmpMatrix = insertInTerms(matrix, freeTerms, i);
+    returnArray.push(detr(tmpMatrix) / det);
+  }
+  return returnArray;
+}
+
+/**
+ * Inserts single dimensional array into
+ * @param  {array} matrix multidimensional array to have ins inserted into
+ * @param  {array} ins single dimensional array to be inserted vertically into matrix
+ * @param  {array} at  zero based offset for ins to be inserted into matrix
+ * @return {array}     New multidimensional array with ins replacing the at column in matrix
+ */
+function insertInTerms(matrix, ins, at) {
+  const tmpMatrix = clone(matrix);
+  let i;
+  for (i = 0; i < matrix.length; i++) {
+    tmpMatrix[i][at] = ins[i];
+  }
+  return tmpMatrix;
+}
+/**
+ * Compute the determinate of a matrix.  No protection, assumes square matrix
+ * function borrowed, and adapted from MIT Licensed numericjs library (www.numericjs.com)
+ * @param  {array} m Input Matrix (multidimensional array)
+ * @return {number}   result rounded to 2 decimal
+ */
+function detr(m) {
+  let ret = 1;
+  let j;
+  let k;
+  const A = clone(m);
+  const n = m[0].length;
+  let alpha;
+
+  for (j = 0; j < n - 1; j++) {
+    k = j;
+    for (let i = j + 1; i < n; i++) { if (Math.abs(A[i][j]) > Math.abs(A[k][j])) { k = i; } }
+    if (k !== j) {
+      const temp = A[k]; A[k] = A[j]; A[j] = temp;
+      ret *= -1;
+    }
+    const Aj = A[j];
+    for (let i = j + 1; i < n; i++) {
+      const Ai = A[i];
+      alpha = Ai[j] / Aj[j];
+      for (k = j + 1; k < n - 1; k += 2) {
+        const k1 = k + 1;
+        Ai[k] -= Aj[k] * alpha;
+        Ai[k1] -= Aj[k1] * alpha;
+      }
+      if (k !== n) { Ai[k] -= Aj[k] * alpha; }
+    }
+    if (Aj[j] === 0) { return 0; }
+    ret *= Aj[j];
+  }
+  return Math.round(ret * A[j][j] * 100) / 100;
+}
+
+/**
+ * Clone two dimensional Array using ECMAScript 5 map function and EcmaScript 3 slice
+ * @param  {array} m Input matrix (multidimensional array) to clone
+ * @return {array}   New matrix copy
+ */
+function clone(m) {
+  return m.map(a => a.slice());
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cumulative-standard-deviation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cumulative-standard-deviation.md
new file mode 100644
index 0000000000..e87bca5e27
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cumulative-standard-deviation.md
@@ -0,0 +1,101 @@
+---
+id: 5a23c84252665b21eecc7e03
+title: Сукупне стандартне відхилення
+challengeType: 5
+forumTopicId: 302240
+dashedName: cumulative-standard-deviation
+---
+
+# --description--
+
+Напишіть функцію, яка враховує масив чисел як параметр та повертає [стандартне відхилення](https://en.wikipedia.org/wiki/Standard Deviation) послідовності.
+
+# --hints--
+
+`standardDeviation` має бути функцією.
+
+```js
+assert(typeof standardDeviation == 'function');
+```
+
+`standardDeviation([2, 4, 4, 4, 5, 5, 7, 9])` має повернути число.
+
+```js
+assert(typeof standardDeviation([2, 4, 4, 4, 5, 5, 7, 9]) == 'number');
+```
+
+`standardDeviation([2, 4, 4, 4, 5, 5, 7, 9])` має повернути `2`.
+
+```js
+assert.equal(standardDeviation([2, 4, 4, 4, 5, 5, 7, 9]), 2);
+```
+
+`standardDeviation([600, 470, 170, 430, 300])` має повернути `147.323`.
+
+```js
+assert.equal(standardDeviation([600, 470, 170, 430, 300]), 147.323);
+```
+
+`standardDeviation([75, 83, 96, 100, 121, 125])` має повернути `18.239`.
+
+```js
+assert.equal(standardDeviation([75, 83, 96, 100, 121, 125]), 18.239);
+```
+
+`standardDeviation([23, 37, 45, 49, 56, 63, 63, 70, 72, 82])` має повернути `16.87`.
+
+```js
+assert.equal(
+  standardDeviation([23, 37, 45, 49, 56, 63, 63, 70, 72, 82]),
+  16.87
+);
+```
+
+`standardDeviation([271, 354, 296, 301, 333, 326, 285, 298, 327, 316, 287, 314])` має повернути `22.631`.
+
+```js
+assert.equal(
+  standardDeviation([
+    271,
+    354,
+    296,
+    301,
+    333,
+    326,
+    285,
+    298,
+    327,
+    316,
+    287,
+    314
+  ]),
+  22.631
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function standardDeviation(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function standardDeviation(arr) {
+  var sum = 0,
+    sum_sq = 0,
+    n = arr.length;
+  arr.forEach(function(e) {
+    sum += e;
+    sum_sq += e * e;
+  });
+
+  var std_dev = Math.sqrt(sum_sq / n - Math.pow(sum / n, 2));
+  return Math.round(std_dev * 1000) / 1000;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cusip.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cusip.md
new file mode 100644
index 0000000000..f742d22d5a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cusip.md
@@ -0,0 +1,118 @@
+---
+id: 5a23c84252665b21eecc7e05
+title: CUSIP
+challengeType: 5
+forumTopicId: 302241
+dashedName: cusip
+---
+
+# --description--
+
+**CUSIP** - це дев'ятизначний абетково-цифровий код, який ідентифікує північноамериканську фінансову безпеку з метою сприяння очищення і врегулювання фінансових угод. CUSIP був прийнятий як американський національний стандарт відповідно до акредитованих стандартів X9.6.
+
+# --instructions--
+
+Запишіть функцію, яка приймає рядок в якості параметра і перевіряє, чи дійсний рядок CUSIP.
+
+# --hints--
+
+`isCusip` має бути функцією.
+
+```js
+assert(typeof isCusip == 'function');
+```
+
+`isCusip("037833100")` має повертати логічний тип даних.
+
+```js
+assert(typeof isCusip('037833100') == 'boolean');
+```
+
+`isCusip("037833100")` має повертати `true`.
+
+```js
+assert.equal(isCusip('037833100'), true);
+```
+
+`isCusip("17275R102")` має повертати `true`.
+
+```js
+assert.equal(isCusip('17275R102'), true);
+```
+
+`isCusip("38259P50a")` має повертати `false`.
+
+```js
+assert.equal(isCusip('38259P50a'), false);
+```
+
+`isCusip("38259P508")` має повертати `true`.
+
+```js
+assert.equal(isCusip('38259P508'), true);
+```
+
+`isCusip("38259P50#")` має повертати `false`.
+
+```js
+assert.equal(isCusip('38259P50#'), false);
+```
+
+`isCusip("68389X105")` має повертати `true`.
+
+```js
+assert.equal(isCusip('68389X105'), true);
+```
+
+`isCusip("68389X106")` має повертати `false`.
+
+```js
+assert.equal(isCusip('68389X106'), false);
+```
+
+`isCusip("5949181")` має повертати `false`.
+
+```js
+assert.equal(isCusip('5949181'), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isCusip(s) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isCusip(s) {
+  if (s.length != 9) return false;
+  var sum = 0;
+  var ASCII = x => x.charCodeAt(0);
+  for (var i = 0; i < 7; i++) {
+    var c = s.charCodeAt(i);
+
+    var v;
+    if (c >= ASCII('0') && c <= ASCII('9')) {
+      v = c - 48;
+    } else if (c >= ASCII('A') && c <= ASCII('Z')) {
+      v = c - 64; // lower case letters apparently invalid
+    } else if (c == ASCII('*')) {
+      v = 36;
+    } else if (c == ASCII('@')) {
+      v = 37;
+    } else if (c == ASCII('#')) {
+      v = 38;
+    } else {
+      return false;
+    }
+    if (i % 2 == 1) v *= 2; // check if odd as using 0-based indexing
+    sum += Math.floor(v / 10) + (v % 10);
+  }
+  return s.charCodeAt(8) - 48 == (10 - (sum % 10)) % 10;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cut-a-rectangle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cut-a-rectangle.md
new file mode 100644
index 0000000000..9cd5db7ba3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/cut-a-rectangle.md
@@ -0,0 +1,203 @@
+---
+id: 5a23c84252665b21eecc7e06
+title: Поділіть прямокутник
+challengeType: 5
+forumTopicId: 302242
+dashedName: cut-a-rectangle
+---
+
+# --description--
+
+Даний прямокутник складається з *m* × *n* квадратів. Якщо *m* та *n* не парні, тоді можливо поділити прямокутник вздовж квадратних країв так, щоб утворилось дві з'єднаних частини однакової форми (після розвороту однієї з частин на 180°). Усі варіанту поділу для прямокутників 2 × 2 та 4 × 3 наведено нижче.
+
+<div style="width: 100%; text-align: center;">
+  <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" width="520" height="170" aria-hidden="true" alt="Diagram showing the possible paths for 2 by 2 and 4 by 3 rectangles">
+    <style>
+      .diagram-g { fill: none; stroke: #ccc }
+      .diagram-s, .diagram-s2 { fill: #bff; stroke: black; fill-opacity: .4 }
+      .diagram-s2 { fill: #fbf }
+      .diagram-d { stroke:black; fill:none}
+    </style>
+    <defs>
+      <g id="diagram-m">
+        <g id="diagram-h4">
+          <g id="diagram-h2">
+            <path id="diagram-h" d="m0 10h 640" class="diagram-g"/>
+            <use xlink:href="#diagram-h" transform="translate(0, 20)"/>
+          </g>
+          <use xlink:href="#diagram-h2" transform="translate(0, 40)"/>
+        </g>
+        <use xlink:href="#diagram-h4" transform="translate(0, 80)"/>
+        <g id="diagram-v8">
+          <g id="diagram-v4">
+            <g id="diagram-v2">
+              <path id="diagram-v" d="m10 0v160 m 20 0 v-160" class="diagram-g"/>
+              <use xlink:href="#diagram-v" transform="translate(40, 0)"/>
+            </g>
+            <use xlink:href="#diagram-v2" transform="translate(80, 0)"/>
+          </g>
+          <use xlink:href="#diagram-v4" transform="translate(160, 0)"/>
+        </g>
+        <use xlink:href="#diagram-v8" transform="translate(320, 0)"/>
+      </g>
+      <path id="diagram-b" d="m0 0h80v60h-80z" class="diagram-s"/>
+    </defs>
+    <g transform="translate(.5, .5)">
+      <use xlink:href="#diagram-m"/>
+      <g transform="translate(10, 10)">
+        <path d="m0 0v40h40v-40z" class="diagram-s2"/>
+        <path d="m20 0v40" class="diagram-d"/>
+        <path d="m60 0v40h40v-40z" class="diagram-s2"/>
+        <path d="m60 20h40" class="diagram-d"/>
+        <g transform="translate(120, 0)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m0 20h40v20h40" class="diagram-d"/>
+        </g>
+        <g transform="translate(220, 0)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m0 40h40v-20h40" class="diagram-d"/>
+        </g>
+        <g transform="translate(320, 0)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m20 0v40h20v-20h20v40" class="diagram-d"/>
+        </g>
+        <g transform="translate(420, 0)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m60 0v40h-20v-20h-20v40" class="diagram-d"/>
+        </g>
+        <g transform="translate(20, 80)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m40 0v60" class="diagram-d"/>
+        </g>
+        <g transform="translate(120, 80)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m60 0v20h-20v20h-20v20" class="diagram-d"/>
+        </g>
+        <g transform="translate(220, 80)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m20 0v20h20v20h20v20" class="diagram-d"/>
+        </g>
+        <g transform="translate(320, 80)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m0 20h20v20h20v-20h20v20h20" class="diagram-d"/>
+        </g>
+        <g transform="translate(420, 80)">
+          <use xlink:href="#diagram-b"/>
+          <path d="m0 40h20v-20h20v20h20v-20h20" class="diagram-d"/>
+        </g>
+      </g>
+    </g>
+  </svg>
+</div>
+
+# --instructions--
+
+Запишіть функцію, яка обчислює кількість різних способів поділити прямокутник *m* × *n*.
+
+# --hints--
+
+`cutRectangle` має бути функцією.
+
+```js
+assert(typeof cutRectangle == 'function');
+```
+
+`cutRectangle(2, 2)` має повернути число.
+
+```js
+assert(typeof cutRectangle(2, 2) == 'number');
+```
+
+`cutRectangle(2, 2)` має повернути `2`.
+
+```js
+assert.equal(cutRectangle(2, 2), 2);
+```
+
+`cutRectangle(4, 3)` має повернути `9`.
+
+```js
+assert.equal(cutRectangle(4, 3), 9);
+```
+
+`cutRectangle(4, 4)` має повернути `22`.
+
+```js
+assert.equal(cutRectangle(4, 4), 22);
+```
+
+`cutRectangle(8, 3)` має повернути `53`.
+
+```js
+assert.equal(cutRectangle(8, 3), 53);
+```
+
+`cutRectangle(7, 4)` має повернути `151`.
+
+```js
+assert.equal(cutRectangle(7, 4), 151);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cutRectangle(w, h) {
+
+}
+```
+
+# --solutions--
+
+```js
+function cutRectangle(w, h) {
+  if (w % 2 == 1 && h % 2 == 1) return;
+
+  var dirs = [[0, -1], [-1, 0], [0, 1], [1, 0]];
+
+  var grid = new Array(h);
+  for (var i = 0; i < grid.length; i++) grid[i] = new Array(w);
+  var stack = [];
+
+  var half = Math.floor((w * h) / 2);
+  var bits = Math.pow(2, half) - 1;
+  var result = 0;
+  for (; bits > 0; bits -= 2) {
+    for (var i = 0; i < half; i++) {
+      var r = Math.floor(i / w);
+      var c = i % w;
+      grid[r][c] = (bits & (1 << i)) != 0 ? 1 : 0;
+      grid[h - r - 1][w - c - 1] = 1 - grid[r][c];
+    }
+
+    stack.push(0);
+    grid[0][0] = 2;
+    var count = 1;
+    while (stack.length != 0) {
+      var pos = stack.pop();
+      var r = Math.floor(pos / w);
+      var c = pos % w;
+
+      for (var dir of dirs) {
+        var nextR = r + dir[0];
+        var nextC = c + dir[1];
+
+        if (nextR >= 0 && nextR < h && nextC >= 0 && nextC < w) {
+          if (grid[nextR][nextC] == 1) {
+            stack.push(nextR * w + nextC);
+            grid[nextR][nextC] = 2;
+            count++;
+          }
+        }
+      }
+    }
+
+    if (count == half) {
+      result++;
+    }
+  }
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-format.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-format.md
new file mode 100644
index 0000000000..e210faa354
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-format.md
@@ -0,0 +1,90 @@
+---
+id: 59669d08d75b60482359409f
+title: Формат дати
+challengeType: 5
+forumTopicId: 302243
+dashedName: date-format
+---
+
+# --description--
+
+Поверніть масив з двома рядками поточної дати із нижченаведеними специфікаціями:
+
+- У першому рядку дата повинна бути у порядку: рік, місяць, день, і розділена дефісом (`-`).
+- У першому рядку рік має складатися із 4 цифр.
+- У першому рядку місяць і день не повинні містити нулів на початку.
+- У другому рядку назви днів тижня та місяців не мають бути скороченими.
+- У другому рядку день не має містити нулів на початку.
+
+Приклад кінцевого результату:
+
+```js
+['2007-11-23', 'Friday, November 23, 2007']
+['2021-3-2', 'Tuesday, March 2, 2021']
+```
+
+# --hints--
+
+`getDateFormats` має бути функцією.
+
+```js
+assert(typeof getDateFormats === 'function');
+```
+
+`getDateFormats` має повернути об'єкт.
+
+```js
+assert(typeof getDateFormats() === 'object');
+```
+
+`getDateFormats` повинен повернути масив з 2 елементами.
+
+```js
+assert(getDateFormats().length === 2);
+```
+
+`getDateFormats` має повернути правильну дату в правильному форматі
+
+```js
+assert.deepEqual(getDateFormats(), dates, equalsMessage);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const getDateSolution = () => {
+  const date = new Date();
+  const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+  const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+  const fmt1 = `${date.getFullYear()}-${(1 + date.getMonth())}-${date.getDate()}`;
+  const fmt2 = `${weekdays[date.getDay()]}, ${months[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`;
+  return [fmt1, fmt2];
+};
+
+const dates = getDateSolution();
+const equalsMessage = `message: <code>getDataFormats()</code> should return <code>["${dates[0]}", "${dates[1]}"]</code>.`;
+```
+
+## --seed-contents--
+
+```js
+function getDateFormats() {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function getDateFormats() {
+  const date = new Date();
+  const weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+  const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+  const fmt1 = `${date.getFullYear()}-${(1 + date.getMonth())}-${date.getDate()}`;
+  const fmt2 = `${weekdays[date.getDay()]}, ${months[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`;
+  return [fmt1, fmt2];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-manipulation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-manipulation.md
new file mode 100644
index 0000000000..0ee03f4862
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/date-manipulation.md
@@ -0,0 +1,109 @@
+---
+id: 5966c21cf732a95f1b67dd28
+title: Зміна дати
+challengeType: 5
+forumTopicId: 302244
+dashedName: date-manipulation
+---
+
+# --description--
+
+Маючи рядок із датою у форматі EST, виведіть задану дату у новий рядок, додавши 12 годин. Часовий пояс має бути збережений.
+
+Приклад заданого формату: `"March 6 2009 7:30pm EST"`
+
+Приклад вихідного формату: `"March 7 2009 7:30am EST"`
+
+# --hints--
+
+`add12Hours` має бути функцією.
+
+```js
+assert(typeof add12Hours === 'function');
+```
+
+`add12Hours(dateString)` має повернути рядок.
+
+```js
+assert(typeof add12Hours('January 17 2017 11:43am EST') === 'string');
+```
+
+`add12Hours("January 17 2017 11:43am EST")` має видати `"January 17 2017 11:43pm EST"`
+
+```js
+assert(
+  add12Hours('January 17 2017 11:43am EST') === 'January 17 2017 11:43pm EST'
+);
+```
+
+Необхідна зміна дня. `add12Hours("March 6 2009 7:30pm EST")` має видати `"March 7 2009 7:30am EST"`
+
+```js
+assert(add12Hours('March 6 2009 7:30pm EST') === 'March 7 2009 7:30am EST');
+```
+
+Необхідна зміна місяця у високосний рік. `add12Hours("February 29 2004 9:15pm EST")` має видати `"March 1 2004 9:15am EST"`
+
+```js
+assert(add12Hours('February 29 2004 9:15pm EST') === 'March 1 2004 9:15am EST');
+```
+
+Необхідна зміна місяця у звичайні роки. `add12Hours("February 28 1999 3:15pm EST")` має видати `"March 1 1999 3:15am EST"`
+
+```js
+assert(add12Hours('February 28 1999 3:15pm EST') === 'March 1 1999 3:15am EST');
+```
+
+Необхідна зміна року. `add12Hours("December 31 2020 1:45pm EST")` має видати `"January 1 2021 1:45am EST"`
+
+```js
+assert(
+  add12Hours('December 31 2020 1:45pm EST') === 'January 1 2021 1:45am EST'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function add12Hours(dateString) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function add12Hours(dateString) {
+  const months = ['January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December'];
+  // Get the parts of the string
+  const parts = dateString.split(' ');
+  const month = months.indexOf(parts[0]);
+  const day = parseInt(parts[1], 10);
+  const year = parseInt(parts[2], 10);
+  const time = parts[3].split(':');
+  let hours = parseInt(time[0], 10);
+  if (time[1].slice(-2) === 'pm') {
+    hours += 12;
+  }
+  const minutes = parseInt(time[1].slice(0, -2), 10);
+
+  // Create a date with given parts, and updated hours
+  const date = new Date();
+  date.setFullYear(year, month, day);
+  date.setHours(hours + 12);  // Add 12 hours
+  date.setMinutes(minutes);
+
+  let hoursOutput = date.getHours();
+  let abbreviation = 'am';
+  if (hoursOutput > 12) {
+    hoursOutput -= 12;
+    abbreviation = 'pm';
+  }
+
+  return `${months[date.getMonth()]} ${date.getDate()} ${date.getFullYear()} ${hoursOutput}:${date.getMinutes()}${abbreviation} EST`;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/day-of-the-week.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/day-of-the-week.md
new file mode 100644
index 0000000000..95676ff175
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/day-of-the-week.md
@@ -0,0 +1,74 @@
+---
+id: 5966f99c45e8976909a85575
+title: День тижня
+challengeType: 5
+forumTopicId: 302245
+dashedName: day-of-the-week
+---
+
+# --description--
+
+Компанія вирішила, що кожного разу, коли Різдво припадатиме на неділю, вони видаватимуть робітникам додаткові оплачувані відпустки, так, щоб разом з іншими державними святами, їм не доводилось працювати наступного тижня (з 25 грудня по 1 січня).
+
+# --instructions--
+
+Напишіть функцію, яка потребує роки початку і кінця відліку, щоб видати масив з усіма роками, коли 25 грудня припадає на неділю.
+
+# --hints--
+
+`findXmasSunday` має бути функцією.
+
+```js
+assert(typeof findXmasSunday === 'function');
+```
+
+`findXmasSunday(2000, 2100)` має видати масив.
+
+```js
+assert(typeof findXmasSunday(2000, 2100) === 'object');
+```
+
+`findXmasSunday(1970, 2017)` має видати `[1977, 1983, 1988, 1994, 2005, 2011, 2016]`
+
+```js
+assert.deepEqual(findXmasSunday(1970, 2017), firstSolution);
+```
+
+`findXmasSunday(2008, 2121)` має видати `[2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118]`
+
+```js
+assert.deepEqual(findXmasSunday(2008, 2121), secondSolution);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const firstSolution = [1977, 1983, 1988, 1994, 2005, 2011, 2016];
+const secondSolution = [2011, 2016, 2022, 2033, 2039, 2044, 2050, 2061, 2067, 2072, 2078, 2089, 2095, 2101, 2107, 2112, 2118];
+```
+
+## --seed-contents--
+
+```js
+function findXmasSunday(start, end) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function findXmasSunday(start, end) {
+  const xmasSunday = [];
+  for (let year = start; year <= end; year++) {
+    const xmas = new Date(year, 11, 25);
+    if (xmas.getDay() === 0) {
+      xmasSunday.push(year);
+    }
+  }
+  return xmasSunday;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deal-cards-for-freecell.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deal-cards-for-freecell.md
new file mode 100644
index 0000000000..4e2d04de15
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deal-cards-for-freecell.md
@@ -0,0 +1,210 @@
+---
+id: 59694356a6e7011f7f1c5f4e
+title: Роздати карти для FreeCell
+challengeType: 5
+forumTopicId: 302246
+dashedName: deal-cards-for-freecell
+---
+
+# --description--
+
+*FreeCell* - це гра в пасьянс, представлена Полем Альфілем для системи PLATO у 1978. Джим Хорн, представник Microsoft, змінив її ім'я на FreeCell та реалізував гру для системи [DOS](https://rosettacode.org/wiki/DOS "DOS"), а згодом і для [Windows](https://rosettacode.org/wiki/Windows "Windows"). Ця версія представила 32000 нумерованих роздач.
+
+Як тільки гра стала популярною, Джим Хорн розкрив її алгоритм, що дало початок реалізації нових версій FreeCell, які відтворювали роздачі Microsoft. Нумерація роздач сягала від 1 до 32000. Нові версії від Microsoft мають близько 1 мільйону роздач, нумерованих від 1 до 1000000; а деякі варіації дозволяють нумерацію і поза межами цього діапазону.
+
+Алгоритм використовує цей [лінійний конгурентний генератор](https://rosettacode.org/wiki/linear congruential generator "linear congruential generator") від Microsoft C:
+
+<ul>
+  <li>$state_{n + 1} \equiv 214013 \times state_n + 2531011 \pmod{2^{31}}$</li>
+  <li>$rand_n = state_n \div 2^{16}$</li>
+  <li>$rand_n$ знаходиться у діапазоні від 0 до 32767.</li>
+</ul>
+
+Після алгоритму:
+
+<ol>
+  <li>Введіть загальну кількість роздач у RNG (random number generator).
+  </li><li>Створіть <a href='https://rosettacode.org/wiki/array' title='array' target='_blank'>масив</a> з 52 карт: туз трефи, туз бубни, туз чирви, туз піки, двійка трефи, двійка бубни і т.д. по усім рангам: Туз, 2, 3, 4, 5, 6, 7, 8, 9, 10, Валет, Дама, Король. Індекси масивів від 0 до 51, з тузом трефи на 0 та королем піки на 51.</li>
+  <li>Поки масив не стане пустим:</li>
+  <li>Оберіть випадкову карту із індексом ≡ наступне випадкове число (довжина масиву модулів).</li>
+    <ul>
+      <li>Поміняйте цю випадкову картку на останню карту масиву.</li>
+      <li>Видаліть цю випадкову карту із масиву. (Довжина масиву зменшується на 1.)</li>
+      <li>Роздайте цю випадкову карту.</li>
+    </ul>
+  <li>Роздайте усі 52 карти, лицем догори, на 8 стовпчиків. Перші 8 карт на 8 стовпчиків, наступні 8 карт на перші 8 карт, і так далі.</li>
+</ol>
+
+**Наприклад:**
+
+**Порядок роздачі карт**
+
+<pre> 1  2  3  4  5  6  7  8
+ 9 10 11 12 13 14 15 16
+17 18 19 20 21 22 23 24
+25 26 27 28 29 30 31 32
+33 34 35 36 37 38 39 40
+41 42 43 44 45 46 47 48
+49 50 51 52</pre>
+
+**Гра #1**
+
+```js
+[
+  ['JD', '2D', '9H', 'JC', '5D', '7H', '7C', '5H'],
+  ['KD', 'KC', '9S', '5S', 'AD', 'QC', 'KH', '3H'],
+  ['2S', 'KS', '9D', 'QD', 'JS', 'AS', 'AH', '3C'],
+  ['4C', '5C', 'TS', 'QH', '4H', 'AC', '4D', '7S'],
+  ['3S', 'TD', '4S', 'TH', '8H', '2C', 'JH', '7D'],
+  ['6D', '8S', '8D', 'QS', '6C', '3D', '8C', 'TC'],
+  ['6S', '9C', '2H', '6H']
+]
+```
+
+**Гра #617**
+
+```js
+[
+  ['7D', 'AD', '5C', '3S', '5S', '8C', '2D', 'AH'],
+  ['TD', '7S', 'QD', 'AC', '6D', '8H', 'AS', 'KH'],
+  ['TH', 'QC', '3H', '9D', '6S', '8D', '3D', 'TC'],
+  ['KD', '5H', '9S', '3C', '8S', '7H', '4D', 'JS'],
+  ['4C', 'QS', '9C', '9H', '7C', '6H', '2C', '2S'],
+  ['4S', 'TS', '2H', '5D', 'JC', '6C', 'JH', 'QH'],
+  ['JD', 'KS', 'KC', '4H']
+]
+```
+
+# --instructions--
+
+Напишіть функцію, щоб дізнатись номер роздачі та роздати карти в такому ж порядку, як у алгоритмі. Функція має видати двовимірний масив, що представляє собою дошку FreeCell.
+
+Роздачі також можна перевірити у [ рішеннях до 1000000 FreeCell ігор](https://freecellgamesolutions.com/). (Знайдіть відеорішення, що покаже початкову роздачу.)
+
+# --hints--
+
+`dealFreeCell` має бути функцією.
+
+```js
+assert(typeof dealFreeCell === 'function');
+```
+
+`dealFreeCell(seed)` має видати об'єкт.
+
+```js
+assert(typeof dealFreeCell(1) === 'object');
+```
+
+`dealFreeCell(seed)` має видати масив довжиною 7.
+
+```js
+assert(dealFreeCell(1).length === 7);
+```
+
+`dealFreeCell(1)` має видати масив ідентичний до прикладу "Гра #1"
+
+```js
+assert.deepEqual(dealFreeCell(1), game1);
+```
+
+`dealFreeCell(617)` має видати масив ідентичний до прикладу "Гра #617"
+
+```js
+assert.deepEqual(dealFreeCell(617), game617);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const replaceThis = 3;
+const game1 = [
+  ['JD', '2D', '9H', 'JC', '5D', '7H', '7C', '5H'],
+  ['KD', 'KC', '9S', '5S', 'AD', 'QC', 'KH', '3H'],
+  ['2S', 'KS', '9D', 'QD', 'JS', 'AS', 'AH', '3C'],
+  ['4C', '5C', 'TS', 'QH', '4H', 'AC', '4D', '7S'],
+  ['3S', 'TD', '4S', 'TH', '8H', '2C', 'JH', '7D'],
+  ['6D', '8S', '8D', 'QS', '6C', '3D', '8C', 'TC'],
+  ['6S', '9C', '2H', '6H']
+];
+const game617 = [
+  ['7D', 'AD', '5C', '3S', '5S', '8C', '2D', 'AH'],
+  ['TD', '7S', 'QD', 'AC', '6D', '8H', 'AS', 'KH'],
+  ['TH', 'QC', '3H', '9D', '6S', '8D', '3D', 'TC'],
+  ['KD', '5H', '9S', '3C', '8S', '7H', '4D', 'JS'],
+  ['4C', 'QS', '9C', '9H', '7C', '6H', '2C', '2S'],
+  ['4S', 'TS', '2H', '5D', 'JC', '6C', 'JH', 'QH'],
+  ['JD', 'KS', 'KC', '4H']
+];
+```
+
+## --seed-contents--
+
+```js
+function dealFreeCell(seed) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+// RNG
+function FreeCellRNG(seed) {
+  return {
+    lastNum: seed,
+    next() {
+      this.lastNum = ((214013 * this.lastNum) + 2531011) % (Math.pow(2, 31));
+      return this.lastNum >> 16;
+    }
+  };
+}
+// Get cards
+function getDeck() {
+  const ranks = ['A', '2', '3', '4', '5', '6', '7', '8', '9', 'T', 'J', 'Q', 'K'];
+  const suits = ['C', 'D', 'H', 'S'];
+  const cards = [];
+  for (let i = 0; i < ranks.length; i += 1) {
+    for (let j = 0; j < suits.length; j += 1) {
+      cards.push(`${ranks[i]}${suits[j]}`);
+    }
+  }
+  return cards;
+}
+function dealFreeCell(seed) {
+  const rng = FreeCellRNG(seed);
+  const deck = getDeck();
+
+  const deltCards = [[], [], [], [], [], [], []];
+  let currentColumn = 0;
+  let currentRow = 0;
+
+  let rand;
+  let temp;
+  let card;
+  while (deck.length > 0) {
+    // Choose a random card
+    rand = rng.next() % deck.length;
+
+    // Swap this random card with the last card in the array
+    temp = deck[deck.length - 1];
+    deck[deck.length - 1] = deck[rand];
+    deck[rand] = temp;
+
+    // Remove this card from the array
+    card = deck.pop();
+
+    // Deal this card
+    deltCards[currentRow].push(card);
+    currentColumn += 1;
+    if (currentColumn === 8) {
+      currentColumn = 0;
+      currentRow += 1;
+    }
+  }
+
+  return deltCards;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deepcopy.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deepcopy.md
new file mode 100644
index 0000000000..4a8e3a77d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/deepcopy.md
@@ -0,0 +1,85 @@
+---
+id: 596a8888ab7c01048de257d5
+title: Deepcopy (Глибоке копіювання)
+challengeType: 5
+forumTopicId: 302247
+dashedName: deepcopy
+---
+
+# --description--
+
+Напишіть функцію, що повертає глибоку копію заданого об'єкта. Копія не повинна бути такою самою, як заданий об'єкт.
+
+Це завдання не буде перевірятися для:
+
+<ul>
+  <li>Об'єктів з властивостями, що є функціями</li>
+  <li>Date об'єкти або об'єкти з властивостями (які є Date об'єктами)</li>
+  <li>Регулярні вирази або об'єкти з властивостями (які є регулярними виразами)</li>
+  <li>Прототип копіювання</li>
+</ul>
+
+# --hints--
+
+`deepcopy` має бути функцією.
+
+```js
+assert(typeof deepcopy === 'function');
+```
+
+`deepcopy({test: "test"})` має повертати об'єкт.
+
+```js
+assert(typeof deepcopy(obj1) === 'object');
+```
+
+`deepcopy` не має повертати той самий об'єкт, який був заданий.
+
+```js
+assert(deepcopy(obj2) != obj2);
+```
+
+Під час переходу об'єкта, який містить масив, `deepcopy` має повертати глибоку копію об'єкта.
+
+```js
+assert.deepEqual(deepcopy(obj2), obj2);
+```
+
+Під час переходу об'єкта, який містить інший об'єкт, `deepcopy` має повертати глибоку копію об'єкта.
+
+```js
+assert.deepEqual(deepcopy(obj3), obj3);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const obj1 = { test: 'test' };
+const obj2 = {
+  t: 'test',
+  a: ['an', 'array']
+};
+const obj3 = {
+  t: 'try',
+  o: obj2
+};
+```
+
+## --seed-contents--
+
+```js
+function deepcopy(obj) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function deepcopy(obj) {
+  return JSON.parse(JSON.stringify(obj));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/define-a-primitive-data-type.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/define-a-primitive-data-type.md
new file mode 100644
index 0000000000..b2107c1d40
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/define-a-primitive-data-type.md
@@ -0,0 +1,132 @@
+---
+id: 597089c87eec450c68aa1643
+title: Визначення примітивного типу даних
+challengeType: 5
+forumTopicId: 302248
+dashedName: define-a-primitive-data-type
+---
+
+# --description--
+
+Визначте тип, що поводитися як ціле число, але має найменше допустиме значення 1 та найбільше допустиме значення 10.
+
+Обробка помилок:
+
+<ul>
+  <li>Якщо ви спробуєте створити <code>Num</code> зі значенням поза діапазоном 1 - 10, він повинен видати <code>TypeError</code> з повідомленням про виникнення помилки <code>'Out of range'</code>.</li>
+  <li>Якщо ви спробуєте створити <code>Num</code> зі значенням, що не є числом, воно має видати <code>TypeError</code> з повідомленням про виникнення помилки <code>'Not a Number'</code>.</li>
+</ul>
+
+# --hints--
+
+`Num` має бути функцією.
+
+```js
+assert(typeof Num === 'function');
+```
+
+`new Num(4)` має повертати об'єкт.
+
+```js
+assert(typeof new Num(4) === 'object');
+```
+
+`new Num('test')` має видавати помилку TypeError з повідомленням 'Not a Number'.
+
+```js
+assert.throws(() => new Num('test'), TypeError);
+```
+
+`new Num(0)` має видавати помилку TypeError з повідомленням 'Out of range'.
+
+```js
+assert.throws(() => new Num(0), TypeError);
+```
+
+`new Num(-5)` має видавати помилку TypeError з повідомленням 'Out of range'.
+
+```js
+assert.throws(() => new Num(-5), TypeError);
+```
+
+`new Num(10)` має видавати помилку TypeError з повідомленням 'Out of range'.
+
+```js
+assert.throws(() => new Num(11), TypeError);
+```
+
+`new Num(20)` має видавати помилку TypeError з повідомленням 'Out of range'.
+
+```js
+assert.throws(() => new Num(20), TypeError);
+```
+
+`new Num(3) + new Num(4)` має дорівнювати 7.
+
+```js
+assert.equal(new Num(3) + new Num(4), 7);
+```
+
+`new Num(3) - new Num(4)` має дорівнювати -1.
+
+```js
+assert.equal(new Num(3) - new Num(4), -1);
+```
+
+`new Num(3) * new Num(4)` має дорівнювати 12.
+
+```js
+assert.equal(new Num(3) * new Num(4), 12);
+```
+
+`new Num(3) / new Num(4)` має дорівнювати 0.75.
+
+```js
+assert.equal(new Num(3) / new Num(4), 0.75);
+```
+
+`new Num(3) < new Num(4)` має бути правдою.
+
+```js
+assert(new Num(3) < new Num(4));
+```
+
+`new Num(3) > new Num(4)` має бути помилкою.
+
+```js
+assert(!(new Num(3) > new Num(4)));
+```
+
+`(new Num(5)).toString()` має повертати '5'
+
+```js
+assert.equal(new Num(5).toString(), '5');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Num(n) {
+
+  return n;
+}
+```
+
+# --solutions--
+
+```js
+function Num(n) {
+  if (isNaN(n)) {
+    throw new TypeError('Not a Number');
+  }
+  if (n < 1 || n > 10) {
+    throw new TypeError('Out of range');
+  }
+
+  this._value = +n;
+}
+Num.prototype.valueOf = function() { return this._value; };
+Num.prototype.toString = function () { return this._value.toString(); };
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/department-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/department-numbers.md
new file mode 100644
index 0000000000..81f540ac1b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/department-numbers.md
@@ -0,0 +1,126 @@
+---
+id: 59f40b17e79dbf1ab720ed7a
+title: Номери відділів
+challengeType: 5
+forumTopicId: 302249
+dashedName: department-numbers
+---
+
+# --description--
+
+Існує добре організоване місто, яке вирішило призначити номер для кожного з їх відділів:
+
+<ul>
+  <li>Відділ поліції</li>
+  <li>Санітарний відділ</li>
+  <li>Пожежний відділ</li>
+</ul>
+
+Кожен відділ може мати номер від 1 до 7 (включно).
+
+Номери кожного з відділу мають бути унікальними (тобто бути відмінними одне від одного) та щоб в сумі було до номера 12.
+
+Шеф поліції не любить непарних чисел і хоче мати парне число для свого відділу.
+
+# --instructions--
+
+Напишіть програму, яка виводить всі дійсні комбінації у вигляді масиву.
+
+```js
+[2, 3, 7] [2, 4, 6] [2, 6, 4]
+[2, 7, 3] [4, 1, 7] [4, 2, 6]
+[4, 3, 5] [4, 5, 3] [4, 6, 2]
+[4, 7, 1] [6, 1, 5] [6, 2, 4]
+[6, 4, 2] [6, 5, 1]
+```
+
+# --hints--
+
+`combinations` мають бути функцією.
+
+```js
+assert(typeof combinations === 'function');
+```
+
+`combinations([1, 2, 3], 6)` повинні повернути масив.
+
+```js
+assert(Array.isArray(combinations([1, 2, 3], 6)));
+```
+
+`combinations([1, 2, 3, 4, 5, 6, 7], 12)` мають повернутися як рядок довжиною 14.
+
+```js
+assert(combinations(nums, total).length === len);
+```
+
+`combinations([1, 2, 3, 4, 5, 6, 7], 12)` повинен повертати всі дійсні комбінації.
+
+```js
+assert.deepEqual(combinations(nums, total), result);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const nums = [1, 2, 3, 4, 5, 6, 7];
+const total = 12;
+const len = 14;
+const result = [
+  [2, 3, 7],
+  [2, 4, 6],
+  [2, 6, 4],
+  [2, 7, 3],
+  [4, 1, 7],
+  [4, 2, 6],
+  [4, 3, 5],
+  [4, 5, 3],
+  [4, 6, 2],
+  [4, 7, 1],
+  [6, 1, 5],
+  [6, 2, 4],
+  [6, 4, 2],
+  [6, 5, 1]
+];
+```
+
+## --seed-contents--
+
+```js
+function combinations(possibleNumbers, total) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function combinations(possibleNumbers, total) {
+  let firstNumber;
+  let secondNumber;
+  let thridNumber;
+  const allCombinations = [];
+
+  for (let i = 0; i < possibleNumbers.length; i += 1) {
+    firstNumber = possibleNumbers[i];
+
+    if (firstNumber % 2 === 0) {
+      for (let j = 0; j < possibleNumbers.length; j += 1) {
+        secondNumber = possibleNumbers[j];
+
+        if (j !== i && firstNumber + secondNumber <= total) {
+          thridNumber = total - firstNumber - secondNumber;
+
+          if (thridNumber !== firstNumber && thridNumber !== secondNumber && possibleNumbers.includes(thridNumber)) {
+            allCombinations.push([firstNumber, secondNumber, thridNumber]);
+          }
+        }
+      }
+    }
+  }
+  return allCombinations;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/discordian-date.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/discordian-date.md
new file mode 100644
index 0000000000..f2ac957501
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/discordian-date.md
@@ -0,0 +1,195 @@
+---
+id: 59f4eafba0343628bb682785
+title: Дискордіанський календар
+challengeType: 5
+forumTopicId: 302250
+dashedName: discordian-date
+---
+
+# --description--
+
+Перетворіть дану дату з [Григоріанського календаря ](https://en.wikipedia.org/wiki/Gregorian calendar "wp: Gregorian calendar") в [Дискордіанський календар](https://en.wikipedia.org/wiki/Discordian calendar "wp: Discordian calendar").
+
+# --hints--
+
+`discordianDate` має бути функцією.
+
+```js
+assert(typeof discordianDate === 'function');
+```
+
+`discordianDate(new Date(2010, 6, 22))` повинен повернутися як `"Pungenday, the 57th day of Confusion in the YOLD 3176"`.
+
+```js
+assert(
+  discordianDate(new Date(2010, 6, 22)) ===
+    'Pungenday, the 57th day of Confusion in the YOLD 3176'
+);
+```
+
+`discordianDate(new Date(2012, 1, 28))` повинен повертатися як `"Prickle-Prickle, the 59th day of Chaos in the YOLD 3178"`.
+
+```js
+assert(
+  discordianDate(new Date(2012, 1, 28)) ===
+    'Prickle-Prickle, the 59th day of Chaos in the YOLD 3178'
+);
+```
+
+`discordianDate(new Date(2012, 1, 29))` повинен повертатися як `"Setting Orange, the 60th day of Chaos in the YOLD 3178. Святкуйте St. Tib\'s Day!"`.
+
+```js
+assert(
+  discordianDate(new Date(2012, 1, 29)) ===
+    "Setting Orange, the 60th day of Chaos in the YOLD 3178. Celebrate St. Tib's Day!"
+);
+```
+
+`discordianDate(new Date(2012, 2, 1))` повинен повертатися як `"Setting Orange, the 60th day of Chaos in the YOLD 3178"`.
+
+```js
+assert(
+  discordianDate(new Date(2012, 2, 1)) ===
+    'Setting Orange, the 60th day of Chaos in the YOLD 3178'
+);
+```
+
+`discordianDate(new Date(2010, 0, 5))` повинен повертатися як `"Setting Orange, the 5th day of Chaos in the YOLD 3176. Відсвяткуйте Mungday!"`.
+
+```js
+assert(
+  discordianDate(new Date(2010, 0, 5)) ===
+    'Setting Orange, the 5th day of Chaos in the YOLD 3176. Celebrate Mungday!'
+);
+```
+
+`discordianDate(new Date(2011, 4, 3))` повинен повертатися як `"Pungenday, the 50th day of Discord in the YOLD 3177. Відсвяткуйте Discoflux!"`.
+
+```js
+assert(
+  discordianDate(new Date(2011, 4, 3)) ===
+    'Pungenday, the 50th day of Discord in the YOLD 3177. Celebrate Discoflux!'
+);
+```
+
+`discordianDate(new Date(2015, 9, 19))` повинен повертатися як `"Boomtime, the 73rd day of Bureaucracy in the YOLD 3181"`.
+
+```js
+assert(
+  discordianDate(new Date(2015, 9, 19)) ===
+    'Boomtime, the 73rd day of Bureaucracy in the YOLD 3181'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function discordianDate(date) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+/**
+ * All Hail Discordia! - this script prints Discordian date using system date.
+ *
+ * lang: JavaScript
+ * author: jklu
+ * contributors: JamesMcGuigan
+ *
+ * source: https://rosettacode.org/wiki/Discordian_date#JavaScript
+ */
+const seasons = [
+  'Chaos', 'Discord', 'Confusion',
+  'Bureaucracy', 'The Aftermath'
+];
+const weekday = [
+  'Sweetmorn', 'Boomtime', 'Pungenday',
+  'Prickle-Prickle', 'Setting Orange'
+];
+
+const apostle = [
+  'Mungday', 'Mojoday', 'Syaday',
+  'Zaraday', 'Maladay'
+];
+
+const holiday = [
+  'Chaoflux', 'Discoflux', 'Confuflux',
+  'Bureflux', 'Afflux'
+];
+
+
+Date.prototype.isLeapYear = function() {
+  const year = this.getFullYear();
+  if ((year & 3) !== 0) { return false; }
+  return ((year % 100) !== 0 || (year % 400) === 0);
+};
+
+// Get Day of Year
+Date.prototype.getDOY = function() {
+  const dayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+  const mn = this.getMonth();
+  const dn = this.getDate();
+  let dayOfYear = dayCount[mn] + dn;
+  if (mn > 1 && this.isLeapYear()) { dayOfYear += 1; }
+  return dayOfYear;
+};
+
+Date.prototype.isToday = function() {
+  const today = new Date();
+  return this.getDate() === today.getDate()
+      && this.getMonth() === today.getMonth()
+      && this.getFullYear() === today.getFullYear()
+  ;
+};
+
+function discordianDate(date) {
+  if (!date) { date = new Date(); }
+
+  const y = date.getFullYear();
+  const yold = y + 1166;
+  let dayOfYear = date.getDOY();
+  let celebrateHoliday = null;
+
+  if (date.isLeapYear()) {
+    if (dayOfYear === 60) {
+      celebrateHoliday = 'St. Tib\'s Day';
+    }
+    else if (dayOfYear > 60) {
+      dayOfYear--;
+    }
+  }
+  dayOfYear--;
+
+  const divDay = Math.floor(dayOfYear / 73);
+
+  const seasonDay = (dayOfYear % 73) + 1;
+  if (seasonDay === 5) {
+    celebrateHoliday = apostle[divDay];
+  }
+  if (seasonDay === 50) {
+    celebrateHoliday = holiday[divDay];
+  }
+
+  const season = seasons[divDay];
+  const dayOfWeek = weekday[dayOfYear % 5];
+
+  const nth = (seasonDay % 10 === 1) ? 'st'
+          : (seasonDay % 10 === 2) ? 'nd'
+          : (seasonDay % 10 === 3) ? 'rd'
+                                  : 'th';
+
+  return ''
+         + dayOfWeek
+         + ', the ' + seasonDay + nth
+         + ' day of ' + season
+         + ' in the YOLD ' + yold
+         + (celebrateHoliday ? '. Celebrate ' + celebrateHoliday + '!' : '')
+    ;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/dot-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/dot-product.md
new file mode 100644
index 0000000000..fd3f25cf6a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/dot-product.md
@@ -0,0 +1,75 @@
+---
+id: 5a23c84252665b21eecc7e1e
+title: Скалярний добуток
+challengeType: 5
+forumTopicId: 302251
+dashedName: dot-product
+---
+
+# --description--
+
+Створіть функцію, щоб обчислити **[скалярний добуток](https://en.wikipedia.org/wiki/Dot product)**, також відомий як **скалярний продукт** двох векторів.
+
+# --hints--
+
+`dotProduct` має бути функцією.
+
+```js
+assert(typeof dotProduct == 'function');
+```
+
+`dotProduct([1, 3, -5], [4, -2, -1])` має повертатись як число.
+
+```js
+assert(typeof dotProduct([1, 3, -5], [4, -2, -1]) == 'number');
+```
+
+`dotProduct([1, 3, -5], [4, -2, -1])` має повернути `3`.
+
+```js
+assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3);
+```
+
+`dotProduct([1, 2, 3, 4, 5], [6, 7, 8, 9, 10])` має повернути `130`.
+
+```js
+assert.equal(dotProduct([1, 2, 3, 4, 5], [6, 7, 8, 9, 10]), 130);
+```
+
+`dotProduct([5, 4, 3, 2], [7, 8, 9, 6])` має повернути `106`.
+
+```js
+assert.equal(dotProduct([5, 4, 3, 2], [7, 8, 9, 6]), 106);
+```
+
+`dotProduct([-5, 4, -3, 2], [-7, -8, 9, -6])` має повернути `-36`.
+
+```js
+assert.equal(dotProduct([-5, 4, -3, 2], [-7, -8, 9, -6]), -36);
+```
+
+`dotProduct([17, 27, 34, 43, 15], [62, 73, 48, 95, 110])` має повернути `10392`.
+
+```js
+assert.equal(dotProduct([17, 27, 34, 43, 15], [62, 73, 48, 95, 110]), 10392);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function dotProduct(ary1, ary2) {
+
+}
+```
+
+# --solutions--
+
+```js
+function dotProduct(ary1, ary2) {
+  var dotprod = 0;
+  for (var i = 0; i < ary1.length; i++) dotprod += ary1[i] * ary2[i];
+  return dotprod;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/element-wise-operations.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/element-wise-operations.md
new file mode 100644
index 0000000000..1e599d1e3d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/element-wise-operations.md
@@ -0,0 +1,214 @@
+---
+id: 599c333915e0ea32d04d4bec
+title: Операції Element-wise
+challengeType: 5
+forumTopicId: 302252
+dashedName: element-wise-operations
+---
+
+# --description--
+
+Виконайте основні операції element-wise matrix-matrix і scalar-matrix.
+
+**Виконайте:**
+
+<ul>
+  <li>додавання</li>
+  <li>віднімання</li>
+  <li>множення</li>
+  <li>ділення</li>
+  <li>піднесення до степеня</li>
+</ul>
+
+Перший параметр буде виконувати операцію "m_add" для додавання матриці та "s_add" для скалярного додавання. Другий і третій параметри будуть матрицями, на яких повинні виконуватися дії.
+
+# --hints--
+
+`operation` має бути функцією.
+
+```js
+assert(typeof operation === 'function');
+```
+
+`operation("m_add",[[1,2],[3,4]],[[1,2],[3,4]])` має повернути `[[2,4],[6,8]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_add',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    [
+      [1, 2],
+      [3, 4]
+    ]
+  ),
+  [
+    [2, 4],
+    [6, 8]
+  ]
+);
+```
+
+`operation("s_add",[[1,2],[3,4]],2)` має повернути `[[3,4],[5,6]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    's_add',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    2
+  ),
+  [
+    [3, 4],
+    [5, 6]
+  ]
+);
+```
+
+`operation("m_sub",[[1,2],[3,4]],[[1,2],[3,4]])` має повернути `[[0,0],[0,0]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_sub',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    [
+      [1, 2],
+      [3, 4]
+    ]
+  ),
+  [
+    [0, 0],
+    [0, 0]
+  ]
+);
+```
+
+`operation("m_mult",[[1,2],[3,4]],[[1,2],[3,4]])` має повернути `[[1,4],[9,16]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_mult',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    [
+      [1, 2],
+      [3, 4]
+    ]
+  ),
+  [
+    [1, 4],
+    [9, 16]
+  ]
+);
+```
+
+`operation("m_div",[[1,2],[3,4]],[[1,2],[3,4]])` має повернути `[[1,1],[1,1]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_div',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    [
+      [1, 2],
+      [3, 4]
+    ]
+  ),
+  [
+    [1, 1],
+    [1, 1]
+  ]
+);
+```
+
+`operation("m_exp",[[1,2],[3,4]],[[1,2],[3,4]])` має повернути `[[1,4],[27,256]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_exp',
+    [
+      [1, 2],
+      [3, 4]
+    ],
+    [
+      [1, 2],
+      [3, 4]
+    ]
+  ),
+  [
+    [1, 4],
+    [27, 256]
+  ]
+);
+```
+
+`operation("m_add",[[1,2,3,4],[5,6,7,8]],[[9,10,11,12],[13,14,15,16]])` має повернути `[[10,12,14,16],[18,20,22,24]]`.
+
+```js
+assert.deepEqual(
+  operation(
+    'm_add',
+    [
+      [1, 2, 3, 4],
+      [5, 6, 7, 8]
+    ],
+    [
+      [9, 10, 11, 12],
+      [13, 14, 15, 16]
+    ]
+  ),
+  [
+    [10, 12, 14, 16],
+    [18, 20, 22, 24]
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function operation(op, arr1, arr2) {
+
+}
+```
+
+# --solutions--
+
+```js
+function operation(op, arr1, arr2) {
+  const ops = {
+    add: ((a, b) => a + b),
+    sub: ((a, b) => a - b),
+    mult: ((a, b) => a * b),
+    div: ((a, b) => a / b),
+    exp: ((a, b) => Math.pow(a, b))
+  };
+  const ifm = op.startsWith('m');
+  const doOp = ops[op.substring(2)];
+  for (let i = 0; i < arr1.length; i++) {
+    for (let j = 0; j < arr1[0].length; j++) {
+      arr1[i][j] = doOp(arr1[i][j], (ifm) ? (arr2[i][j]) : (arr2));
+    }
+  }
+  return arr1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/emirp-primes.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/emirp-primes.md
new file mode 100644
index 0000000000..405381857e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/emirp-primes.md
@@ -0,0 +1,138 @@
+---
+id: 599d0ba974141b0f508b37d5
+title: Emirp primes (Прості числа Емірпа)
+challengeType: 5
+forumTopicId: 302253
+dashedName: emirp-primes
+---
+
+# --description--
+
+Emirp (**простий** написаний у зворотному порядку) є простими числами, які при зміні (у їх десятковому представленні) є різними простими числами.
+
+# --instructions--
+
+Напишіть функцію, яка:
+
+<ul>
+  <li>Показує перші <code>n</code> прості числа.</li>
+  <li>Показує прості числа в діапазоні.</li>
+  <li>Показує кількість простих чисел у діапазоні.</li>
+  <li>Показує <code>n<sup>th</sup></code> простого числа.</li>
+</ul>
+
+Функція повинна приймати два параметри. Перший отримає `n` або діапазон у вигляді масиву. Другий отримає логічний тип, що вказує, чи повертається функція emirps у вигляді масиву або окремого числа (кількість простих чисел у діапазоні або просте число <code>n<sup>th</sup></code>). Відповідно до параметрів функція повинна повертати масив або число.
+
+# --hints--
+
+`emirps` має бути функцією.
+
+```js
+assert(typeof emirps === 'function');
+```
+
+`emirps(20,true)` повинен повертатися як `[13,17,31,37,71,73,79,97,107,113,149,157,167,179,199,311,337,347,359,389]`
+
+```js
+assert.deepEqual(emirps(20, true), [
+  13,
+  17,
+  31,
+  37,
+  71,
+  73,
+  79,
+  97,
+  107,
+  113,
+  149,
+  157,
+  167,
+  179,
+  199,
+  311,
+  337,
+  347,
+  359,
+  389
+]);
+```
+
+`emirps(1000)` повинен повертатися як `70529`
+
+```js
+assert.deepEqual(emirps(1000), 70529);
+```
+
+`emirps([7700,8000],true)` повинен повертатися як `[7717,7757,7817,7841,7867,7879,7901,7927,7949,7951,7963]`
+
+```js
+assert.deepEqual(emirps([7700, 8000], true), [
+  7717,
+  7757,
+  7817,
+  7841,
+  7867,
+  7879,
+  7901,
+  7927,
+  7949,
+  7951,
+  7963
+]);
+```
+
+`emirps([7700,8000],false)` повинен повертатися як `11`
+
+```js
+assert.deepEqual(emirps([7700, 8000], false), 11);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function emirps(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function emirps(num, showEmirps)
+{
+  const is_prime = function(n)
+    {
+    if (!(n % 2) || !(n % 3)) return false;
+    let p = 1;
+    while (p * p < n)
+                    { if (n % (p += 4) == 0 || n % (p += 2) == 0)
+                            { return false; } }
+    return true;
+  };
+  const is_emirp = function(n) {
+    const r = parseInt(n.toString().split('').reverse().join(''));
+    return r != n && is_prime(n) && is_prime(r);
+  };
+
+  let i,
+    arr = [];
+  if (typeof num === 'number') {
+    for (i = 0; arr.length < num; i++) if (is_emirp(i)) arr.push(i);
+    // first x emirps
+    if (showEmirps) return arr;
+    // xth emirp
+    return arr.pop();
+  }
+
+  if (Array.isArray(num)) {
+    for (i = num[0]; i <= num[1]; i++) if (is_emirp(i)) arr.push(i);
+    // emirps between x .. y
+    if (showEmirps) return arr;
+    // number of emirps between x .. y
+    return arr.length;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/entropy.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/entropy.md
new file mode 100644
index 0000000000..ba639e2323
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/entropy.md
@@ -0,0 +1,96 @@
+---
+id: 599d15309e88c813a40baf58
+title: Ентропія
+challengeType: 5
+forumTopicId: 302254
+dashedName: entropy
+---
+
+# --description--
+
+Обчислити інформаційну ентропію заданого вхідного рядка.
+
+Зважаючи на дискретну випадкову змінну $X$, яка є рядком для $N$ "символів" (всіх символів), що складається з $n$ різних символів (n=2 для бінарних), інформаційна ентропія для X в бітах/символах є:
+
+$H_2(X) = -\\sum\_{i=1}^n \\frac{count_i}{N} \\log_2 \\left(\\frac{count_i}{N}\\right)$
+
+де $count_i$ - це підрахунок символу $n_i$.
+
+# --hints--
+
+`entropy` має бути функцією.
+
+```js
+assert(typeof entropy === 'function');
+```
+
+`entropy("0")` має повернути `0`
+
+```js
+assert.equal(entropy('0'), 0);
+```
+
+`entropy("01")` має повернути `1`
+
+```js
+assert.equal(entropy('01'), 1);
+```
+
+`entropy("0123")` має повернути `2`
+
+```js
+assert.equal(entropy('0123'), 2);
+```
+
+`entropy("01234567")` має повернути `3`
+
+```js
+assert.equal(entropy('01234567'), 3);
+```
+
+`entropy("0123456789abcdef")` має повернути `4`
+
+```js
+assert.equal(entropy('0123456789abcdef'), 4);
+```
+
+`entropy("1223334444")` має повернути `1.8464393446710154`
+
+```js
+assert.equal(entropy('1223334444'), 1.8464393446710154);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function entropy(s) {
+
+}
+```
+
+# --solutions--
+
+```js
+function entropy(s) {
+    // Create a dictionary of character frequencies and iterate over it.
+  function process(s, evaluator) {
+    let h = Object.create(null),
+      k;
+    s.split('').forEach(c => {
+      h[c] && h[c]++ || (h[c] = 1); });
+    if (evaluator) for (k in h) evaluator(k, h[k]);
+    return h;
+  }
+    // Measure the entropy of a string in bits per symbol.
+
+  let sum = 0,
+    len = s.length;
+  process(s, (k, f) => {
+    const p = f / len;
+    sum -= p * Math.log(p) / Math.log(2);
+  });
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/equilibrium-index.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/equilibrium-index.md
new file mode 100644
index 0000000000..a3ee62bb08
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/equilibrium-index.md
@@ -0,0 +1,130 @@
+---
+id: 5987fd532b954e0f21b5d3f6
+title: Індекс рівноваги
+challengeType: 5
+forumTopicId: 302255
+dashedName: equilibrium-index
+---
+
+# --description--
+
+Індекс рівноваги послідовності є індексом, де сума елементів у нижчих індексах дорівнює сумі елементів при більш високих індексах.
+
+До прикладу, у послідовності $A$:
+
+<ul style='list-style: none;'>
+  <li><big>$A_0 = -7$</big></li>
+  <li><big>$A_1 =  1$</big></li>
+  <li><big>$A_2 =  5$</big></li>
+  <li><big>$A_3 =  2$</big></li>
+  <li><big>$A_4 = -4$</big></li>
+  <li><big>$A_5 =  3$</big></li>
+  <li><big>$A_6 =  0$</big></li>
+</ul>
+
+`3` є індексом рівноваги, тому що:
+
+<ul style='list-style: none;'>
+  <li><big>$A_0 + A_1 + A_2 = A_4 + A_5 + A_6$</big></li>
+</ul>
+
+`6` є також індексом рівноваги, тому що:
+
+<ul style='list-style: none;'>
+  <li><big>$A_0 + A_1 + A_2 + A_3 + A_4 + A_5 = 0$</big></li>
+</ul>
+
+(сума нульових елементів дорівнює нулю)
+
+`7` не є індексом рівноваги, оскільки це не є дійсним індексом послідовності $A$.
+
+# --instructions--
+
+Напишіть функцію, яка, за умови послідовності, повертає її показники рівноваги (якщо такі є).
+
+Припустимо, що послідовність може бути дуже довгою.
+
+# --hints--
+
+`equilibrium` має бути функцією.
+
+```js
+assert(typeof equilibrium === 'function');
+```
+
+`equilibrium([-7, 1, 5, 2, -4, 3, 0])` має повертати `[3,6]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[0]), ans[0]);
+```
+
+`equilibrium([2, 4, 6])` має повертати `[]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[1]), ans[1]);
+```
+
+`equilibrium([2, 9, 2])` має повертати `[1]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[2]), ans[2]);
+```
+
+`equilibrium([1, -1, 1, -1, 1, -1, 1])` має повертати `[0,1,2,3,4,5,6]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[3]), ans[3]);
+```
+
+`equilibrium([1])` має повертати `[0]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[4]), ans[4]);
+```
+
+`equilibrium([])` має повертати `[]`.
+
+```js
+assert.deepEqual(equilibrium(equilibriumTests[5]), ans[5]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const equilibriumTests =
+  [[-7, 1, 5, 2, -4, 3, 0], // 3, 6
+  [2, 4, 6], // empty
+  [2, 9, 2], // 1
+  [1, -1, 1, -1, 1, -1, 1], // 0,1,2,3,4,5,6
+  [1], // 0
+  [] // empty
+  ];
+const ans = [[3, 6], [], [1], [0, 1, 2, 3, 4, 5, 6], [0], []];
+```
+
+## --seed-contents--
+
+```js
+function equilibrium(a) {
+
+}
+```
+
+# --solutions--
+
+```js
+function equilibrium(a) {
+  let N = a.length,
+    i,
+    l = [],
+    r = [],
+    e = [];
+  for (l[0] = a[0], r[N - 1] = a[N - 1], i = 1; i < N; i++)
+    { l[i] = l[i - 1] + a[i], r[N - i - 1] = r[N - i] + a[N - i - 1]; }
+  for (i = 0; i < N; i++)
+    { if (l[i] === r[i]) e.push(i); }
+  return e;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ethiopian-multiplication.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ethiopian-multiplication.md
new file mode 100644
index 0000000000..21f0fdeb63
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ethiopian-multiplication.md
@@ -0,0 +1,156 @@
+---
+id: 599d1566a02b571412643b84
+title: Ефіопське множення
+challengeType: 5
+forumTopicId: 302257
+dashedName: ethiopian-multiplication
+---
+
+# --description--
+
+Ефіопське множення - це метод множення цілих чисел за допомогою лише додавання, подвоєння та ділення на два.
+
+**Метод:**
+
+<ol>
+  <li>Візьміть два числа, щоб помножити і записати їх зверху двох стовпчиків</li>
+  <li>У лівому стовпчику діліть на два останнє число кілька разів, відкидаючи будь-які остачі, і записуйте результат нижче в цей самий стовпчик, поки не запишете значення <code>1</code></li>
+  <li>У правій колонці множте на два останнє число повторювано і запишіть результат нижче. зупиніться, коли ви вписали число в тому ж рядку, де лівий стовпчик показує <code>1</code></li>
+  <li>Перегляньте отриману таблицю, і відкиньте будь-який рядок, де значення в лівому стовпчику - парне</li>
+  <li>Підсумуйте значення в правому стовпчику так, щоб отримати результат множення двох початкових цифр</li>
+</ol>
+
+** Наприклад:** `17 × 34`
+
+<pre>17   34
+</pre>
+
+Ділимо перший стовпчик:
+
+<pre>17   34
+8
+4
+2
+1
+</pre>
+
+Множимо на два другий стовпчик:
+
+<pre>17   34
+8    68
+4   136
+2   272
+1   544
+</pre>
+
+Закреслюємо рядки, в яких перша комірка парна:
+
+<pre>17   34
+8    <strike>68</strike>
+4   <strike>136</strike>
+2   <strike>272</strike>
+1   544
+</pre>
+
+Підсумовуємо решту цифр в правому стовпчику:
+
+<!-- markdownlint-disable MD003 -->
+
+<pre>17   34
+8    --
+4   ---
+2   ---
+1   544
+   ====
+    578
+</pre>
+
+<!-- markdownlint-enable MD003 -->
+
+Отже `17` помножене `34`, за ефіопським методом - `578`.
+
+# --instructions--
+
+Завданням полягає в тому, щоб визначити три іменовані функції, методи, процедури, підпрограми:
+
+<ol>
+  <li>від одиниці до половини цілого числа,</li>
+  <li>від одиниці до подвійного цілого, і</li>
+  <li>від одиниці до моменту, коли ціле число є парним</li>
+</ol>
+
+Використовуйте ці функції, щоб створити функцію, яка виконує ефіопське множення.
+
+<!-- markdownlint-disable MD046-->
+
+# --hints--
+
+`eth_mult` має бути функцією.
+
+```js
+assert(typeof eth_mult === 'function');
+```
+
+`eth_mult(17,34)` має повертати `578`.
+
+```js
+assert.equal(eth_mult(17, 34), 578);
+```
+
+`eth_mult(23,46)` має повертати `1058`.
+
+```js
+assert.equal(eth_mult(23, 46), 1058);
+```
+
+`eth_mult(12,27)` має повертати `324`.
+
+```js
+assert.equal(eth_mult(12, 27), 324);
+```
+
+`eth_mult(56,98)` має повертати `5488`.
+
+```js
+assert.equal(eth_mult(56, 98), 5488);
+```
+
+`eth_mult(63,74)` має повертати `4662`.
+
+```js
+assert.equal(eth_mult(63, 74), 4662);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eth_mult(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function eth_mult(a, b) {
+  let sum = 0; a = [a]; b = [b];
+
+  let half = a => a / 2,
+    double = a => a * 2,
+    is_even = a => a % 2 == 0;
+
+  while (a[0] !== 1) {
+    a.unshift(Math.floor(half(a[0])));
+    b.unshift(double(b[0]));
+  }
+
+  for (let i = a.length - 1; i > 0; i -= 1) {
+    if (!is_even(a[i])) {
+      sum += b[i];
+    }
+  }
+  return sum + b[0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/euler-method.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/euler-method.md
new file mode 100644
index 0000000000..9cba4e9b1e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/euler-method.md
@@ -0,0 +1,152 @@
+---
+id: 59880443fb36441083c6c20e
+title: Метод Ейлера
+challengeType: 5
+forumTopicId: 302258
+dashedName: euler-method
+---
+
+# --description--
+
+Метод Ейлера чисельно наближує рішення звичайних рівнянь першого порядку (ODE) з заданим початковим значенням. Це явний метод вирішення проблем із початковими значеннями (IVP), описаний у [цій статті](https://www.freecodecamp.org/news/eulers-method-explained-with-examples/ "news: Euler's Method Explained with Examples").
+
+ODE повинен бути наданий за такою формою:
+
+<ul style='list-style: none;'>
+  <li><big>$\frac{dy(t)}{dt} = f(t,y(t))$</big></li>
+</ul>
+
+з початковим значенням
+
+<ul style='list-style: none;'>
+  <li><big>$y(t_0) = y_0$</big></li>
+</ul>
+
+Щоб отримати числове рішення, ми заміняємо похідну на LHS з скінченним наближенням до різниці:
+
+<ul style='list-style: none;'>
+  <li><big>$\frac{dy(t)}{dt}  \approx \frac{y(t+h)-y(t)}{h}$</big></li>
+</ul>
+
+тоді вирішіть для $y(t+h)$:
+
+<ul style='list-style: none;'>
+  <li><big>$y(t+h) \approx y(t) + h \, \frac{dy(t)}{dt}$</big></li>
+</ul>
+
+що є тим самим, як і
+
+<ul style='list-style: none;'>
+  <li><big>$y(t+h) \approx y(t) + h \, f(t,y(t))$</big></li>
+</ul>
+
+Тоді, правило повторного рішення:
+
+<ul style='list-style: none;'>
+  <li><big>$y_{n+1} = y_n + h \, f(t_n, y_n)$</big></li>
+</ul>
+
+де $h$ - розмір кроку, найбільш відповідний параметр для точності рішення. Менший розмір кроку збільшує точність, але й обчислювальні витрати, тому вони завжди повинні бути підібрані вручну відповідно до завдань.
+
+**Приклад: Закон Ньютона**
+
+Закон Ньютона описує як об’єкт початкової температури $T(t_0) = T_0$ охолоджується в умовах температури $T_R$:
+
+<ul style='list-style: none;'>
+  <li><big>$\frac{dT(t)}{dt} = -k \, \Delta T$</big></li>
+</ul>
+
+або
+
+<ul style='list-style: none;'>
+  <li><big>$\frac{dT(t)}{dt} = -k \, (T(t) - T_R)$</big></li>
+</ul>
+
+Він каже, що швидкість охолодження $\\frac{dT(t)}{dt}$ $ об'єктів пропорційна поточній різниці температури $\\Delta T = (T(t) - T_R)$ в навколишнє середовище.
+
+Аналітичне рішення, яке ми будемо порівняти з числовим наближенням, є
+
+<ul style='list-style: none;'>
+  <li><big>$T(t) = T_R + (T_0 - T_R) \; e^{-k t}$</big></li>
+</ul>
+
+# --instructions--
+
+Реалізуйте розпорядок методу Ейлера та використовуйте його для рішення заданого прикладу закону Ньютона про три різні розміри кроку:
+
+<ul>
+  <li><code>2 s</code></li>
+  <li><code>5 s</code> і</li>
+  <li><code>10 s</code></li>
+</ul>
+
+та порівняти з аналітичним рішенням.
+
+**Початкові значення:**
+
+<ul>
+  <li>початкова температура <big>$T_0$</big> має бути <code>100 °C</code></li>
+  <li>температура кімнати <big>$T_R$</big> має бути <code>20 °C</code></li>
+  <li>охолодження константи <big>$k$</big> має буде <code>0.07</code></li>
+  <li>інтервал обчислення повинен бути від <code>0 s</code> до <code>100 s</code></li>
+</ul>
+
+Перший параметр функції - це початковий час, другий параметр - початкова температура, третій - минулий час і четвертий параметр - крок розміру.
+
+# --hints--
+
+`eulersMethod` має бути функцією.
+
+```js
+assert(typeof eulersMethod === 'function');
+```
+
+`eulersMethod(0, 100, 100, 2)` має повернути число.
+
+```js
+assert(typeof eulersMethod(0, 100, 100, 2) === 'number');
+```
+
+`eulersMethod(0, 100, 100, 2)` має повернути 20.0424631833732.
+
+```js
+assert.equal(eulersMethod(0, 100, 100, 2), 20.0424631833732);
+```
+
+`eulersMethod(0, 100, 100, 5)` має повернути 20.01449963666907.
+
+```js
+assert.equal(eulersMethod(0, 100, 100, 5), 20.01449963666907);
+```
+
+`eulersMethod(0, 100, 100, 10)` має повернути 20.000472392.
+
+```js
+assert.equal(eulersMethod(0, 100, 100, 10), 20.000472392);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function eulersMethod(x1, y1, x2, h) {
+
+}
+```
+
+# --solutions--
+
+```js
+function eulersMethod(x1, y1, x2, h) {
+  let x = x1;
+  let y = y1;
+
+  while ((x < x2 && x1 < x2) || (x > x2 && x1 > x2)) {
+    y += h * (-0.07 * (y - 20));
+    x += h;
+  }
+
+  return y;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.md
new file mode 100644
index 0000000000..df13df3169
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/evaluate-binomial-coefficients.md
@@ -0,0 +1,74 @@
+---
+id: 598de241872ef8353c58a7a2
+title: Оцініть біноміальні коефіцієнти
+challengeType: 5
+forumTopicId: 302259
+dashedName: evaluate-binomial-coefficients
+---
+
+# --description--
+
+Напишіть функцію для обчислення біноміального коефіцієнта для заданих значень n і k.
+
+Рекомендується така формула:
+
+$\\binom{n}{k} = \\frac{n!}{(n-k)!k!} = \\frac{n(n-1)(n-2)\\ldots(n-k+1)}{k(k-1)(k-2)\\ldots 1}$
+
+# --hints--
+
+`binom` має бути функцією.
+
+```js
+assert(typeof binom === 'function');
+```
+
+`binom(5,3)` має повернути число 10.
+
+```js
+assert.equal(binom(5, 3), 10);
+```
+
+`binom(7,2)` має повернути число 21.
+
+```js
+assert.equal(binom(7, 2), 21);
+```
+
+`binom(10,4)` має повернути число 210.
+
+```js
+assert.equal(binom(10, 4), 210);
+```
+
+`binom(6,1)` має повернути число 6.
+
+```js
+assert.equal(binom(6, 1), 6);
+```
+
+`binom(12,8)` має повернути число 495.
+
+```js
+assert.equal(binom(12, 8), 495);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function binom(n, k) {
+
+}
+```
+
+# --solutions--
+
+```js
+function binom(n, k) {
+  let coeff = 1;
+  for (let i = n - k + 1; i <= n; i++) coeff *= i;
+  for (let i = 1; i <= k; i++) coeff /= i;
+  return coeff;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.md
new file mode 100644
index 0000000000..c1397c07a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-a-markov-algorithm.md
@@ -0,0 +1,246 @@
+---
+id: 59e09e6d412c5939baa02d16
+title: Виконайте алгоритм Маркова
+challengeType: 5
+forumTopicId: 302260
+dashedName: execute-a-markov-algorithm
+---
+
+# --description--
+
+Створіть інтерпретацію для сторінки [алгоритм Маркова](https://en.wikipedia.org/wiki/Markov algorithm "wp: Markov algorithm").
+
+Граматична побудова правил:
+
+<pre>[ruleset] ::= (([comment] | [rule]) [newline]+)*
+[comment] ::= # {[будь-який символ]}
+[rule] ::= [pattern] [whitespace] -> [whitespace] [.] [replacement]
+[whitespace] ::= ([tab] | [space]) [[whitespace]]
+</pre>
+
+У кожному рядку по одному правилу.
+
+Якщо `.` (крапка) стоїть перед \[replacement], тоді це кінцеве правило, у випадку котрого інтерпретатор повинен зупинити виконання.
+
+Набір правил складається з послідовності певних норм та умовних додатків.
+
+Правила
+
+Використовуйте поточні вправи на початку:
+
+**Правило 1:**
+
+<pre># Цей файл з правилами взято з Вікіпедії:
+#
+<code>http://en.wikipedia.org/wiki/Markov_Algorithm</code>
+A -> яблуко
+B -> мішок
+S -> магазин
+T -> артикль "the"
+магазин -> мій брат
+невикористаний -> .кінцеве правило
+</pre>
+
+Зразок тексту `я купив B As у T S.` має повернути речення`я купив мішок яблук у мого брата.`
+
+**Правило 2:**
+
+Перевірка кінцевого правила
+
+<pre># Трохи змінено правила з Вікіпедії
+A -> яблуко
+B -> сумка
+S -> . магазин
+T -> the
+магазин -> мій брат
+ніколи не використовувався -> .кінцева умова
+</pre>
+
+Зразок тексту `я купив B As у T S.`повинен згенерувати`я купив мішок яблук у цьому магазині.`
+
+**Правило 3:**
+
+Ці вправи призначені для правильної заміни порядку, вони можуть закрити замінні послідовності, базовані на простих регулярних виразах, якщо символів спеціальних регулярних виразів не оминули.
+
+<pre># BNF правила синтаксичного тестування
+-> яблуко
+WWW -> з
+Bgage -> ->.*
+B -> сумка
+->. -> гроші
+W -> WW
+S -> . магазин
+T -> 
+магазин -> мій брат
+ніколи не використовувався -> закінчення правила
+</pre>
+
+Зразок тексту `я купив As B W свої Bgage у T S.` повинний перетворитися у `я купив мішок яблук за свої гроші у T магазині.`
+
+**Правило 4:**
+
+Ці тести для правильного порядку сканування правил може ловити підпрограми, що сканують в неправильному порядку. Це реалізує загальний двовимірний механізм множення. (Зверніть увагу, що вхідний вираз повинен бути в підкресленнях у цій реалізації.)
+
+<pre>### Унарний механізм множення для тестування виконання алгоритму Маркова
+### За методом Дона Феллоуза.
+Одинарна додаткова система:
+_+1 -> _1+
+1+1 -> 11+
+# Передача для конвертування від поділу множинного до звичайного
+# додаток
+1! -> !1,! -> !+
+_! -> _
+# Одинарне множення шляхом дублювання лівої сторони, часів правої сторони
+1*1 -> x,@y
+1x -> xX
+X, -> 1,1
+X1 -> 1X
+_x -> _X
+,x -> ,X
+y1 -> 1y
+y_ -> _
+# Наступний етап додавання
+1@1 -> x,@y
+1@_ -> @_
+,@_ -> !_
+++ -> +
+# Припинення очищення для додатку:
+_1 -> 1
+1+_ -> 1
+_+_ ->
+</pre>
+
+Зразок тексту `_1111*11111_` повинний згенерувати наступне`11111111111111111111`
+
+**Правило 5:**
+
+Проста [Машина Тюрінга](http://en.wikipedia.org/wiki/Turing_machine "link: http&#x3A;//en.wikipedia.org/wiki/Turing_machine"), здійснюючи трьохстановий [busy beaver](http://en.wikipedia.org/wiki/Busy_beaver "link: http&#x3A;//en.wikipedia.org/wiki/Busy_beaver").
+
+Стрічка складається з`0`s та`1`s, станами є `A`, `B`, `C` і `H` (для `H`alt), початкова позиція визначається написанням літери стану перед символом початку. Усі частини початкової стрічки, на яких працює машина, мають вказані у вхідних даних.
+
+Окрім демонстрації того, що алгоритм Маркова є довершенням Тюрінга, він допоміг мені виявити проблему у реалізації C++, котра не була помічною у попередніх правилах.
+
+<pre># Машина Тюрінга: трьохстановий Busy beaver:
+#
+#стан А, символ 0=> пишемо 1, переносимо праворуч, новий стан В
+А0 -> 1B
+# стан А, символ 1=> пишемо 1, переносимо ліворуч, новий стан C
+0A1 -> C01
+1A1 -> C11
+# стан В, символ 0 => пишемо 1, переносимо ліворуч, новий стан А
+0B0 -> A01
+1B0 -> A11
+# стан B, символ 1 => пишемо 1, переносимо праворуч, новий стан В
+B1 -> 1B
+# стан С, символ => 1 пишемо 1, переносимо ліворуч, новий стан В
+0C0 -> B01
+1C0 -> B11
+# стан С, символ => 1 пишемо 1, переносимо ліворуч, зупиняємо
+0C1 -> H01
+1C1 -> H11
+</pre>
+
+Цей набір правил повинен перетворитися з `000000A000000` у `00011H1111000`
+
+# --hints--
+
+`markov` повинен бути функцією.
+
+```js
+assert(typeof markov === 'function');
+```
+
+`markov(["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")` повинно повертати "я купив мішок яблук у мого брата".
+
+```js
+assert.deepEqual(markov(rules[0], tests[0]), outputs[0]);
+```
+
+`markov(["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As from T S.")` має повертати "я купив мішок яблук у цьому магазині".
+
+```js
+assert.deepEqual(markov(rules[1], tests[1]), outputs[1]);
+```
+
+`markov(["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],"I bought a B of As W my Bgage from T S.")` має повертати "я купив мішок яблук за мої грошу у цьому магазині".
+
+```js
+assert.deepEqual(markov(rules[2], tests[2]), outputs[2]);
+```
+
+`Марков(["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",", -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> ! ","++ -> +","_1 -> 1","1+_ -> ","_+_ -> "],"_11*11111_")` повинен повернути "11111111111111111111111111111111111111".
+
+```js
+assert.deepEqual(markov(rules[3], tests[3]), outputs[3]);
+```
+
+`markov(["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"],"")` повинен повернути "00011H1111000".
+
+```js
+assert.deepEqual(markov(rules[4], tests[4]), outputs[4]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+
+let rules=[["A -> apple","B -> bag","S -> shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],
+            ["A -> apple","B -> bag","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],
+            ["A -> apple","WWWW -> with","Bgage -> ->.*","B -> bag","->.* -> money","W -> WW","S -> .shop","T -> the","the shop -> my brother","a never used -> .terminating rule"],
+            ["_+1 -> _1+","1+1 -> 11+","1! -> !1",",! -> !+","_! -> _","1*1 -> x,@y","1x -> xX","X, -> 1,1","X1 -> 1X","_x -> _X",",x -> ,X","y1 -> 1y","y_ -> _","1@1 -> x,@y","1@_ -> @_",",@_ -> !_","++ -> +","_1 -> 1","1+_ -> 1","_+_ -> "],
+            ["A0 -> 1B","0A1 -> C01","1A1 -> C11","0B0 -> A01","1B0 -> A11","B1 -> 1B","0C0 -> B01","1C0 -> B11","0C1 -> H01","1C1 -> H11"]];
+let tests=["I bought a B of As from T S.",
+            "I bought a B of As from T S.",
+            "I bought a B of As W my Bgage from T S.",
+            "_1111*11111_",
+            "000000A000000"];
+let outputs=["I bought a bag of apples from my brother.",
+            "I bought a bag of apples from T shop.",
+            "I bought a bag of apples with my money from T shop.",
+            "11111111111111111111",
+            "00011H1111000"]
+
+```
+
+
+## --seed-contents--
+
+```js
+function markov(rules,test) {
+
+}
+```
+
+# --solutions--
+
+```js
+function markov(rules,test) {
+    let pattern = new RegExp("^([^#]*?)\\s+->\\s+(\\.?)(.*)");
+    let origTest = test;
+
+    let captures = [];
+
+    rules.forEach(function(rule){
+        let m = pattern.exec(rule);
+        for (let j = 0; j < m.length; j++)
+            m[j] = m[j + 1];
+        captures.push(m);
+    });
+
+    test = origTest;
+    let copy = test;
+    for (let j = 0; j < captures.length; j++) {
+        let c = captures[j];
+        test = test.replace(c[0], c[2]);
+        if (c[1]==".")
+            break;
+        if (test!=copy) {
+            j = -1;
+            copy = test;
+        }
+    }
+    return test;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-brain.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-brain.md
new file mode 100644
index 0000000000..72b52c1584
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/execute-brain.md
@@ -0,0 +1,229 @@
+---
+id: 59e0a8df964e4540d5abe599
+title: Execute Brain****
+challengeType: 5
+forumTopicId: 302261
+dashedName: execute-brain
+---
+
+# --description--
+
+Напишіть функцію для запуску Brain\*\*\*\* перекладача. Функція бере рядок як параметр і на виході також виходить рядок. Деталі наведено нижче:
+
+RCBF є набором [Brainf\*\*\*](https://rosettacode.org/wiki/Brainf*** "Brainf\*\*\*") компіляторів та інтерпретаторів, написаних Rosetta code різними мовами.
+
+Нижче наведено посилання на кожну з версій RCBF.
+
+Впровадження потребує чіткого дотримання таких інструкцій:Пропустіть збіг <code> якщо комірка під курсором дорівнює 0&lt;/td>
+&lt;/tr>
+&lt;tr>
+  &lt;td> <code>]</code>&lt;/td>
+  &lt;td>Поверніться до функції збігу <code>/</code> якщо комірка під курсором не є 0&lt;/td>
+&lt;/tr>
+&lt;/tbody>
+&lt;/table>
+
+&lt;p spaces-before="0">Розмір комірки може бути довільним, EOF (&lt;em x-id="3">E&lt;/em>nd-&lt;em x-id="3">O&lt;/em>-&lt;em x-id="3">F&lt;/em>ile) підтримка не є обов’язковою, так само як і наявність обмеженої й необмеженої пам’яті.&lt;/p>
+
+&lt;h1 spaces-before="0">--hints--&lt;/h1>
+
+&lt;p spaces-before="0">&lt;code>brain(bye)</code> повинен вивести рядок</p> 
+
+
+
+```js
+assert(typeof brain(bye) === 'string');
+```
+
+
+`brain ("++++++[>++++++++++<-]>+++++.")` повинен вивести рядок “A”
+
+
+
+```js
+assert.equal(brain('++++++[>++++++++++<-]>+++++.'), 'A');
+```
+
+
+`brain(bye)`повинен вивести `Goodbye, World!\r\n`
+
+
+
+```js
+assert.equal(brain(bye), 'Goodbye, World!\r\n');
+```
+
+
+`brain(hello)`повинен вивести`Hello World!\n`
+
+
+
+```js
+assert.equal(brain(hello), 'Hello World!\n');
+```
+
+
+`brain(fib)`повинен вивести`1, 1, 2, 3, 4, 5, 8, 13, 21, 34, 55, 89`
+
+
+
+```js
+assert.equal(brain(fib), '1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89');
+```
+
+
+
+
+# --seed--
+
+
+
+## --before-user-code--
+
+
+
+```js
+let fib=`+
+
+++
+
++++
+
+++++
+
++>+>>
+
+>>++++
+
++++++++
+
+++++++++
+
++++++++++
+
+++++++++++
+
+++++++>++++
+
+++++++++++++
+
++++++++++++++
+
++++<<<<<<[>[>>
+
+>>>>+>+<<<<<<<-
+
+]>>>>>>>[<<<<<<<
+
++>>>>>>>-]<[>++++
+
+++++++[-<-[>>+>+<<
+
+<-]>>>[<<<+>>>-]+<[
+
+>[-]<[-]]>[<<[>>>+<<
+
+<-]>>[-]]<<]>>>[>>+>+
+
+<<<-]>>>[<<<+>>>-]+<[>
+
+[-]<[-]]>[<<+>>[-]]<<<<
+
+<<<]>>>>>[++++++++++++++
+
++++++++++++++++++++++++++
+
++++++++++.[-]]++++++++++<[
+
+->-<]>+++++++++++++++++++++
+
++++++++++++++++++++++++++++.
+
+[-]<<<<<<<<<<<<[>>>+>+<<<<-]>
+
+>>>[<<<<+>>>>-]<-[>>.>.<<<[-]]
+
+<<[>>+>+<<<-]>>>[<<<+>>>-]<<[<+
+
+>-]>[<+>-]<<<-]`;
+let hello='++++++++[>++++[>++>+++>+++>+<<<<-]>+>+>->>+[<]<-]>>.>---.+++++++..+++.>>.<-.<.+++.------.--------.>>+.>++.'
+let bye='++++++++++[>+>+++>++++>+++++++>++++++++>+++++++++>++++++++++>+++++++++++>++++++++++++<<<<<<<<<-]>>>>+.>>>>+..<.<++++++++.>>>+.<<+.<<<<++++.<++.>>>+++++++.>>>.+++.<+++++++.--------.<<<<<+.<+++.---.';
+```
+
+
+
+
+## --seed-contents--
+
+
+
+```js
+function brain(prog) {
+
+}
+```
+
+
+
+
+# --solutions--
+
+
+
+```js
+function brain(prog){
+  var output="";
+    var code; // formatted code
+  var ip = 0; // current instruction within code
+  var nest = 0; // current bracket nesting (for Out button)
+  var ahead = []; // locations of matching brackets
+
+  var data = [0]; // data array (mod by +, -)
+  var dp = 0; // index into data (mod by <, >)
+
+  var inp = 0; // current input character (fetch with ,)
+  var quit = 0;
+    var commands = {
+    '>':function() { if (++dp >= data.length) data[dp]=0 },
+    '<':function() { if (--dp < 0) quit++ },
+    '+':function() { ++data[dp] },
+    '-':function() { --data[dp] },
+    '[':function() { if (!data[dp]) ip = ahead[ip]; else ++nest },
+    ']':function() { if ( data[dp]) ip = ahead[ip]; else --nest },
+    ',':function() {
+        var c = document.getElementById("input").value.charCodeAt(inp++);
+        data[dp] = isNaN(c) ? 0 : c; // EOF: other options are -1 or no change
+    },
+    '.':function() {
+            output+=String.fromCharCode(data[dp]);
+            /*var s = document.getElementById("output").innerHTML)
+             + String.fromCharCode(data[dp]);
+            s = s.replace(/\n/g,"<br>").replace(/ /g,"&amp;nbsp;");
+            document.getElementById("output").innerHTML = s;*/
+        },
+    };
+
+    let ar=prog.split('');
+    var st = [], back, error = -1;
+    for (ip=0; ip<ar.length; ip++) {
+        switch(ar[ip]) {
+        case '[':
+            st.push(ip);
+            break;
+        case ']':
+            if (st.length == 0) error = ip;
+            back = st.pop();
+            ahead[ip] = back;
+            ahead[back] = ip;
+            break;
+        }
+    }
+
+    for(ip=0;ip<ar.length;ip++){
+    if(commands.hasOwnProperty(ar[ip]))
+          commands[ar[ip]]();
+    }
+
+    return output;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/extensible-prime-generator.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/extensible-prime-generator.md
new file mode 100644
index 0000000000..5e4c4f02c8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/extensible-prime-generator.md
@@ -0,0 +1,139 @@
+---
+id: 598ee8b91b410510ae82efef
+title: Генератор простих чисел з можливістю розширення
+challengeType: 5
+forumTopicId: 302262
+dashedName: extensible-prime-generator
+---
+
+# --description--
+
+Напишіть генератор простих чисел, в порядку, який автоматично налаштується на генерацію будь-якого достатньо великого простого числа.
+
+Генератор повинен мати здатність:
+
+<ul>
+  <li>Показувати перші <code>n</code> прості числа</li>
+  <li>Показувати прості числа в діапазоні</li>
+  <li>Показувати число простих чисел у діапазоні</li>
+  <li>Показувати <code>n<sup>th</sup></code> просте число</li>
+</ul>
+
+Функція повинна мати два параметри. Перший отримає `n` або діапазон у вигляді масиву. Другий отримає логічний тип даних, що вказує, чи повертає функція прості числа у вигляді масиву або одного і того ж числа (кількість простих чисел у діапазоні або <code>n<sup>th</sup></code> просте число). Відповідно до параметрів функція має повернути масив.
+
+# --hints--
+
+`primeGenerator` має бути функцією.
+
+```js
+assert(typeof primeGenerator === 'function');
+```
+
+`primeGenerator(20, true)` має повернути `[2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71]`.
+
+```js
+assert.deepEqual(primeGenerator(20, true), [
+  2,
+  3,
+  5,
+  7,
+  11,
+  13,
+  17,
+  19,
+  23,
+  29,
+  31,
+  37,
+  41,
+  43,
+  47,
+  53,
+  59,
+  61,
+  67,
+  71
+]);
+```
+
+`primeGenerator([100, 150], true)` має повернути `[101, 103, 107, 109, 113, 127, 131, 137, 139, 149]`.
+
+```js
+assert.deepEqual(primeGenerator([100, 150], true), [
+  101,
+  103,
+  107,
+  109,
+  113,
+  127,
+  131,
+  137,
+  139,
+  149
+]);
+```
+
+`primeGenerator([7700, 8000], false)` має повернути `30`.
+
+```js
+assert.equal(primeGenerator([7700, 8000], false), 30);
+```
+
+`primeGenerator(10000, false)` має повернути `104729`.
+
+```js
+assert.equal(primeGenerator(10000, false), 104729);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function primeGenerator(num, showPrimes) {
+
+}
+```
+
+# --solutions--
+
+```js
+function primeGenerator(num, showPrimes) {
+  let i,
+    arr = [];
+
+  function isPrime(num) {
+    // try primes <= 16
+    if (num <= 16) { return (
+      num == 2 || num == 3 || num == 5 || num == 7 || num == 11 || num == 13
+    ); }
+    // cull multiples of 2, 3, 5 or 7
+    if (num % 2 == 0 || num % 3 == 0 || num % 5 == 0 || num % 7 == 0)
+      { return false; }
+    // cull square numbers ending in 1, 3, 7 or 9
+    for (let i = 10; i * i <= num; i += 10) {
+      if (num % (i + 1) == 0) return false;
+      if (num % (i + 3) == 0) return false;
+      if (num % (i + 7) == 0) return false;
+      if (num % (i + 9) == 0) return false;
+    }
+    return true;
+  }
+
+  if (typeof num === 'number') {
+    for (i = 0; arr.length < num; i++) if (isPrime(i)) arr.push(i);
+    // first x primes
+    if (showPrimes) return arr;
+    // xth prime
+    return arr.pop();
+  }
+
+  if (Array.isArray(num)) {
+    for (i = num[0]; i <= num[1]; i++) if (isPrime(i)) arr.push(i);
+    // primes between x .. y
+    if (showPrimes) return arr;
+    // number of primes between x .. y
+    return arr.length;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factorial.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factorial.md
new file mode 100644
index 0000000000..2d040f209b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factorial.md
@@ -0,0 +1,80 @@
+---
+id: 597b2b2a2702b44414742771
+title: Факторіал
+challengeType: 5
+forumTopicId: 302263
+dashedName: factorial
+---
+
+# --description--
+
+Напишіть функцію для повернення факторіалу числа.
+
+Факторіал числа визначається як:
+
+<pre><big>n! = n * (n-1) * (n-2) * ..... * 1</big>
+</pre>
+
+Наприклад:
+
+<ul>
+  <li><code>3! = 3 * 2 * 1 = 6</code></li>
+  <li><code>4! = 4 * 3 * 2 * 1 = 24</code></li>
+</ul>
+
+**Примітка:** `0! = 1`
+
+# --hints--
+
+`factorial` має бути функцією.
+
+```js
+assert(typeof factorial === 'function');
+```
+
+`factorial(2)` має повернути число.
+
+```js
+assert(typeof factorial(2) === 'number');
+```
+
+`factorial(3)` має повернути число 6.
+
+```js
+assert.equal(factorial(3), 6);
+```
+
+`factorial(5)` має повернути число 120.
+
+```js
+assert.equal(factorial(5), 120);
+```
+
+`factorial(10)` має повернути число 3,628,800.
+
+```js
+assert.equal(factorial(10), 3628800);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function factorial(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function factorial(n) {
+  let sum = 1;
+  while (n > 1) {
+    sum *= n;
+    n--;
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.md
new file mode 100644
index 0000000000..a5ecd1f7ad
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-a-mersenne-number.md
@@ -0,0 +1,148 @@
+---
+id: 598eea87e5cf4b116c3ff81a
+title: Фактори числа Мерсенна
+challengeType: 5
+forumTopicId: 302264
+dashedName: factors-of-a-mersenne-number
+---
+
+# --description--
+
+Число Мерсенна - це число у вигляді <code>2<sup>P</sup>-1</code>.
+
+Якщо `P` є простим, то число Мерсенна може бути простим числом Мерсенна. (Якщо `P` не є простим, число Мерсенна також не є простим.)
+
+У пошуку простих чисел Мерсенна вигідно усунути експоненти, знайшовши невеликий фактор перед початком, потенційно довжину, [тест Лукас-Лемер](https://rosettacode.org/wiki/Lucas-Lehmer test "Lucas-Lehmer test").
+
+Існують дуже ефективні алгоритми визначення, чи число ділиться на <code>2<sup>P</sup>-1</code> (або відповідно, якщо <code>2<sup>P</sup> мод (число) = 1</code>).
+
+Деякі мови вже мають вбудовані реалізації цієї операції експонента і моду (так званої modPow або подібні).
+
+Нижче зрозуміло, як реалізувати цей modPow самостійно:
+
+Наприклад, обчислимо <code>2<sup>23</sup> мод 47</code>.
+
+Перетворимо експонент 23 у двійковий, ви отримаєте 10111. Починаючи з <code><tt>квадрат</tt> = 1</code>, повторно піднести до квадрату.
+
+Видаліть верхній біт степеня, і якщо його 1 помножити на `square` на основу піднесення до степеня (2), потім обчислити <code><tt>квадрат</tt> модуль 47</code>.
+
+Використовуйте результат модуля від останнього кроку як початкове значення `square` в наступному кроці:
+
+<pre>Видалити необов'язковий
+квадрат, помножений на 2 мод 47
+------------ ------- ---
+1*1 = 1 0111 1*2 = 2
+2*2 = 4 0 111 без 4
+4*4 16 = 1 11 16*2 = 32
+32*32 4*32 1024 1 1024*2 = 2048
+27*2 = 7291 *2 = 1458 1*2 = 1458
+</pre>
+
+Починаючи з <code>2<sup></sup> мод 47 = 1</code>, 47 є фактором <code>2<sup>P</sup>-1</code>.
+
+(Щоб побачити це, відніміть 1 від обох сторін: <code>2<sup>23</sup>-1 = 0 мод 47</code>)
+
+Оскільки ми показали, що 47 це фактор, <code>2<sup>23</sup>-1</code> не є простим.
+
+Подальші властивості Мерсенного числа дозволяють нам ще більше вдосконалити процес.
+
+Будь-який фактор, `q` з <code>2<sup>P</sup>-1</code> повинен бути у вигляді `2kP+1`, `k` це додатне ціле число або нуль. Крім того, `q` має бути `1` або `7 mod 8`.
+
+Нарешті будь-який потенційний множник `q` має бути [prime](https://rosettacode.org/wiki/Primality by Trial Division "Primality by Trial Division").
+
+Як і в інших алгоритмах пробного ділення, алгоритм припиняється, коли `2kP+1 > sqrt(N)`. Ці в першу чергу тести працюють лише з цифрами Мерсенна, де `P` - це просте число. Наприклад, <code>M<sub>4</sub>=15</code> не дає ніяких чинників, використовуючи ці технології, але фактори в 3 та 5, жоден з яких не відповідає `2kP+1`.
+
+# --instructions--
+
+Використовуючи вказаний метод, знайти коефіцієнт <code>2<sup>р</sup>-1</code>.
+
+# --hints--
+
+`check_mersenne` має бути функцією.
+
+```js
+assert(typeof check_mersenne === 'function');
+```
+
+`check_mersenne(3)` має повернути рядок.
+
+```js
+assert(typeof check_mersenne(3) == 'string');
+```
+
+`check_mersenne(3)`повинен повертатися рядок `M3 = 2^3-1 is prime`.
+
+```js
+assert.equal(check_mersenne(3), 'M3 = 2^3-1 is prime');
+```
+
+`check_mersenne(23)` повинен повертатися як рядок `M23 = 2^23-1 is composite with factor 47`.
+
+```js
+assert.equal(check_mersenne(23), 'M23 = 2^23-1 is composite with factor 47');
+```
+
+`check_mersenne(929)` повинен повертати рядок `M929 = 2^929-1 is composite with factor 13007`.
+
+```js
+assert.equal(
+  check_mersenne(929),
+  'M929 = 2^929-1 is composite with factor 13007'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function check_mersenne(p) {
+
+}
+```
+
+# --solutions--
+
+```js
+function check_mersenne(p){
+    function isPrime(value){
+      for (let i=2; i < value; i++){
+        if (value % i == 0){
+          return false;
+        }
+        if (value % i != 0){
+          return true;
+         }
+      }
+    }
+
+    function trial_factor(base, exp, mod){
+      let square, bits;
+      square = 1;
+      bits = exp.toString(2).split('');
+      for (let i=0,ln=bits.length; i<ln; i++){
+        square = Math.pow(square, 2) * (bits[i] == 1 ? base : 1) % mod;
+      }
+      return (square == 1);
+    }
+
+    function mersenne_factor(p){
+      let limit, k, q;
+      limit = Math.sqrt(Math.pow(2,p) - 1);
+      k = 1;
+      while ((2*k*p - 1) < limit){
+        q = 2*k*p + 1;
+        if (isPrime(q) && (q % 8 == 1 || q % 8 == 7) && trial_factor(2,p,q)){
+          return q; // q is a factor of 2**p-1
+        }
+        k++;
+      }
+      return null;
+    }
+  let f, result;
+  result="M"+p+" = 2^"+p+"-1 is ";
+  f = mersenne_factor(p);
+  result+=f == null ? "prime" : "composite with factor "+f;
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-an-integer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-an-integer.md
new file mode 100644
index 0000000000..807ef4a745
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/factors-of-an-integer.md
@@ -0,0 +1,74 @@
+---
+id: 597f1e7fbc206f0e9ba95dc4
+title: Множники цілого числа
+challengeType: 5
+forumTopicId: 302265
+dashedName: factors-of-an-integer
+---
+
+# --description--
+
+Напишіть функцію, що повертає множники додатного цілого числа у вигляді масиву.
+
+Ці множники є додатними цілими числами, за допомогою яких число, яке розкладають на множники, можна поділити так, щоб отримати результат цілого додатного числа.
+
+# --hints--
+
+`factors` має бути функцією.
+
+```js
+assert(typeof factors === 'function');
+```
+
+`factors(45)` має повернути `[1,3,5,9,15,45]`.
+
+```js
+assert.deepEqual(factors(45), ans[0]);
+```
+
+`factors(53)` має повернути `[1,53]`.
+
+```js
+assert.deepEqual(factors(53), ans[1]);
+```
+
+`factors(64)` має повернути `[1,2,4,8,16,32,64]`.
+
+```js
+assert.deepEqual(factors(64), ans[2]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const ans=[[1,3,5,9,15,45],[1,53],[1,2,4,8,16,32,64]];
+```
+
+## --seed-contents--
+
+```js
+function factors(num) {
+
+}
+```
+
+# --solutions--
+
+```js
+function factors(num)
+{
+ let n_factors = [], i, sqr=Math.floor(Math.sqrt(num));
+
+ for (i = 1; i <=sqr ; i += 1)
+  if (num % i === 0)
+  {
+   n_factors.push(i);
+   if (num / i !== i)
+    n_factors.push(num / i);
+  }
+ n_factors.sort(function(a, b){return a - b;});
+ return n_factors;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/farey-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/farey-sequence.md
new file mode 100644
index 0000000000..b7f088d556
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/farey-sequence.md
@@ -0,0 +1,109 @@
+---
+id: 59c3ec9f15068017c96eb8a3
+title: Ряд Фарея
+challengeType: 5
+forumTopicId: 302266
+dashedName: farey-sequence
+---
+
+# --description--
+
+[Ряд Фарея](https://en.wikipedia.org/wiki/Farey sequence "wp: Farey sequence") <code>F<sub>n</sub></code> of order`n` є рядом повністю скорочених дробів між `0` та `1`, які у нескороченому виді мають знаменники, менші від або такі, які дорівнюють `n` у порядку зростання.
+
+*Ряд Фарея* деколи помилково називають *Серією Фарея*.
+
+Кожен ряд Фарея:
+
+<ul>
+  <li>починається зі значення 0, вираженого дробом $ \frac{0}{1}$</li>
+  <li>закінчується значенням 1, вираженим дробом {1}{1}$.</li>
+</ul>
+
+Послідовностями рядів Фарея від `1` до `5` є:
+
+<ul>
+  <li style='list-style: none;'>${\bf\it{F}}_1 = \frac{{0}{1},\frac{1}{1}$</li>
+  <li style='list-style: none;'>${\bf\it{F}}_2 = \frac{0}{1}, \frac{1}{2}, \frac{1}{1}$</li>
+  <li style='list-style: none;'>${\bf\it{F}}_3 = \frac{0}{1}, \frac{1}{3}, \frac{1}{2}, \frac{2}{3}, \frac{1}{1}$</li>
+  <li style='list-style: none;'>${\bf\it{F}}_4 = \frac{0}{1}, \frac{1}{4}, \frac{1}{3}, \frac{1}{2}, \frac{2}{3}, \frac{3}{4}, \frac{1}{1}$</li>
+  <li style='list-style: none;'>${\bf\it{F}}_5 = \frac{0}{1}, \frac{1}{5}, \frac{1}{4}, \frac{1}{3}, \frac{2}{5}, \frac{1}{2}, \frac{3}{5}, \frac{2}{3}, \frac{3}{4}, \frac{4}{5}, \frac{1}{1}$</li>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, яка повертає послідовність ряду Фарея`n`. Функція повинна мати один параметр, який є`n`. Вона має повернути послідовність у вигляді масиву.
+
+# --hints--
+
+`farey` має бути функцією.
+
+```js
+assert(typeof farey === 'function');
+```
+
+`farey(3)` має повернути масив
+
+```js
+assert(Array.isArray(farey(3)));
+```
+
+`farey(3)` має повернути `["1/3","1/2","2/3"]`
+
+```js
+assert.deepEqual(farey(3), ['1/3', '1/2', '2/3']);
+```
+
+`farey(4)` має повернути `["1/4","1/3","1/2","2/4","2/3","3/4"]`
+
+```js
+assert.deepEqual(farey(4), ['1/4', '1/3', '1/2', '2/4', '2/3', '3/4']);
+```
+
+`farey(5)` має повернути `["1/5","1/4","1/3","2/5","1/2","2/4","3/5","2/3","3/4","4/5"]`
+
+```js
+assert.deepEqual(farey(5), [
+  '1/5',
+  '1/4',
+  '1/3',
+  '2/5',
+  '1/2',
+  '2/4',
+  '3/5',
+  '2/3',
+  '3/4',
+  '4/5'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function farey(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function farey(n){
+    let farSeq=[];
+    for(let den = 1; den <= n; den++){
+        for(let num = 1; num < den; num++){
+            farSeq.push({
+                str:num+"/"+den,
+                val:num/den});
+        }
+    }
+    farSeq.sort(function(a,b){
+        return a.val-b.val;
+    });
+    farSeq=farSeq.map(function(a){
+        return a.str;
+    });
+    return farSeq;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.md
new file mode 100644
index 0000000000..7430dbd0cf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-n-step-number-sequences.md
@@ -0,0 +1,133 @@
+---
+id: 598eef80ba501f1268170e1e
+title: Послідовність n-крокових чисел Фібоначчі
+challengeType: 5
+forumTopicId: 302267
+dashedName: fibonacci-n-step-number-sequences
+---
+
+# --description--
+
+Ця серія чисел є розширенням звичайної [послідовності Фібоначчі](https://rosettacode.org/wiki/Fibonacci sequence "Fibonacci sequence") де:
+
+<ol>
+  <li>Для $n = 2$ ми маємо послідовність Фібоначчі; з початковими значеннями $[1, 1]$ і $F_k^2 = F_{k-1}^2 + F_{k-2}^2$</li>
+  <li>Для $n = 3$ ми маємо послідовність трібоначчі; з початковими значеннями $[1, 2]$ і $F_k^3 = F_{k-1}^3 + F_{k-2}^3 + F_{k-3}^3$</li>
+  <li>Для $n = 4$ маємо послідовність тетраначчі; з початковими значеннями $[1, 2, 4]$ та $F_k^4 = F_{k-1}^4 + F_{k-2}^4 + F_{k-3}^4 + F_{k-4}^4$...</li>
+  <li>Для загального $n>2$ ми маємо послідовність Фібоначчі $n$-крокову - $F_k^n$; з початковими значеннями з перших $n$ значень $(n-1)$'th $n$-крокової послідовності Фібоначчі $F_k^{n-1}$; і $k$'th значення цієї $n$'ої послідовності - $F_k^n = \sum_{i=1}^{(n)} {F_{k-i}^{(n)}$</li>
+</ol>
+
+Для невеликих значень $n$, <ahref="https://en.wikipe[іноді використовують грецькі числівникові префікси](https://en.wikipedia.org/wiki/Number prefix#Greek_series "wp: Number prefix#Greek_series") щоб індивідуально дати назву кожній послідовності.
+
+Послідовність $n$- крокових чисел Фібоначчі:
+
+| $n$ | Назва послідовності | Значення                                               |
+| --- | ------------------- | ------------------------------------------------------ |
+| 2   | фібоначчі           | 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 ...         |
+| 3   | трібоначчі          | 1 1 2 4 7 13 24 44 81 149 274 504 927 1705 3136 ...    |
+| 4   | тетрабоначчі        | 1 1 2 4 8 15 29 56 108 208 401 773 1490 2872 5536 ...  |
+| 5   | пентаначчі          | 1 1 2 4 8 16 31 61 120 236 464 912 1793 3525 6930 ...  |
+| 6   | гексаначчі          | 1 1 2 4 8 16 32 63 125 248 492 976 1936 3840 7617 ...  |
+| 7   | гептаначчі          | 1 1 2 4 8 16 32 64 127 253 504 1004 2000 3984 7936 ... |
+| 8   | октоначчі           | 1 1 2 4 8 16 32 64 128 255 509 1016 2028 4048 8080 ... |
+| 9   | нонаначчі           | 1 1 2 4 8 16 32 64 128 256 511 1021 2040 4076 8144 ... |
+| 10  | деканаччі           | 1 1 2 4 8 16 32 64 128 256 512 1023 2045 4088 8172 ... |
+
+Союзні послідовності можна створити там, де початкові значення змінюються: [Послідовність Люка](https://en.wikipedia.org/wiki/Lucas number "wp: Lucas number") сумує два попередніх значення, так само як серія Фібоначчі для $n= 2$, але використовує рядок $\[2, 1]$ як початкові значення.
+
+# --instructions--
+
+Напишіть функцію для створення послідовностей $n$-крокових чисел Фібоначчі та послідовностей Люка. Перший параметр буде $n$. Другий параметр - це кількість елементів, які будуть повернені. Третій параметр визначає чи виводити послідовність Фібоначчі чи послідовність Лукаса. Якщо параметр є `"f"`, то поверніть послідовність Фібоначчі і якщо він `"l"`, то поверніть послідовність Лукаса. Послідовності необхідно повернути у вигляді масиву.
+
+# --hints--
+
+`fib_luc` має бути функцією.
+
+```js
+assert(typeof fib_luc === 'function');
+```
+
+`fib_luc(2,10,"f")` має повернути `[1,1,2,3,5,8,13,21,34,55]`.
+
+```js
+assert.deepEqual(fib_luc(2, 10, 'f'), ans[0]);
+```
+
+`fib_luc(3,15,"f")` має повернути `[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136]`.
+
+```js
+assert.deepEqual(fib_luc(3, 15, 'f'), ans[1]);
+```
+
+`fib_luc(4,15,"f")` має повернути `[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536]`.
+
+```js
+assert.deepEqual(fib_luc(4, 15, 'f'), ans[2]);
+```
+
+`fib_luc(2,10,"l")` має повернути `[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76]`.
+
+```js
+assert.deepEqual(fib_luc(2, 10, 'l'), ans[3]);
+```
+
+`fib_luc(3,15,"l")` має повернути `[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ]`.
+
+```js
+assert.deepEqual(fib_luc(3, 15, 'l'), ans[4]);
+```
+
+`fib_luc(4,15,"l")` має повернути `[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ]`.
+
+```js
+assert.deepEqual(fib_luc(4, 15, 'l'), ans[5]);
+```
+
+`fib_luc(5,15,"l")` має повернути `[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]`.
+
+```js
+assert.deepEqual(fib_luc(5, 15, 'l'), ans[6]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const ans = [[1,1,2,3,5,8,13,21,34,55],
+[1,1,2,4,7,13,24,44,81,149,274,504,927,1705,3136],
+[1,1,2,4,8,15,29,56,108,208,401,773,1490,2872,5536],
+[ 2, 1, 3, 4, 7, 11, 18, 29, 47, 76],
+[ 2, 1, 3, 6, 10, 19, 35, 64, 118, 217, 399, 734, 1350, 2483, 4567 ],
+[ 2, 1, 3, 6, 12, 22, 43, 83, 160, 308, 594, 1145, 2207, 4254, 8200 ],
+[ 2, 1, 3, 6, 12, 24, 46, 91, 179, 352, 692, 1360, 2674, 5257, 10335 ]];
+```
+
+## --seed-contents--
+
+```js
+function fib_luc(n, len, w) {
+
+}
+```
+
+# --solutions--
+
+```js
+function fib_luc(n, len, w) {
+    function nacci(a, n, len) {
+        while (a.length < len) {
+            let sum = 0;
+            for (let i = Math.max(0, a.length - n); i < a.length; i++)
+                sum += a[i];
+            a.push(sum);
+        }
+        return a;
+    }
+    if(w=="f"){
+        return nacci(nacci([1,1], n, n), n, len);
+    }else{
+        return nacci(nacci([2,1], n, n), n, len);
+    }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-sequence.md
new file mode 100644
index 0000000000..09bed0e52d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-sequence.md
@@ -0,0 +1,75 @@
+---
+id: 597f24c1dda4e70f53c79c81
+title: Послідовність Фібоначчі
+challengeType: 5
+forumTopicId: 302268
+dashedName: fibonacci-sequence
+---
+
+# --description--
+
+Напишіть функцію для створення числа Фібоначчі <code>n<sup>th</sup></code>.
+
+Число Фібоначчі <code>n<sup>th</sup></code>задається:
+
+<code>F<sub>n</sub> = F<sub>n-1</sub> + F<sub>n-2</sub></code>
+
+Першими двома членами послідовностей є 0 і 1.
+
+Отже, послідовність наступна: 0, 1, 1, 2, 3, 5, 8, 13...
+
+# --hints--
+
+`fibonacci` має бути функцією.
+
+```js
+assert(typeof fibonacci === 'function');
+```
+
+`fibonacci(2)` має повернути число.
+
+```js
+assert(typeof fibonacci(2) == 'number');
+```
+
+`fibonacci(3)` має повернути число 2.
+
+```js
+assert.equal(fibonacci(3), 2);
+```
+
+`fibonacci(5)` має повернути число 5.
+
+```js
+assert.equal(fibonacci(5), 5);
+```
+
+`fibonacci(10)` має повернути число 55.
+
+```js
+assert.equal(fibonacci(10), 55);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fibonacci(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function fibonacci(n) {
+  let a = 0, b = 1, t;
+  while (--n >= 0) {
+    t = a;
+    a = b;
+    b += t;
+  }
+  return a;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-word.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-word.md
new file mode 100644
index 0000000000..ca3d449409
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fibonacci-word.md
@@ -0,0 +1,121 @@
+---
+id: 5992e222d397f00d21122931
+title: Слово Фібоначчі
+challengeType: 5
+forumTopicId: 302269
+dashedName: fibonacci-word
+---
+
+# --description--
+
+Слово Фібоначчі можна створити аналогічно послідовності Фібоначчі [як описано тут](https://hal.archives-ouvertes.fr/docs/00/36/79/72/PDF/The_Fibonacci_word_fractal.pdf):
+
+<pre>Визначте  F_Слово<sub>1</sub>  як  <strong>1</strong>
+Визначте  F_Слово<sub>2</sub>  як  <strong>0</strong>
+Форма   F_Слова<sub>3</sub>  як  F_Слова<sub>2</sub>   об'єднана з   F_Словом<sub>1</sub>   тобто:  <strong>01</strong>
+Форма   F_Слова<sub>n</sub>  as  F_Слово<sub>n-1</sub>  об'єднана з  F_Словом<sub>n-2</sub>
+</pre>
+
+# --instructions--
+
+Напишіть функцію для повернення слів Фібоначчі до `n`. `n` буде надано як параметр функції. Функція має повернути масив об'єктів. Об’єкти мають мати такий вигляд: `{ N: 1, Length: 1, Entropy: 0, Word: '1' }`.
+
+# --hints--
+
+`fibWord` має бути функцією.
+
+```js
+assert(typeof fibWord === 'function');
+```
+
+`fibWord(5)` має повернути масив.
+
+```js
+assert(Array.isArray(fibWord(5)));
+```
+
+`fibWord(5)` має повернути `[{ N:1, Length:1, Entropy:0, Word:"1" },{ N:2, Length:1, Entropy:0, Word:"0" },{ N:3, Length:2, Entropy:1, Word:"01" },{ N:4, Length:3, Entropy:0.9182958340544896, Word:"010" },{ N:5, Length:5, Entropy:0.9709505944546688, Word:"01001" }]`.
+
+```js
+assert.deepEqual(fibWord(5), ans);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+let ans=[ { N: 1, Length: 1, Entropy: 0, Word: '1' },
+
+  { N: 2, Length: 1, Entropy: 0, Word: '0' },
+
+  { N: 3, Length: 2, Entropy: 1, Word: '01' },
+
+  { N: 4, Length: 3, Entropy: 0.9182958340544896, Word: '010' },
+
+  { N: 5, Length: 5, Entropy: 0.9709505944546688, Word: '01001' }];
+```
+
+## --seed-contents--
+
+```js
+function fibWord(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function fibWord(n) {
+    function entropy(s) {
+         //create an object containing each individual char
+      //and the amount of iterations per char
+        function prob(s) {
+            var h = Object.create(null);
+            s.split('').forEach(function(c) {
+               h[c] && h[c]++ || (h[c] = 1);
+            });
+            return h;
+        }
+
+        s = s.toString(); //just in case
+        var e = 0, l = s.length, h = prob(s);
+
+        for (var i in h ) {
+            var p = h[i]/l;
+            e -= p * Math.log(p) / Math.log(2);
+        }
+        return e;
+    }
+    var wOne = "1", wTwo = "0", wNth = [wOne, wTwo], w = "", o = [];
+
+    for (var i = 0; i < n; i++) {
+        if (i === 0 || i === 1) {
+            w = wNth[i];
+        } else {
+            w = wNth[i - 1] + wNth[i - 2];
+            wNth.push(w);
+        }
+        var l = w.length;
+        var e = entropy(w);
+
+        if (l <= 21) {
+            o.push({
+                N: i + 1,
+                Length: l,
+                Entropy: e,
+                Word: w
+            });
+        } else {
+            o.push({
+                N: i + 1,
+                Length: l,
+                Entropy: e,
+                Word: "..."
+            });
+        }
+    }
+  return o;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fizzbuzz.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fizzbuzz.md
new file mode 100644
index 0000000000..e9ad370a1b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fizzbuzz.md
@@ -0,0 +1,92 @@
+---
+id: 5e9ddb06ec35240f39657419
+title: FizzBuzz
+challengeType: 5
+forumTopicId: 385370
+dashedName: fizzbuzz
+---
+
+# --description--
+
+Напишіть програму, яка генерує масив цілих чисел від 1 до 100 (включно). Але:
+
+<ul>
+    <li>для кратних числа 3 додайте <code>"Fizz"</code> до масиву замість числа</li>
+    <li>для кратних числа 5 додайте <code>"Buzz"</code> до масиву замість числа</li>
+    <li>для кратних чисел 3 і 5 додайте <code>"FizzBuzz"</code> до масиву замість числа</li>
+</ul>
+
+# --instructions--
+
+Ваша програма має повернути масив, що містить результати на основі вищезазначених правил.
+
+# --hints--
+
+`fizzBuzz` має бути функцією.
+
+```js
+assert(typeof fizzBuzz == 'function');
+```
+
+`fizzBuzz()` має повернути масив.
+
+```js
+assert(Array.isArray(fizzBuzz()) == true);
+```
+
+Числа, які діляться лише на 3, мають повернути `"Fizz"`.
+
+```js
+assert.equal(fizzBuzz()[2], 'Fizz');
+```
+
+Числа, які діляться лише на 5, мають повернути `"Buzz"`.
+
+```js
+assert.equal(fizzBuzz()[99], 'Buzz');
+```
+
+Числа, які діляться на 3 і 5, мають повернути `"FizzBuzz"`.
+
+```js
+assert.equal(fizzBuzz()[89], 'FizzBuzz');
+```
+
+Числа, які не діляться ні на 3, ні на 5, мають повернути саме число.
+
+```js
+assert.equal(fizzBuzz()[12], 13);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fizzBuzz() {
+
+}
+```
+
+# --solutions--
+
+```js
+function fizzBuzz() {
+    let res=[];
+    for (let i =1; i < 101; i++) {
+        if (i % 3 === 0  && i % 5 === 0) {
+            res.push("FizzBuzz");
+        }
+        else if (i % 3 === 0) {
+            res.push("Fizz");
+        }
+        else if (i % 5 === 0) {
+            res.push("Buzz");
+        } 
+        else {
+            res.push(i);
+        }
+    }
+    return res;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fractran.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fractran.md
new file mode 100644
index 0000000000..307b66fa02
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/fractran.md
@@ -0,0 +1,139 @@
+---
+id: 5a7dad05be01840e1778a0d1
+title: Мова програмування Fractran
+challengeType: 5
+forumTopicId: 302270
+dashedName: fractran
+---
+
+# --description--
+
+[FRACTRAN](https://en.wikipedia.org/wiki/FRACTRAN "wp: FRACTRAN")-це повна езотерична мова програмування Тюрінга, винайдена математиком [Джоном Хортоном Конвеєм](https://en.wikipedia.org/wiki/John Horton Conway "wp: John Horton Conway").
+
+Програма FRACTRAN є впорядкованим списком додатних дробів $P = (f_1, f_2, \\ldots, f_m)$, разом з початковим введенням додатного цілого числа $n$.
+
+Програма запускається шляхом оновлення цілого числа $n$ наступним чином:
+
+<ul>
+  <li>для першого дробу, $f_i$в списку, для якого $nf_i$ є цілим числом, замінить $n$ на $nf_i$;</li>
+  <li>повторіть це правило допоки жоден дріб у списку не виробляє ціле число, коли помножений на $n$, потім зупиніть.</li>
+</ul>
+
+Конвей дав програму для простих чисел в FRACTRAN:
+
+$\\dfrac{17}{91}$, $\\dfrac{78}{85}$, $\\dfrac{19}{51}$, $\\dfrac{23}{38}$, $\\dfrac{29}{33}$, $\\dfrac{77}{29}$, $\\dfrac{95}{23}$, $\\dfrac{77}{19}$, $\\dfrac{1}{17}$, $\\dfrac{11}{13}$, $\\dfrac{13}{11}$, $\\dfrac{15}{14}$, $\\dfrac{15}{2}$, $\\dfrac{55}{1}$
+
+Починаючи з $n=2$, ця програма FRACTRAN змінить $n$ на 15=2\\times (\\frac{15}{2})$, потім $825=15\\t (\\frac{55}{1}$, генеруючи наступну послідовність цілих чисел:
+
+$2$, $15$, $825$, $725$, $1925$, $2275$, $425$, $390$, $330$, $290$, $770$, $\\ldots$
+
+Після 2, ця послідовність містить наступні степені 2:
+
+$2^2=4$, $2^3=8$, $2^5=32$, $2^7=128$, $2^{11}=2048$, $2^{13}=8192$, $2^{17}=131072$, $2^{19}=524288$, $\\ldots$
+
+які є простими степенями від 2.
+
+# --instructions--
+
+Напишіть функцію, яка приймає програму fractran як рядковий параметр і повертає перші 10 номерів програми як масив. Якщо результат не містить 10 чисел, поверніть числа як є.
+
+# --hints--
+
+`fractran` має бути функцією.
+
+```js
+assert(typeof fractran == 'function');
+```
+
+`fractran("3/2, 1/3")` має повернути масив.
+
+```js
+assert(Array.isArray(fractran('3/2, 1/3')));
+```
+
+`fractran("3/2, 1/3")` має повернути `[ 2, 3, 1 ]`.
+
+```js
+assert.deepEqual(fractran('3/2, 1/3'), [2, 3, 1]);
+```
+
+`fractran("3/2, 5/3, 1/5")` має повернути `[ 2, 3, 5, 1 ]`.
+
+```js
+assert.deepEqual(fractran('3/2, 5/3, 1/5'), [2, 3, 5, 1]);
+```
+
+`fractran("3/2, 6/3")` має повернути `[ 2, 3, 6, 9, 18, 27, 54, 81, 162, 243 ]`.
+
+```js
+assert.deepEqual(fractran('3/2, 6/3'), [2, 3, 6, 9, 18, 27, 54, 81, 162, 243]);
+```
+
+`fractran("2/7, 7/2")` має повернути `[ 2, 7, 2, 7, 2, 7, 2, 7, 2, 7 ]`.
+
+```js
+assert.deepEqual(fractran('2/7, 7/2'), [2, 7, 2, 7, 2, 7, 2, 7, 2, 7]);
+```
+
+`fractran("17/91, 78/85, 19/51, 23/38, 29/33, 77/29, 95/23, 77/19, 1/17, 11/13, 13/11, 15/14, 15/2, 55/1")` має повернути `[ 2, 15, 825, 725, 1925, 2275, 425, 390, 330, 290 ]`.
+
+```js
+assert.deepEqual(
+  fractran(
+    '17/91, 78/85, 19/51, 23/38, 29/33, 77/29, 95/23, 77/19, 1/17, 11/13, 13/11, 15/14, 15/2, 55/1'
+  ),
+  [2, 15, 825, 725, 1925, 2275, 425, 390, 330, 290]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function fractran(progStr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function fractran(progStr){
+  var num = new Array();
+  var den = new Array();
+  var val ;
+  var out="";
+  function compile(prog){
+    var regex = /\s*(\d*)\s*\/\s*(\d*)\s*(.*)/m;
+    while(regex.test(prog)){
+      num.push(regex.exec(prog)[1]);
+      den.push(regex.exec(prog)[2]);
+      prog = regex.exec(prog)[3];
+    }
+  }
+
+  function step(val){
+    var i=0;
+    while(i<den.length && val%den[i] != 0) i++;
+    return num[i]*val/den[i];
+  }
+
+  var seq=[]
+
+  function exec(val){
+    var i = 0;
+    while(val && i<limit){
+      seq.push(val)
+      val = step(val);
+      i ++;
+    }
+  }
+
+  // Main
+  compile(progStr);
+  var limit = 10;
+  exec(2);
+  return seq;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gamma-function.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gamma-function.md
new file mode 100644
index 0000000000..95f4b80390
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gamma-function.md
@@ -0,0 +1,104 @@
+---
+id: 5a23c84252665b21eecc7e76
+title: Гамма-функція
+challengeType: 5
+forumTopicId: 302271
+dashedName: gamma-function
+---
+
+# --description--
+
+Реалізуйте один (або більше) алгоритм для обчислення [гамма-функції](https://en.wikipedia.org/wiki/Gamma function) ($\\Gamma$) (тільки в реальному полі).
+
+Гамма-функція може бути визначена як:
+
+<div style='padding-left: 4em;'><big><big>$\Gamma(x) = \displaystyle\int_0^\infty t^{x-1}e^{-t} dt$</big></big></div>
+
+# --hints--
+
+`gamma` має бути функцією.
+
+```js
+assert(typeof gamma == 'function');
+```
+
+`gamma(.1)` має повернути число.
+
+```js
+assert(typeof gamma(0.1) == 'number');
+```
+
+`gamma(.1)` має повернути `9.513507698668736`.
+
+```js
+assert.equal(round(gamma(0.1)), round(9.513507698668736));
+```
+
+`gamma(.2)` має повернути `4.590843711998803`.
+
+```js
+assert.equal(round(gamma(0.2)), round(4.590843711998803));
+```
+
+`gamma(.3)` має повернути `2.9915689876875904`.
+
+```js
+assert.equal(round(gamma(0.3)), round(2.9915689876875904));
+```
+
+`gamma(.4)` має повернути `2.218159543757687`.
+
+```js
+assert.equal(round(gamma(0.4)), round(2.218159543757687));
+```
+
+`gamma(.5)` має повернути `1.7724538509055159`.
+
+```js
+assert.equal(round(gamma(0.5)), round(1.7724538509055159));
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+function round(x) {
+  return Number(x).toPrecision(13);
+}
+```
+
+## --seed-contents--
+
+```js
+function gamma(x) {
+
+}
+```
+
+# --solutions--
+
+```js
+function gamma(x) {
+  var p = [0.99999999999980993, 676.5203681218851, -1259.1392167224028,
+  771.32342877765313, -176.61502916214059, 12.507343278686905,
+  -0.13857109526572012, 9.9843695780195716e-6, 1.5056327351493116e-7
+  ];
+
+  var g = 7;
+  if (x < 0.5) {
+    return Math.PI / (Math.sin(Math.PI * x) * gamma(1 - x));
+  }
+
+  x -= 1;
+  var a = p[0];
+  var t = x + g + 0.5;
+  for (var i = 1; i < p.length; i++) {
+  a += p[i] / (x + i);
+  }
+
+  var result=Math.sqrt(2 * Math.PI) * Math.pow(t, x + 0.5) * Math.exp(-t) * a;
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gaussian-elimination.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gaussian-elimination.md
new file mode 100644
index 0000000000..4d880b0428
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gaussian-elimination.md
@@ -0,0 +1,230 @@
+---
+id: 5a23c84252665b21eecc7e77
+title: Метод Гауса
+challengeType: 5
+forumTopicId: 302272
+dashedName: gaussian-elimination
+---
+
+# --description--
+
+Напишіть функцію для вирішення \\(Ax = b\\), використовуючи матод Гауса, а тоді зворотну підстановку.
+
+\\(A\\) є матрицею\\(n \\times n\\). Крім того, \\(x\\) та \\(b\\) є \\(n\\) за 1 вектором.
+
+Для більшої точності використовуйте вибір ведучого елемента і масштабування.
+
+# --hints--
+
+`gaussianElimination` має бути функцією.
+
+```js
+assert(typeof gaussianElimination == 'function');
+```
+
+`gaussianElimination([[1,1],[1,-1]], [5,1])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    gaussianElimination(
+      [
+        [1, 1],
+        [1, -1]
+      ],
+      [5, 1]
+    )
+  )
+);
+```
+
+`gaussianElimination([[1,1],[1,-1]], [5,1])` має повернути `[ 3, 2 ]`.
+
+```js
+assert.deepEqual(
+  gaussianElimination(
+    [
+      [1, 1],
+      [1, -1]
+    ],
+    [5, 1]
+  ),
+  [3, 2]
+);
+```
+
+`gaussianElimination([[2,3],[2,1]] , [8,4])` має повернути `[ 1, 2 ]`.
+
+```js
+assert.deepEqual(
+  gaussianElimination(
+    [
+      [2, 3],
+      [2, 1]
+    ],
+    [8, 4]
+  ),
+  [1, 2]
+);
+```
+
+`gaussianElimination([[1,3],[5,-2]], [14,19])` має повернути `[ 5, 3 ]`.
+
+```js
+assert.deepEqual(
+  gaussianElimination(
+    [
+      [1, 3],
+      [5, -2]
+    ],
+    [14, 19]
+  ),
+  [5, 3]
+);
+```
+
+`gaussianElimination([[1,1],[5,-1]] , [10,14])` має повернути `[ 4, 6 ]`.
+
+```js
+assert.deepEqual(
+  gaussianElimination(
+    [
+      [1, 1],
+      [5, -1]
+    ],
+    [10, 14]
+  ),
+  [4, 6]
+);
+```
+
+`gaussianElimination([[1,2,3],[4,5,6],[7,8,8]] , [6,15,23])` має повернути `[ 1, 1, 1 ]`.
+
+```js
+assert.deepEqual(
+  gaussianElimination(
+    [
+      [1, 2, 3],
+      [4, 5, 6],
+      [7, 8, 8]
+    ],
+    [6, 15, 23]
+  ),
+  [1, 1, 1]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gaussianElimination(A,b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function gaussianElimination(A, b) {
+  // Lower Upper Decomposition
+  function ludcmp(A) {
+    // A is a matrix that we want to decompose into Lower and Upper matrices.
+    var d = true
+    var n = A.length
+    var idx = new Array(n) // Output vector with row permutations from partial pivoting
+    var vv = new Array(n) // Scaling information
+
+    for (var i=0; i<n; i++) {
+        var max = 0
+        for (var j=0; j<n; j++) {
+            var temp = Math.abs(A[i][j])
+            if (temp > max) max = temp
+        }
+        if (max == 0) return // Singular Matrix!
+        vv[i] = 1 / max // Scaling
+    }
+
+        var Acpy = new Array(n)
+        for (var i=0; i<n; i++) {
+            var Ai = A[i]
+            let Acpyi = new Array(Ai.length)
+            for (j=0; j<Ai.length; j+=1) Acpyi[j] = Ai[j]
+            Acpy[i] = Acpyi
+        }
+        A = Acpy
+
+    var tiny = 1e-20 // in case pivot element is zero
+    for (var i=0; ; i++) {
+        for (var j=0; j<i; j++) {
+            var sum = A[j][i]
+            for (var k=0; k<j; k++) sum -= A[j][k] * A[k][i];
+            A[j][i] = sum
+        }
+        var jmax = 0
+        var max = 0;
+        for (var j=i; j<n; j++) {
+            var sum = A[j][i]
+            for (var k=0; k<i; k++) sum -= A[j][k] * A[k][i];
+            A[j][i] = sum
+            var temp = vv[j] * Math.abs(sum)
+            if (temp >= max) {
+                max = temp
+                jmax = j
+            }
+        }
+        if (i <= jmax) {
+            for (var j=0; j<n; j++) {
+                var temp = A[jmax][j]
+                A[jmax][j] = A[i][j]
+                A[i][j] = temp
+            }
+            d = !d;
+            vv[jmax] = vv[i]
+        }
+        idx[i] = jmax;
+        if (i == n-1) break;
+        var temp = A[i][i]
+        if (temp == 0) A[i][i] = temp = tiny
+        temp = 1 / temp
+        for (var j=i+1; j<n; j++) A[j][i] *= temp
+    }
+    return {A:A, idx:idx, d:d}
+  }
+
+  // Lower Upper Back Substitution
+  function lubksb(lu, b) {
+    // solves the set of n linear equations A*x = b.
+    // lu is the object containing A, idx and d as determined by the routine ludcmp.
+    var A = lu.A
+    var idx = lu.idx
+    var n = idx.length
+
+        var bcpy = new Array(n)
+        for (var i=0; i<b.length; i+=1) bcpy[i] = b[i]
+        b = bcpy
+
+    for (var ii=-1, i=0; i<n; i++) {
+        var ix = idx[i]
+        var sum = b[ix]
+        b[ix] = b[i]
+        if (ii > -1)
+            for (var j=ii; j<i; j++) sum -= A[i][j] * b[j]
+        else if (sum)
+            ii = i
+        b[i] = sum
+    }
+    for (var i=n-1; i>=0; i--) {
+        var sum = b[i]
+        for (var j=i+1; j<n; j++) sum -= A[i][j] * b[j]
+        b[i] = sum / A[i][i]
+    }
+    return b // solution vector x
+  }
+
+    var lu = ludcmp(A)
+    if (lu === undefined) return // Singular Matrix!
+    return lubksb(lu, b)
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/general-fizzbuzz.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/general-fizzbuzz.md
new file mode 100644
index 0000000000..a05cb1315c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/general-fizzbuzz.md
@@ -0,0 +1,175 @@
+---
+id: 5a23c84252665b21eecc7e78
+title: Спільний FizzBuzz
+challengeType: 5
+forumTopicId: 302273
+dashedName: general-fizzbuzz
+---
+
+# --description--
+
+Напишіть спрощену версію [FizzBuzz](https://rosettacode.org/wiki/FizzBuzz) яка спрацює для буль якого переліку факторів, разом з їх словами.
+
+В основному, це реалізація "fizzbuzz", де надаються правила гри користувачу. Створіть функцію для реалізації цього. Функція повинна приймати два параметри.
+
+Перший - масив із правилами FizzBuzz. До прикладу: `[ [3, "Fizz"] , [5, "Buzz"] ]`.
+
+Це вказує на те, що потрібно вивести `Fizz`, якщо число кратне 3, і `Buzz` якщо воно кратне 5. Якщо у двох випадках число кратне, тоді рядки мають бути об'єднані в порядку вказаному в масиві. У цьому випадку `FizzBuzz` виконується якщо число ділиться на 3 і 5.
+
+Другий параметр - це число, для якого функція повинна повернути рядок як зазначається вище.
+
+# --hints--
+
+`genFizzBuzz` має бути функцією.
+
+```js
+assert(typeof genFizzBuzz == 'function');
+```
+
+`genFizzBuzz([[3, "Fizz"],[5, "Buzz"]], 6)` має повернути рядок.
+
+```js
+assert(
+  typeof genFizzBuzz(
+    [
+      [3, 'Fizz'],
+      [5, 'Buzz']
+    ],
+    6
+  ) == 'string'
+);
+```
+
+`genFizzBuzz([[3, "Fizz"],[5, "Buzz"]], 6)` має повернути `"Fizz"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Fizz'],
+      [5, 'Buzz']
+    ],
+    6
+  ),
+  'Fizz'
+);
+```
+
+`genFizzBuzz([[3, "Fizz"],[5, "Buzz"]], 10)` має повернути `"Buzz"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Fizz'],
+      [5, 'Buzz']
+    ],
+    10
+  ),
+  'Buzz'
+);
+```
+
+`genFizzBuzz([[3, "Buzz"],[5, "Fizz"]], 12)` має повернути `"Buzz"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Buzz'],
+      [5, 'Fizz']
+    ],
+    12
+  ),
+  'Buzz'
+);
+```
+
+`genFizzBuzz([[3, "Buzz"],[5, "Fizz"]], 13)` має повернути `"13"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Buzz'],
+      [5, 'Fizz']
+    ],
+    13
+  ),
+  '13'
+);
+```
+
+`genFizzBuzz([[3, "Buzz"],[5, "Fizz"]], 15)` має повернути `"BuzzFizz"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Buzz'],
+      [5, 'Fizz']
+    ],
+    15
+  ),
+  'BuzzFizz'
+);
+```
+
+`genFizzBuzz([[3, "Fizz"],[5, "Buzz"]], 15)` має повернути `"FizzBuzz"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Fizz'],
+      [5, 'Buzz']
+    ],
+    15
+  ),
+  'FizzBuzz'
+);
+```
+
+`genFizzBuzz([[3, "Fizz"],[5, "Buzz"],[7, "Baxx"]], 105)` має повернути `"FizzBuzzBaxx"`.
+
+```js
+assert.equal(
+  genFizzBuzz(
+    [
+      [3, 'Fizz'],
+      [5, 'Buzz'],
+      [7, 'Baxx']
+    ],
+    105
+  ),
+  'FizzBuzzBaxx'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function genFizzBuzz(rules, num) {
+
+}
+```
+
+# --solutions--
+
+```js
+function genFizzBuzz(rules, num) {
+  let res='';
+  rules.forEach(function (e) {
+    if(num % e[0] == 0)
+      res+=e[1];
+  })
+
+  if(res==''){
+    res=num.toString();
+  }
+
+  return res;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.md
new file mode 100644
index 0000000000..0c26180a06
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generate-lower-case-ascii-alphabet.md
@@ -0,0 +1,99 @@
+---
+id: 5a23c84252665b21eecc7e7a
+title: Згенерувати нижній регістр ASCII абетки
+challengeType: 5
+forumTopicId: 302274
+dashedName: generate-lower-case-ascii-alphabet
+---
+
+# --description--
+
+Напишіть функцію, щоб згенерувати масив символів нижнього регістру ASCII для заданого діапазону. До прикладу, при заданому діапазоні `['a', 'd']`, функція має повернути `['a', 'b', 'c', 'd']`.
+
+# --hints--
+
+`lascii` має бути функцією.
+
+```js
+assert(typeof lascii == 'function');
+```
+
+`lascii("a","d")` має повернути масив.
+
+```js
+assert(Array.isArray(lascii('a', 'd')));
+```
+
+`lascii('a','d')` має повернути `[ 'a', 'b', 'c', 'd' ]`.
+
+```js
+assert.deepEqual(lascii('a', 'd'), results[0]);
+```
+
+`lascii('c','i')` має повернути `[ 'c', 'd', 'e', 'f', 'g', 'h', 'i' ]`.
+
+```js
+assert.deepEqual(lascii('c', 'i'), results[1]);
+```
+
+`lascii('m','q')` має повернути `[ 'm', 'n', 'o', 'p', 'q' ]`.
+
+```js
+assert.deepEqual(lascii('m', 'q'), results[2]);
+```
+
+`lascii('k','n')` має повернути `[ 'k', 'l', 'm', 'n' ]`.
+
+```js
+assert.deepEqual(lascii('k', 'n'), results[3]);
+```
+
+`lascii('t','z')` має повернути `[ 't', 'u', 'v', 'w', 'x', 'y', 'z' ]`.
+
+```js
+assert.deepEqual(lascii('t', 'z'), results[4]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+let results=[
+  [ 'a', 'b', 'c', 'd' ],
+  [ 'c', 'd', 'e', 'f', 'g', 'h', 'i' ],
+  [ 'm', 'n', 'o', 'p', 'q' ],
+  [ 'k', 'l', 'm', 'n' ],
+  [ 't', 'u', 'v', 'w', 'x', 'y', 'z' ]
+]
+```
+
+## --seed-contents--
+
+```js
+function lascii(cFrom, cTo) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lascii(cFrom, cTo) {
+
+  function cRange(cFrom, cTo) {
+    var iStart = cFrom.charCodeAt(0);
+
+    return Array.apply(
+      null, Array(cTo.charCodeAt(0) - iStart + 1)
+    ).map(function (_, i) {
+
+      return String.fromCharCode(iStart + i);
+
+    });
+  }
+
+  return cRange(cFrom, cTo);
+
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generator-exponential.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generator-exponential.md
new file mode 100644
index 0000000000..70ab6e9e79
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/generator-exponential.md
@@ -0,0 +1,117 @@
+---
+id: 5a23c84252665b21eecc7e7b
+title: Генератор/Експонента
+challengeType: 5
+forumTopicId: 302275
+dashedName: generatorexponential
+---
+
+# --description--
+
+Генератор - це виконуваний об'єкт (наприклад, функція або процедура), що містить код, що видає по одному послідовність значень, тому кожен раз, коли ви звертаєтеся до генератора, видається наступне значення в послідовності.
+
+Генератори часто будуються поверх співпрограм або об'єктів, щоб внутрішній стан об'єкта оброблявся "природним чином".
+
+Генератори часто використовуються в ситуаціях, коли послідовність потенційно нескінченна, і де можливо побудувати наступне значення послідовності з лише мінімальним станом.
+
+# --instructions--
+
+Запишіть функцію, яка використовує генератори для створення квадратів і кубів. Створіть новий генератор, який відфільтрує всі куби з генератора квадратів.
+
+Функція має повернути \\( n^{th} \\) значення відфільтрованого генератора.
+
+Наприклад, для \\(n=7\\) має повернути 81, оскільки послідовність буде 4, 16, 25, 36, 49, 81. Тут число 64 відфільтровано, оскільки це куб.
+
+# --hints--
+
+`exponentialGenerator` має бути функцією.
+
+```js
+assert(typeof exponentialGenerator == 'function');
+```
+
+`exponentialGenerator()` має повернути число.
+
+```js
+assert(typeof exponentialGenerator(10) == 'number');
+```
+
+`exponentialGenerator(10)` має повернути `144`.
+
+```js
+assert.equal(exponentialGenerator(10), 144);
+```
+
+`exponentialGenerator(12)` має повернути `196`.
+
+```js
+assert.equal(exponentialGenerator(12), 196);
+```
+
+`exponentialGenerator(14)` має повернути `256`.
+
+```js
+assert.equal(exponentialGenerator(14), 256);
+```
+
+`exponentialGenerator(20)` має повернути `484`.
+
+```js
+assert.equal(exponentialGenerator(20), 484);
+```
+
+`exponentialGenerator(25)` має повернути `784`.
+
+```js
+assert.equal(exponentialGenerator(25), 784);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function exponentialGenerator(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function exponentialGenerator(n){
+  function* PowersGenerator(m) {
+    var n=0;
+    while(1) {
+        yield Math.pow(n, m);
+        n += 1;
+    }
+  }
+
+  function* FilteredGenerator(g, f){
+    var value = g.next().value;
+    var filter = f.next().value;
+    while(1) {
+        if( value < filter ) {
+            yield value;
+            value = g.next().value;
+        } else if ( value > filter ) {
+            filter = f.next().value;
+        } else {
+            value = g.next().value;
+            filter = f.next().value;
+        }
+    }
+  }
+
+  var squares = PowersGenerator(2);
+  var cubes = PowersGenerator(3);
+
+  var filtered = FilteredGenerator(squares, cubes);
+
+  var curr=0;
+  for(var i=0;i<n;i++) curr=filtered.next();
+
+  return curr.value;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gray-code.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gray-code.md
new file mode 100644
index 0000000000..053b65a782
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/gray-code.md
@@ -0,0 +1,122 @@
+---
+id: 5a23c84252665b21eecc7e80
+title: Код Грея
+challengeType: 5
+forumTopicId: 302276
+dashedName: gray-code
+---
+
+# --description--
+
+[ код Грея ](https://en.wikipedia.org/wiki/Gray code) - це форма бінарного кодування, де переходи між послідовними числами відрізняються лише на один біт.
+
+Це корисне кодування для зменшення ризиків настання небезпеки для апаратних даних зі значеннями, що швидко змінюються та/або підключаються до повільнішого апаратного забезпечення як вхідних даних.
+
+Це також корисно для генерації даних для [Karnaugh maps](https://en.wikipedia.org/wiki/Karnaugh map) у порядку зліва направо або зверху вниз.
+
+# --instructions--
+
+Створіть функцію для кодування номера та декодування номера з коду Грея. Функція повинна мати 2 параметри.
+
+Перший - це логічний тип даних. Функція має кодувати true і декодувати false. Другим параметром буде число, яке потрібно закодувати/декодувати.
+
+Поккажіть нормальні бінарні значення, значення коду Грея, і декодування даних коду Грея для всіх 5-бінарних чисел (0-31 включно, провідні нулі не є необхідними).
+
+Існує багато можливих кодів Грея. Наступні кодування називаються "двійковим відображувальним кодом Грея."
+
+Кодування (MSB є бітом 0, b є бінарним, g - кодом Грея):
+
+<pre>якщо b [i-1] = 1
+   g [i] = не b [i]
+інакше
+   g [i] = b [i]
+</pre>
+
+Або:
+
+<pre>g = b xor (b логічно зміщено праворуч 1 раз)
+</pre>
+
+Декодування (MSB є бітом 0, b є бінарним, g - кодом Грея):
+
+<pre>b[0] = g[0]<br>
+для інших бітів:
+b[i] = g[i] xor b[i-1]
+</pre>
+
+# --hints--
+
+`gray` має бути функцією.
+
+```js
+assert(typeof gray == 'function');
+```
+
+`gray(true,177)` має повернути число.
+
+```js
+assert(typeof gray(true, 177) == 'number');
+```
+
+`gray(true,177)` має повернути `233`.
+
+```js
+assert.equal(gray(true, 177), 233);
+```
+
+`gray(true,425)` має повернути `381`.
+
+```js
+assert.equal(gray(true, 425), 381);
+```
+
+`gray(true,870)` має повернути `725`.
+
+```js
+assert.equal(gray(true, 870), 725);
+```
+
+`gray(false,233)` має повернути `177`.
+
+```js
+assert.equal(gray(false, 233), 177);
+```
+
+`gray(false,381)` має повернути `425`.
+
+```js
+assert.equal(gray(false, 381), 425);
+```
+
+`gray(false,725)`має повернути `870`.
+
+```js
+assert.equal(gray(false, 725), 870);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gray(enc, number) {
+
+}
+```
+
+# --solutions--
+
+```js
+function gray(enc, number){
+  if(enc){
+      return number ^ (number >> 1);
+  }else{
+      let n = number;
+
+      while (number >>= 1) {
+          n ^= number;
+      }
+      return n;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-common-divisor.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-common-divisor.md
new file mode 100644
index 0000000000..71641d0104
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-common-divisor.md
@@ -0,0 +1,79 @@
+---
+id: 5a23c84252665b21eecc7e82
+title: Найбільший спільний дільник
+challengeType: 5
+forumTopicId: 302277
+dashedName: greatest-common-divisor
+---
+
+# --description--
+
+Напишіть функцію, яка повертає найбільший спільний дільник двох цілих чисел.
+
+# --hints--
+
+`gcd` має бути функцією.
+
+```js
+assert(typeof gcd == 'function');
+```
+
+`gcd(24,36)` має повернути число.
+
+```js
+assert(typeof gcd(24, 36) == 'number');
+```
+
+`gcd(24,36)` має повернути `12`.
+
+```js
+assert.equal(gcd(24, 36), 12);
+```
+
+`gcd(30,48)` має повернути `6`.
+
+```js
+assert.equal(gcd(30, 48), 6);
+```
+
+`gcd(10,15)` має повернути `5`.
+
+```js
+assert.equal(gcd(10, 15), 5);
+```
+
+`gcd(100,25)` має повернути `25`.
+
+```js
+assert.equal(gcd(100, 25), 25);
+```
+
+`gcd(13,250)` має повернути `1`.
+
+```js
+assert.equal(gcd(13, 250), 1);
+```
+
+`gcd(1300,250)` має повернути `50`.
+
+```js
+assert.equal(gcd(1300, 250), 50);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gcd(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function gcd(a, b) {
+  return b==0 ? Math.abs(a):gcd(b, a % b);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-subsequential-sum.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-subsequential-sum.md
new file mode 100644
index 0000000000..bb5ff69ec7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/greatest-subsequential-sum.md
@@ -0,0 +1,113 @@
+---
+id: 5a23c84252665b21eecc7e84
+title: Найбільша подальша сума
+challengeType: 5
+forumTopicId: 302278
+dashedName: greatest-subsequential-sum
+---
+
+# --description--
+
+Дано послідовність цілих чисел, знайдіть неперервну підпослідовність, яка збільшує суму елементів, тобто елементи жодної іншої підпослідовності не додаються до значення більше за це.
+
+Порожня підпослідовність вважається сумою \\( 0 \\); таким чином, якщо всі елементи від'ємні, то результат повинен бути порожньою послідовністю.
+
+# --hints--
+
+`maximumSubsequence` має бути функцією.
+
+```js
+assert(typeof maximumSubsequence == 'function');
+```
+
+`maximumSubsequence([ 1, 2, -1, 3, 10, -10 ])` має повернути масив.
+
+```js
+assert(Array.isArray(maximumSubsequence([1, 2, -1, 3, 10, -10])));
+```
+
+`maximumSubsequence([ 1, 2, -1, 3, 10, -10 ])` має повернути `[ 1, 2, -1, 3, 10 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([1, 2, -1, 3, 10, -10]), [1, 2, -1, 3, 10]);
+```
+
+`maximumSubsequence([ 0, 8, 10, -2, -4, -1, -5, -3 ])` має повернути `[ 0, 8, 10 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([0, 8, 10, -2, -4, -1, -5, -3]), [
+  0,
+  8,
+  10
+]);
+```
+
+`maximumSubsequence([ 9, 9, -10, 1 ])` має повернути `[ 9, 9 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([9, 9, -10, 1]), [9, 9]);
+```
+
+`maximumSubsequence([ 7, 1, -5, -3, -8, 1 ])` має повернути `[ 7, 1 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([7, 1, -5, -3, -8, 1]), [7, 1]);
+```
+
+`maximumSubsequence([ -3, 6, -1, 4, -4, -6 ])` має повернути `[ 6, -1, 4 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([-3, 6, -1, 4, -4, -6]), [6, -1, 4]);
+```
+
+`maximumSubsequence([ -1, -2, 3, 5, 6, -2, -1, 4, -4, 2, -1 ])` має повернути `[ 3, 5, 6, -2, -1, 4 ]`.
+
+```js
+assert.deepEqual(maximumSubsequence([-1, -2, 3, 5, 6, -2, -1, 4, -4, 2, -1]), [
+  3,
+  5,
+  6,
+  -2,
+  -1,
+  4
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maximumSubsequence(population) {
+
+}
+```
+
+# --solutions--
+
+```js
+function maximumSubsequence(population) {
+  function sumValues(arr) {
+      var result = 0;
+      for (var i = 0, len = arr.length; i < len; i++) {
+          result += arr[i];
+      }
+      return result;
+  }
+  var greatest;
+  var maxValue = 0;
+
+  for (var i = 0, len = population.length; i < len; i++) {
+      for (var j = i; j <= len; j++) {
+          var subsequence = population.slice(i, j);
+          var value = sumValues(subsequence);
+          if (value > maxValue) {
+              maxValue = value;
+              greatest = subsequence;
+          };
+      }
+  }
+
+  return greatest;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hailstone-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hailstone-sequence.md
new file mode 100644
index 0000000000..9dda1c4780
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hailstone-sequence.md
@@ -0,0 +1,98 @@
+---
+id: 595608ff8bcd7a50bd490181
+title: Сіракузька послідовність
+challengeType: 5
+forumTopicId: 302279
+dashedName: hailstone-sequence
+---
+
+# --description--
+
+Сіракузьку послідовність чисел можна згенерувати з будь-якого натурального числа `n`:
+
+- Якщо `n` дорівнює `1`, то послідовність закінчується
+- Якщо `n` дорівнює `even`, то наступне `n` послідовності `= n/2`
+- Якщо `n` дорівнює `odd`, то наступне `n` послідовності `= (3 * n) + 1`
+
+Суть гіпотеза Коллатца (Недоведена): яке б початкове число ми б не взяли, Сіракузька послідовність завжди закінчується.
+
+Сіракузька послідовність, також відома як числа-градини (бо графіки послідовностей схожі на траєкторію руху градин в атмосфері), або як послідовність Коллатца.
+
+# --instructions--
+
+1. Створіть процедуру для генерації Сіруказької послідовності для числа
+2. Ваша функція має повертати масив з числом менше `limit`, яке має найдовшу Сіруказьку послідовність і довжину цієї послідовності. (Але не показуйте саму послідовність!)
+
+# --hints--
+
+`hailstoneSequence` має бути функцією.
+
+```js
+assert(typeof hailstoneSequence === 'function');
+```
+
+`hailstoneSequence(30)` має повертати масив.
+
+```js
+assert(Array.isArray(hailstoneSequence(30)));
+```
+
+`hailstoneSequence(30)` має повертати `[27, 112]`.
+
+```js
+assert.deepEqual(hailstoneSequence(30), [27, 112]);
+```
+
+`hailstoneSequence(50000)` має повертати `[35655, 324]`.
+
+```js
+assert.deepEqual(hailstoneSequence(50000), [35655, 324]);
+```
+
+`hailstoneSequence(100000)` має повертати `[77031, 351]`.
+
+```js
+assert.deepEqual(hailstoneSequence(100000), [77031, 351]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function hailstoneSequence(limit) {
+  const res = [];
+
+
+  return res;
+}
+```
+
+# --solutions--
+
+```js
+function hailstoneSequence (limit) {
+  function hailstone(n) {
+    const seq = [n];
+    while (n > 1) {
+      n = n % 2 ? 3 * n + 1 : n / 2;
+      seq.push(n);
+    }
+    return seq;
+  }
+
+  let n = 0;
+  let max = 0;
+  for (let i = limit; --i;) {
+    const seq = hailstone(i);
+    const sLen = seq.length;
+
+    if (sLen > max) {
+      n = i;
+      max = sLen;
+    }
+  }
+
+  return [n, max];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/happy-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/happy-numbers.md
new file mode 100644
index 0000000000..47766347be
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/happy-numbers.md
@@ -0,0 +1,129 @@
+---
+id: 594810f028c0303b75339ad1
+title: Щасливі числа
+challengeType: 5
+forumTopicId: 302280
+dashedName: happy-numbers
+---
+
+# --description--
+
+[ щасливе число ](https://en.wikipedia.org/wiki/Happy_number) визначається так:
+
+Починаючи з будь-якого додатного цілого числа, замініть число на суму квадратів цифр і повторіть дію, доки число не буде дорівнювати `1` (де воно залишиться), або воно нескінченно буде повторюватися у циклі, який не включає `1`. Ті числа, для яких цей процес закінчується `1` є щасливими, а ті, для яких процес не закінчуються `1` є нещасливими.
+
+# --instructions--
+
+Реалізуйте функцію, що повертає правильне значення, у разі якщо число — щасливе, якщо воно є хибним, не робить цього.
+
+# --hints--
+
+`happy` має бути функцією.
+
+```js
+assert(typeof happy === 'function');
+```
+
+`happy(1)` має повернути логічний тип.
+
+```js
+assert(typeof happy(1) === 'boolean');
+```
+
+`happy(1)` має повернути `true`.
+
+```js
+assert(happy(1));
+```
+
+`happy(2)` має повернути `false`.
+
+```js
+assert(!happy(2));
+```
+
+`happy(7)` має повернути `true`.
+
+```js
+assert(happy(7));
+```
+
+`happy(10)` має повернути `true`.
+
+```js
+assert(happy(10));
+```
+
+`happy(13)` має повернути `true`.
+
+```js
+assert(happy(13));
+```
+
+`happy(19)` має повернути `true`.
+
+```js
+assert(happy(19));
+```
+
+`happy(23)` має повернути `true`.
+
+```js
+assert(happy(23));
+```
+
+`happy(28)` має повернути `true`.
+
+```js
+assert(happy(28));
+```
+
+`happy(31)` має повернути `true`.
+
+```js
+assert(happy(31));
+```
+
+`happy(32)` має повернути `true`.
+
+```js
+assert(happy(32));
+```
+
+`happy(33)` має повернути `false`.
+
+```js
+assert(!happy(33));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function happy(number) {
+
+}
+```
+
+# --solutions--
+
+```js
+function happy (number) {
+  let m;
+  let digit;
+  const cycle = [];
+
+  while (number !== 1 && cycle[number] !== true) {
+    cycle[number] = true;
+    m = 0;
+    while (number > 0) {
+      digit = number % 10;
+      m += Math.pow(digit, 2);
+      number = (number - digit) / 10;
+    }
+    number = m;
+  }
+  return (number === 1);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/harshad-or-niven-series.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/harshad-or-niven-series.md
new file mode 100644
index 0000000000..1654d2fea0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/harshad-or-niven-series.md
@@ -0,0 +1,87 @@
+---
+id: 595668ca4cfe1af2fb9818d4
+title: Число Харшад або Нівена
+challengeType: 5
+forumTopicId: 302281
+dashedName: harshad-or-niven-series
+---
+
+# --description--
+
+Числа харшад або число Нівена — це додатні цілі числа ≥ 1, що діляться на суму своїх цифр-складників.
+
+Наприклад, `42` — це число Харшад, оскільки `42` ділиться на `(4 + 2)` без залишку.
+
+Припустимо, що серія визначається як числа в порядку збільшення.
+
+# --instructions--
+
+Реалізація функції полягає в створенні послідовних членів порядку Харшаду.
+
+Використовуйте його, щоб повернути масив з десятьма членами послідовності, починаючи з числа першого Харшада, більше ніж `n`.
+
+# --hints--
+
+`isHarshadOrNiven` має бути функцією.
+
+```js
+assert(typeof isHarshadOrNiven === 'function');
+```
+
+`isHarshadOrNiven(10)` має повернути `[12, 18, 20, 21, 24, 27, 30, 36, 40, 42]`
+
+```js
+assert.deepEqual(isHarshadOrNiven(10), [12, 18, 20, 21, 24, 27, 30, 36, 40, 42]);
+```
+
+`isHarshadOrNiven(400)` має повернути `[402, 405, 407, 408, 410, 414, 420, 423, 432, 440]`
+
+```js
+assert.deepEqual(isHarshadOrNiven(400), [402, 405, 407, 408, 410, 414, 420, 423, 432, 440]);
+```
+
+`isHarshadOrNiven(1000)` має повернути `[1002, 1008, 1010, 1011, 1012, 1014, 1015, 1016, 1017, 1020]`
+
+```js
+assert.deepEqual(isHarshadOrNiven(1000), [1002, 1008, 1010, 1011, 1012, 1014, 1015, 1016, 1017, 1020]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isHarshadOrNiven(n) {
+  const res = [];
+
+  return res;
+}
+```
+
+# --solutions--
+
+```js
+function isHarshadOrNiven(n) {
+  function isHarshad(num) {
+    let s = 0;
+    const nStr = num.toString();
+    for (let i = 0; i < nStr.length; ++i) {
+      s += parseInt(nStr.charAt(i), 10);
+    }
+    return n % s === 0;
+  }
+
+  const res = [];
+  let count = 0;
+
+  while (count < 10) {
+    n++;
+    if (isHarshad(n)) {
+      count++;
+      res.push(n);
+    }
+  }
+
+  return res;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-from-two-arrays.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-from-two-arrays.md
new file mode 100644
index 0000000000..3f3e5d1de3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-from-two-arrays.md
@@ -0,0 +1,105 @@
+---
+id: 595671d4d2cdc305f0d5b36f
+title: Хеш із двох масивів
+challengeType: 5
+forumTopicId: 302283
+dashedName: hash-from-two-arrays
+---
+
+# --description--
+
+Використовуючи два масиви однакової довжини, створіть геш-об'єкт, в якому елементи з одного масиву (ключі) будуть пов'язані з елементами з іншого (значеннями).
+
+**Пов’язане завдання:**
+
+<ul>
+  <li><a href='https://rosettacode.org/wiki/Associative arrays/Creation' title='Асоціативні масиви/Створення' target='_blank'>Асоціативні масиви/Створення</a></li>
+</ul>
+
+# --hints--
+
+`arrToObj` має бути функцією.
+
+```js
+assert(typeof arrToObj === 'function');
+```
+
+`arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d", "e"])` має повернути `{ 1: "a", 2: "b", 3: "c", 4: "d", 5: "e" }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[0]), res[0]);
+```
+
+`arrToObj([1, 2, 3, 4, 5], ["a", "b", "c", "d"])` має повернути `{ 1: "a", 2: "b", 3: "c", 4: "d", 5: undefined }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[1]), res[1]);
+```
+
+`arrToObj([1, 2, 3], ["a", "b", "c", "d", "e"])` має повернути `{ 1: "a", 2: "b", 3: "c" }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[2]), res[2]);
+```
+
+`arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4, 5])` має повернути `{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": 5 }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[3]), res[3]);
+```
+
+`arrToObj(["a", "b", "c", "d", "e"], [1, 2, 3, 4])` має повернути `{ "a": 1, "b": 2, "c": 3 , "d": 4, "e": undefined }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[4]), res[4]);
+```
+
+`arrToObj(["a", "b", "c"], [1, 2, 3, 4, 5])` має повернути `{ "a": 1, "b": 2, "c": 3 }`
+
+```js
+assert.deepEqual(arrToObj(...testCases[5]), res[5]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [
+  [[1, 2, 3, 4, 5], ['a', 'b', 'c', 'd', 'e']],
+  [[1, 2, 3, 4, 5], ['a', 'b', 'c', 'd']],
+  [[1, 2, 3], ['a', 'b', 'c', 'd', 'e']],
+  [['a', 'b', 'c', 'd', 'e'], [1, 2, 3, 4, 5]],
+  [['a', 'b', 'c', 'd', 'e'], [1, 2, 3, 4]],
+  [['a', 'b', 'c'], [1, 2, 3, 4, 5]]
+];
+
+const res = [
+  { 1: 'a', 2: 'b', 3: 'c', 4: 'd', 5: 'e' },
+  { 1: 'a', 2: 'b', 3: 'c', 4: 'd', 5: undefined },
+  { 1: 'a', 2: 'b', 3: 'c' },
+  { a: 1, b: 2, c: 3, d: 4, e: 5 },
+  { a: 1, b: 2, c: 3, d: 4, e: undefined },
+  { a: 1, b: 2, c: 3 }
+];
+```
+
+## --seed-contents--
+
+```js
+function arrToObj (keys, vals) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function arrToObj (keys, vals) {
+  return keys.reduce((map, key, index) => {
+    map[key] = vals[index];
+    return map;
+  }, {});
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-join.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-join.md
new file mode 100644
index 0000000000..5b179e431c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hash-join.md
@@ -0,0 +1,237 @@
+---
+id: 5956795bc9e2c415eb244de1
+title: Хеш-приєднання
+challengeType: 5
+forumTopicId: 302284
+dashedName: hash-join
+---
+
+# --description--
+
+[ внутрішнє з'єднання ](https://www.freecodecamp.org/news/sql-join-types-inner-join-vs-outer-join-example/#how-to-use-an-inner-join-in-sql "news: SQL Join Types – Inner Join VS Outer Join Example#How to Use an INNER JOIN in SQL") — це операція, яка об'єднує дві таблиці даних в одну таблицю на основі відповідності значень стовпців. Найпростіший спосіб виконати цю операцію: [приєднання вкладеного циклу](https://en.wikipedia.org/wiki/Nested loop join "wp: Nested loop join")алгоритм, а більш масштабованою альтернативою є[хеш-приєднання](https://en.wikipedia.org/wiki/hash join "wp: hash join")алгоритм.
+
+Алгоритм "хеш-приєднання" складається з двох кроків:
+
+<ol>
+  <li><strong>хеш фаза:</strong> Створіть <a href='https://en.wikipedia.org/wiki/Multimap' title='wp: Multimap' target='_blank'>,багатофункціональної карти</a> з однієї із двох таблиць, зіставляючи значення кожного стовпця до всіх рядків, що містять його.</li>
+  <ul>
+    <li>Багатофункціональна карта повинна підтримувати хеш пошук, який оцінює краще звичайного лінійного пошуку, оскільки це і є суть алгоритму.</li>
+    <li>В ідеалі, ми створюємо мультимедійне відображення для меншої таблиці, таким чином мінімізуючи час створення та розмір пам'яті.</li>
+  </ul>
+  <li><strong>Приєднатися до фази:</strong> Скануйте іншу таблицю, знайдіть відповідні рядки, дивлячись у багатофункціональну карту, створену раніше.</li>
+</ol>
+
+В псевдокоді алгоритм може бути виражений так:
+
+<pre><strong>нехай</strong> <i>A</i> = перша початкова таблиця (в ідеалі — найбільша)
+<strong>нехай</strong> <i>B</i> = друга початкова таблиця (в ідеалі — найменша)
+<strong>нехай</strong> <i>j<sub>A</sub></i> = спільна колонка ID таблиці <i>A</i>
+<strong>нехай</strong> <i>j<sub>B</sub></i> = спільна колонка ID таблиці <i>В</i>
+<strong>нехай</strong> <i>M<sub>B</sub></i> = багатофункціональна карта для відображення від одиничних значень до кількох рядків таблиці <i>B</i> (починаючи з порожніх)
+<strong>нехай</strong> <i>C</i> = вихідна таблиця (починаючи з порожніх)
+<strong>для кожного</strong> ряду <i>b</i> таблиці <i>B</i>:
+  <strong>місце</strong> <i>b</i> у багатофункціональній карті <i>M<sub>B</sub></i> відповідно до <i>b(j<sub>B</sub>)</i>
+<strong>для кожного</strong> ряду <i>a</i> у таблиці <i>A</i>:
+  <strong>для кожного</strong> ряду <i>b</i> у багатофункціональній карті <i>M<sub>B</sub></i> відповідно до <i>a(j<sub>A</sub>)</i>:
+    <strong>нехай</strong> <i>c</i> = ланцюжок рядків <i>a</i> і ряд <i>b</i>
+    <strong>місце</strong> ряд <i>c</i> у таблиці <i>C</i>
+</pre>
+
+# --instructions--
+
+Реалізуйте алгоритм "хеш-приєднання" як функцію, та продемонструйте, що вона передає тестове значення, вказане нижче. Функція має приймати два масиви об'єктів і повертати масив комбінованих об’єктів.
+
+**Початкова інформація**
+
+<table>
+  <tr>
+    <td style="padding: 4px; margin: 5px;">
+      <table style="border:none; border-collapse:collapse;">
+        <tr>
+          <td style="border:none"><i>А =</i></td>
+          <td style="border:none">
+            <table>
+              <tr>
+                <th style="padding: 4px; margin: 5px;">Вік</th>
+                <th style="padding: 4px; margin: 5px;">Ім'я</th>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">27</td>
+                <td style="padding: 4px; margin: 5px;">Йона</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">18</td>
+                <td style="padding: 4px; margin: 5px;">Алан</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">28</td>
+                <td style="padding: 4px; margin: 5px;">Глорія</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">18</td>
+                <td style="padding: 4px; margin: 5px;">Попай</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">28</td>
+                <td style="padding: 4px; margin: 5px;">Алан</td>
+              </tr>
+            </table>
+          </td>
+          <td style="border:none; padding-left:1.5em;" rowspan="2"></td>
+          <td style="border:none"><i>B =</i></td>
+          <td style="border:none">
+            <table>
+              <tr>
+                <th style="padding: 4px; margin: 5px;">Персонаж</th>
+                <th style="padding: 4px; margin: 5px;">Ворог</th>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">Йона</td>
+                <td style="padding: 4px; margin: 5px;">Кити</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">Йона</td>
+                <td style="padding: 4px; margin: 5px;">Павуки</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">Алан</td>
+                <td style="padding: 4px; margin: 5px;">Привиди</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">Алан</td>
+                <td style="padding: 4px; margin: 5px;">Зомбі</td>
+              </tr>
+              <tr>
+                <td style="padding: 4px; margin: 5px;">Глорія</td>
+                <td style="padding: 4px; margin: 5px;">Баффі</td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+        <tr>
+          <td style="border:none">
+            <i>j<sub>A</sub> =</i>
+          </td>
+          <td style="border:none">
+            <i><code>Ім'я</code> (напр. колонка 1)</i>
+          </td>
+          <td style="border:none">
+            <i>j<sub>B</sub> =</i>
+          </td>
+          <td style="border:none">
+            <i><code>Персонаж</code> (напр. колонка 0)</i>
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+</table>
+
+**Результат**
+
+| A_вік | A_ім'я | B_персонаж | B_ворог |
+| ----- | ------ | ---------- | ------- |
+| 27    | Йона   | Йона       | Кити    |
+| 27    | Йона   | Джон       | Павуки  |
+| 18    | Алан   | Алан       | Привиди |
+| 18    | Алан   | Алан       | Зомбі   |
+| 28    | Глорі  | Глорі      | Баффі   |
+| 28    | Алан   | Алан       | Привиди |
+| 28    | Алан   | Алан       | Зомбі   |
+
+Порядок рядків у вихідній таблиці не є важливим.
+
+# --hints--
+
+`hashJoin` має бути функцією.
+
+```js
+assert(typeof hashJoin === 'function');
+```
+
+`hashJoin([{ age: 27, name: "Jonah" }, { age: 18, name: "Alan" }, { age: 28, name: "Glory" }, { age: 18, name: "Popeye" }, { age: 28, name: "Alan" }], [{ character: "Jonah", nemesis: "Whales" }, { character: "Jonah", nemesis: "Spiders" }, { character: "Alan", nemesis: "Ghosts" }, { character:"Alan", nemesis: "Zombies" }, { character: "Glory", nemesis: "Buffy" }, { character: "Bob", nemesis: "foo" }])` має повернути `[{"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Whales"}, {"A_age": 27,"A_name": "Jonah", "B_character": "Jonah", "B_nemesis": "Spiders"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 18,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}, {"A_age": 28,"A_name": "Glory", "B_character": "Glory", "B_nemesis": "Buffy"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Ghosts"}, {"A_age": 28,"A_name": "Alan", "B_character": "Alan", "B_nemesis": "Zombies"}]`
+
+```js
+assert.deepEqual(hashJoin(hash1, hash2), res);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const hash1 = [
+    { age: 27, name: 'Jonah' },
+    { age: 18, name: 'Alan' },
+    { age: 28, name: 'Glory' },
+    { age: 18, name: 'Popeye' },
+    { age: 28, name: 'Alan' }
+];
+
+const hash2 = [
+    { character: 'Jonah', nemesis: 'Whales' },
+    { character: 'Jonah', nemesis: 'Spiders' },
+    { character: 'Alan', nemesis: 'Ghosts' },
+    { character: 'Alan', nemesis: 'Zombies' },
+    { character: 'Glory', nemesis: 'Buffy' },
+    { character: 'Bob', nemesis: 'foo' }
+];
+
+const res = [
+    { A_age: 27, A_name: 'Jonah', B_character: 'Jonah', B_nemesis: 'Whales' },
+    { A_age: 27, A_name: 'Jonah', B_character: 'Jonah', B_nemesis: 'Spiders' },
+    { A_age: 18, A_name: 'Alan', B_character: 'Alan', B_nemesis: 'Ghosts' },
+    { A_age: 18, A_name: 'Alan', B_character: 'Alan', B_nemesis: 'Zombies' },
+    { A_age: 28, A_name: 'Glory', B_character: 'Glory', B_nemesis: 'Buffy' },
+    { A_age: 28, A_name: 'Alan', B_character: 'Alan', B_nemesis: 'Ghosts' },
+    { A_age: 28, A_name: 'Alan', B_character: 'Alan', B_nemesis: 'Zombies' }
+];
+
+const bench1 = [{ name: 'u2v7v', num: 1 }, { name: 'n53c8', num: 10 }, { name: 'oysce', num: 9 }, { name: '0mto2s', num: 1 }, { name: 'vkh5id', num: 4 }, { name: '5od0cf', num: 8 }, { name: 'uuulue', num: 10 }, { name: '3rgsbi', num: 9 }, { name: 'kccv35r', num: 4 }, { name: '80un74', num: 9 }, { name: 'h4pp3', num: 6 }, { name: '51bit', num: 7 }, { name: 'j9ndf', num: 8 }, { name: 'vf3u1', num: 10 }, { name: 'g0bw0om', num: 10 }, { name: 'j031x', num: 7 }, { name: 'ij3asc', num: 9 }, { name: 'byv83y', num: 8 }, { name: 'bjzp4k', num: 4 }, { name: 'f3kbnm', num: 10 }];
+const bench2 = [{ friend: 'o8b', num: 8 }, { friend: 'ye', num: 2 }, { friend: '32i', num: 5 }, { friend: 'uz', num: 3 }, { friend: 'a5k', num: 4 }, { friend: 'uad', num: 7 }, { friend: '3w5', num: 10 }, { friend: 'vw', num: 10 }, { friend: 'ah', num: 4 }, { friend: 'qv', num: 7 }, { friend: 'ozv', num: 2 }, { friend: '9ri', num: 10 }, { friend: '7nu', num: 4 }, { friend: 'w3', num: 9 }, { friend: 'tgp', num: 8 }, { friend: 'ibs', num: 1 }, { friend: 'ss7', num: 6 }, { friend: 'g44', num: 9 }, { friend: 'tab', num: 9 }, { friend: 'zem', num: 10 }];
+```
+
+## --seed-contents--
+
+```js
+function hashJoin(hash1, hash2) {
+
+  return [];
+}
+```
+
+# --solutions--
+
+```js
+function hashJoin(hash1, hash2) {
+  const hJoin = (tblA, tblB, strJoin) => {
+    const [jA, jB] = strJoin.split('=');
+    const M = tblB.reduce((a, x) => {
+      const id = x[jB];
+      return (
+        a[id] ? a[id].push(x) : (a[id] = [x]),
+        a
+      );
+    }, {});
+
+    return tblA.reduce((a, x) => {
+      const match = M[x[jA]];
+      return match ? (
+                a.concat(match.map(row => dictConcat(x, row)))
+            ) : a;
+    }, []);
+  };
+
+  const dictConcat = (dctA, dctB) => {
+    const ok = Object.keys;
+    return ok(dctB).reduce(
+            (a, k) => (a[`B_${k}`] = dctB[k]) && a,
+            ok(dctA).reduce(
+                (a, k) => (a[`A_${k}`] = dctA[k]) && a, {}
+            )
+        );
+  };
+
+  return hJoin(hash1, hash2, 'name=character');
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/heronian-triangles.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/heronian-triangles.md
new file mode 100644
index 0000000000..7f23cf735a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/heronian-triangles.md
@@ -0,0 +1,155 @@
+---
+id: 595b98f8b5a2245e243aa831
+title: Трикутники Герона
+challengeType: 5
+forumTopicId: 302285
+dashedName: heronian-triangles
+---
+
+# --description--
+
+[Формула Герона](https://en.wikipedia.org/wiki/Heron's formula "wp: Heron's formula") для площі трикутника з урахуванням довжини його трьох сторін `a` `b`, та `c` подається як:
+
+$A = \\sqrt{s(s-a)(s-b)(s-c)},$
+
+де `s` є половиною периметра трикутника; тобто
+
+$s=\\frac{a+b+c}{2}
+
+Трикутники Героніа — це трикутники, у яких усі сторони та площа є цілими числами.
+
+Прикладом є трикутник зі сторонами `3, 4, 5`, площа якого дорівнює `6` (а периметр – `12`).
+
+Зверніть увагу, що будь-який трикутник, усі сторони якого є цілим кратним `3, 4, 5`; такі, як `6, 8, 10,`, також буде трикутником Герона.
+
+Визначте примітивний трикутник Герона як трикутник Герона, де найбільший спільний дільник
+
+усіх трьох сторін дорівнює `1` (єдність).
+
+Це виключає, наприклад, трикутник `6, 8, 10.`
+
+# --instructions--
+
+Реалізуйте функцію, засновану на формулі Герона, яка повертає перші <code>n<sub>th</sub></code> впорядковані трикутники у масиві масивів.
+
+# --hints--
+
+`heronianTriangle` має бути функцією.
+
+```js
+assert(typeof heronianTriangle === 'function');
+```
+
+`heronianTriangle(10)` має повернути `[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]]`
+
+```js
+assert.deepEqual(heronianTriangle(testCases[0]), res[0]);
+```
+
+`heronianTriangle(15)` має повернути `[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],`
+
+```js
+assert.deepEqual(heronianTriangle(testCases[1]), res[1]);
+```
+
+`heronianTriangle(20)` має повернути `[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],`
+
+```js
+assert.deepEqual(heronianTriangle(testCases[2]), res[2]);
+```
+
+`heronianTriangle(25)` має повернути `[[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37],[16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]`
+
+```js
+assert.deepEqual(heronianTriangle(testCases[3]), res[3]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCases = [10, 15, 20, 25];
+
+const res = [
+  [[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17]],
+  [[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15]],
+  [[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53]],
+  [[3, 4, 5], [5, 5, 6], [5, 5, 8], [4, 13, 15], [5, 12, 13], [9, 10, 17], [3, 25, 26], [7, 15, 20], [10, 13, 13], [8, 15, 17], [13, 13, 24], [6, 25, 29], [11, 13, 20], [5, 29, 30], [13, 14, 15], [10, 17, 21], [7, 24, 25], [8, 29, 35], [12, 17, 25], [4, 51, 53], [19, 20, 37], [16, 17, 17], [17, 17, 30], [16, 25, 39], [13, 20, 21]]
+];
+```
+
+## --seed-contents--
+
+```js
+function heronianTriangle(n) {
+
+
+  return [];
+}
+```
+
+# --solutions--
+
+```js
+function heronianTriangle(n) {
+  const list = [];
+  const result = [];
+
+  let j = 0;
+  for (let c = 1; c <= 200; c++) {
+    for (let b = 1; b <= c; b++) {
+      for (let a = 1; a <= b; a++) {
+        if (gcd(gcd(a, b), c) === 1 && isHeron(heronArea(a, b, c))) {
+          list[j++] = new Array(a, b, c, heronArea(a, b, c));
+        }
+      }
+    }
+  }
+
+  sort(list);
+
+  for (let i = 0; i < n; i++) {
+    result[i] = [list[i][0], list[i][1], list[i][2]];
+  }
+
+  return result;
+
+  function heronArea(a, b, c) {
+    const s = (a + b + c) / 2;
+    return Math.sqrt(s * (s - a) * (s - b) * (s - c));
+  }
+
+  function isHeron(h) { return h % 1 === 0 && h > 0; }
+
+  function gcd(a, b) {
+    let leftover = 1;
+    let dividend = a > b ? a : b;
+    let divisor = a > b ? b : a;
+    while (leftover !== 0) {
+      leftover = dividend % divisor;
+      if (leftover > 0) {
+        dividend = divisor;
+        divisor = leftover;
+      }
+    }
+    return divisor;
+  }
+
+  function sort(arg) {
+    let swapped = true;
+    let temp = [];
+    while (swapped) {
+      swapped = false;
+      for (let i = 1; i < arg.length; i++) {
+        if (arg[i][4] < arg[i - 1][4] || arg[i][4] === arg[i - 1][4] && arg[i][3] < arg[i - 1][3]) {
+          temp = arg[i];
+          arg[i] = arg[i - 1];
+          arg[i - 1] = temp;
+          swapped = true;
+        }
+      }
+    }
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.md
new file mode 100644
index 0000000000..8fac9dbb92
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-figure-figure-sequences.md
@@ -0,0 +1,166 @@
+---
+id: 59622f89e4e137560018a40e
+title: Послідовність Хофштадтера
+challengeType: 5
+forumTopicId: 302286
+dashedName: hofstadter-figure-figure-sequences
+---
+
+# --description--
+
+Ці дві послідовності додатніх чисел визначаються як:
+
+$R(1)=1\\ ;\\ S(1)=2 \\\\R(n)=R(n-1)+S(n-1), \\quad n>1.$
+
+Послідовність $S(n)$ далі визначається як послідовність натуральних чисел, яких немає в $R(n)$.
+
+Послідовність $R$ запущена:
+
+<pre>1, 3, 7, 12, 18, ...</pre>
+
+Послідовність $R$ запущена:
+
+<pre>2, 4, 5, 6, 8, ...</pre>
+
+# --instructions--
+
+Створіть 2 функції названі як `ffr` і `ffs` коли їм надають `n` повернення` R(n)` або ` S(n)` відповідно. (Зверніть увагу на те, щоб R(1) = 1 і S(1) = 2 уникати окремих помилок).
+
+Не слід припускати жодного максимального значення для ` n `.
+
+**Посилання**
+
+<ul>
+  <li>
+    Sloane's <a href='https://oeis.org/A005228' target='_blank'>A005228</a> і <a href='https://oeis.org/A030124' target='_blank'>A030124</a>.
+  </li>
+  <li>
+    Вікіпедія: <a href='https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Figure-Figure_sequences' title='wp: Hofstadter_sequence#Hofstadter_Figure-Figure_sequences' target='_blank'> Послідовність Хофштадтера</a>.
+  </li>
+</ul>
+
+# --hints--
+
+`ffr` має бути функцією.
+
+```js
+assert(typeof ffr === 'function');
+```
+
+`ffr` має бути функцією.
+
+```js
+assert(typeof ffs === 'function');
+```
+
+`ffr` повинен повернути ціле число.
+
+```js
+assert(Number.isInteger(ffr(1)));
+```
+
+`ffr` повинен повернути ціле число.
+
+```js
+assert(Number.isInteger(ffs(1)));
+```
+
+`ffr(10)` повинен повертатися `69`
+
+```js
+assert.equal(ffr(ffrParamRes[0][0]), ffrParamRes[0][1]);
+```
+
+`ffr(50)` повинен повертатися ` 1509`
+
+```js
+assert.equal(ffr(ffrParamRes[1][0]), ffrParamRes[1][1]);
+```
+
+`ffr(100)` повинен повертатися ` 5764 `
+
+```js
+assert.equal(ffr(ffrParamRes[2][0]), ffrParamRes[2][1]);
+```
+
+`ffr(1000)` повинен повертатися ` 526334`
+
+```js
+assert.equal(ffr(ffrParamRes[3][0]), ffrParamRes[3][1]);
+```
+
+`ffs(10)` повинен повертатися ` 14`
+
+```js
+assert.equal(ffs(ffsParamRes[0][0]), ffsParamRes[0][1]);
+```
+
+`ffr(50)` повинен повертатися ` 59`
+
+```js
+assert.equal(ffs(ffsParamRes[1][0]), ffsParamRes[1][1]);
+```
+
+`ffr(100)` повинен повертатися ` 112`
+
+```js
+assert.equal(ffs(ffsParamRes[2][0]), ffsParamRes[2][1]);
+```
+
+`ffs(1000)` повинен повертатися ` 1041`
+
+```js
+assert.equal(ffs(ffsParamRes[3][0]), ffsParamRes[3][1]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const ffrParamRes = [[10, 69], [50, 1509], [100, 5764], [1000, 526334]];
+const ffsParamRes = [[10, 14], [50, 59], [100, 112], [1000, 1041]];
+```
+
+## --seed-contents--
+
+```js
+function ffr(n) {
+  return n;
+}
+
+function ffs(n) {
+  return n;
+}
+```
+
+# --solutions--
+
+```js
+const R = [null, 1];
+const S = [null, 2];
+
+function extendSequences (n) {
+  let current = Math.max(R[R.length - 1], S[S.length - 1]);
+  let i;
+  while (R.length <= n || S.length <= n) {
+    i = Math.min(R.length, S.length) - 1;
+    current += 1;
+    if (current === R[i] + S[i]) {
+      R.push(current);
+    } else {
+      S.push(current);
+    }
+  }
+}
+
+function ffr (n) {
+  extendSequences(n);
+  return R[n];
+}
+
+function ffs (n) {
+  extendSequences(n);
+  return S[n];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-q-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-q-sequence.md
new file mode 100644
index 0000000000..af5a417220
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/hofstadter-q-sequence.md
@@ -0,0 +1,92 @@
+---
+id: 59637c4d89f6786115efd814
+title: Q послідовність Гофстедтера
+challengeType: 5
+forumTopicId: 302287
+dashedName: hofstadter-q-sequence
+---
+
+# --description--
+
+[Q послідовність Гофстедтера](https://en.wikipedia.org/wiki/Hofstadter_sequence#Hofstadter_Q_sequence "wp: Hofstadter_sequence#Hofstadter_Q_sequence") визначають як:
+
+$Q(1)=Q(2)=1, \\\\ Q(n)=Q\\big(n-Q(n-1)\\big)+Q\\big(n-Q(n-2)), \\quad n>2.$
+
+Вона визначається як [послідовність Фібоначчі](https://rosettacode.org/wiki/Fibonacci sequence "Fibonacci sequence"), але в той час як наступний член у послідовності Фібоначчі - це сума попередніх двох членів, у послідовності Q попередні два члени вказують на те, як далеко треба повернутися назад в послідовності Q, щоб знайти два числа, які потрібно підсумувати, щоб утворити наступний член послідовності.
+
+# --instructions--
+
+Реалізуйте рівняння Q послідовності Гофстедтера в якості функції. Функція має прийняти число, `n` та повернути ціле число.
+
+# --hints--
+
+`hofstadterQ` має бути функцією.
+
+```js
+assert(typeof hofstadterQ === 'function');
+```
+
+`hofstadterQ()` має повернути `integer`
+
+```js
+assert(Number.isInteger(hofstadterQ(1000)));
+```
+
+`hofstadterQ(1000)` має повернути `502`
+
+```js
+assert.equal(hofstadterQ(testCase[0]), res[0]);
+```
+
+`hofstadterQ(1500)` має повернути `755`
+
+```js
+assert.equal(hofstadterQ(testCase[1]), res[1]);
+```
+
+`hofstadterQ(2000)` має повернути `1005`
+
+```js
+assert.equal(hofstadterQ(testCase[2]), res[2]);
+```
+
+`hofstadterQ(2500)` має повернути `1261`
+
+```js
+assert.equal(hofstadterQ(testCase[3]), res[3]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testCase = [1000, 1500, 2000, 2500];
+const res = [502, 755, 1005, 1261];
+```
+
+## --seed-contents--
+
+```js
+function hofstadterQ(n) {
+
+  return n;
+}
+```
+
+# --solutions--
+
+```js
+function hofstadterQ (n) {
+  const memo = [1, 1, 1];
+  const Q = function (i) {
+    let result = memo[i];
+    if (typeof result !== 'number') {
+      result = Q(i - Q(i - 1)) + Q(i - Q(i - 2));
+      memo[i] = result;
+    }
+    return result;
+  };
+  return Q(n);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/i-before-e-except-after-c.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/i-before-e-except-after-c.md
new file mode 100644
index 0000000000..927b51e60b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/i-before-e-except-after-c.md
@@ -0,0 +1,101 @@
+---
+id: 5a23c84252665b21eecc7eb0
+title: 'І перед Е (виняток: окрім після С)'
+challengeType: 5
+forumTopicId: 302288
+dashedName: i-before-e-except-after-c
+---
+
+# --description--
+
+Вираз ["I перед E, але не після C"](https://en.wikipedia.org/wiki/I before E except after C) - це загальновідомий мнемонічний вираз, який допомагає при написанні англійський слів.
+
+Використовуючи надані слова, перевірте, чи два підпункти фрази переконливі окремо:
+
+<ol>
+  <li>
+    <i>"Я до E, коли не передував С".</i>
+  </li>
+  <li>
+    <i>"E до того, коли перед мною передувала С".</i>
+  </li>
+</ol>
+
+Вихідна фраза є правдоподібною, якщо обидві субфрази правдоподібні.
+
+# --instructions--
+
+Напишіть функцію, яка допускає слово і перевірте, чи воно підлягає правилу. Якщо слово підлягає правилу, то функція успішна, якщо ні - функція хибна.
+
+# --hints--
+
+`IBeforeExceptC` має бути функцією.
+
+```js
+assert(typeof IBeforeExceptC == 'function');
+```
+
+`IBeforeExceptC("receive")` має повертати логічне значення.
+
+```js
+assert(typeof IBeforeExceptC('receive') == 'boolean');
+```
+
+`IBeforeExceptC("receive")` має повертати `true`.
+
+```js
+assert.equal(IBeforeExceptC('receive'), true);
+```
+
+`IBeforeExceptC("science")` має повертати `false`.
+
+```js
+assert.equal(IBeforeExceptC('science'), false);
+```
+
+`IBeforeExceptC("imperceivable")` має повертати `true`.
+
+```js
+assert.equal(IBeforeExceptC('imperceivable'), true);
+```
+
+`IBeforeExceptC("inconceivable")` має повертати `true`.
+
+```js
+assert.equal(IBeforeExceptC('inconceivable'), true);
+```
+
+`IBeforeExceptC("insufficient")` має повертати `false`.
+
+```js
+assert.equal(IBeforeExceptC('insufficient'), false);
+```
+
+`IBeforeExceptC("omniscient")` має повертати `false`.
+
+```js
+assert.equal(IBeforeExceptC('omniscient'), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function IBeforeExceptC(word) {
+
+}
+```
+
+# --solutions--
+
+```js
+function IBeforeExceptC(word)
+{
+    if(word.indexOf("c")==-1 && word.indexOf("ie")!=-1)
+        return true;
+    else if(word.indexOf("cei")!=-1)
+        return true;
+    return false;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iban.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iban.md
new file mode 100644
index 0000000000..0de87832b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iban.md
@@ -0,0 +1,104 @@
+---
+id: 5a23c84252665b21eecc7eaf
+title: IBAN
+challengeType: 5
+forumTopicId: 302289
+dashedName: iban
+---
+
+# --description--
+
+The [Міжнародний номер банківського рахунку (IBAN)](https://en.wikipedia.org/wiki/International_Bank_Account_Number) є міжнародно узгодженим засобом ідентифікації банківських рахунків через національні кордони зі зниженим ризиком розповсюдження [transcription errors](https://en.wikipedia.org/wiki/Transcription_error).
+
+IBAN містить до 34 літерно-цифрових символів:
+
+<ul>
+  <li>спочатку дволітерний код країни за стандартом ISO 3166-1 alpha-2</li>
+  <li>потім дві контрольні цифри, та</li>
+  <li>нарешті, базовий номер банківського рахунку для конкретної країни (BBAN).</li>
+</ul>
+
+Контрольні цифри дають змогу перевірити правильність номеру банківського рахунку, щоб підтвердити його цілісність навіть перед поданням транзакції.
+
+# --instructions--
+
+Напишіть функцію, яка приймає рядок IBAN як параметр. Якщо вона допустима, поверніть true. Якщо ні, поверніть false.
+
+# --hints--
+
+`isValid` має бути функцією.
+
+```js
+assert(typeof isValid == 'function');
+```
+
+`isValid("GB82 WEST 1234 5698 7654 32")` має повернути логічне значення.
+
+```js
+assert(typeof isValid('GB82 WEST 1234 5698 7654 32') == 'boolean');
+```
+
+`isValid("GB82 WEST 1234 5698 7654 32")` має повернути `true`.
+
+```js
+assert.equal(isValid('GB82 WEST 1234 5698 7654 32'), true);
+```
+
+`isValid("GB82 WEST 1.34 5698 7654 32")` має повернути `false`.
+
+```js
+assert.equal(isValid('GB82 WEST 1.34 5698 7654 32'), false);
+```
+
+`isValid("GB82 WEST 1234 5698 7654 325")` має повернути `false`.
+
+```js
+assert.equal(isValid('GB82 WEST 1234 5698 7654 325'), false);
+```
+
+`isValid("GB82 TEST 1234 5698 7654 32")` має повернути `false`.
+
+```js
+assert.equal(isValid('GB82 TEST 1234 5698 7654 32'), false);
+```
+
+`isValid("SA03 8000 0000 6080 1016 7519")` має повернути `true`.
+
+```js
+assert.equal(isValid('SA03 8000 0000 6080 1016 7519'), true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isValid(iban) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isValid(iban) {
+  var ibanLen = {
+    NO:15, BE:16, DK:18, FI:18, FO:18, GL:18, NL:18, MK:19,
+    SI:19, AT:20, BA:20, EE:20, KZ:20, LT:20, LU:20, CR:21,
+    CH:21, HR:21, LI:21, LV:21, BG:22, BH:22, DE:22, GB:22,
+    GE:22, IE:22, ME:22, RS:22, AE:23, GI:23, IL:23, AD:24,
+    CZ:24, ES:24, MD:24, PK:24, RO:24, SA:24, SE:24, SK:24,
+    VG:24, TN:24, PT:25, IS:26, TR:26, FR:27, GR:27, IT:27,
+    MC:27, MR:27, SM:27, AL:28, AZ:28, CY:28, DO:28, GT:28,
+    HU:28, LB:28, PL:28, BR:29, PS:29, KW:30, MU:30, MT:31
+  }
+    iban = __helpers.removeWhiteSpace(iban)
+    if (!iban.match(/^[\dA-Z]+$/)) return false
+    var len = iban.length
+    if (len != ibanLen[iban.substr(0,2)]) return false
+    iban = iban.substr(4) + iban.substr(0,4)
+    for (var s='', i=0; i<len; i+=1) s+=parseInt(iban.charAt(i),36)
+    for (var m=s.substr(0,15)%97, s=s.substr(15); s; s=s.substr(13)) m=(m+s.substr(0,13))%97
+    return m == 1
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/identity-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/identity-matrix.md
new file mode 100644
index 0000000000..56ac0f7b4f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/identity-matrix.md
@@ -0,0 +1,88 @@
+---
+id: 5a23c84252665b21eecc7eb1
+title: Одинична матриця
+challengeType: 5
+forumTopicId: 302290
+dashedName: identity-matrix
+---
+
+# --description--
+
+*Одинична матриця* – це квадратна матриця розміру \\( n \\times n \\), де всі діагональні елементи – `1`і (одиниці), а всі інші елементи – `0`і (нулі).
+
+<ul>
+  <li style='list-style: none;'>\(\displaystyle I_{n}=\begin{bmatrix} 1 &#x26; 0 &#x26; 0 \cr 0 &#x26; 1 &#x26; 0 \cr 0 &#x26; 0 &#x26; 1 \cr \end{bmatrix}\)</li>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, яка приймає число `n` як параметр і повертає одиничну матрицю порядку \\( n \\times n \\).
+
+# --hints--
+
+`idMatrix` має бути функцією.
+
+```js
+assert(typeof idMatrix == 'function');
+```
+
+`idMatrix(1)` має повернути масив.
+
+```js
+assert(Array.isArray(idMatrix(1)));
+```
+
+`idMatrix(1)` має повернути `[ [ 1 ] ]`.
+
+```js
+assert.deepEqual(idMatrix(1), results[0]);
+```
+
+`idMatrix(2)` має повернути `[ [ 1, 0 ], [ 0, 1 ] ]`.
+
+```js
+assert.deepEqual(idMatrix(2), results[1]);
+```
+
+`idMatrix(3)` має повернути `[ [ 1, 0, 0 ], [ 0, 1, 0 ], [ 0, 0, 1 ] ]`.
+
+```js
+assert.deepEqual(idMatrix(3), results[2]);
+```
+
+`idMatrix(4)` має повернути `[ [ 1, 0, 0, 0 ], [ 0, 1, 0, 0 ], [ 0, 0, 1, 0 ], [ 0, 0, 0, 1 ] ]`.
+
+```js
+assert.deepEqual(idMatrix(4), results[3]);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+let results=[[ [ 1 ] ],
+[ [ 1, 0 ], [ 0, 1 ] ],
+[ [ 1, 0, 0 ], [ 0, 1, 0 ], [ 0, 0, 1 ] ],
+[ [ 1, 0, 0, 0 ], [ 0, 1, 0, 0 ], [ 0, 0, 1, 0 ], [ 0, 0, 0, 1 ] ]]
+```
+
+## --seed-contents--
+
+```js
+function idMatrix(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function idMatrix(n) {
+    return Array.apply(null, new Array(n)).map(function (x, i, xs) {
+        return xs.map(function (_, k) {
+            return i === k ? 1 : 0;
+        })
+    });
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iterated-digits-squaring.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iterated-digits-squaring.md
new file mode 100644
index 0000000000..00c0ce31a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/iterated-digits-squaring.md
@@ -0,0 +1,96 @@
+---
+id: 5a23c84252665b21eecc7ec1
+title: Ітерація цифр квадрату числа
+challengeType: 5
+forumTopicId: 302291
+dashedName: iterated-digits-squaring
+---
+
+# --description--
+
+Якщо ви додасте квадрат цифр натурального числа (цілого числа, більшого за нуль), ви завжди отримаєте або 1, або 89:
+
+<pre>15 -> 26 -> 40 -> 16 -> 37 -> 58 -> 89
+7 -> 49 -> 97 -> 130 -> 10 -> 1
+</pre>
+
+# --instructions--
+
+Напишіть функцію, яка використовує число як параметр, і видає 1 або 89 після виконання описаного процесу.
+
+# --hints--
+
+`iteratedSquare` має бути функцією.
+
+```js
+assert(typeof iteratedSquare == 'function');
+```
+
+`iteratedSquare(4)` має повертати число.
+
+```js
+assert(typeof iteratedSquare(4) == 'number');
+```
+
+`iteratedSquare(4)` має повертати `89`.
+
+```js
+assert.equal(iteratedSquare(4), 89);
+```
+
+`iteratedSquare(7)` має повертати`1`.
+
+```js
+assert.equal(iteratedSquare(7), 1);
+```
+
+`iteratedSquare(15)` має повертати`89`.
+
+```js
+assert.equal(iteratedSquare(15), 89);
+```
+
+`iteratedSquare(20)` має повертати`89`.
+
+```js
+assert.equal(iteratedSquare(20), 89);
+```
+
+`iteratedSquare(70)` має повертати`1`.
+
+```js
+assert.equal(iteratedSquare(70), 1);
+```
+
+`iteratedSquare(100)` має повертати`1`.
+
+```js
+assert.equal(iteratedSquare(100), 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function iteratedSquare(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function iteratedSquare(n) {
+    var total;
+    while (n != 89 && n != 1) {
+        total = 0;
+        while (n > 0) {
+            total += Math.pow(n % 10, 2);
+            n = Math.floor(n/10);
+        }
+        n = total;
+    }
+    return n;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jaro-distance.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jaro-distance.md
new file mode 100644
index 0000000000..4904a27aa2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jaro-distance.md
@@ -0,0 +1,146 @@
+---
+id: 5a23c84252665b21eecc7ec2
+title: Подібність Джаро
+challengeType: 5
+forumTopicId: 302292
+dashedName: jaro-distance
+---
+
+# --description--
+
+Подібність Джаро — це міра схожості між двома рядками. Чим більший показник подібності Джаро для двох рядків, тим більше вони схожі. Оцінка нормується таким чином: `0` — схожість відсутня, а `1` — це точна схожість.
+
+**Визначення**
+
+Подібність Джаро \\( d_j \\) з двох вибраних рядків \\((\\1\\) і \\(s_2\\) є
+
+\\begin{align}d_j = \\begin{cases}0& & \\text{if }m=0 \\\\\\\\{\\frac {1}{3}}\\left({\\frac {m}{|s\_{1}|}}+{\\frac {m}{|s\_{2}|}}+{\\frac {m-t}{m}}\\right)& & \\text{otherwise}\\end{cases}\\end{align}
+
+Де:
+
+<ul>
+  <li>\(m\) є числом <i>відповідних символів</i>;</li>
+  <li> \(t\) — це половина числа <i>транспозицій</i>.</li>
+</ul>
+
+Два символи з \\(s_1\\) та \\(s_2\\) відповідно, вважаються *співпадінням*, якщо вони однакові і розташовані не далі, ніж \\(\\left\\lfloor\\frac{\\max(|s_1|, s_2|)}{2}\\right\\rfloor-1\\).
+
+Кожен символ \\(s_1\\) порівнюється з усіма відповідними символами у \\(s_2\\) . Кількість відповідних (але в різному порядку) символів, розділених на 2, визначає кількість * транспозицій *.
+
+**Наприклад**
+
+У рядках \\(s_1\\) *DWAYNE* та \\(s_2\\) *DUANE* виявили:
+
+<ul>
+  <li>\(m = 4\)</li>
+  <li>\(|s_1| = 6\)</li>
+  <li>\(|s_2| = 5\)</li>
+  <li>\(t = 0\)</li>
+</ul>
+
+Ми знайшли: \\(d_j = \\frac{1}{3}\\left(\\frac{4}{6} + \\frac{4}{5} + \\frac{4-0}{4}\\right) = 0.822\\).
+
+# --instructions--
+
+Напишіть функцію а, у параметрах встановіть дві рядки. Це має бути схоже на подібність Джаро.
+
+# --hints--
+
+`jaro` має бути функцією.
+
+```js
+assert(typeof jaro == 'function');
+```
+
+`jaro("MARTHA", "MARHTA")` має повернути число.
+
+```js
+assert(typeof jaro('MARTHA', 'MARHTA') == 'number');
+```
+
+`jaro("MARTHA", "MARHTA")` має повернути `0.9444444444444445`.
+
+```js
+assert.equal(jaro('MARTHA', 'MARHTA'), 0.9444444444444445);
+```
+
+`jaro("DIXON", "DICKSONX")` має повернути `0.7666666666666666`.
+
+```js
+assert.equal(jaro('DIXON', 'DICKSONX'), 0.7666666666666666);
+```
+
+`jaro("JELLYFISH", "SMELLYFISH")` має повернути `0.8962962962962964`.
+
+```js
+assert.equal(jaro('JELLYFISH', 'SMELLYFISH'), 0.8962962962962964);
+```
+
+`jaro("HELLOS", "CHELLO")` має повернути `0.888888888888889`.
+
+```js
+assert.equal(jaro('HELLOS', 'CHELLO'), 0.888888888888889);
+```
+
+`jaro("ABCD", "BCDA")` має повернути `0.8333333333333334`.
+
+```js
+assert.equal(jaro('ABCD', 'BCDA'), 0.8333333333333334);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function jaro(s, t) {
+
+}
+```
+
+# --solutions--
+
+```js
+function jaro(s, t) {
+  var s_len = s.length;
+  var t_len = t.length;
+
+  if (s_len == 0 && t_len == 0) return 1;
+
+  var match_distance = Math.max(s_len, t_len) / 2 - 1;
+
+  var s_matches = new Array(s_len);
+  var t_matches = new Array(t_len);
+
+  var matches = 0;
+  var transpositions = 0;
+
+  for (var i = 0; i < s_len; i++) {
+    var start = Math.max(0, i - match_distance);
+    var end = Math.min(i + match_distance + 1, t_len);
+
+    for (var j = start; j < end; j++) {
+      if (t_matches[j]) continue;
+      if (s.charAt(i) != t.charAt(j)) continue;
+      s_matches[i] = true;
+      t_matches[j] = true;
+      matches++;
+      break;
+    }
+  }
+
+  if (matches == 0) return 0;
+
+  var k = 0;
+  for (var i = 0; i < s_len; i++) {
+    if (!s_matches[i]) continue;
+    while (!t_matches[k]) k++;
+    if (s.charAt(i) != t.charAt(k)) transpositions++;
+    k++;
+  }
+
+  return ((matches / s_len) +
+    (matches / t_len) +
+    ((matches - transpositions / 2.0) / matches)) / 3.0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jortsort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jortsort.md
new file mode 100644
index 0000000000..1b6122e2f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/jortsort.md
@@ -0,0 +1,90 @@
+---
+id: 5a23c84252665b21eecc7ec4
+title: JortSort
+challengeType: 5
+forumTopicId: 302293
+dashedName: jortsort
+---
+
+# --description--
+
+jortSort — це набір інструментів для сортування, за допомогою яких користувач виконає роботу і гарантує ефективність, оскільки вам більше не доведеться сортувати. Вперше, його представила Дженн "Moneydollars" Шиффер на престижному [JSConf](https://www.youtube.com/watch?v=pj4U_W0OFoE).
+
+jortSort має бути функцією, яка бере в якості аргументу єдиний масив об'єктів, що можна порівняти. Потім він сортує масив у порядку зростання та порівнює відсортований масив з початковим масивом. Якщо масиви збігаються (тобто вихідний масив вже було відсортовано), функція повертає true. Якщо масиви не співпадають (наприклад, вихідний масив не було сортовано), функція повертає false.
+
+# --hints--
+
+`jortsort` має бути функцією.
+
+```js
+assert(typeof jortsort == 'function');
+```
+
+`jortsort([1,2,3,4,5])` має повернути boolean.
+
+```js
+assert(typeof jortsort([1, 2, 3, 4, 5]) == 'boolean');
+```
+
+`jortsort([1,2,3,4,5])` має повернути `true`.
+
+```js
+assert.equal(jortsort([1, 2, 3, 4, 5]), true);
+```
+
+`jortsort([1,2,13,4,5])` має повернути `false`.
+
+```js
+assert.equal(jortsort([1, 2, 13, 4, 5]), false);
+```
+
+`jortsort([12,4,51,2,4])` має повернути `false`.
+
+```js
+assert.equal(jortsort([12, 4, 51, 2, 4]), false);
+```
+
+`jortsort([1,2])` має повернути `true`.
+
+```js
+assert.equal(jortsort([1, 2]), true);
+```
+
+`jortsort([5,4,3,2,1])` має повернути `false`.
+
+```js
+assert.equal(jortsort([5, 4, 3, 2, 1]), false);
+```
+
+`jortsort([1,1,1,1,1])` має повернути `true`.
+
+```js
+assert.equal(jortsort([1, 1, 1, 1, 1]), true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function jortsort(array) {
+
+}
+```
+
+# --solutions--
+
+```js
+function jortsort(array) {
+  // sort the array
+  var originalArray = array.slice(0);
+  array.sort( function(a,b){return a - b} );
+
+  // compare to see if it was originally sorted
+  for (var i = 0; i < originalArray.length; ++i) {
+    if (originalArray[i] !== array[i]) return false;
+  }
+
+  return true;
+};
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/josephus-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/josephus-problem.md
new file mode 100644
index 0000000000..9790fe772b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/josephus-problem.md
@@ -0,0 +1,98 @@
+---
+id: 5a23c84252665b21eecc7ec5
+title: Задача Йосифа Флавія
+challengeType: 5
+forumTopicId: 302294
+dashedName: josephus-problem
+---
+
+# --description--
+
+[ Задача Йосифа Флавія](https://en.wikipedia.org/wiki/Josephus problem) це математична головоломка з похмурим описом: $n$ ув'язнені стоять у колі, послідовно пронумеровані від $0$ до $n-1$.
+
+Кат йде по колу, починаючи від ув’язненого $0$, виводить кожного $k$-го ув’язненого і вбиває його.
+
+З часом, коло стає все меншим і меншим, поки не залишиться лише один в’язень, якого потім відпускають.
+
+Наприклад, якщо є $n = 5$ ув'язнених і $k = 2$, порядок вбивства в'язнів (назвемо це "послідовністю вбивств") буде 1, 3, 0 і 4, а вцілілий буде #2.
+
+Враховуючи будь-які $n, k > 0$, дізнайтеся, хто з ув'язнених виживе.
+
+В одному з таких випадків було 41 ув'язнених, а кожен 3 <sup>rd</sup> в'язень був убитий ($k=3$).
+
+Серед них був розумний хлопець на ім'я Йосип, який вирішив цю задачу, та обрав виграшну позицію, а згодом постійно розповідав про це.
+
+Який номер він обрав?
+
+# --instructions--
+
+Напишіть функцію, яка бере початкову кількість ув'язнених і "k" в якості параметра і повертає номер в'язня, який вижив.
+
+# --hints--
+
+`josephus` повинен бути функцією.
+
+```js
+assert(typeof josephus == 'function');
+```
+
+`josephus(30,3)` повинен повернути число.
+
+```js
+assert(typeof josephus(30, 3) == 'number');
+```
+
+`josephus(30,3)` має повернути `28`.
+
+```js
+assert.equal(josephus(30, 3), 28);
+```
+
+`josephus(30,5)` має повернути `2`.
+
+```js
+assert.equal(josephus(30, 5), 2);
+```
+
+`josephus(20,2)` повинен повернути `8`.
+
+```js
+assert.equal(josephus(20, 2), 8);
+```
+
+`josephus(17,6)` повинен повернути `1`.
+
+```js
+assert.equal(josephus(17, 6), 1);
+```
+
+`josephus(29,4)` повинен повернути `1`.
+
+```js
+assert.equal(josephus(29, 4), 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function josephus(init, kill) {
+
+}
+```
+
+# --solutions--
+
+```js
+function josephus(init, kill) {
+  const arr = Array.from(Array(init).keys());
+  let curr = -1
+  while (arr.length > 1) {
+    curr = (curr + kill) % arr.length;
+    arr.splice(curr, 1);
+    curr--;
+  }
+  return arr[0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/k-d-tree.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/k-d-tree.md
new file mode 100644
index 0000000000..d8aa2463fe
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/k-d-tree.md
@@ -0,0 +1,469 @@
+---
+id: 5a23c84252665b21eecc7ecb
+title: K-d дерево
+challengeType: 5
+forumTopicId: 302295
+dashedName: k-d-tree
+---
+
+# --description--
+
+K-d дерево (скорочення від *k*-вимірне дерево) — це структура даних з поділом простору для упорядкування точок у k-вимірному просторі. k-d дерева є корисною структурою даних для декількох застосувань, таких як пошуки у багатовимірному просторі ключів (напр., пошук діапазонів і пошук найближчого сусіда). k-d дерева — це особливий вид дерев двійкового поділу простору. Однак, k-d дерева не підходять для пошуку найближчого сусіда у високорозмірних просторах. Взагалі, якщо розмірність — це *k*, кількість точок у даних, *N*, повинна становити *N* ≫ 2<sup><i>k</i></sup>. Інакше, коли k-d дерева використовуються з високорозмірними даними, більшість точок дерева будуть оцінені, а ефективність не буде кращою, ніж вичерпний пошук, тож замість цього використовують інші методи, такі як приблизний найближчий сусід.
+
+# --instructions--
+
+Напишіть функцію, яка виконає пошук найближчого сусіда за допомогою k-d дерева. Функція потребує два параметри: масив k-вимірних точок і одну k-вимірну точку, найближчий сусід якої має бути виданий функцією. K-вимірна точка буде дана як набір k-елементів.
+
+# --hints--
+
+`kdNN` має бути функцією.
+
+```js
+assert(typeof kdNN == 'function');
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    kdNN(
+      [
+        [2, 3],
+        [5, 4],
+        [9, 6],
+        [4, 7],
+        [8, 1],
+        [7, 2]
+      ],
+      [9, 2]
+    )
+  )
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3],
+      [5, 4],
+      [9, 6],
+      [4, 7],
+      [8, 1],
+      [7, 2]
+    ],
+    [9, 2]
+  ),
+  [8, 1]
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3],
+      [5, 4],
+      [9, 6],
+      [4, 7],
+      [8, 1],
+      [7, 2]
+    ],
+    [7, 1]
+  ),
+  [8, 1]
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3],
+      [5, 4],
+      [9, 6],
+      [4, 7],
+      [8, 1],
+      [7, 2]
+    ],
+    [3, 2]
+  ),
+  [2, 3]
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3, 1],
+      [9, 4, 5],
+      [4, 6, 7],
+      [1, 2, 5],
+      [7, 8, 9],
+      [3, 6, 1]
+    ],
+    [1, 2, 3]
+  ),
+  [1, 2, 5]
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3, 1],
+      [9, 4, 5],
+      [4, 6, 7],
+      [1, 2, 5],
+      [7, 8, 9],
+      [3, 6, 1]
+    ],
+    [4, 5, 6]
+  ),
+  [4, 6, 7]
+);
+```
+
+`kdNN([[[2, 3], [5, 4], [9, 6], [4, 7], [8, 1], [7, 2]], [9, 2])` має повернути масив.
+
+```js
+assert.deepEqual(
+  kdNN(
+    [
+      [2, 3, 1],
+      [9, 4, 5],
+      [4, 6, 7],
+      [1, 2, 5],
+      [7, 8, 9],
+      [3, 6, 1]
+    ],
+    [8, 8, 8]
+  ),
+  [7, 8, 9]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function kdNN(fpoints, fpoint) {
+
+}
+```
+
+# --solutions--
+
+```js
+function kdNN(fpoints, fpoint) {
+  function Node(obj, dimension, parent) {
+    this.obj = obj;
+    this.left = null;
+    this.right = null;
+    this.parent = parent;
+    this.dimension = dimension;
+  }
+
+  function kdTree(points, metric, dimensions) {
+    var self = this;
+
+    function buildTree(points, depth, parent) {
+      var dim = depth % dimensions.length,
+        median,
+        node;
+
+      if (points.length === 0) {
+        return null;
+      }
+      if (points.length === 1) {
+        return new Node(points[0], dim, parent);
+      }
+
+      points.sort(function(a, b) {
+        return a[dimensions[dim]] - b[dimensions[dim]];
+      });
+
+      median = Math.floor(points.length / 2);
+      node = new Node(points[median], dim, parent);
+      node.left = buildTree(points.slice(0, median), depth + 1, node);
+      node.right = buildTree(points.slice(median + 1), depth + 1, node);
+
+      return node;
+    }
+
+    this.root = buildTree(points, 0, null);
+
+    this.insert = function(point) {
+      function innerSearch(node, parent) {
+        if (node === null) {
+          return parent;
+        }
+
+        var dimension = dimensions[node.dimension];
+        if (point[dimension] < node.obj[dimension]) {
+          return innerSearch(node.left, node);
+        } else {
+          return innerSearch(node.right, node);
+        }
+      }
+
+      var insertPosition = innerSearch(this.root, null),
+        newNode,
+        dimension;
+
+      if (insertPosition === null) {
+        this.root = new Node(point, 0, null);
+        return;
+      }
+
+      newNode = new Node(
+        point,
+        (insertPosition.dimension + 1) % dimensions.length,
+        insertPosition
+      );
+      dimension = dimensions[insertPosition.dimension];
+
+      if (point[dimension] < insertPosition.obj[dimension]) {
+        insertPosition.left = newNode;
+      } else {
+        insertPosition.right = newNode;
+      }
+    };
+
+    this.nearest = function(point, maxNodes, maxDistance) {
+      var i, result, bestNodes;
+
+      bestNodes = new BinaryHeap(function(e) {
+        return -e[1];
+      });
+
+      function nearestSearch(node) {
+        var bestChild,
+          dimension = dimensions[node.dimension],
+          ownDistance = metric(point, node.obj),
+          linearPoint = {},
+          linearDistance,
+          otherChild,
+          i;
+
+        function saveNode(node, distance) {
+          bestNodes.push([node, distance]);
+          if (bestNodes.size() > maxNodes) {
+            bestNodes.pop();
+          }
+        }
+
+        for (i = 0; i < dimensions.length; i += 1) {
+          if (i === node.dimension) {
+            linearPoint[dimensions[i]] = point[dimensions[i]];
+          } else {
+            linearPoint[dimensions[i]] = node.obj[dimensions[i]];
+          }
+        }
+
+        linearDistance = metric(linearPoint, node.obj);
+
+        if (node.right === null && node.left === null) {
+          if (
+            bestNodes.size() < maxNodes ||
+            ownDistance < bestNodes.peek()[1]
+          ) {
+            saveNode(node, ownDistance);
+          }
+          return;
+        }
+
+        if (node.right === null) {
+          bestChild = node.left;
+        } else if (node.left === null) {
+          bestChild = node.right;
+        } else {
+          if (point[dimension] < node.obj[dimension]) {
+            bestChild = node.left;
+          } else {
+            bestChild = node.right;
+          }
+        }
+
+        nearestSearch(bestChild);
+
+        if (bestNodes.size() < maxNodes || ownDistance < bestNodes.peek()[1]) {
+          saveNode(node, ownDistance);
+        }
+
+        if (
+          bestNodes.size() < maxNodes ||
+          Math.abs(linearDistance) < bestNodes.peek()[1]
+        ) {
+          if (bestChild === node.left) {
+            otherChild = node.right;
+          } else {
+            otherChild = node.left;
+          }
+          if (otherChild !== null) {
+            nearestSearch(otherChild);
+          }
+        }
+      }
+
+      if (maxDistance) {
+        for (i = 0; i < maxNodes; i += 1) {
+          bestNodes.push([null, maxDistance]);
+        }
+      }
+
+      if (self.root) nearestSearch(self.root);
+
+      result = [];
+
+      for (i = 0; i < Math.min(maxNodes, bestNodes.content.length); i += 1) {
+        if (bestNodes.content[i][0]) {
+          result.push([bestNodes.content[i][0].obj, bestNodes.content[i][1]]);
+        }
+      }
+      return result;
+    };
+  }
+
+  function BinaryHeap(scoreFunction) {
+    this.content = [];
+    this.scoreFunction = scoreFunction;
+  }
+
+  BinaryHeap.prototype = {
+    push: function(element) {
+      // Add the new element to the end of the array.
+      this.content.push(element);
+      // Allow it to bubble up.
+      this.bubbleUp(this.content.length - 1);
+    },
+
+    pop: function() {
+      // Store the first element so we can return it later.
+      var result = this.content[0];
+      // Get the element at the end of the array.
+      var end = this.content.pop();
+      // If there are any elements left, put the end element at the
+      // start, and let it sink down.
+      if (this.content.length > 0) {
+        this.content[0] = end;
+        this.sinkDown(0);
+      }
+      return result;
+    },
+
+    peek: function() {
+      return this.content[0];
+    },
+
+    size: function() {
+      return this.content.length;
+    },
+
+    bubbleUp: function(n) {
+      // Fetch the element that has to be moved.
+      var element = this.content[n];
+      // When at 0, an element can not go up any further.
+      while (n > 0) {
+        // Compute the parent element's index, and fetch it.
+        var parentN = Math.floor((n + 1) / 2) - 1,
+          parent = this.content[parentN];
+        // Swap the elements if the parent is greater.
+        if (this.scoreFunction(element) < this.scoreFunction(parent)) {
+          this.content[parentN] = element;
+          this.content[n] = parent;
+          // Update 'n' to continue at the new position.
+          n = parentN;
+        }
+        // Found a parent that is less, no need to move it further.
+        else {
+          break;
+        }
+      }
+    },
+
+    sinkDown: function(n) {
+      // Look up the target element and its score.
+      var length = this.content.length,
+        element = this.content[n],
+        elemScore = this.scoreFunction(element);
+
+      while (true) {
+        // Compute the indices of the child elements.
+        var child2N = (n + 1) * 2,
+          child1N = child2N - 1;
+        // This is used to store the new position of the element,
+        // if any.
+        var swap = null;
+        // If the first child exists (is inside the array)...
+        if (child1N < length) {
+          // Look it up and compute its score.
+          var child1 = this.content[child1N],
+            child1Score = this.scoreFunction(child1);
+          // If the score is less than our element's, we need to swap.
+          if (child1Score < elemScore) swap = child1N;
+        }
+        // Do the same checks for the other child.
+        if (child2N < length) {
+          var child2 = this.content[child2N],
+            child2Score = this.scoreFunction(child2);
+          if (child2Score < (swap == null ? elemScore : child1Score)) {
+            swap = child2N;
+          }
+        }
+
+        // If the element needs to be moved, swap it, and continue.
+        if (swap != null) {
+          this.content[n] = this.content[swap];
+          this.content[swap] = element;
+          n = swap;
+        }
+        // Otherwise, we are done.
+        else {
+          break;
+        }
+      }
+    }
+  };
+
+  var dims = [];
+
+  for (var i = 0; i < fpoint.length; i++) dims.push(i);
+
+  var tree = new kdTree(
+    fpoints,
+    function(e1, e2) {
+      var d = 0;
+      var e3 = e1;
+      if (!Array.isArray(e1)) {
+        e3 = [];
+        for (var key in e1) e3.push(e1[key]);
+
+        e1 = e3;
+      }
+      e1.forEach(function(e, i) {
+        var sqd = e1[i] - e2[i];
+        d += sqd * sqd;
+      });
+      return d;
+    },
+    dims
+  );
+
+  return tree.nearest(fpoint, 1, 1000)[0][0];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/kaprekar-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/kaprekar-numbers.md
new file mode 100644
index 0000000000..e3515cb314
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/kaprekar-numbers.md
@@ -0,0 +1,110 @@
+---
+id: 5a23c84252665b21eecc7eca
+title: Числа Капрекара
+challengeType: 5
+forumTopicId: 302296
+dashedName: kaprekar-numbers
+---
+
+# --description--
+
+Додатнє ціле число — це [число Капрекара](https://en.wikipedia.org/wiki/Kaprekar number), якщо:
+
+<ul>
+  <li>Це 1, або</li>
+  <li>Квадрат числа у десятковій системі числення можна розбити на дві частини, сума яких дає початкове число. </li>
+</ul>
+
+Зауважте, що розділ у результаті якого вийдуть лише нулі, є недопустимим, оскільки 0 не вважається додатним числом.
+
+Приклади чисел Капрекара:
+
+<ul>
+  <li><code>2223</code> це число Капрекар, оскільки <code>2223 * 2223 = 4941729</code> <code>4941729</code> може бути розділено на <code>494</code> та <code>1729</code>, та <code>494 + 1729 = 2223</code></li>
+  <li>Серія чисел Kaprekar відома як <a href='https://oeis.org/A006886' target='_blank'>A006886</a>, і починається <code>1, 9, 45, 55, ...</code></li>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, яка приймає число $n$, основа $bs$, і повертає true, якщо число - це число Капрекара для цієї основи. В іншому випадку видається результат false.
+
+# --hints--
+
+`isKaprekar` повинен бути функцією.
+
+```js
+assert(typeof isKaprekar == 'function');
+```
+
+`isKaprekar(1, 10)` повинен стати логічним значенням.
+
+```js
+assert(typeof isKaprekar(1, 10) == 'boolean');
+```
+
+`isKaprekar(1, 10)`повинен повертати `true`.
+
+```js
+assert.equal(isKaprekar(1, 10), true);
+```
+
+`isKaprekar(9, 10)` повинен повертати `true`.
+
+```js
+assert.equal(isKaprekar(9, 10), true);
+```
+
+`isKaprekar(2223, 10)` повинен повертати `true`.
+
+```js
+assert.equal(isKaprekar(2223, 10), true);
+```
+
+`isKaprekar(22823, 10)` повинен повертати `false`.
+
+```js
+assert.equal(isKaprekar(22823, 10), false);
+```
+
+`isKaprekar(9, 17)` повинен повертати `false`.
+
+```js
+assert.equal(isKaprekar(9, 17), false);
+```
+
+`isKaprekar(225, 17)` повинен повертати `true`.
+
+```js
+assert.equal(isKaprekar(225, 17), true);
+```
+
+`isKaprekar(999, 17)` повинен повертати `false`.
+
+```js
+assert.equal(isKaprekar(999, 17), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isKaprekar(n, bs) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isKaprekar(n, bs) {
+  if (n < 1) return false;
+  if (n == 1) return true;
+  for (var a = n * n, b = 0, s = 1; a; s *= bs) {
+    b += (a % bs) * s;
+    a = Math.floor(a / bs);
+    if (b && a + b == n) return true;
+  }
+  return false;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-0-1.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-0-1.md
new file mode 100644
index 0000000000..768544e51b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-0-1.md
@@ -0,0 +1,255 @@
+---
+id: 5a23c84252665b21eecc7ed1
+title: Задача пакування рюкзака/0-1
+challengeType: 5
+forumTopicId: 323649
+dashedName: knapsack-problem0-1
+---
+
+# --description--
+
+Задача пакування рюкзака/0-1 виглядає так:
+
+Дано масив об'єктів, які необхідно помістити у рюкзак. Кожен об'єкт має назву, вагу та цінність. Необхідно обрати об'єкти в такий спосіб, аби максимізувати сумарну вартість (або користь), але не перевищити максимально припустиму масу.
+
+# --instructions--
+
+Напишіть функцію, щоб розв'язати задачу пакування рюкзака. У параметрах функції вказуюється масив об’єктів і максимальна вага. Вона має повертати найбільше можливе значення.
+
+# --hints--
+
+`knapsack([{ name:'map', weight:9, value:150 }, { name:'compass', weight:13, value:35 }, { name:'water', weight:153, value:200 }, { name:'sandwich', weight:50, value:160 }, { name:'glucose', weight:15, value:60 }, { name:'tin', weight:68, value:45 }, { name:'banana', weight:27, value:60 }, { name:'apple', weight:39, value:40 }], 100)` має повертати `405`.
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'map', weight: 9, value: 150 },
+      { name: 'compass', weight: 13, value: 35 },
+      { name: 'water', weight: 153, value: 200 },
+      { name: 'sandwich', weight: 50, value: 160 },
+      { name: 'glucose', weight: 15, value: 60 },
+      { name: 'tin', weight: 68, value: 45 },
+      { name: 'banana', weight: 27, value: 60 },
+      { name: 'apple', weight: 39, value: 40 }
+    ],
+    100
+  ),
+  405
+);
+```
+
+`knapsack([{ name:'map', weight:9, value:150 }, { name:'compass', weight:13, value:35 }, { name:'water', weight:153, value:200 }, { name:'sandwich', weight:50, value:160 }, { name:'glucose', weight:15, value:60 }, { name:'tin', weight:68, value:45 }, { name:'banana', weight:27, value:60 }, { name:'apple', weight:39, value:40 }], 200)` має повертати`510`.
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'map', weight: 9, value: 150 },
+      { name: 'compass', weight: 13, value: 35 },
+      { name: 'water', weight: 153, value: 200 },
+      { name: 'sandwich', weight: 50, value: 160 },
+      { name: 'glucose', weight: 15, value: 60 },
+      { name: 'tin', weight: 68, value: 45 },
+      { name: 'banana', weight: 27, value: 60 },
+      { name: 'apple', weight: 39, value: 40 }
+    ],
+    200
+  ),
+  510
+);
+```
+
+`knapsack([{ name:'cheese', weight:23, value:30 }, { name:'beer', weight:52, value:10 }, { name:'suntan cream', weight:11, value:70 }, { name:'camera', weight:32, value:30 }, { name:'T-shirt', weight:24, value:15 }, { name:'trousers', weight:48, value:10 }, { name:'umbrella', weight:73, value:40 }], 100)` має повертати`145`.
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'cheese', weight: 23, value: 30 },
+      { name: 'beer', weight: 52, value: 10 },
+      { name: 'suntan cream', weight: 11, value: 70 },
+      { name: 'camera', weight: 32, value: 30 },
+      { name: 'T-shirt', weight: 24, value: 15 },
+      { name: 'trousers', weight: 48, value: 10 },
+      { name: 'umbrella', weight: 73, value: 40 }
+    ],
+    100
+  ),
+  145
+);
+```
+
+`knapsack([{ name:'cheese', weight:23, value:30 }, { name:'beer', weight:52, value:10 }, { name:'suntan cream', weight:11, value:70 }, { name:'camera', weight:32, value:30 }, { name:'T-shirt', weight:24, value:15 }, { name:'trousers', weight:48, value:10 }, { name:'umbrella', weight:73, value:40 }], 200)` має повертати`185`.
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'cheese', weight: 23, value: 30 },
+      { name: 'beer', weight: 52, value: 10 },
+      { name: 'suntan cream', weight: 11, value: 70 },
+      { name: 'camera', weight: 32, value: 30 },
+      { name: 'T-shirt', weight: 24, value: 15 },
+      { name: 'trousers', weight: 48, value: 10 },
+      { name: 'umbrella', weight: 73, value: 40 }
+    ],
+    200
+  ),
+  185
+);
+```
+
+`knapsack([{ name:'waterproof trousers', weight:42, value:70 }, { name:'waterproof overclothes', weight:43, value:75 }, { name:'note-case', weight:22, value:80 }, { name:'sunglasses', weight:7, value:20 }, { name:'towel', weight:18, value:12 }, { name:'socks', weight:4, value:50 }, { name:'book', weight:30, value:10 }], 100)` має повертати`237`.
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'waterproof trousers', weight: 42, value: 70 },
+      { name: 'waterproof overclothes', weight: 43, value: 75 },
+      { name: 'note-case', weight: 22, value: 80 },
+      { name: 'sunglasses', weight: 7, value: 20 },
+      { name: 'towel', weight: 18, value: 12 },
+      { name: 'socks', weight: 4, value: 50 },
+      { name: 'book', weight: 30, value: 10 }
+    ],
+    100
+  ),
+  237
+);
+```
+
+`knapsack([{ name:'waterproof trousers', weight:42, value:70 }, { name:'waterproof overclothes', weight:43, value:75 }, { name:'note-case', weight:22, value:80 }, { name:'sunglasses', weight:7, value:20 }, { name:'towel', weight:18, value:12 }, { name:'socks', weight:4, value:50 }, { name:'book', weight:30, value:10 }], 200)` має повертати`317`.'
+
+```js
+assert.equal(
+  knapsack(
+    [
+      { name: 'waterproof trousers', weight: 42, value: 70 },
+      { name: 'waterproof overclothes', weight: 43, value: 75 },
+      { name: 'note-case', weight: 22, value: 80 },
+      { name: 'sunglasses', weight: 7, value: 20 },
+      { name: 'towel', weight: 18, value: 12 },
+      { name: 'socks', weight: 4, value: 50 },
+      { name: 'book', weight: 30, value: 10 }
+    ],
+    200
+  ),
+  317
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function knapsack(items, maxweight) {
+
+}
+```
+
+# --solutions--
+
+```js
+function knapsack(items, maxweight) {
+  var _ = {
+    max: function(e) {
+      var mx = e[0];
+      e.forEach(function(f) {
+        if (mx < f) mx = f;
+      });
+      return mx;
+    },
+    map: function(array, func) {
+      return array.map(func);
+    },
+    isUndefined: function(a) {
+      if (a) {
+        return false;
+      }
+      return true;
+    },
+    range: function(start, end, step) {
+      var a = [];
+      var f = (f = (i, end) => i < end);
+      if (start > end) f = (i, end) => i > end;
+
+      for (var i = start; f(i, end); i += step) a.push(i);
+      return a;
+    }
+  };
+
+  var valuefn = e => e.value;
+  var weightfn = e => e.weight;
+  var _epsilon = 0.01;
+  var _p = _.max(_.map(items, valuefn));
+  var _k = (_epsilon * _p) / items.length;
+
+  var _memo = (function() {
+    var _mem = {};
+    var _key = function(i, w) {
+      return i + '::' + w;
+    };
+    return {
+      get: function(i, w) {
+        return _mem[_key(i, w)];
+      },
+      put: function(i, w, r) {
+        _mem[_key(i, w)] = r;
+        return r;
+      }
+    };
+  })();
+
+  var _m = function(i, w) {
+    i = Math.round(i);
+    w = Math.round(w);
+
+    if (i < 0 || w === 0) {
+      // empty base case
+      return { items: [], totalWeight: 0, totalValue: 0 };
+    }
+
+    var mm = _memo.get(i, w);
+    if (!_.isUndefined(mm)) {
+      return mm;
+    }
+
+    var item = items[i];
+    if (weightfn(item) > w) {
+      //item does not fit, try the next item
+      return _memo.put(i, w, _m(i - 1, w));
+    }
+    // this item could fit.
+    // are we better off excluding it?
+    var excluded = _m(i - 1, w);
+    // or including it?
+    var included = _m(i - 1, w - weightfn(item));
+    if (
+      included.totalValue + Math.floor(valuefn(item) / _k) >
+      excluded.totalValue
+    ) {
+      // better off including it
+      // make a copy of the list
+      var i1 = included.items.slice();
+      i1.push(item);
+      return _memo.put(i, w, {
+        items: i1,
+        totalWeight: included.totalWeight + weightfn(item),
+        totalValue: included.totalValue + Math.floor(valuefn(item) / _k)
+      });
+    }
+    //better off excluding it
+    return _memo.put(i, w, excluded);
+  };
+  var scaled = _m(items.length - 1, maxweight);
+
+  var val = 0;
+  scaled.items.forEach(function(e) {
+    val += e.value;
+  });
+  return val;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-bounded.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-bounded.md
new file mode 100644
index 0000000000..4aa8120963
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-bounded.md
@@ -0,0 +1,212 @@
+---
+id: 5a23c84252665b21eecc7ed2
+title: Обмежена задача пакування рюкзака
+challengeType: 5
+forumTopicId: 323652
+dashedName: knapsack-problembounded
+---
+
+# --description--
+
+Обмежена задача пакування:
+
+Дано масив об'єктів, які потрібно помістити в рюкзак. Кожен об'єкти має назву, частини (кількість конкретного товару), вагу та цінність. Необхідно обрати об'єкти в такий спосіб, аби максимізувати сумарну вартість (або користь), але не перевищити максимально припустиму масу. Пам'ятайте, що кожен об'єкт може відображатися у межах 0 і `pieces` разів.
+
+# --instructions--
+
+Напишіть функцію, щоб розв'язати задачу пакування рюкзака. У параметрах функції вказується масив об’єктів і максимальна вагу. Вона має повернути найбільше можливе значення.
+
+# --hints--
+
+`findBestPack([{ name:'map', weight:9, value:150, pieces:1 }, { name:'compass', weight:13, value:35, pieces:1 }, { name:'water', weight:153, value:200, pieces:2 }, { name:'sandwich', weight:50, value:60, pieces:2 }, { name:'glucose', weight:15, value:60, pieces:2 }, { name:'tin', weight:68, value:45, pieces:3 }, { name:'banana', weight:27, value:60, pieces:3 }, { name:'apple', weight:39, value:40, pieces:3 }, { name:'cheese', weight:23, value:30, pieces:1 }, { name:'beer', weight:52, value:10, pieces:3 }, { name:'suntan, cream', weight:11, value:70, pieces:1 }, { name:'camera', weight:32, value:30, pieces:1 }, { name:'T-shirt', weight:24, value:15, pieces:2 }], 300)` має повертати`755`.
+
+```js
+assert.equal(
+  findBestPack(
+    [
+      { name: 'map', weight: 9, value: 150, pieces: 1 },
+      { name: 'compass', weight: 13, value: 35, pieces: 1 },
+      { name: 'water', weight: 153, value: 200, pieces: 2 },
+      { name: 'sandwich', weight: 50, value: 60, pieces: 2 },
+      { name: 'glucose', weight: 15, value: 60, pieces: 2 },
+      { name: 'tin', weight: 68, value: 45, pieces: 3 },
+      { name: 'banana', weight: 27, value: 60, pieces: 3 },
+      { name: 'apple', weight: 39, value: 40, pieces: 3 },
+      { name: 'cheese', weight: 23, value: 30, pieces: 1 },
+      { name: 'beer', weight: 52, value: 10, pieces: 3 },
+      { name: 'suntan, cream', weight: 11, value: 70, pieces: 1 },
+      { name: 'camera', weight: 32, value: 30, pieces: 1 },
+      { name: 'T-shirt', weight: 24, value: 15, pieces: 2 }
+    ],
+    300
+  ),
+  755
+);
+```
+
+`findBestPack([{ name:'map', weight:9, value:150, pieces:1 }, { name:'compass', weight:13, value:35, pieces:1 }, { name:'water', weight:153, value:200, pieces:2 }, { name:'sandwich', weight:50, value:60, pieces:2 }, { name:'glucose', weight:15, value:60, pieces:2 }, { name:'tin', weight:68, value:45, pieces:3 }, { name:'banana', weight:27, value:60, pieces:3 }, { name:'apple', weight:39, value:40, pieces:3 }, { name:'cheese', weight:23, value:30, pieces:1 }, { name:'beer', weight:52, value:10, pieces:3 }, { name:'suntan, cream', weight:11, value:70, pieces:1 }, { name:'camera', weight:32, value:30, pieces:1 }, { name:'T-shirt', weight:24, value:15, pieces:2 }], 400)` має повертати`875`.
+
+```js
+assert.equal(
+  findBestPack(
+    [
+      { name: 'map', weight: 9, value: 150, pieces: 1 },
+      { name: 'compass', weight: 13, value: 35, pieces: 1 },
+      { name: 'water', weight: 153, value: 200, pieces: 2 },
+      { name: 'sandwich', weight: 50, value: 60, pieces: 2 },
+      { name: 'glucose', weight: 15, value: 60, pieces: 2 },
+      { name: 'tin', weight: 68, value: 45, pieces: 3 },
+      { name: 'banana', weight: 27, value: 60, pieces: 3 },
+      { name: 'apple', weight: 39, value: 40, pieces: 3 },
+      { name: 'cheese', weight: 23, value: 30, pieces: 1 },
+      { name: 'beer', weight: 52, value: 10, pieces: 3 },
+      { name: 'suntan, cream', weight: 11, value: 70, pieces: 1 },
+      { name: 'camera', weight: 32, value: 30, pieces: 1 },
+      { name: 'T-shirt', weight: 24, value: 15, pieces: 2 }
+    ],
+    400
+  ),
+  875
+);
+```
+
+`findBestPack([{ name:'map', weight:9, value:150, pieces:1 }, { name:'compass', weight:13, value:35, pieces:1 }, { name:'water', weight:153, value:200, pieces:2 }, { name:'sandwich', weight:50, value:60, pieces:2 }, { name:'glucose', weight:15, value:60, pieces:2 }, { name:'tin', weight:68, value:45, pieces:3 }, { name:'banana', weight:27, value:60, pieces:3 }, { name:'apple', weight:39, value:40, pieces:3 }, { name:'cheese', weight:23, value:30, pieces:1 }, { name:'beer', weight:52, value:10, pieces:3 }, { name:'suntan, cream', weight:11, value:70, pieces:1 }, { name:'camera', weight:32, value:30, pieces:1 }, { name:'T-shirt', weight:24, value:15, pieces:2 }], 500)` має повертати`1015`.
+
+```js
+assert.equal(
+  findBestPack(
+    [
+      { name: 'map', weight: 9, value: 150, pieces: 1 },
+      { name: 'compass', weight: 13, value: 35, pieces: 1 },
+      { name: 'water', weight: 153, value: 200, pieces: 2 },
+      { name: 'sandwich', weight: 50, value: 60, pieces: 2 },
+      { name: 'glucose', weight: 15, value: 60, pieces: 2 },
+      { name: 'tin', weight: 68, value: 45, pieces: 3 },
+      { name: 'banana', weight: 27, value: 60, pieces: 3 },
+      { name: 'apple', weight: 39, value: 40, pieces: 3 },
+      { name: 'cheese', weight: 23, value: 30, pieces: 1 },
+      { name: 'beer', weight: 52, value: 10, pieces: 3 },
+      { name: 'suntan, cream', weight: 11, value: 70, pieces: 1 },
+      { name: 'camera', weight: 32, value: 30, pieces: 1 },
+      { name: 'T-shirt', weight: 24, value: 15, pieces: 2 }
+    ],
+    500
+  ),
+  1015
+);
+```
+
+`findBestPack([{ name:'map', weight:9, value:150, pieces:1 }, { name:'compass', weight:13, value:35, pieces:1 }, { name:'water', weight:153, value:200, pieces:2 }, { name:'sandwich', weight:50, value:60, pieces:2 }, { name:'glucose', weight:15, value:60, pieces:2 }, { name:'tin', weight:68, value:45, pieces:3 }, { name:'banana', weight:27, value:60, pieces:3 }, { name:'apple', weight:39, value:40, pieces:3 }, { name:'cheese', weight:23, value:30, pieces:1 }, { name:'beer', weight:52, value:10, pieces:3 }, { name:'suntan, cream', weight:11, value:70, pieces:1 }, { name:'camera', weight:32, value:30, pieces:1 }, { name:'T-shirt', weight:24, value:15, pieces:2 }], 600)` should return `1120`.
+
+```js
+assert.equal(
+  findBestPack(
+    [
+      { name: 'map', weight: 9, value: 150, pieces: 1 },
+      { name: 'compass', weight: 13, value: 35, pieces: 1 },
+      { name: 'water', weight: 153, value: 200, pieces: 2 },
+      { name: 'sandwich', weight: 50, value: 60, pieces: 2 },
+      { name: 'glucose', weight: 15, value: 60, pieces: 2 },
+      { name: 'tin', weight: 68, value: 45, pieces: 3 },
+      { name: 'banana', weight: 27, value: 60, pieces: 3 },
+      { name: 'apple', weight: 39, value: 40, pieces: 3 },
+      { name: 'cheese', weight: 23, value: 30, pieces: 1 },
+      { name: 'beer', weight: 52, value: 10, pieces: 3 },
+      { name: 'suntan, cream', weight: 11, value: 70, pieces: 1 },
+      { name: 'camera', weight: 32, value: 30, pieces: 1 },
+      { name: 'T-shirt', weight: 24, value: 15, pieces: 2 }
+    ],
+    600
+  ),
+  1120
+);
+```
+
+`findBestPack([{ name:'map', weight:9, value:150, pieces:1 }, { name:'compass', weight:13, value:35, pieces:1 }, { name:'water', weight:153, value:200, pieces:2 }, { name:'sandwich', weight:50, value:60, pieces:2 }, { name:'glucose', weight:15, value:60, pieces:2 }, { name:'tin', weight:68, value:45, pieces:3 }, { name:'banana', weight:27, value:60, pieces:3 }, { name:'apple', weight:39, value:40, pieces:3 }, { name:'cheese', weight:23, value:30, pieces:1 }, { name:'beer', weight:52, value:10, pieces:3 }, { name:'suntan, cream', weight:11, value:70, pieces:1 }, { name:'camera', weight:32, value:30, pieces:1 }, { name:'T-shirt', weight:24, value:15, pieces:2 }], 700)` має повертати`1225`.
+
+```js
+assert.equal(
+  findBestPack(
+    [
+      { name: 'map', weight: 9, value: 150, pieces: 1 },
+      { name: 'compass', weight: 13, value: 35, pieces: 1 },
+      { name: 'water', weight: 153, value: 200, pieces: 2 },
+      { name: 'sandwich', weight: 50, value: 60, pieces: 2 },
+      { name: 'glucose', weight: 15, value: 60, pieces: 2 },
+      { name: 'tin', weight: 68, value: 45, pieces: 3 },
+      { name: 'banana', weight: 27, value: 60, pieces: 3 },
+      { name: 'apple', weight: 39, value: 40, pieces: 3 },
+      { name: 'cheese', weight: 23, value: 30, pieces: 1 },
+      { name: 'beer', weight: 52, value: 10, pieces: 3 },
+      { name: 'suntan, cream', weight: 11, value: 70, pieces: 1 },
+      { name: 'camera', weight: 32, value: 30, pieces: 1 },
+      { name: 'T-shirt', weight: 24, value: 15, pieces: 2 }
+    ],
+    700
+  ),
+  1225
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findBestPack(data, maxweight) {
+
+}
+```
+
+# --solutions--
+
+```js
+function findBestPack(data, maxweight) {
+  var m = [[0]]; // maximum pack value found so far
+  var b = [[0]]; // best combination found so far
+  var opts = [0]; // item index for 0 of item 0
+  var P = [1]; // item encoding for 0 of item 0
+  var choose = 0;
+  for (var j = 0; j < data.length; j++) {
+    opts[j + 1] = opts[j] + data[j].pieces; // item index for 0 of item j+1
+    P[j + 1] = P[j] * (1 + data[j].pieces); // item encoding for 0 of item j+1
+  }
+  for (var j = 0; j < opts[data.length]; j++) {
+    m[0][j + 1] = b[0][j + 1] = 0; // best values and combos for empty pack: nothing
+  }
+  for (var w = 1; w <= maxweight; w++) {
+    m[w] = [0];
+    b[w] = [0];
+    for (var j = 0; j < data.length; j++) {
+      var N = data[j].pieces; // how many of these can we have?
+      var base = opts[j]; // what is the item index for 0 of these?
+      for (var n = 1; n <= N; n++) {
+        var W = n * data[j].weight; // how much do these items weigh?
+        var s = w >= W ? 1 : 0; // can we carry this many?
+        var v = s * n * data[j].value; // how much are they worth?
+        var I = base + n; // what is the item number for this many?
+        var wN = w - s * W; // how much other stuff can we be carrying?
+        var C = n * P[j] + b[wN][base]; // encoded combination
+        m[w][I] = Math.max(m[w][I - 1], v + m[wN][base]); // best value
+        choose = b[w][I] = m[w][I] > m[w][I - 1] ? C : b[w][I - 1];
+      }
+    }
+  }
+
+  var best = [];
+  for (var j = data.length - 1; j >= 0; j--) {
+    best[j] = Math.floor(choose / P[j]);
+    choose -= best[j] * P[j];
+  }
+
+  var wgt = 0;
+  var val = 0;
+  for (var i = 0; i < best.length; i++) {
+    if (0 == best[i]) continue;
+    wgt += best[i] * data[i].weight;
+    val += best[i] * data[i].value;
+  }
+
+  return val;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-continuous.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-continuous.md
new file mode 100644
index 0000000000..903aa0b2f0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-continuous.md
@@ -0,0 +1,169 @@
+---
+id: 5a23c84252665b21eecc7ed3
+title: Задача пакування рюкзака/Безперервна
+challengeType: 5
+forumTopicId: 323654
+dashedName: knapsack-problemcontinuous
+---
+
+# --description--
+
+Злодій грабує м'ясну лавку і може вибрати декілька предметів.
+
+Злодій знає вагу і ціну кожного предмета. Оскільки його рюкзак має обмеження максимальної ваги, він хоче вибрати предмети так, щоб отримати максимальний прибуток. Він може розрізати предмети; після різання ціна товару знизиться пропорційно початковій ціні за співвідношенням мас. Тобто половина товару коштуватиме вдвічі дешевше від початкової вартості.
+
+# --instructions--
+
+Напишіть функцію, яка приймає масив об'єктів, що становлять товари, доступні в магазині. Кожен об'єкт має назву, вагу та вартість. У параметрах функції також вказується максимальна вага. Функція повинна повернути максимально можливе значення, а загальна вага вибраних елементів не повинна перевищувати максимальну вагу.
+
+# --hints--
+
+`knapContinuous([{ "weight":3.8, "value":36, name:"beef" }, { "weight":5.4, "value":43, name:"pork" }, { "weight":3.6, "value":90, name:"ham" }, { "weight":2.4, "value":45, name:"greaves" }, { "weight":4.0, "value":30, name:"flitch" }, { "weight":2.5, "value":56, name:"brawn" }, { "weight":3.7, "value":67, name:"welt" }, { "weight":3.0, "value":95, name:"salami" }, { "weight":5.9, "value":98, name:"sausage" }], 10)` має повертати`257.875`.
+
+```js
+assert.equal(
+  knapContinuous(
+    [
+      { weight: 3.8, value: 36, name: 'beef' },
+      { weight: 5.4, value: 43, name: 'pork' },
+      { weight: 3.6, value: 90, name: 'ham' },
+      { weight: 2.4, value: 45, name: 'greaves' },
+      { weight: 4.0, value: 30, name: 'flitch' },
+      { weight: 2.5, value: 56, name: 'brawn' },
+      { weight: 3.7, value: 67, name: 'welt' },
+      { weight: 3.0, value: 95, name: 'salami' },
+      { weight: 5.9, value: 98, name: 'sausage' }
+    ],
+    10
+  ),
+  257.875
+);
+```
+
+`knapContinuous([{ "weight":3.8, "value":36, name:"beef" }, { "weight":5.4, "value":43, name:"pork" }, { "weight":3.6, "value":90, name:"ham" }, { "weight":2.4, "value":45, name:"greaves" }, { "weight":4.0, "value":30, name:"flitch" }, { "weight":2.5, "value":56, name:"brawn" }, { "weight":3.7, "value":67, name:"welt" }, { "weight":3.0, "value":95, name:"salami" }, { "weight":5.9, "value":98, name:"sausage" }], 12)` має повертати`295.05405405405406`.
+
+```js
+assert.equal(
+  knapContinuous(
+    [
+      { weight: 3.8, value: 36, name: 'beef' },
+      { weight: 5.4, value: 43, name: 'pork' },
+      { weight: 3.6, value: 90, name: 'ham' },
+      { weight: 2.4, value: 45, name: 'greaves' },
+      { weight: 4.0, value: 30, name: 'flitch' },
+      { weight: 2.5, value: 56, name: 'brawn' },
+      { weight: 3.7, value: 67, name: 'welt' },
+      { weight: 3.0, value: 95, name: 'salami' },
+      { weight: 5.9, value: 98, name: 'sausage' }
+    ],
+    12
+  ),
+  295.05405405405406
+);
+```
+
+`knapContinuous([{ "weight":3.8, "value":36, name:"beef" }, { "weight":5.4, "value":43, name:"pork" }, { "weight":3.6, "value":90, name:"ham" }, { "weight":2.4, "value":45, name:"greaves" }, { "weight":4.0, "value":30, name:"flitch" }, { "weight":2.5, "value":56, name:"brawn" }, { "weight":3.7, "value":67, name:"welt" }, { "weight":3.0, "value":95, name:"salami" }, { "weight":5.9, "value":98, name:"sausage" }], 15)` має повертати`349.3783783783784`.
+
+```js
+assert.equal(
+  knapContinuous(
+    [
+      { weight: 3.8, value: 36, name: 'beef' },
+      { weight: 5.4, value: 43, name: 'pork' },
+      { weight: 3.6, value: 90, name: 'ham' },
+      { weight: 2.4, value: 45, name: 'greaves' },
+      { weight: 4.0, value: 30, name: 'flitch' },
+      { weight: 2.5, value: 56, name: 'brawn' },
+      { weight: 3.7, value: 67, name: 'welt' },
+      { weight: 3.0, value: 95, name: 'salami' },
+      { weight: 5.9, value: 98, name: 'sausage' }
+    ],
+    15
+  ),
+  349.3783783783784
+);
+```
+
+`knapContinuous([{ "weight":3.8, "value":36, name:"beef" }, { "weight":5.4, "value":43, name:"pork" }, { "weight":3.6, "value":90, name:"ham" }, { "weight":2.4, "value":45, name:"greaves" }, { "weight":4.0, "value":30, name:"flitch" }, { "weight":2.5, "value":56, name:"brawn" }, { "weight":3.7, "value":67, name:"welt" }, { "weight":3.0, "value":95, name:"salami" }, { "weight":5.9, "value":98, name:"sausage" }], 22)` має повертати`459.5263157894737`.
+
+```js
+assert.equal(
+  knapContinuous(
+    [
+      { weight: 3.8, value: 36, name: 'beef' },
+      { weight: 5.4, value: 43, name: 'pork' },
+      { weight: 3.6, value: 90, name: 'ham' },
+      { weight: 2.4, value: 45, name: 'greaves' },
+      { weight: 4.0, value: 30, name: 'flitch' },
+      { weight: 2.5, value: 56, name: 'brawn' },
+      { weight: 3.7, value: 67, name: 'welt' },
+      { weight: 3.0, value: 95, name: 'salami' },
+      { weight: 5.9, value: 98, name: 'sausage' }
+    ],
+    22
+  ),
+  459.5263157894737
+);
+```
+
+`knapContinuous([{ "weight":3.8, "value":36, name:"beef" }, { "weight":5.4, "value":43, name:"pork" }, { "weight":3.6, "value":90, name:"ham" }, { "weight":2.4, "value":45, name:"greaves" }, { "weight":4.0, "value":30, name:"flitch" }, { "weight":2.5, "value":56, name:"brawn" }, { "weight":3.7, "value":67, name:"welt" }, { "weight":3.0, "value":95, name:"salami" }, { "weight":5.9, "value":98, name:"sausage" }], 24)` має повертати`478.4736842105263`.
+
+```js
+assert.equal(
+  knapContinuous(
+    [
+      { weight: 3.8, value: 36, name: 'beef' },
+      { weight: 5.4, value: 43, name: 'pork' },
+      { weight: 3.6, value: 90, name: 'ham' },
+      { weight: 2.4, value: 45, name: 'greaves' },
+      { weight: 4.0, value: 30, name: 'flitch' },
+      { weight: 2.5, value: 56, name: 'brawn' },
+      { weight: 3.7, value: 67, name: 'welt' },
+      { weight: 3.0, value: 95, name: 'salami' },
+      { weight: 5.9, value: 98, name: 'sausage' }
+    ],
+    24
+  ),
+  478.4736842105263
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function knapContinuous(items, maxweight) {
+
+}
+```
+
+# --solutions--
+
+```js
+function knapContinuous(items, maxweight) {
+  function item_cmp(a, b) {
+    const ua = a.unitVal,
+      ub = b.unitVal;
+    return ua < ub ? 1 : ua > ub ? -1 : 0;
+  }
+  items = items.map(({ value, weight }) => ({
+    unitVal: value / weight,
+    weight
+  }));
+  items.sort(item_cmp);
+
+  let val = 0;
+  let wt = 0;
+  for (let { unitVal, weight } of items) {
+    var portion = Math.min(maxweight - wt, weight);
+    wt += portion;
+    var addVal = portion * unitVal;
+    val += addVal;
+    if (wt >= maxweight) {
+      break;
+    }
+  }
+  return val;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-unbounded.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-unbounded.md
new file mode 100644
index 0000000000..2d5ac89b7b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knapsack-problem-unbounded.md
@@ -0,0 +1,185 @@
+---
+id: 5a23c84252665b21eecc7ed4
+title: Задача пакування рюкзака/Необмежена
+challengeType: 5
+forumTopicId: 323655
+dashedName: knapsack-problemunbounded
+---
+
+# --description--
+
+Мандрівник змінює курс і змушений зробити незаплановану зупинку Шангрі-Ла. Перед від'їздом йому дозволили взяти стільки предметів, скільки захоче, за умови, що вибрані предмети помістяться в його рюкзак, і він зможе його нести.
+
+Він знає максимальну вагу, яку зможе нести; і, що об'єм рюкзака обмежений.
+
+Над штрих-кодами предметів написана їх вага та об'єм. Він витягує свою останню копію фінансового звіту та дізнається ціну кожного предмету.
+
+Йому можна брати лише цілі предмети, і їх є набагато більше, ніж він би зміг нести.
+
+# --instructions--
+
+Напишіть функцію, а у її параметрах вкажіть масив об'єктів, максимальну вагу та максимальний об'єм. Кожен об'єкт має назву, вартість, вагу та об'єм. Функція має повернути максимальне значення предметів, які мандрівник може взяти з собою.
+
+# --hints--
+
+`knapsackUnbounded([{ name:"panacea", value:3000, weight:0.3, volume:0.025 }, { name:"ichor", value:1800, weight:0.2, volume:0.015 }, { name:"gold", value:2500, weight:2, volume:0.002 }], 25, 0.25)` має повертати `54500`.
+
+```js
+assert.equal(
+  knapsackUnbounded(
+    [
+      { name: 'panacea', value: 3000, weight: 0.3, volume: 0.025 },
+      { name: 'ichor', value: 1800, weight: 0.2, volume: 0.015 },
+      { name: 'gold', value: 2500, weight: 2, volume: 0.002 }
+    ],
+    25,
+    0.25
+  ),
+  54500
+);
+```
+
+`knapsackUnbounded([{ name:"panacea", value:3000, weight:0.3, volume:0.025 }, { name:"ichor", value:1800, weight:0.2, volume:0.015 }, { name:"gold", value:2500, weight:2, volume:0.002 }], 55, 0.25)` має повертати `88400`.
+
+```js
+assert.equal(
+  knapsackUnbounded(
+    [
+      { name: 'panacea', value: 3000, weight: 0.3, volume: 0.025 },
+      { name: 'ichor', value: 1800, weight: 0.2, volume: 0.015 },
+      { name: 'gold', value: 2500, weight: 2, volume: 0.002 }
+    ],
+    55,
+    0.25
+  ),
+  88400
+);
+```
+
+`knapsackUnbounded([{ name:"panacea", value:3000, weight:0.3, volume:0.025 }, { name:"ichor", value:1800, weight:0.2, volume:0.015 }, { name:"gold", value:2500, weight:2, volume:0.002 }], 25, 0.15)` має повертати `42500`.
+
+```js
+assert.equal(
+  knapsackUnbounded(
+    [
+      { name: 'panacea', value: 3000, weight: 0.3, volume: 0.025 },
+      { name: 'ichor', value: 1800, weight: 0.2, volume: 0.015 },
+      { name: 'gold', value: 2500, weight: 2, volume: 0.002 }
+    ],
+    25,
+    0.15
+  ),
+  42500
+);
+```
+
+`knapsackUnbounded([{ name:"panacea", value:3000, weight:0.3, volume:0.025 }, { name:"ichor", value:1800, weight:0.2, volume:0.015 }, { name:"gold", value:2500, weight:2, volume:0.002 }], 35, 0.35)` має повертати `75900`.
+
+```js
+assert.equal(
+  knapsackUnbounded(
+    [
+      { name: 'panacea', value: 3000, weight: 0.3, volume: 0.025 },
+      { name: 'ichor', value: 1800, weight: 0.2, volume: 0.015 },
+      { name: 'gold', value: 2500, weight: 2, volume: 0.002 }
+    ],
+    35,
+    0.35
+  ),
+  75900
+);
+```
+
+`knapsackUnbounded([{ name:"panacea", value:3000, weight:0.3, volume:0.025 }, { name:"ichor", value:1800, weight:0.2, volume:0.015 }, { name:"gold", value:2500, weight:2, volume:0.002 }], 15, 0.25)` має повертати`43200`.
+
+```js
+assert.equal(
+  knapsackUnbounded(
+    [
+      { name: 'panacea', value: 3000, weight: 0.3, volume: 0.025 },
+      { name: 'ichor', value: 1800, weight: 0.2, volume: 0.015 },
+      { name: 'gold', value: 2500, weight: 2, volume: 0.002 }
+    ],
+    15,
+    0.25
+  ),
+  43200
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function knapsackUnbounded(items, maxweight, maxvolume) {
+
+}
+```
+
+# --solutions--
+
+```js
+function knapsackUnbounded(items, maxWeight, maxVolume) {
+  function getPickTotals(items, pick) {
+    let totalValue = 0;
+    let totalWeight = 0;
+    let totalVolume = 0;
+    for (let i = 0; i < items.length; i++) {
+      totalValue += pick[i] * items[i].value;
+      totalWeight += pick[i] * items[i].weight;
+      totalVolume += pick[i] * items[i].volume;
+    }
+    return [totalValue, totalWeight, totalVolume];
+  }
+
+  function getMaxes(items, maxWeight, maxVolume) {
+    const maxes = [];
+    for (let i = 0; i < items.length; i++) {
+      const maxUnitsInWeight = Math.floor(maxWeight / items[i].weight);
+      const maxUnitsInVolume = Math.floor(maxVolume / items[i].volume);
+      const maxUnitsInLimit = Math.min(maxUnitsInWeight, maxUnitsInVolume);
+      maxes.push(maxUnitsInLimit);
+    }
+    return maxes;
+  }
+
+  function isInLimit(value, limit) {
+    return value <= limit;
+  }
+
+  function getCombinations(maxValues, curPicks, combinations) {
+    if (maxValues.length === 0) {
+      combinations.push(curPicks);
+    }
+
+    const curMax = maxValues[0];
+    const leftMaxValues = maxValues.slice(1);
+    for (let i = 0; i <= curMax; i++) {
+      getCombinations(leftMaxValues, curPicks.concat(i), combinations);
+    }
+    return combinations;
+  }
+
+  let bestValue = 0;
+  let bestPick = [];
+  const maxes = getMaxes(items, maxWeight, maxVolume);
+  const combinations = getCombinations(maxes, [], []);
+  for (let i = 0; i < combinations.length; i++) {
+    const curPick = combinations[i];
+    const [curValue, curWeight, curVolume] = getPickTotals(items, curPick);
+    if (!isInLimit(curWeight, maxWeight) || !isInLimit(curVolume, maxVolume)) {
+      continue;
+    }
+
+    if (curValue > bestValue) {
+      bestValue = curValue;
+      bestPick = [curPick];
+    } else if (curValue === bestValue) {
+      bestPick.push(curPick);
+    }
+  }
+
+  return bestValue;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knights-tour.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knights-tour.md
new file mode 100644
index 0000000000..90ff89ef07
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/knights-tour.md
@@ -0,0 +1,225 @@
+---
+id: 5a23c84252665b21eecc7ed5
+title: Задача про хід коня
+challengeType: 5
+forumTopicId: 302297
+dashedName: knights-tour
+---
+
+# --description--
+
+[Knight's Tour](https://en.wikipedia.org/wiki/Knight%27s_tour) Задача: У вас є порожня `w` \* `h` шахівниця з одним конем на якомусь полі. Кінь повинен виконати послідовність ходів таким чином, щоб побувати на кожному полі шахівниці лише раз. Зауважте, що йому *не* не обов'язково пройти весь маршрут, а отже кінь не повинен закінчити гру, зробивши один хід від початкової позиції.
+
+# --instructions--
+
+Напишіть функцію, яка бере `w` і `h` як параметри й повертає кількість початкових позицій звідти, де можливо виконати завдання, про яке йшлося вище.
+
+# --hints--
+
+`knightTour` повинен бути функцією.
+
+```js
+assert(typeof knightTour == 'function');
+```
+
+`knightTour(6, 6)` повинен повернути число.
+
+```js
+assert(typeof knightTour(6, 6) == 'number');
+```
+
+`knightTour(6, 6)` повинен повернути `36`.
+
+```js
+assert.equal(knightTour(6, 6), 36);
+```
+
+`knightTour(5, 6)`повинен повернути `30`.
+
+```js
+assert.equal(knightTour(5, 6), 30);
+```
+
+`knightTour(4, 6)` повинен повернути. `12`.
+
+```js
+assert.equal(knightTour(4, 6), 12);
+```
+
+`knightTour(7, 3)` повинен повернути `10`.
+
+```js
+assert.equal(knightTour(7, 3), 10);
+```
+
+`knightTour(8, 6)` повинен повернути `48`.
+
+```js
+assert.equal(knightTour(8, 6), 48);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function knightTour(w, h) {
+
+}
+```
+
+# --solutions--
+
+```js
+function knightTour(w, h) {
+  function createBoards(rows, columns) {
+    const board = [];
+    const visited = [];
+    for (let i = 0; i < rows; i++) {
+      board.push(new Array(columns).fill(-1));
+      visited.push(new Array(columns).fill(false));
+    }
+    return [board, visited];
+  }
+
+  function copyBoard(board) {
+    const copied = [];
+    for (let i = 0; i < board.length; i++) {
+      copied.push([...board[i]]);
+    }
+    return copied;
+  }
+
+  function isOnBoard(value, limit) {
+    return value >= 0 && value < limit;
+  }
+
+  function markVisited(board, visited, row, column) {
+    visited[row][column] = true;
+    board[row][column] = -1;
+  }
+
+  function areAllVisited(visited) {
+    return (
+      visited.filter(row => row.filter(column => column === false).length !== 0)
+        .length === 0
+    );
+  }
+
+  function getMovesFrom(board, row, column) {
+    const possibleMoves = [];
+    for (let i = 0; i < moves.length; i++) {
+      const [rowChange, colChange] = moves[i];
+      const [rowN, colN] = [row + rowChange, column + colChange];
+      if (!isOnBoard(rowN, board.length) || !isOnBoard(colN, board[0].length)) {
+        continue;
+      }
+      possibleMoves.push([rowN, colN]);
+    }
+    return possibleMoves;
+  }
+
+  function fillAllowedMovesCounts(board) {
+    for (let row = 0; row < board.length; row++) {
+      for (let column = 0; column < board[0].length; column++) {
+        board[row][column] = getMovesFrom(board, row, column).length;
+      }
+    }
+  }
+
+  function updateAllowedMovesCounts(board, possibleMoves) {
+    for (let i = 0; i < possibleMoves.length; i++) {
+      const [row, column] = possibleMoves[i];
+      if (board[row][column] > 0) {
+        board[row][column]--;
+      }
+    }
+  }
+
+  function getBestNextMoves(board, allowedMoves) {
+    let bestMoves = [];
+    let fewestNextMoves = Infinity;
+    let zeroMove = [];
+    for (let i = 0; i < allowedMoves.length; i++) {
+      const [moveRow, moveCol] = allowedMoves[i];
+      const numMoves = board[moveRow][moveCol];
+      if (numMoves === -1) {
+        continue;
+      }
+      if (numMoves === 0) {
+        zeroMove.push(allowedMoves[i]);
+      }
+      if (numMoves < fewestNextMoves) {
+        bestMoves = [allowedMoves[i]];
+        fewestNextMoves = numMoves;
+      } else if (numMoves === fewestNextMoves) {
+        bestMoves.push(allowedMoves[i]);
+      }
+    }
+
+    if (bestMoves.length > 0) {
+      return bestMoves;
+    }
+    return zeroMove;
+  }
+
+  function solve(board, visited, lastRow, lastColumn) {
+    if (areAllVisited(visited)) {
+      return true;
+    }
+    const nextMoves = getMovesFrom(board, lastRow, lastColumn);
+    updateAllowedMovesCounts(board, nextMoves);
+    const allowedMoves = nextMoves.filter(
+      ([row, column]) => !visited[row][column]
+    );
+
+    const bestMoves = getBestNextMoves(board, allowedMoves);
+    const restMoves = allowedMoves.filter(
+      move => bestMoves.indexOf(move) === -1
+    );
+    const possibleMoves = [...bestMoves];
+    possibleMoves.push(...getBestNextMoves(board, restMoves));
+
+    for (let i = 0; i < possibleMoves.length; i++) {
+      const [moveRow, moveCol] = possibleMoves[i];
+      const newBoard = copyBoard(board);
+      const newVisited = copyBoard(visited);
+      markVisited(newBoard, newVisited, moveRow, moveCol);
+      if (solve(newBoard, newVisited, moveRow, moveCol)) {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  function solveStart(board, visited, startRow, startColumn) {
+    const newBoard = copyBoard(board);
+    const newVisited = copyBoard(visited);
+    markVisited(newBoard, newVisited, startRow, startColumn);
+    return solve(newBoard, newVisited, startRow, startColumn);
+  }
+
+  const moves = [
+    [-1, -2],
+    [-2, -1],
+    [-2, 1],
+    [-1, 2],
+    [1, 2],
+    [2, 1],
+    [2, -1],
+    [1, -2]
+  ];
+
+  const [baseBoard, baseVisited] = createBoards(h, w);
+  fillAllowedMovesCounts(baseBoard);
+  let solvedCount = 0;
+  for (let row = 0; row < h; row++) {
+    for (let column = 0; column < w; column++) {
+      if (solveStart(baseBoard, baseVisited, row, column)) {
+        solvedCount++;
+      }
+    }
+  }
+  return solvedCount;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/largest-int-from-concatenated-ints.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/largest-int-from-concatenated-ints.md
new file mode 100644
index 0000000000..2be2221c45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/largest-int-from-concatenated-ints.md
@@ -0,0 +1,85 @@
+---
+id: 5a23c84252665b21eecc7edb
+title: Найбільше ціле число з об'єднаних цілих чисел
+challengeType: 5
+forumTopicId: 302298
+dashedName: largest-int-from-concatenated-ints
+---
+
+# --description--
+
+Дано множину додатних цілих чисел, напишіть функцію для впорядкування цілих чисел таким чином, щоб конкатенація чисел утворила найбільше можливе ціле число і повернула це ціле число.
+
+# --hints--
+
+`maxCombine` має бути функцією.
+
+```js
+assert(typeof maxCombine == 'function');
+```
+
+`maxCombine([1, 3, 3, 4, 55])` має повернути число.
+
+```js
+assert(typeof maxCombine([1, 3, 3, 4, 55]) == 'number');
+```
+
+`maxCombine([1, 3, 3, 4, 55])` має повернути `554331`.
+
+```js
+assert.equal(maxCombine([1, 3, 3, 4, 55]), 554331);
+```
+
+`maxCombine([71, 45, 23, 4, 5])` має повернути `71545423`.
+
+```js
+assert.equal(maxCombine([71, 45, 23, 4, 5]), 71545423);
+```
+
+`maxCombine([14, 43, 53, 114, 55])` має повернути `55534314114`.
+
+```js
+assert.equal(maxCombine([14, 43, 53, 114, 55]), 55534314114);
+```
+
+`maxCombine([1, 34, 3, 98, 9, 76, 45, 4])` має повернути `998764543431`.
+
+```js
+assert.equal(maxCombine([1, 34, 3, 98, 9, 76, 45, 4]), 998764543431);
+```
+
+`maxCombine([54, 546, 548, 60])` має повернути `6054854654`.
+
+```js
+assert.equal(maxCombine([54, 546, 548, 60]), 6054854654);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function maxCombine(xs) {
+
+}
+```
+
+# --solutions--
+
+```js
+function maxCombine(xs) {
+  return parseInt(
+    xs
+      .sort(function(x, y) {
+        var a = x.toString(),
+          b = y.toString(),
+          ab = parseInt(a + b),
+          ba = parseInt(b + a);
+
+        return ab > ba ? -1 : ab < ba ? 1 : 0;
+      })
+      .join(''),
+    10
+  );
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-friday-of-each-month.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-friday-of-each-month.md
new file mode 100644
index 0000000000..68d5359e86
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-friday-of-each-month.md
@@ -0,0 +1,99 @@
+---
+id: 5a23c84252665b21eecc7edc
+title: Остання п'ятниця кожного місяця
+challengeType: 5
+forumTopicId: 302299
+dashedName: last-friday-of-each-month
+---
+
+# --description--
+
+Напишіть функцію, яка видає дату останньої п'ятниці конкретного місяця за певний рік.
+
+# --hints--
+
+`lastFriday` повинен бути функцією.
+
+```js
+assert(typeof lastFriday == 'function');
+```
+
+`lastFriday(2018, 1)` повинен видавати число.
+
+```js
+assert(typeof lastFriday(2018, 1) == 'number');
+```
+
+`lastFriday(2018, 1)` повинен видавати `26`.
+
+```js
+assert.equal(lastFriday(2018, 1), 26);
+```
+
+`lastFriday(2017, 2)` повинен видавати `24`.
+
+```js
+assert.equal(lastFriday(2017, 2), 24);
+```
+
+`lastFriday(2012, 3)` повинен видавати `30`.
+
+```js
+assert.equal(lastFriday(2012, 3), 30);
+```
+
+`lastFriday(1900, 4)` повинен видавати `27`.
+
+```js
+assert.equal(lastFriday(1900, 4), 27);
+```
+
+`lastFriday(2000, 5)` повинен видавати `26`.
+
+```js
+assert.equal(lastFriday(2000, 5), 26);
+```
+
+`lastFriday(2006, 6)` повинен видавати `30`.
+
+```js
+assert.equal(lastFriday(2006, 6), 30);
+```
+
+`lastFriday(2010, 7)` повинен видавати `30`.
+
+```js
+assert.equal(lastFriday(2010, 7), 30);
+```
+
+`lastFriday(2005, 8)` повинен видавати `26`.
+
+```js
+assert.equal(lastFriday(2005, 8), 26);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lastFriday(year, month) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lastFriday(year, month) {
+  var i, last_day;
+  i = 0;
+  while (true) {
+    last_day = new Date(year, month, i);
+    if (last_day.getDay() === 5) {
+      return last_day.getDate();
+    }
+    i -= 1;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-letter-first-letter.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-letter-first-letter.md
new file mode 100644
index 0000000000..af62081e2d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/last-letter-first-letter.md
@@ -0,0 +1,211 @@
+---
+id: 5e4ce2b6ac708cc68c1df25e
+title: Остання літера-перша літера
+challengeType: 5
+forumTopicId: 385256
+dashedName: last-letter-first-letter
+---
+
+# --description--
+
+Одна дитяча гра розпочинається зі слова в певній категорії. Кожен учасник по черзі каже слово, що починається на останню літеру попереднього слова. Якщо слово вже назвали, повторювати його не можна. Якщо суперник не може назвати слово з певної категорії, він вибуває з гри.
+
+Нижче наведений приклад категорії "тварини",
+
+<pre>Дитина 1: dog (собака)
+Дитина 2: goldfish (золота рибка)
+Дитина 1: hippopotamus (бегемот)
+Дитина 2: snake (змія)
+...
+</pre>
+
+# --instructions--
+
+Напишіть функцію, яка охоплює вхідний масив слів. Функція повинна видавати масив слів, в яких перша літера кожного слова така ж сама, як остання літера попереднього слова. Використовуйте лише слова з вхідного масиву, і якщо слово було використане, то повторювати його не можна. Слова в масиві видачі слід вибирати та впорядковувати таким чином, щоб вони були якомога довшими.
+
+# --hints--
+
+`findLongestChain` повинен бути функцією.
+
+```js
+assert(typeof findLongestChain == 'function');
+```
+
+`findLongestChain(["certain", "each", "game", "involves", "starting", "with", "word"])` повинен видавати масив.
+
+```js
+assert(
+  Array.isArray(
+    findLongestChain([
+      'certain',
+      'each',
+      'game',
+      'involves',
+      'starting',
+      'with',
+      'word'
+    ])
+  )
+);
+```
+
+`findLongestChain(["certain", "each", "game", "involves", "starting", "with", "word"])` повинен видавати `["involves", "starting", "game", "each"]`.
+
+```js
+assert.deepEqual(
+  findLongestChain([
+    'certain',
+    'each',
+    'game',
+    'involves',
+    'starting',
+    'with',
+    'word'
+  ]),
+  ['involves', 'starting', 'game', 'each']
+);
+```
+
+`findLongestChain(["audino", "bagon", "kangaskhan", "banette", "bidoof", "braviary", "exeggcute", "yamask"])` повинен видавати `["braviary", "yamask", "kangaskhan"]`
+
+```js
+assert.deepEqual(
+  findLongestChain([
+    'audino',
+    'bagon',
+    'kangaskhan',
+    'banette',
+    'bidoof',
+    'braviary',
+    'exeggcute',
+    'yamask'
+  ]),
+  ['braviary', 'yamask', 'kangaskhan']
+);
+```
+
+`findLongestChain(["harp", "poliwrath", "poochyena", "porygon2", "porygonz", "archana"])` повинен видавати `["poliwrath", "harp", "poochyena", "archana"]`.
+
+```js
+assert.deepEqual(
+  findLongestChain([
+    'harp',
+    'poliwrath',
+    'poochyena',
+    'porygon2',
+    'porygonz',
+    'archana'
+  ]),
+  ['poliwrath', 'harp', 'poochyena', 'archana']
+);
+```
+
+`findLongestChain(["scolipede", "elephant", "zeaking", "sealeo", "silcoon", "tigers"])` повинен видавати `["scolipede", "elephant", "tigers", "sealeo"]`.
+
+```js
+assert.deepEqual(
+  findLongestChain([
+    'scolipede',
+    'elephant',
+    'zeaking',
+    'sealeo',
+    'silcoon',
+    'tigers'
+  ]),
+  ['scolipede', 'elephant', 'tigers', 'sealeo']
+);
+```
+
+`findLongestChain(["loudred", "lumineon", "lunatone", "machamp", "magnezone", "nosepass", "petilil", "pidgeotto", "pikachu"])` повинен видавати `["machamp", "petilil", "lumineon", "nosepass"]`.
+
+```js
+assert.deepEqual(
+  findLongestChain([
+    'loudred',
+    'lumineon',
+    'lunatone',
+    'machamp',
+    'magnezone',
+    'nosepass',
+    'petilil',
+    'pidgeotto',
+    'pikachu'
+  ]),
+  ['machamp', 'petilil', 'lumineon', 'nosepass']
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findLongestChain(items) {
+
+}
+```
+
+# --solutions--
+
+```js
+function findLongestChain(items) {
+  function Ref(index, first_char, last_char) {
+    this.index = index;
+    this.first_char = first_char;
+    this.last_char = last_char;
+  }
+
+  var items_len = items.length
+  var refs_len = items_len;
+  var refs = []
+
+  // enough space for all items
+  var longest_path_refs_len = 0;
+  var longest_path_refs = new Array(items_len);
+
+  function search(curr_len) {
+    if (curr_len > longest_path_refs_len) {
+      longest_path_refs_len = curr_len;
+
+      for (var i = 0; i < curr_len; i++) {
+        longest_path_refs[i] = refs[i];
+      }
+    }
+
+    // recursive search
+    var last_char = refs[curr_len - 1].last_char;
+    for (var i = curr_len; i < refs_len; i++)
+      if (refs[i].first_char == last_char) {
+        var aux = refs[curr_len];
+        refs[curr_len] = refs[i];
+        refs[i] = aux;
+        search(curr_len + 1);
+        refs[i] = refs[curr_len];
+        refs[curr_len] = aux;
+      }
+  }
+
+  for (var i = 0; i < items_len; i++) {
+    var itemsi_len = items[i].length;
+    refs.push(new Ref(i, items[i][0], items[i][itemsi_len - 1]));
+  }
+
+  // try each item as possible start
+  for (var i = 0; i < items_len; i++) {
+    var aux = refs[0];
+    refs[0] = refs[i];
+    refs[i] = aux;
+    search(1);
+    refs[i] = refs[0];
+    refs[0] = aux;
+  }
+
+  var longest_path_len = longest_path_refs_len;
+  var longest_path = new Array(longest_path_len);
+
+  for (var i = 0; i < longest_path_len; i++)
+    longest_path[i] = items[longest_path_refs[i].index];
+
+  return longest_path;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/leap-year.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/leap-year.md
new file mode 100644
index 0000000000..e1a71b25a1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/leap-year.md
@@ -0,0 +1,79 @@
+---
+id: 5a23c84252665b21eecc7ede
+title: Високосний рік
+challengeType: 5
+forumTopicId: 302300
+dashedName: leap-year
+---
+
+# --description--
+
+Визначте, чи конкретний рік є високосним роком у григоріанському календарі.
+
+# --hints--
+
+`isLeapYear` повинен бути функцією.
+
+```js
+assert(typeof isLeapYear == 'function');
+```
+
+`isLeapYear()` повинен повертати логічний тип.
+
+```js
+assert(typeof isLeapYear(2018) == 'boolean');
+```
+
+`isLeapYear(2018)` повинен повернути `false`.
+
+```js
+assert.equal(isLeapYear(2018), false);
+```
+
+`isLeapYear(2016)` повинен повернути `true`.
+
+```js
+assert.equal(isLeapYear(2016), true);
+```
+
+`isLeapYear(2000)` повинен повернути `true`.
+
+```js
+assert.equal(isLeapYear(2000), true);
+```
+
+`isLeapYear(1900)` повинен повернути `false`.
+
+```js
+assert.equal(isLeapYear(1900), false);
+```
+
+`isLeapYear(1996)` повинен повернути `true`.
+
+```js
+assert.equal(isLeapYear(1996), true);
+```
+
+`isLeapYear(1800)` повинен повернути `false`.
+
+```js
+assert.equal(isLeapYear(1800), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isLeapYear(year) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isLeapYear(year) {
+  return year % 100 === 0 ? year % 400 === 0 : year % 4 === 0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/least-common-multiple.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/least-common-multiple.md
new file mode 100644
index 0000000000..499eab02e2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/least-common-multiple.md
@@ -0,0 +1,87 @@
+---
+id: 5a23c84252665b21eecc7edf
+title: Найменше спільне кратне
+challengeType: 5
+forumTopicId: 302301
+dashedName: least-common-multiple
+---
+
+# --description--
+
+Найменше спільне кратне 12 та 18 це 36, оскільки 12 - коефіцієнт (12 × 3 = 36), та 18 - коефіцієнт (18 × 2 = 36), і немає цілого додатного числа менше ніж 36, яке мало б обидва коефіцієнти. В окремому випадку, якщо *m* або *n* дорівнює нулю, то найменше спільне кратне дорівнює нулю. Одним зі способів обчислення найменшого спільного кратного є повторення всіх кратних *m*, доки не буде знайдено таке, що є кратним *n*. Якщо у вас вже є *gcd* для [greatest common divisor](https://rosettacode.org/wiki/greatest common divisor), в такому випадку ця формула вираховує *lcm*. ( \\operatorname{lcm}(m, n) = \\frac{|m \\times n|}{\\operatorname{gcd}(m, n)} )
+
+# --instructions--
+
+Обчисліть найменше спільне кратне масиву цілих чисел. З огляду на значення *m* та *n*, найменше спільне кратне - це найменше позитивне ціле число, яке має як *m*, так і *n* у якості факторів.
+
+# --hints--
+
+`LCM` має бути функцією.
+
+```js
+assert(typeof LCM == 'function');
+```
+
+`LCM([2, 4, 8])` має повернути число.
+
+```js
+assert(typeof LCM([2, 4, 8]) == 'number');
+```
+
+`LCM([2, 4, 8])` має повертати `8`.
+
+```js
+assert.equal(LCM([2, 4, 8]), 8);
+```
+
+`LCM([4, 8, 12])` має повертати `24`.
+
+```js
+assert.equal(LCM([4, 8, 12]), 24);
+```
+
+`LCM([3, 4, 5, 12, 40])` має повертати `120`.
+
+```js
+assert.equal(LCM([3, 4, 5, 12, 40]), 120);
+```
+
+`LCM([11, 33, 90])` має повертати `990`.
+
+```js
+assert.equal(LCM([11, 33, 90]), 990);
+```
+
+`LCM([-50, 25, -45, -18, 90, 447])` має повертати `67050`.
+
+```js
+assert.equal(LCM([-50, 25, -45, -18, 90, 447]), 67050);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LCM(A) {
+
+}
+```
+
+# --solutions--
+
+```js
+function LCM(A) {
+  var n = A.length,
+    a = Math.abs(A[0]);
+  for (var i = 1; i < n; i++) {
+    var b = Math.abs(A[i]),
+      c = a;
+    while (a && b) {
+      a > b ? (a %= b) : (b %= a);
+    }
+    a = Math.abs(c * A[i]) / (a + b);
+  }
+  return a;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/left-factorials.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/left-factorials.md
new file mode 100644
index 0000000000..2ef92b39d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/left-factorials.md
@@ -0,0 +1,115 @@
+---
+id: 5a23c84252665b21eecc7ee0
+title: Ліві факторіали
+challengeType: 5
+forumTopicId: 302302
+dashedName: left-factorials
+---
+
+# --description--
+
+**Ліві факторіали**, $ !n $, можуть посилатися як на *субфакторіали*, так і на *факторіальні суми*. Можна заплутатися, побачивши, що одне і те ж позначення використовується для двох різних визначень. Іноді *субфакторіали* (також відомі як *перестановки*) можуть використовувати будь-яке з цих позначень:
+
+<ul>
+  <li>$!n`$</li>
+  <li>$!n$</li>
+  <li>$n¡$</li>
+</ul>
+
+(Можливо, візуально це не очевидно, але в останньому прикладі використовується перевернутий знак оклику) У цьому завданні буде використовуватися дана формула для **лівого факторіала**:
+
+$ !n = \\sum\_{k=0}^{n-1} k! $
+
+де $!0 = 0$
+
+# --instructions--
+
+Напишіть функцію для обчислення лівого факторіала заданого числа.
+
+# --hints--
+
+`leftFactorial` має бути функцією.
+
+```js
+assert(typeof leftFactorial == 'function');
+```
+
+`leftFactorial(0)` має повернути число.
+
+```js
+assert(typeof leftFactorial(0) == 'number');
+```
+
+`leftFactorial(0)` має повернути `0`.
+
+```js
+assert.equal(leftFactorial(0), 0);
+```
+
+`leftFactorial(1)` має повернути `1`.
+
+```js
+assert.equal(leftFactorial(1), 1);
+```
+
+`leftFactorial(2)` має повернути `2`.
+
+```js
+assert.equal(leftFactorial(2), 2);
+```
+
+`leftFactorial(3)` має повернути `4`.
+
+```js
+assert.equal(leftFactorial(3), 4);
+```
+
+`leftFactorial(10)` має повернути `409114`.
+
+```js
+assert.equal(leftFactorial(10), 409114);
+```
+
+`leftFactorial(17)` має повернути `22324392524314`.
+
+```js
+assert.equal(leftFactorial(17), 22324392524314);
+```
+
+`leftFactorial(19)` має повернути `6780385526348314`.
+
+```js
+assert.equal(leftFactorial(19), 6780385526348314);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function leftFactorial(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function leftFactorial(n) {
+  if (n == 0) return 0;
+  if (n == 1) return 1;
+
+  // Note: for n>=20, the result may not be correct.
+  // This is because JavaScript uses 53 bit integers and
+  // for n>=20 result becomes too large.
+
+  let res = 2,
+    fact = 2;
+  for (var i = 2; i < n; i++) {
+    res += fact;
+    fact *= i + 1;
+  }
+
+  return res;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/letter-frequency.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/letter-frequency.md
new file mode 100644
index 0000000000..44a894a5d7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/letter-frequency.md
@@ -0,0 +1,209 @@
+---
+id: 5e4ce2bbac708cc68c1df25f
+title: Частототність
+challengeType: 5
+forumTopicId: 385263
+dashedName: letter-frequency
+---
+
+# --description--
+
+Обчисліть частоту кожного символу у даному рядку.
+
+Потрібно порахувати всі символи. Включаючи малі та великі літери, цифри, пробіли, спеціальні символи або будь-який інший роздільний символ.
+
+# --instructions--
+
+Напишіть функцію для підрахунку всіх символів, які входять у даний рядок.
+
+Функція повинна повертати 2D масив, де кожен із елементів має бути записаний у такій формі: `['char', freq]`. Символ має бути рядком із довжиною 1, а freq - числом, що позначає кількість цих символів.
+
+Наприклад, дано рядок "ab", то ваша функція повинна повертати `[['a', 1], ['b', 1]]`.
+
+# --hints--
+
+`letterFrequency` має бути функцією.
+
+```js
+assert(typeof letterFrequency == 'function');
+```
+
+`letterFrequency("Not all that Mrs. Bennet, however")` має повертати масив.
+
+```js
+assert(Array.isArray(letterFrequency('Not all that Mrs. Bennet, however')));
+```
+
+`letterFrequency("Not all that Mrs. Bennet, however")` повинен повернути `[[" ", 5], [",", 1], [".", 1], ["B", 1], ["M", 1], ["N", 1], ["a", 2], ["e", 4], ["h", 2], ["l", 2], ["n", 2], ["o", 2], ["r", 2], ["s", 1], ["t", 4], ["v", 1], ["w", 1]]`.
+
+```js
+assert.deepEqual(letterFrequency('Not all that Mrs. Bennet, however'), [
+  [' ', 5],
+  [',', 1],
+  ['.', 1],
+  ['B', 1],
+  ['M', 1],
+  ['N', 1],
+  ['a', 2],
+  ['e', 4],
+  ['h', 2],
+  ['l', 2],
+  ['n', 2],
+  ['o', 2],
+  ['r', 2],
+  ['s', 1],
+  ['t', 4],
+  ['v', 1],
+  ['w', 1]
+]);
+```
+
+`letterFrequency("daughters, could ask on the ")` повинен повернути `[[" ", 5],[",", 1],["a", 2],["c", 1],["d", 2],["e", 2],["g", 1],["h", 2],["k", 1],["l", 1],["n", 1],["o", 2],["r", 1],["s", 2],["t", 2],["u", 2]]`.
+
+```js
+assert.deepEqual(letterFrequency('daughters, could ask on the '), [
+  [' ', 5],
+  [',', 1],
+  ['a', 2],
+  ['c', 1],
+  ['d', 2],
+  ['e', 2],
+  ['g', 1],
+  ['h', 2],
+  ['k', 1],
+  ['l', 1],
+  ['n', 1],
+  ['o', 2],
+  ['r', 1],
+  ['s', 2],
+  ['t', 2],
+  ['u', 2]
+]);
+```
+
+`letterFrequency("husband any satisfactory description")` повинен повернути `[[" ", 3], ["a", 4], ["b", 1], ["c", 2], ["d", 2], ["e", 1], ["f", 1], ["h", 1], ["i", 3], ["n", 3], ["o", 2], ["p", 1], ["r", 2], ["s", 4], ["t", 3], ["u", 1], ["y", 2]]`.
+
+```js
+assert.deepEqual(letterFrequency('husband any satisfactory description'), [
+  [' ', 3],
+  ['a', 4],
+  ['b', 1],
+  ['c', 2],
+  ['d', 2],
+  ['e', 1],
+  ['f', 1],
+  ['h', 1],
+  ['i', 3],
+  ['n', 3],
+  ['o', 2],
+  ['p', 1],
+  ['r', 2],
+  ['s', 4],
+  ['t', 3],
+  ['u', 1],
+  ['y', 2]
+]);
+```
+
+`letterFrequency("in various ways--with barefaced")` повинен повернути `[[" ", 3], ["-", 2], ["a", 4], ["b", 1], ["c", 1], ["d", 1], ["e", 2], ["f", 1], ["h", 1], ["i", 3], ["n", 1], ["o", 1], ["r", 2], ["s", 2], ["t", 1], ["u", 1], ["v", 1], ["w", 2], ["y", 1]]`.
+
+```js
+assert.deepEqual(letterFrequency('in various ways--with barefaced'), [
+  [' ', 3],
+  ['-', 2],
+  ['a', 4],
+  ['b', 1],
+  ['c', 1],
+  ['d', 1],
+  ['e', 2],
+  ['f', 1],
+  ['h', 1],
+  ['i', 3],
+  ['n', 1],
+  ['o', 1],
+  ['r', 2],
+  ['s', 2],
+  ['t', 1],
+  ['u', 1],
+  ['v', 1],
+  ['w', 2],
+  ['y', 1]
+]);
+```
+
+`letterFrequency("distant surmises; but he eluded")` повинен повернути `[[" ", 4], [";", 1], ["a", 1], ["b", 1], ["d", 3], ["e", 4], ["h", 1], ["i", 2], ["l", 1], ["m", 1], ["n", 1], ["r", 1], ["s", 4], ["t", 3], ["u", 3]]`.
+
+```js
+assert.deepEqual(letterFrequency('distant surmises; but he eluded'), [
+  [' ', 4],
+  [';', 1],
+  ['a', 1],
+  ['b', 1],
+  ['d', 3],
+  ['e', 4],
+  ['h', 1],
+  ['i', 2],
+  ['l', 1],
+  ['m', 1],
+  ['n', 1],
+  ['r', 1],
+  ['s', 4],
+  ['t', 3],
+  ['u', 3]
+]);
+```
+
+`letterFrequency("last obliged to accept the second-hand,")` повинен повернути `[[" ", 5], [",", 1], ["-", 1], ["a", 3], ["b", 1], ["c", 3], ["d", 3], ["e", 4], ["g", 1], ["h", 2], ["i", 1], ["l", 2], ["n", 2], ["o", 3], ["p", 1], ["s", 2], ["t", 4]]`.
+
+```js
+assert.deepEqual(letterFrequency('last obliged to accept the second-hand,'), [
+  [' ', 5],
+  [',', 1],
+  ['-', 1],
+  ['a', 3],
+  ['b', 1],
+  ['c', 3],
+  ['d', 3],
+  ['e', 4],
+  ['g', 1],
+  ['h', 2],
+  ['i', 1],
+  ['l', 2],
+  ['n', 2],
+  ['o', 3],
+  ['p', 1],
+  ['s', 2],
+  ['t', 4]
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function letterFrequency(txt) {
+
+}
+```
+
+# --solutions--
+
+```js
+function letterFrequency(txt) {
+    var cs = txt.split(''),
+        i = cs.length,
+        dct =  {},
+        c = '',
+        keys;
+
+    while (i--) {
+        c = cs[i];
+        dct[c] = (dct[c] || 0) + 1;
+    }
+
+    keys = Object.keys(dct);
+    keys.sort();
+    return keys.map(function (c) { return [c, dct[c]]; });
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/levenshtein-distance.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/levenshtein-distance.md
new file mode 100644
index 0000000000..fba6b041ab
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/levenshtein-distance.md
@@ -0,0 +1,105 @@
+---
+id: 5e4ce2eaac708cc68c1df260
+title: Відстань Левенштейна
+challengeType: 5
+forumTopicId: 385264
+dashedName: levenshtein-distance
+---
+
+# --description--
+
+У інформаційній теорії та комп'ютерних науках **відстань Левенштейна** — це [метрика](https://en.wikipedia.org/wiki/string metric), яка вимірює відмінність між двома послідовностями (тобто [відстань редагування](https://en.wikipedia.org/wiki/edit distance)). Відстань Левенштейна між двома рядками визначається як мінімальна кількість операцій вставки, видалення або заміни, необхідних для перетворення одного рядка в інший.
+
+Наприклад:
+
+Відстань Левенштейна між "**kitten**" і "**sitting**" складають 3, оскільки неможливо перетворити одне слово в інше за меншу кількість операцій:
+
+<ul>
+  <li><strong>k</strong>itten   <strong>s</strong>itten    (заміна 'k' на 's')</li>
+  <li>sitt<strong>e</strong>n   sitt<strong>i</strong>n    (заміна 'e' на 'i')</li>
+  <li>sittin   sittin<strong>g</strong>    (вставити 'g' в кінці).</li>
+</ul>
+
+*Відстань Левенштейна між "**rosettacode**" та "**raisethysword**" складає **8**.*
+
+*Якщо рядки поміняти місцями, відстань між ними не зміниться.*
+
+# --instructions--
+
+Напишіть функцію, яка повертає відстань Левенштейна між двома рядками, вказаними як параметри.
+
+# --hints--
+
+`levenshtein` має бути функцією.
+
+```js
+assert(typeof levenshtein == 'function');
+```
+
+`levenshtein("mist", "dist")` має повернути число.
+
+```js
+assert(typeof levenshtein('mist', 'dist') == 'number');
+```
+
+`levenshtein("mist", "dist")` має повернути `1`.
+
+```js
+assert.equal(levenshtein('mist', 'dist'), 1);
+```
+
+`levenshtein("tier", "tor")` має повернути `2`.
+
+```js
+assert.equal(levenshtein('tier', 'tor'), 2);
+```
+
+`levenshtein("kitten", "sitting")` має повернути `3`.
+
+```js
+assert.equal(levenshtein('kitten', 'sitting'), 3);
+```
+
+`levenshtein("stop", "tops")` має повернути `2`.
+
+```js
+assert.equal(levenshtein('stop', 'tops'), 2);
+```
+
+`levenshtein("rosettacode", "raisethysword")` має повернути `8`.
+
+```js
+assert.equal(levenshtein('rosettacode', 'raisethysword'), 8);
+```
+
+`levenshtein("mississippi", "swiss miss")` має повернути `8`.
+
+```js
+assert.equal(levenshtein('mississippi', 'swiss miss'), 8);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function levenshtein(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function levenshtein(a, b) {
+  var t = [], u, i, j, m = a.length, n = b.length;
+  if (!m) { return n; }
+  if (!n) { return m; }
+  for (j = 0; j <= n; j++) { t[j] = j; }
+  for (i = 1; i <= m; i++) {
+    for (u = [i], j = 1; j <= n; j++) {
+      u[j] = a[i - 1] === b[j - 1] ? t[j - 1] : Math.min(t[j - 1], t[j], u[j - 1]) + 1;
+    } t = u;
+  } return u[n];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/linear-congruential-generator.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/linear-congruential-generator.md
new file mode 100644
index 0000000000..f2501e363a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/linear-congruential-generator.md
@@ -0,0 +1,97 @@
+---
+id: 5e4ce2f5ac708cc68c1df261
+title: Лінійний конгруентний метод
+challengeType: 5
+forumTopicId: 385266
+dashedName: linear-congruential-generator
+---
+
+# --description--
+
+[Лінійний конгруентний метод](https://en.wikipedia.org/wiki/linear congruential generator) є дуже простим прикладом [генератора випадкових чисел](http://rosettacode.org/wiki/random number generator). Усі лінійні конгруентні генератори працюють за формулою:
+
+$$r_{n + 1} = (a \times r_n + c) \bmod m$$
+
+Де:
+
+<ul>
+<li>$ r_0 $ — початкове число.</li>
+<li>$r_1$, $r_2$, $r_3$, ..., — випадкові числа.</li>
+<li>$a$, $c$, $m$ — константи.</li>
+</ul>
+
+Якщо уважно вибирати значення $a$, $c$ і $m$, то генератор створює рівномірний розподіл цілих чисел від $0$ до $m - 1$.
+
+Згенеровані алгоритмом числа неякісні. $r_n$ та $r\_{n + 1}$ не є незалежними, як справжні випадкові числа. Знаючи $r_n$, можна передбачити $r\_{n + 1}$, тому лінійний конгруентний метод не є криптографічно стійким. Лінійний конгруентний метод добре підходить для простих завдань, наприклад для [Miller-Rabin primality test](http://rosettacode.org/wiki/Miller-Rabin primality test) або [FreeCell deals](http://rosettacode.org/wiki/deal cards for FreeCell). Перевагою цього методу є те, що можна легко відтворити послідовність чисел з того самого $r_0$. Можна також відтворити таку послідовність за допомогою іншої мови програмування, оскільки формула дуже проста.
+
+# --instructions--
+
+Напишіть функцію з параметрами $r_0,a,c,m,n$, яка видає $r_n$.
+
+# --hints--
+
+`linearCongGenerator` має бути функцією.
+
+```js
+assert(typeof linearCongGenerator == 'function');
+```
+
+`linearCongGenerator(324, 1145, 177, 2148, 3)` має повернути число.
+
+```js
+assert(typeof linearCongGenerator(324, 1145, 177, 2148, 3) == 'number');
+```
+
+`linearCongGenerator(324, 1145, 177, 2148, 3)` має повернути `855`.
+
+```js
+assert.equal(linearCongGenerator(324, 1145, 177, 2148, 3), 855);
+```
+
+`linearCongGenerator(234, 11245, 145, 83648, 4)` має повернути `1110`.
+
+```js
+assert.equal(linearCongGenerator(234, 11245, 145, 83648, 4), 1110);
+```
+
+`linearCongGenerator(85, 11, 1234, 214748, 5)` має повернути `62217`.
+
+```js
+assert.equal(linearCongGenerator(85, 11, 1234, 214748, 5), 62217);
+```
+
+`linearCongGenerator(0, 1103515245, 12345, 2147483648, 1)` має повернути `12345`.
+
+```js
+assert.equal(linearCongGenerator(0, 1103515245, 12345, 2147483648, 1), 12345);
+```
+
+`linearCongGenerator(0, 1103515245, 12345, 2147483648, 2)` має повернути `1406932606`.
+
+```js
+assert.equal(
+  linearCongGenerator(0, 1103515245, 12345, 2147483648, 2),
+  1406932606
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function linearCongGenerator(r0, a, c, m, n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function linearCongGenerator(r0, a, c, m, n) {
+    for (let i = 0; i < n; i++) {
+        r0 = (a * r0 + c) % m;
+    }
+    return r0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/long-multiplication.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/long-multiplication.md
new file mode 100644
index 0000000000..a75c89c315
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/long-multiplication.md
@@ -0,0 +1,111 @@
+---
+id: 5e4ce2a1ac708cc68c1df25d
+title: Множення в стовпчик
+challengeType: 5
+forumTopicId: 385269
+dashedName: long-multiplication
+---
+
+# --description--
+
+Без сумніву застосовуйте [множення в стовпчик](https://en.wikipedia.org/wiki/long multiplication).
+
+Це один з можливих підходів у довгій арифметиці.
+
+# --instructions--
+
+Напишіть функцію, яка враховує масив рядків як параметр. Ваша функція повинна повернути добуток цих двох великих чисел, як рядок.
+
+**Примітка:** В JavaScript, арифметичні операції з малою кількістю чисел є неточними з великими числами, тому ви повинні самостійно обчислювати.
+
+# --hints--
+
+`mult` повинен бути функцією.
+
+```js
+assert(typeof mult == 'function');
+```
+
+`mult("18446744073709551616", "18446744073709551616")` повинна видати рядок.
+
+```js
+assert(typeof mult('18446744073709551616', '18446744073709551616') == 'string');
+```
+
+`mult("18446744073709551616", "18446744073709551616")` повинен повернути `"340282366920938463463374607431768211456"`.
+
+```js
+assert.equal(
+  mult('18446744073709551616', '18446744073709551616'),
+  '340282366920938463463374607431768211456'
+);
+```
+
+`mult("31844674073709551616", "1844674407309551616")` повинен повернути `"58743055272886011737990786529368211456"`.
+
+```js
+assert.equal(
+  mult('31844674073709551616', '1844674407309551616'),
+  '58743055272886011737990786529368211456'
+);
+```
+
+`mult("1846744073709551616", "44844644073709551616")` повинен повернути `"82816580680737279241781007431768211456"`.
+
+```js
+assert.equal(
+  mult('1846744073709551616', '44844644073709551616'),
+  '82816580680737279241781007431768211456'
+);
+```
+
+`mult("1844674407370951616", "1844674407709551616")` повинен повернути`"3402823669833978308014392742590611456"`.
+
+```js
+assert.equal(
+  mult('1844674407370951616', '1844674407709551616'),
+  '3402823669833978308014392742590611456'
+);
+```
+
+`mult("2844674407370951616", "1844674407370955616")` повинен повернути `"5247498076580334548376218009219475456"`.
+
+```js
+assert.equal(
+  mult('2844674407370951616', '1844674407370955616'),
+  '5247498076580334548376218009219475456'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mult(strNum1, strNum2) {
+
+}
+```
+
+# --solutions--
+
+```js
+function mult(strNum1, strNum2) {
+    var a1 = strNum1.split("").reverse();
+    var a2 = strNum2.toString().split("").reverse();
+    var aResult = new Array;
+
+    for ( var iterNum1 = 0; iterNum1 < a1.length; iterNum1++ ) {
+        for ( var iterNum2 = 0; iterNum2 < a2.length; iterNum2++ ) {
+            var idxIter = iterNum1 + iterNum2;    // Get the current array position.
+            aResult[idxIter] = a1[iterNum1] * a2[iterNum2] + ( idxIter >= aResult.length ? 0 : aResult[idxIter] );
+
+            if ( aResult[idxIter] > 9 ) {    // Carrying
+                aResult[idxIter + 1] = Math.floor( aResult[idxIter] / 10 ) + ( idxIter + 1 >= aResult.length ? 0 : aResult[idxIter + 1] );
+                aResult[idxIter] %= 10;
+            }
+        }
+    }
+    return aResult.reverse().join("");
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-common-subsequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-common-subsequence.md
new file mode 100644
index 0000000000..5d42134cb4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-common-subsequence.md
@@ -0,0 +1,102 @@
+---
+id: 5e6dd1278e6ca105cde40ea9
+title: Найдовша спільна підпослідовність
+challengeType: 5
+forumTopicId: 385271
+dashedName: longest-common-subsequence
+---
+
+# --description--
+
+** Найдовша спільна підпослідовність**([**LCS**](http://en.wikipedia.org/wiki/Longest_common_subsequence_problem)) груп А і В - це найдовша група спільних елементів між двома групами, які розташовані в однаковому порядку в кожній групі. Наприклад, послідовності "1234" і "1224533324" мають LCS "1234":
+
+***1234***
+
+***12***245***3***332***4***
+
+На прикладі рядка розглянемо послідовності "thisisatest" та "testing123testing". LCS буде "tsitest":
+
+***t***hi***si***sa***test***
+
+***t***e***s***t***i***ng123***test***ing.
+
+Ваш код має складатися тільки з рядків.
+
+Для отримання додаткової інформації про це завдання, будь ласка, дивіться [Wikipedia](https://en.wikipedia.org/wiki/Longest_common_subsequence_problem).
+
+# --instructions--
+
+Напишіть чутливу до регістру символів функцію, яка повертає LCS двох рядків. Вам не потрібно показувати багато LCS.
+
+# --hints--
+
+`lcs` повинен бути функцією.
+
+```js
+assert(typeof lcs == 'function');
+```
+
+`lcs("thisisatest", "testing123testing")` повинен вивести рядок.
+
+```js
+assert(typeof lcs('thisisatest', 'testing123testing') == 'string');
+```
+
+`lcs("thisisatest", "testing123testing")` повинен повернути `"tsitest"`.
+
+```js
+assert.equal(lcs('thisisatest', 'testing123testing'), 'tsitest');
+```
+
+`lcs("ABCDGH", "AEDFHR")` повинен повернути `"ADH"`.
+
+```js
+assert.equal(lcs('ABCDGH', 'AEDFHR'), 'ADH');
+```
+
+`lcs("AGGTAB", "GXTXAYB")` повинен повернути `"GTAB"`.
+
+```js
+assert.equal(lcs('AGGTAB', 'GXTXAYB'), 'GTAB');
+```
+
+`lcs("BDACDB", "BDCB")` повинен повернути `"BDCB"`.
+
+```js
+assert.equal(lcs('BDACDB', 'BDCB'), 'BDCB');
+```
+
+`lcs("ABAZDC", "BACBAD")` повинен повернути `"ABAD"`.
+
+```js
+assert.equal(lcs('ABAZDC', 'BACBAD'), 'ABAD');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lcs(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lcs(a, b) {
+  var aSub = a.substr(0, a.length - 1);
+  var bSub = b.substr(0, b.length - 1);
+
+  if (a.length === 0 || b.length === 0) {
+    return '';
+  } else if (a.charAt(a.length - 1) === b.charAt(b.length - 1)) {
+    return lcs(aSub, bSub) + a.charAt(a.length - 1);
+  } else {
+    var x = lcs(a, bSub);
+    var y = lcs(aSub, b);
+    return (x.length > y.length) ? x : y;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-increasing-subsequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-increasing-subsequence.md
new file mode 100644
index 0000000000..54189af808
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-increasing-subsequence.md
@@ -0,0 +1,120 @@
+---
+id: 5e6dd139859c290b6ab80292
+title: Задача про найдовшу зростаючу підпослідовність
+challengeType: 5
+forumTopicId: 385272
+dashedName: longest-increasing-subsequence
+---
+
+# --description--
+
+Задача про найдовшу зростаючу підпослідовність полягає у пошуку підпослідовності даної послідовності, в якій елементи підпослідовності розташовані в порядку зростання, тобто, кожен наступний елемент підпослідовності більше попереднього, також, підпослідовність є якомога довшою. Наприклад:
+
+Для наступного масиву:
+
+$\\{3, 10, 2, 1, 20\\}$
+
+Найдовша зростаюча підпослідовність:
+
+$\\{3, 10, 20\\}$
+
+Для отримання додаткової інформації про цю задачу, будь ласка, перейдіть за посиланням [Wikipedia](https://en.wikipedia.org/wiki/Longest increasing subsequence).
+
+# --instructions--
+
+Напишіть функцію, яка приймає масив чисел як параметр і виводить найдовшу зростаючу послідовність.
+
+Гарантовано, що кожен масив матиме найдовшу зростаючу послідовність.
+
+# --hints--
+
+`findSequence` має бути функцією.
+
+```js
+assert(typeof findSequence == 'function');
+```
+
+`findSequence([3, 10, 2, 1, 20])` повинен видати масив.
+
+```js
+assert(Array.isArray(findSequence([3, 10, 2, 1, 20])));
+```
+
+`findSequence([3, 10, 2, 1, 20])` повинен видати `[3, 10, 20]`.
+
+```js
+assert.deepEqual(findSequence([3, 10, 2, 1, 20]), [3, 10, 20]);
+```
+
+`findSequence([2, 7, 3, 5, 8])` повинен видати `[2, 3, 5, 8]`.
+
+```js
+assert.deepEqual(findSequence([2, 7, 3, 5, 8]), [2, 3, 5, 8]);
+```
+
+`findSequence([2, 6, 4, 5, 1])` повинен видати `[2, 4, 5]`.
+
+```js
+assert.deepEqual(findSequence([2, 6, 4, 5, 1]), [2, 4, 5]);
+```
+
+`findSequence([10, 22, 9, 33, 21, 50, 60, 80])` повинен видати `[10, 22, 33, 50, 60, 80]`.
+
+```js
+assert.deepEqual(findSequence([10, 22, 9, 33, 21, 50, 60, 80]), [
+  10,
+  22,
+  33,
+  50,
+  60,
+  80
+]);
+```
+
+`findSequence([0, 12, 2, 10, 6, 14, 1, 9, 5, 13, 3, 11, 7, 15])` повинен видати `[0, 2, 6, 9, 11, 15`.
+
+```js
+assert.deepEqual(
+  findSequence([0, 12, 2, 10, 6, 14, 1, 9, 5, 13, 3, 11, 7, 15]),
+  [0, 2, 6, 9, 11, 15]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function findSequence(input) {
+
+}
+```
+
+# --solutions--
+
+```js
+function findSequence(input) {
+    var len = input.length;
+    var result = []
+    for (var i = 0; i < len; i++) result.push(1)
+
+    for (var i = 0; i < len; i++)
+        for (var j = i - 1; j >= 0; j--)
+            if (input[i] > input[j] && result[j] >= result[i])
+                result[i] = result[j] + 1;
+
+    var maxValue = Math.max.apply(null, result);
+    var maxIndex = result.indexOf(Math.max.apply(Math, result));
+    var output = [];
+    output.push(input[maxIndex]);
+    for (var i = maxIndex; i >= 0; i--) {
+        if (maxValue == 0) break;
+        if (input[maxIndex] > input[i] && result[i] == maxValue - 1) {
+            output.push(input[i]);
+            maxValue--;
+        }
+    }
+    output.reverse();
+    return output;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-string-challenge.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-string-challenge.md
new file mode 100644
index 0000000000..b47912d765
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/longest-string-challenge.md
@@ -0,0 +1,101 @@
+---
+id: 5e6dd14192286d95fc43046e
+title: Завдання найдовшого рядка
+challengeType: 5
+forumTopicId: 385275
+dashedName: longest-string-challenge
+---
+
+# --description--
+
+У цьому завданні ви повинні знайти рядки, які є найдовшими серед вказаних.
+
+# --instructions--
+
+Напишіть функцію, яка приймає масив рядків і повертає рядки, довжина яких дорівнює найдовшій довжині.
+
+# --hints--
+
+`longestString` має бути функцією.
+
+```js
+assert(typeof longestString == 'function');
+```
+
+`longestString(["a", "bb", "ccc", "ee", "f", "ggg"])` має повернути масив.
+
+```js
+assert(Array.isArray(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg'])));
+```
+
+`longestString(["a", "bb", "ccc", "ee", "f", "ggg"])` має повернути масив `["ccc", "ggg"]'`.
+
+```js
+assert.deepEqual(longestString(['a', 'bb', 'ccc', 'ee', 'f', 'ggg']), [
+  'ccc',
+  'ggg'
+]);
+```
+
+`longestString(["afedg", "bb", "sdccc", "efdee", "f", "geegg"])` має повернути `["afedg", "sdccc", "efdee", "geegg"]`.
+
+```js
+assert.deepEqual(
+  longestString(['afedg', 'bb', 'sdccc', 'efdee', 'f', 'geegg']),
+  ['afedg', 'sdccc', 'efdee', 'geegg']
+);
+```
+
+`longestString(["a", "bhghgb", "ccc", "efde", "fssdrr", "ggg"])` має повернути `["bhghgb", "fssdrr"]`.
+
+```js
+assert.deepEqual(
+  longestString(['a', 'bhghgb', 'ccc', 'efde', 'fssdrr', 'ggg']),
+  ['bhghgb', 'fssdrr']
+);
+```
+
+`longestString(["ahgfhg", "bdsfsb", "ccc", "ee", "f", "ggdsfg"])` має повернути `["ahgfhg", "bdsfsb", "ggdsfg"]`.
+
+```js
+assert.deepEqual(
+  longestString(['ahgfhg', 'bdsfsb', 'ccc', 'ee', 'f', 'ggdsfg']),
+  ['ahgfhg', 'bdsfsb', 'ggdsfg']
+);
+```
+
+`longestString(["a", "bbdsf", "ccc", "edfe", "gzzzgg"])` має повернути `["gzzzgg"]`.
+
+```js
+assert.deepEqual(longestString(['a', 'bbdsf', 'ccc', 'edfe', 'gzzzgg']), [
+  'gzzzgg'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function longestString(strings) {
+
+}
+```
+
+# --solutions--
+
+```js
+function longestString(strings) {
+    var mx = 0;
+    var result = []
+    strings.forEach(function (e) {
+        if (e.length > mx) {
+            mx = e.length
+            result = [e]
+        } else if (e.length == mx)
+            result.push(e)
+    })
+
+    return result
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/look-and-say-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/look-and-say-sequence.md
new file mode 100644
index 0000000000..e7069e9a05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/look-and-say-sequence.md
@@ -0,0 +1,92 @@
+---
+id: 5e6dd14797f5ce267c2f19d0
+title: Послідовність "подивися-і-скажи"
+challengeType: 5
+forumTopicId: 385277
+dashedName: look-and-say-sequence
+---
+
+# --description--
+
+[Послідовність "подивися-і-скажи" ](https://en.wikipedia.org/wiki/Look and say sequence) - це рекурсивна послідовність певних чисел.
+
+Визначення послідовності
+
+<ul><li>Візьміть десяткове число</li>
+<li><span>Подивіться</span>на число, візуально групуючи цифри, які послідовно повторюються.</li>
+<li><span>Назвіть</span> число зліва направо, група за групою; скільки таких цифр можливо.</li></ul><span> Це число стає наступним у послідовності.</span>
+
+Наприклад:
+
+<ul><li>Починаючи з цифри 1, у вас є <span>одна</span> цифра 1, яка формує число 11</li>
+<li>Починаючи з 11, ви маєте <span>дві</span> цифри 1. Тобто 21</li>
+<li>Починаючи з числа 21, ви маєте <span>одну</span> цифру 2, і <span>одну</span> цифру 1. Тобто (12) (11), які стають 1211</li>
+<li>Починаючи з числа 1211, ви маєте <span>одну</span> цифру 1, <span>одну</span> цифру 2, і <span>дві</span> цифри 1. Тобто (11)(12)(21), які стають 111221</li></ul>
+
+# --instructions--
+
+Напишіть функцію, яка приймає рядок в якості параметра, обробляє його, і повертає результат.
+
+# --hints--
+
+`lookAndSay` повинен бути функцією.
+
+```js
+assert(typeof lookAndSay == 'function');
+```
+
+`lookAndSay("1")` повинен повернути рядок.
+
+```js
+assert(typeof lookAndSay('1') == 'string');
+```
+
+`lookAndSay("1")` повинен повертати `"11"`.
+
+```js
+assert.equal(lookAndSay('1'), '11');
+```
+
+`lookAndSay("11")` повинен повертати `"21"`.
+
+```js
+assert.equal(lookAndSay('11'), '21');
+```
+
+`lookAndSay("21")` повинен повертати `"1211"`.
+
+```js
+assert.equal(lookAndSay('21'), '1211');
+```
+
+`lookAndSay("1211")` повинен повертати `"111221"`.
+
+```js
+assert.equal(lookAndSay('1211'), '111221');
+```
+
+`lookAndSay("3542")` повинен повертати `"13151412"`.
+
+```js
+assert.equal(lookAndSay('3542'), '13151412');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lookAndSay(str) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lookAndSay(str) {
+    return str.replace(/(.)\1*/g, function(seq, p1) {
+      return seq.length.toString() + p1;
+    });
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/loop-over-multiple-arrays-simultaneously.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/loop-over-multiple-arrays-simultaneously.md
new file mode 100644
index 0000000000..862934359c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/loop-over-multiple-arrays-simultaneously.md
@@ -0,0 +1,139 @@
+---
+id: 5e6dd15004c88cf00d2a78b3
+title: Циклічне повторення декількох масивів одночасно
+challengeType: 5
+forumTopicId: 385279
+dashedName: loop-over-multiple-arrays-simultaneously
+---
+
+# --description--
+
+Циклічно повторюйте декілька масивів та створюйте новий, чий елемент $i^{th}$ є об'єднанням $i^{th}$ кожного вказаного елемента.
+
+Наприклад, якщо вам дано цей масив масивів:
+
+```js
+[ ["a", "b", "c"], ["A", "B", "C"], [1, 2, 3] ]
+```
+
+вихід має бути:
+
+```js
+["aA1","bB2","cC3"]
+```
+
+# --instructions--
+
+Напишіть функцію, яка приймає масив масивів в якості параметра і повертає масив рядків, задовольняючи даний опис.
+
+# --hints--
+
+`loopSimult` має бути функцією.
+
+```js
+assert(typeof loopSimult == 'function');
+```
+
+`loopSimult([["a", "b", "c"], ["A", "B", "C"], [1, 2, 3]])` повинен повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    loopSimult([
+      ['a', 'b', 'c'],
+      ['A', 'B', 'C'],
+      [1, 2, 3]
+    ])
+  )
+);
+```
+
+`loopSimult([["a", "b", "c"], ["A", "B", "C"], [1, 2, 3]])` повинен повернути `["aA1", "bB2", "cC3"]`.
+
+```js
+assert.deepEqual(
+  loopSimult([
+    ['a', 'b', 'c'],
+    ['A', 'B', 'C'],
+    [1, 2, 3]
+  ]),
+  ['aA1', 'bB2', 'cC3']
+);
+```
+
+`loopSimult([["c", "b", "c"], ["4", "5", "C"], [7, 7, 3]])` повинен повернути `["c47", "b57", "cC3"]`.
+
+```js
+assert.deepEqual(
+  loopSimult([
+    ['c', 'b', 'c'],
+    ['4', '5', 'C'],
+    [7, 7, 3]
+  ]),
+  ['c47', 'b57', 'cC3']
+);
+```
+
+`loopSimult([["a", "b", "c", "d"], ["A", "B", "C", "d"], [1, 2, 3, 4]])` повинн повернути `["aA1", "bB2", "cC3", "dd4"]`.
+
+```js
+assert.deepEqual(
+  loopSimult([
+    ['a', 'b', 'c', 'd'],
+    ['A', 'B', 'C', 'd'],
+    [1, 2, 3, 4]
+  ]),
+  ['aA1', 'bB2', 'cC3', 'dd4']
+);
+```
+
+`loopSimult([["a", "b"], ["A", "B"], [1, 2]])`повинен повернути `["aA1", "bB2"]`.
+
+```js
+assert.deepEqual(
+  loopSimult([
+    ['a', 'b'],
+    ['A', 'B'],
+    [1, 2]
+  ]),
+  ['aA1', 'bB2']
+);
+```
+
+`loopSimult([["b", "c"], ["B", "C"], [2, 3]])` повинен повернути `["bB2", "cC3"]`.
+
+```js
+assert.deepEqual(
+  loopSimult([
+    ['b', 'c'],
+    ['B', 'C'],
+    [2, 3]
+  ]),
+  ['bB2', 'cC3']
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function loopSimult(A) {
+
+}
+```
+
+# --solutions--
+
+```js
+function loopSimult(A) {
+    var res = [], output;
+    for (var i = 0; i < A[0].length; i += 1) {
+        output = "";
+        for (var j = 0; j < A.length; j++)
+            output += A[j][i];
+        res.push(output);
+    }
+    return res;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lu-decomposition.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lu-decomposition.md
new file mode 100644
index 0000000000..ba8fdd0cc5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lu-decomposition.md
@@ -0,0 +1,318 @@
+---
+id: 5e6decd8ec8d7db960950d1c
+title: LU-розклад матриці
+challengeType: 5
+forumTopicId: 385280
+dashedName: lu-decomposition
+---
+
+# --description--
+
+Кожну квадратну матрицю $A$ можна розкласти на добуток з нижньої трикутної матриці $L$ та верхньої трикутної матриці $U$, як описано у [LU decomposition](https://en.wikipedia.org/wiki/LU decomposition).
+
+$A = LU$
+
+Таке представлення матриці є модифікованим методом Гауса.
+
+В той час як [розклад Холецького](http://rosettacode.org/wiki/Cholesky decomposition) тільки працює для симетричних, позитивно-визначених матриць, загальніший LU-розклад матриці працює для будь-якої квадратної матриці.
+
+Існують декілька алгоритмів для розрахунку $L$ та $U$.
+
+Для отримання *алгоритму Крота* для прикладу 3x3, нам необхідно розв'язати наступну систему:
+
+\\begin{align}A = \\begin{pmatrix} a\_{11} & a\_{12} & a\_{13}\\\\ a\_{21} & a\_{22} & a\_{23}\\\\ a\_{31} & a\_{32} & a\_{33}\\\\ \\end{pmatrix}= \\begin{pmatrix} l\_{11} & 0 & 0 \\\\ l\_{21} & l\_{22} & 0 \\\\ l\_{31} & l\_{32} & l\_{33}\\\\ \\end{pmatrix} \\begin{pmatrix} u\_{11} & u\_{12} & u\_{13} \\\\ 0 & u\_{22} & u\_{23} \\\\ 0 & 0 & u\_{33} \\end{pmatrix} = LU\\end{align}
+
+Зараз нам доведеться розв'язати 9 рівнянь з 12 невідомими. Щоб зробити систему унікальною в розв'язанні, зазвичай діагональні елементи $L$ встановлюються на 1
+
+$l\_{11}=1$
+
+$l\_{22}=1$
+
+$l\_{33}=1$
+
+тож ми отримали розв'язуючу систему з 9 невідомих та 9 рівнянь.
+
+\\begin{align}A = \\begin{pmatrix} a\_{11} & a\_{12} & a\_{13}\\\\ a\_{21} & a\_{22} & a\_{23}\\\\ a\_{31} & a\_{32} & a\_{33}\\\\ \\end{pmatrix} = \\begin{pmatrix} 1 & 0 & 0 \\\\ l\_{21} & 1 & 0 \\\\ l\_{31} & l\_{32} & 1\\\\ \\end{pmatrix} \\begin{pmatrix} u\_{11} & u\_{12} & u\_{13} \\\\ 0 & u\_{22} & u\_{23} \\\\ 0 & 0 & u\_{33} \\end{pmatrix} = \\begin{pmatrix} u\_{11} & u\_{12} & u\_{13} \\\\ u\_{11}l\_{21} & u\_{12}l\_{21}+u\_{22} & u\_{13}l\_{21}+u\_{23} \\\\ u\_{11}l\_{31} & u\_{12}l\_{31}+u\_{22}l\_{32} & u\_{13}l\_{31} + u\_{23}l\_{32}+u\_{33} \\end{pmatrix} = LU\\end{align}
+
+Розв'язуючи для інших $l$ і $u$, ми отримуємо наступні рівняння:
+
+$u\_{11}=a\_{11}
+
+$u\_{12}=a\_{12}
+
+$u\_{13}=a\_{13}
+
+$u\_{22}=a\_{22} - u\_{12}l\_{21}$
+
+$u\_{23}=a\_{23} - u\_{13}l\_{21}$
+
+$u\_{33}=a\_{33} - (u\_{13}l\_{31} + u\_{23}l\_{32})$
+
+і для $l$:
+
+$l\_{21}=\\frac{1}{u\_{11}} a\_{21}$
+
+$l\_{31}=\\frac{1}{u\_{11}} a\_{31}$
+
+$l\_{32}=\\frac{1}{u\_{22}} (a\_{32} - u\_{12}l\_{31})$
+
+Як бачимо, існує шаблон обчислення, який можна виразити наступною формулою, спочатку за $U$
+
+$u\_{ij} = a\_{ij} - \\sum\_{k=1}^{i-1} u\_{kj}l\_{ik}$
+
+і потім для $L$
+
+$l\_{ij} = \\frac{1}{u\_{jj}} (a\_{ij} - \\sum\_{k=1}^{j-1} u\_{kj}l\_{ik})$
+
+Як бачимо, у другій формулі, щоб отримати $l\_{ij}$ нижче діагоналі, ми повинні поділити на діагональний елемент (значення) $u\_{jj}$, так виникає проблема, коли значення $u\_{jj}$ дорівнює 0 або є дуже малим, що призводить до числової нестабільності.
+
+Розв'язок цього завдання є *вибір головного елемента матриці* $A$, що означає перегрупування рядків $A$, на розклад $LU$ таким чином, щоб найбільший елемент кожної колонки потрапляв на діагональ $A$. Переміщення рядків означає множення $A$ на матрицю перестановки $P$:
+
+$PA \\Rightarrow A'$
+
+Наприклад:
+
+\\begin{align} \\begin{pmatrix} 0 & 1 \\\\ 1 & 0 \\end{pmatrix} \\begin{pmatrix} 1 & 4 \\\\ 2 & 3 \\end{pmatrix} \\Rightarrow \\begin{pmatrix} 2 & 3 \\\\ 1 & 4 \\end{pmatrix} \\end{align}
+
+Алгоритм розкладки застосовується тоді до перерозміщеної матриці так, щоб
+
+$PA = LU$
+
+# --instructions--
+
+Завдання полягає в тому, щоб реалізувати процедуру, яка знайде матрицю nxn $A$ і поверне нижчу трикутну матрицю $L$, верхню трикутну матрицю $U$ і матрицю перестановки $P$, так, щоб розв'язати вищезгадане рівняння. Повернене значення має бути у вигляді `[L, U, P]`.
+
+# --hints--
+
+`luDecomposition` повинне бути функцією.
+
+```js
+assert(typeof luDecomposition == 'function');
+```
+
+`luDecomposition([[1, 3, 5], [2, 4, 7], [1, 1, 0]])` повинен повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    luDecomposition([
+      [1, 3, 5],
+      [2, 4, 7],
+      [1, 1, 0]
+    ])
+  )
+);
+```
+
+`luDecomposition([[1, 3, 5], [2, 4, 7], [1, 1, 0]])` повинен повернути `[[[1, 0, 0], [0.5, 1, 0], [0.5, -1, 1]], [[2, 4, 7], [0, 1, 1.5], [0, 0, -2]], [[0, 1, 0], [1, 0, 0], [0, 0, 1]]]`.
+
+```js
+assert.deepEqual(
+  luDecomposition([
+    [1, 3, 5],
+    [2, 4, 7],
+    [1, 1, 0]
+  ]),
+  [
+    [
+      [1, 0, 0],
+      [0.5, 1, 0],
+      [0.5, -1, 1]
+    ],
+    [
+      [2, 4, 7],
+      [0, 1, 1.5],
+      [0, 0, -2]
+    ],
+    [
+      [0, 1, 0],
+      [1, 0, 0],
+      [0, 0, 1]
+    ]
+  ]
+);
+```
+
+`luDecomposition([[11, 9, 24, 2], [1, 5, 2, 6], [3, 17, 18, 1], [2, 5, 7, 1]])` повинен повернути `[[[1, 0, 0, 0], [0.2727272727272727, 1, 0, 0], [0.09090909090909091, 0.2875, 1, 0], [0.18181818181818182, 0.23124999999999996, 0.0035971223021580693, 1]], [[11, 9, 24, 2], [0, 14.545454545454547, 11.454545454545455, 0.4545454545454546], [0, 0, -3.4749999999999996, 5.6875], [0, 0, 0, 0.510791366906476]], [[1, 0, 0, 0], [0, 0, 1, 0], [0, 1, 0, 0], [0, 0, 0, 1]]]`.
+
+```js
+assert.deepEqual(
+  luDecomposition([
+    [11, 9, 24, 2],
+    [1, 5, 2, 6],
+    [3, 17, 18, 1],
+    [2, 5, 7, 1]
+  ]),
+  [
+    [
+      [1, 0, 0, 0],
+      [0.2727272727272727, 1, 0, 0],
+      [0.09090909090909091, 0.2875, 1, 0],
+      [0.18181818181818182, 0.23124999999999996, 0.0035971223021580693, 1]
+    ],
+    [
+      [11, 9, 24, 2],
+      [0, 14.545454545454547, 11.454545454545455, 0.4545454545454546],
+      [0, 0, -3.4749999999999996, 5.6875],
+      [0, 0, 0, 0.510791366906476]
+    ],
+    [
+      [1, 0, 0, 0],
+      [0, 0, 1, 0],
+      [0, 1, 0, 0],
+      [0, 0, 0, 1]
+    ]
+  ]
+);
+```
+
+`luDecomposition([[1, 1, 1], [4, 3, -1], [3, 5, 3]])` повинен повернути `[[[1, 0, 0], [0.75, 1, 0], [0.25, 0.09090909090909091, 1]], [[4, 3, -1], [0, 2.75, 3.75], [0, 0, 0.9090909090909091]], [[0, 1, 0], [0, 0, 1], [1, 0, 0]]]`.
+
+```js
+assert.deepEqual(
+  luDecomposition([
+    [1, 1, 1],
+    [4, 3, -1],
+    [3, 5, 3]
+  ]),
+  [
+    [
+      [1, 0, 0],
+      [0.75, 1, 0],
+      [0.25, 0.09090909090909091, 1]
+    ],
+    [
+      [4, 3, -1],
+      [0, 2.75, 3.75],
+      [0, 0, 0.9090909090909091]
+    ],
+    [
+      [0, 1, 0],
+      [0, 0, 1],
+      [1, 0, 0]
+    ]
+  ]
+);
+```
+
+`luDecomposition([[1, -2, 3], [2, -5, 12], [0, 2, -10]])` має повернути `[[[1, 0, 0], [0, 1, 0], [0.5, 0.25, 1]], [[2, -5, 12], [0, 2, -10], [0, 0, -0.5]], [[0, 1, 0], [0, 0, 1], [1, 0, 0]]]`.
+
+```js
+assert.deepEqual(
+  luDecomposition([
+    [1, -2, 3],
+    [2, -5, 12],
+    [0, 2, -10]
+  ]),
+  [
+    [
+      [1, 0, 0],
+      [0, 1, 0],
+      [0.5, 0.25, 1]
+    ],
+    [
+      [2, -5, 12],
+      [0, 2, -10],
+      [0, 0, -0.5]
+    ],
+    [
+      [0, 1, 0],
+      [0, 0, 1],
+      [1, 0, 0]
+    ]
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function luDecomposition(A) {
+
+}
+```
+
+# --solutions--
+
+```js
+function luDecomposition(A) {
+
+    function dotProduct(a, b) {
+        var sum = 0;
+        for (var i = 0; i < a.length; i++)
+            sum += a[i] * b[i]
+        return sum;
+    }
+
+    function matrixMul(A, B) {
+        var result = new Array(A.length);
+        for (var i = 0; i < A.length; i++)
+            result[i] = new Array(B[0].length)
+        var aux = new Array(B.length);
+
+        for (var j = 0; j < B[0].length; j++) {
+
+            for (var k = 0; k < B.length; k++)
+                aux[k] = B[k][j];
+
+            for (var i = 0; i < A.length; i++)
+                result[i][j] = dotProduct(A[i], aux);
+        }
+        return result;
+    }
+
+    function pivotize(m) {
+        var n = m.length;
+        var id = new Array(n);
+        for (var i = 0; i < n; i++) {
+            id[i] = new Array(n);
+            id[i].fill(0)
+            id[i][i] = 1;
+        }
+
+        for (var i = 0; i < n; i++) {
+            var maxm = m[i][i];
+            var row = i;
+            for (var j = i; j < n; j++)
+                if (m[j][i] > maxm) {
+                    maxm = m[j][i];
+                    row = j;
+                }
+
+            if (i != row) {
+                var tmp = id[i];
+                id[i] = id[row];
+                id[row] = tmp;
+            }
+        }
+        return id;
+    }
+
+    var n = A.length;
+    var L = new Array(n);
+    for (var i = 0; i < n; i++) { L[i] = new Array(n); L[i].fill(0) }
+    var U = new Array(n);
+    for (var i = 0; i < n; i++) { U[i] = new Array(n); U[i].fill(0) }
+    var P = pivotize(A);
+    var A2 = matrixMul(P, A);
+
+    for (var j = 0; j < n; j++) {
+        L[j][j] = 1;
+        for (var i = 0; i < j + 1; i++) {
+            var s1 = 0;
+            for (var k = 0; k < i; k++)
+                s1 += U[k][j] * L[i][k];
+            U[i][j] = A2[i][j] - s1;
+        }
+        for (var i = j; i < n; i++) {
+            var s2 = 0;
+            for (var k = 0; k < j; k++)
+                s2 += U[k][j] * L[i][k];
+            L[i][j] = (A2[i][j] - s2) / U[j][j];
+        }
+    }
+    return [L, U, P];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lucas-lehmer-test.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lucas-lehmer-test.md
new file mode 100644
index 0000000000..9d89d436c9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lucas-lehmer-test.md
@@ -0,0 +1,109 @@
+---
+id: 5e6dee7749a0b85a3f1fc7d5
+title: Тест Люка-Лемера
+challengeType: 5
+forumTopicId: 385281
+dashedName: lucas-lehmer-test
+---
+
+# --description--
+
+Тест Люка-Лемера: для $p$ непарного простого числа, число Мерсенна $2^p-1$ просте, якщо і тільки якщо $2^p-1$ ділиться на $S(p-1)$, де $S(n+1)=(S(n))^2-2$, і $S(1)=4$.
+
+# --instructions--
+
+Напишіть функцію, що покаже, чи є число Мерсенна простим чи ні.
+
+# --hints--
+
+`lucasLehmer` має бути функцією.
+
+```js
+assert(typeof lucasLehmer == 'function');
+```
+
+`lucasLehmer(11)` повинен повернути логічий тип даних.
+
+```js
+assert(typeof lucasLehmer(11) == 'boolean');
+```
+
+`lucasLehmer(11)` повинен повернути `false`.
+
+```js
+assert.equal(lucasLehmer(11), false);
+```
+
+`lucasLehmer(15)` повинен повернути `false`.
+
+```js
+assert.equal(lucasLehmer(15), false);
+```
+
+`lucasLehmer(13)` повинен повернути `true`.
+
+```js
+assert.equal(lucasLehmer(13), true);
+```
+
+`lucasLehmer(17)` повинен повернути `true`.
+
+```js
+assert.equal(lucasLehmer(17), true);
+```
+
+`lucasLehmer(19)` повинен повернути `true`.
+
+```js
+assert.equal(lucasLehmer(19), true);
+```
+
+`lucasLehmer(21)` повинен повернути `false`.
+
+```js
+assert.equal(lucasLehmer(21), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lucasLehmer(p) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lucasLehmer(p) {
+    function isPrime(p) {
+        if (p == 2)
+            return true;
+        else if (p <= 1 || p % 2 == 0)
+            return false;
+        else {
+            var to = Math.sqrt(p);
+            for (var i = 3; i <= to; i += 2)
+                if (p % i == 0)
+                    return false;
+            return true;
+        }
+    }
+
+    function isMersennePrime(p) {
+        if (p == 2)
+            return true;
+        else {
+            var m_p = Math.pow(2, p) - 1
+            var s = 4;
+            for (var i = 3; i <= p; i++)
+                s = (s * s - 2) % m_p
+            return s == 0;
+        }
+    }
+
+    return isPrime(p) && isMersennePrime(p)
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ludic-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ludic-numbers.md
new file mode 100644
index 0000000000..20d44872fb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/ludic-numbers.md
@@ -0,0 +1,129 @@
+---
+id: 5ea281203167d2b0bdefca00
+title: Ігрові числа
+challengeType: 5
+forumTopicId: 385282
+dashedName: ludic-numbers
+---
+
+# --description--
+
+[Ігрові числа](https://oeis.org/wiki/Ludic_numbers) пов'язані з простими числами, бо вони генеруються за допомогою фільтру, так само як [ Решето Ератосфена](https://rosettacode.org/wiki/Sieve_of_Eratosthenes) використовується для генерації простих чисел.
+
+Перше ігрове число - це 1.
+
+Щоб згенерувати наступні ігрові числа, створіть масив зі зростаючих цілих чисел, починаючи від 2.
+
+<code style='margin-left: 2em;'><span style='color:blue;font-weight:bold'>2</span> 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 ...</code>
+
+(Цикл)
+
+<ul>
+  <li>Візьміть перший член результатного масиву як наступне ігрове число <span style='color:blue;font-weight:bold'>2</span>.</li>
+  <li>Видаліть кожен <strong>2<sup>й</sup></strong> пронумерований абзац із масиву (включно з першим).</li>
+  <code style='margin-left: 2em;'><span style='color:blue;font-weight:bold;'><s>2</s></span> 3 <s>4</s> 5 <s>6</s> 7 <s>8</s> 9 <s>10</s> 11 <s>12</s> 13 <s>14</s> 15 <s>16</s> 17 <s>18</s> 19 <s>20</s> 21 <s>22</s> 23 <s>24</s> 25 <s>26</s> ...</code>
+</ul>
+
+<ul>
+  <li>(Прокрутка декількох циклів...)</li>
+  <li>Візьміть перший член результатного масиву як наступне ігрове число <span style='color:blue;font-weight:bold'>3</span>.</li>
+  <li>Видаліть кожен <strong>3<sup>й</sup></strong> пронумерований абзац із масиву (включно з першим).</li>
+  <code style='margin-left: 2em;'><span style='color:blue;font-weight:bold'><s>3</s></span> 5 7 <s>9</s> 11 13 <s>15</s> 17 19 <s>21</s> 23 25 <s>27</s> 29 31 <s>33</s> 35 37 <s>39</s> 41 43 <s>45</s> 47 49 <s>51</s> ...</code>
+</ul>
+
+<ul>
+  <li>Візьміть перший член результатного масиву як наступне ігрове число <span style='color:blue;font-weight:bold'>5</span>.</li>
+  <li>Видаліть кожен <strong>5<sup>й</sup></strong> пронумерований абзац із масиву (включно з першим).</li>
+  <code style='margin-left: 2em;'><span style='color:blue;font-weight:bold'><s>5</s></span> 7 11 13 17 <s>19</s> 23 25 29 31 <s>35</s> 37 41 43 47 <s>49</s> 53 55 59 61 <s>65</s> 67 71 73 77 ...</code>
+</ul>
+
+<ul>
+  <li>Візьміть перший член результатного масиву як наступне ігрове число <span style='color:blue;font-weight:bold'>7</span>.</li>
+  <li>Видаліть кожен <strong>7<sup>й</sup></strong> пронумерований абзац із масиву (включно з першим).</li>
+  <code style='margin-left: 2em;'><span style='color:blue;font-weight:bold'><s>7</s></span> 11 13 17 23 25 29 <s>31</s> 37 41 43 47 53 55 <s>59</s> 61 67 71 73 77 83 <s>85</s> 89 91 97 ...</code>
+</ul>
+
+<ul>
+  <li><big><b> ... </b></big></li>
+  <li>Візьміть перший член поточного масиву як наступне ігрове число<span style='color:blue;font-weight:bold'>L</span>.</li>
+  <li>Видаліть кожен <strong>L<sup>й</sup></strong> пронумерований абзац із масиву (включно з першим).</li>
+  <li><big><b> ... </b></big></li>
+</ul>
+
+# --instructions--
+
+Запишіть функцію, яка повертає всі ігрові числа, які є меншими або дорівнюють даному числу.
+
+# --hints--
+
+`ludic` має бути функцією.
+
+```js
+assert(typeof ludic === 'function', '<code>ludic</code> should be a function.');
+```
+
+`ludic(2)` має повернути масив.
+
+```js
+assert(Array.isArray(ludic(2)));
+```
+
+`ludic(2)` має повернути `[1, 2]`.
+
+```js
+assert.deepEqual(ludic(2), [1, 2]);
+```
+
+`ludic(3)` має повернути `[1, 2, 3]`.
+
+```js
+assert.deepEqual(ludic(3), [1, 2, 3]);
+```
+
+`ludic(5)` має повернути `[1, 2, 3, 5]`.
+
+```js
+assert.deepEqual(ludic(5), [1, 2, 3, 5]);
+```
+
+`ludic(20)` має повернути `[1, 2, 3, 5, 7, 11, 13, 17]`.
+
+```js
+assert.deepEqual(ludic(20), [1, 2, 3, 5, 7, 11, 13, 17]);
+```
+
+`ludic(26)` має повернути `[1, 2, 3, 5, 7, 11, 13, 17, 23, 25]`.
+
+```js
+assert.deepEqual(ludic(26), [1, 2, 3, 5, 7, 11, 13, 17, 23, 25]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function ludic(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function ludic(n) {
+  const makeArr = (s, e) => new Array(e + 1 - s).fill(s).map((e, i) => e + i);
+
+  const filterAtInc = (arr, n) => arr.filter((e, i) => (i + 1) % n);
+
+  const makeLudic = (arr, result) => {
+    const iter = arr.shift();
+    result.push(iter);
+    return arr.length ? makeLudic(filterAtInc(arr, iter), result) : result;
+  };
+
+  const ludicResult = makeLudic(makeArr(2, n), [1]);
+
+  return ludicResult;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/luhn-test-of-credit-card-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/luhn-test-of-credit-card-numbers.md
new file mode 100644
index 0000000000..dc2876a22f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/luhn-test-of-credit-card-numbers.md
@@ -0,0 +1,125 @@
+---
+id: 5ea28156e79528a9ab248f27
+title: Тест Луна для визначення номерів кредитних карток
+challengeType: 5
+forumTopicId: 385284
+dashedName: luhn-test-of-credit-card-numbers
+---
+
+# --description--
+
+Тест [Луна](https://en.wikipedia.org/wiki/Luhn algorithm) використовується деякими компаніями, які мають справу з кредитними картками, для того, щоб відрізнити дійсні номери кредитних карток від випадкового набору цифр.
+
+Ті компанії, які використовують номери кредитних карток, котрі можна перевірити за допомогою тесту Луна, мають номери, які проходять наступний тест:
+
+<ol>
+  <li> Розставити цифри в зворотньому порядку.</li>
+  <li> Із цифр, які записані в зворотньому порядку, треба взяти першу, третю, і кожну іншу непарну цифру та додати їх для формування часткової суми s1</li>
+  <li> Беручи другу, четверту ... та кожну іншу парну цифру із цифр, які записані в зворотньому порядку:</li>
+    <ol>
+      <li>Помножте кожну цифру на два, якщо відповідь вийшла більше ніж дев’ять для того, щоб скласти часткові суми для парних чисел.</li>
+      <li>Підсумуйте часткові суми парних чисел, щоб створити s2.</li>
+    </ol>
+  <li>Якщо s1 + s2 закінчується нулем, то вихідне число буде у вигляді дійсного номера кредитної картки як перевірено тестом Луна.</li>
+</ol>
+
+Наприклад, якщо пробний номер - 49927398716:
+
+```bash
+Reverse the digits:
+  61789372994
+Sum the odd digits:
+  6 + 7 + 9 + 7 + 9 + 4 = 42 = s1
+The even digits:
+    1, 8, 3, 2, 9
+  Two times each even digit:
+    2, 16, 6, 4, 18
+  Sum the digits of each multiplication:
+    2, 7, 6, 4, 9
+  Sum the last:
+    2 + 7 + 6 + 4 + 9 = 28 = s2
+
+s1 + s2 = 70 which ends in zero which means that 49927398716 passes the Luhn test.
+```
+
+# --instructions--
+
+Напишіть функцію, яка дозволить перевірити цифру за допомоги тесту Луна. Повернеться правильно, якщо це є правильним числом. В іншому випадку повернеться хибним.
+
+# --hints--
+
+`luhnTest` має бути функцією.
+
+```js
+assert(typeof luhnTest === 'function');
+```
+
+`luhnTest("4111111111111111")` має повернути логічний тип даних.
+
+```js
+assert(typeof luhnTest('4111111111111111') === 'boolean');
+```
+
+`luhnTest("4111111111111111")` має повернути `true`.
+
+```js
+assert.equal(luhnTest('4111111111111111'), true);
+```
+
+`luhnTest("4111111111111112")` має повернути `false`.
+
+```js
+assert.equal(luhnTest('4111111111111112'), false);
+```
+
+`luhnTest("49927398716")` має повернути `true`.
+
+```js
+assert.equal(luhnTest('49927398716'), true);
+```
+
+`luhnTest("49927398717")` має повернути `false`.
+
+```js
+assert.equal(luhnTest('49927398717'), false);
+```
+
+`luhnTest("1234567812345678")` має повернути `false`.
+
+```js
+assert.equal(luhnTest('1234567812345678'), false);
+```
+
+`luhnTest("1234567812345670")` має повернути `true`.
+
+```js
+assert.equal(luhnTest('1234567812345670'), true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function luhnTest(str) {
+
+}
+```
+
+# --solutions--
+
+```js
+function luhnTest(str) {
+  var luhnArr = [0, 2, 4, 6, 8, 1, 3, 5, 7, 9];
+  var counter = 0;
+  var incNum;
+  var odd = false;
+  var temp = String(str).replace(/[^\d]/g, '');
+  if (temp.length == 0) return false;
+  for (var i = temp.length - 1; i >= 0; --i) {
+    incNum = parseInt(temp.charAt(i), 10);
+    counter += (odd = !odd) ? incNum : luhnArr[incNum];
+  }
+  return counter % 10 == 0;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lychrel-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lychrel-numbers.md
new file mode 100644
index 0000000000..7dff1237a0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lychrel-numbers.md
@@ -0,0 +1,151 @@
+---
+id: 5ea2815a8640bcc6cb7dab3c
+title: Числа Лішрел
+challengeType: 5
+forumTopicId: 385287
+dashedName: lychrel-numbers
+---
+
+# --description--
+
+<ol>
+  <li>Візьміть ціле число <code>n₀</code>, більше за 0.</li>
+  <li>Утворіть наступне число <code>n</code> серій, повернувши <code>n₀</code> і додавши його до <code>n₀</code></li>
+  <li>Зупиніться, коли <code>n</code> стає паліндромним, тобто цифри <code>n</code> у зворотньому порядку == <code>n</code>.</li>
+</ol>
+
+Наведене вище повторюване відношення при застосуванні до більшості початкових чисел `n` = 1, 2, ... обривається на паліндромі досить швидко.
+
+Наприклад, якщо `n₀` = 12, ми отримуємо:
+
+```bash
+12
+12 + 21 = 33,  a palindrome!
+```
+
+І якщо `n₀` = 55, то отримаємо:
+
+```bash
+55
+55 + 55 = 110
+110 + 011 = 121,  a palindrome!
+```
+
+Зверніть увагу, що ця перевірка паліндрому відбувається *після* додавання.
+
+Деякі початкові числа можуть повторюватися безкінечну кількість разів, рекурентне співвідношення для 196 нараховує мільйони повторів, що утворює числа в мільйонному степені, так і не утворивши паліндром. Числа, які не можуть стати паліндромами, називають** числа Лішрел**.
+
+У цьому плані число Лішрел - це будь-яке початкове число, яке не утворює паліндром через 500 (і більше) ітерацій.
+
+**Початкові та пов'язані числа Лішрел:**
+
+Будь-яке ціле число у послідовності чисел Лішрел є також числом Лішрел.
+
+Загалом, будь яка послідовність з одного числа Лішрел *повинна *зійтися з послідовністю з попереднього потенційного числа Лішрел; наприклад, послідовності чисел 196, а пізніше 689 починаються з:
+
+```bash
+    196
+    196 + 691 = 887
+    887 + 788 = 1675
+    1675 + 5761 = 7436
+    7436 + 6347 = 13783
+    13783 + 38731 = 52514
+    52514 + 41525 = 94039
+    ...
+    689
+    689 + 986 = 1675
+    1675 + 5761 = 7436
+    ...
+```
+
+Отож ми бачимо, що послідовність, яка починається з 689, збігається й продовжується тими ж числами, що й для 196.
+
+А отже в подальшому ми можемо розбити числа Лішрел на справжні **Початкові **потенційні числа Лішрел, а також **Відносні** числа, які не утворюють паліндром, проте містять цілі числа в послідовності, які розглядають як частину послідовності, що виникла від меншого числа Лішрел.
+
+# --instructions--
+
+Напишіть функцію, яка бере число як параметр. Поверніть значення true, якщо це число є числом Лішрел. В іншому випадку поверніть false. Пам'ятайте, що кількість ітерацій не повинна перевищувати 500.
+
+# --hints--
+
+`isLychrel` повинен бути функцією.
+
+```js
+assert(typeof isLychrel === 'function');
+```
+
+`isLychrel(12)` має повернути логічне значення.
+
+```js
+assert(typeof isLychrel(12) === 'boolean');
+```
+
+`isLychrel(12)` має повернути `false`.
+
+```js
+assert.equal(isLychrel(12), false);
+```
+
+`isLychrel(55)` має повернути `false`.
+
+```js
+assert.equal(isLychrel(55), false);
+```
+
+`isLychrel(196)` має повернути `true`.
+
+```js
+assert.equal(isLychrel(196), true);
+```
+
+`isLychrel(879)` має повернути `true`.
+
+```js
+assert.equal(isLychrel(879), true);
+```
+
+`isLychrel(44987)` має повернути `false`.
+
+```js
+assert.equal(isLychrel(44987), false);
+```
+
+`isLychrel(7059)` має повернути `true`.
+
+```js
+assert.equal(isLychrel(7059), true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isLychrel(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isLychrel(n) {
+  function reverse(num) {
+    return parseInt(
+      num
+        .toString()
+        .split('')
+        .reverse()
+        .join('')
+    );
+  }
+
+  var i;
+  for (i = 0; i < 500; i++) {
+    n = n + reverse(n);
+    if (n == reverse(n)) break;
+  }
+
+  return i == 500;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lzw-compression.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lzw-compression.md
new file mode 100644
index 0000000000..1addd49d83
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/lzw-compression.md
@@ -0,0 +1,239 @@
+---
+id: 5ea2815e364d9a2222ea55f8
+title: LZW компресія
+challengeType: 5
+forumTopicId: 385288
+dashedName: lzw-compression
+---
+
+# --description--
+
+Алгоритм Лемпеля-Зіва-Велча (LZW) забезпечує стискання даних без втрат.
+
+Детальніше про алгоритм можна прочитати у [статті ](https://en.wikipedia.org/wiki/Lempel-Ziv-Welch) Вікіпедія.
+
+# --instructions--
+
+Напишіть функцію, яка бере два параметри. Перший параметр - логічне значення, де `true`позначає стиснути та `false`позначає розвернути. Другий параметр - це рядок або масив для обробки. Якщо це рядок для стиснення, поверніть масив чисел. Якщо це масив чисел для розгортання, поверніть рядок.
+
+# --hints--
+
+`LZW` має бути функцією.
+
+```js
+assert(typeof LZW === 'function');
+```
+
+`LZW(true, "TOBEORNOTTOBEORTOBEORNOT")` має повернути рядок.
+
+```js
+assert(Array.isArray(LZW(true, 'TOBEORNOTTOBEORTOBEORNOT')));
+```
+
+`LZW(false, [84, 79, 66, 69, 79, 82, 78, 79, 84, 256, 258, 260, 265, 259, 261, 263])` має повернути рядок.
+
+```js
+assert(
+  typeof LZW(false, [
+    84,
+    79,
+    66,
+    69,
+    79,
+    82,
+    78,
+    79,
+    84,
+    256,
+    258,
+    260,
+    265,
+    259,
+    261,
+    263
+  ]) === 'string'
+);
+```
+
+`LZW(true, "TOBEORNOTTOBEORTOBEORNOT")` має повернути `[84, 79, 66, 69, 79, 82, 78, 79, 84, 256, 258, 260, 265, 259, 261, 263]`.
+
+```js
+assert.deepEqual(LZW(true, 'TOBEORNOTTOBEORTOBEORNOT'), [
+  84,
+  79,
+  66,
+  69,
+  79,
+  82,
+  78,
+  79,
+  84,
+  256,
+  258,
+  260,
+  265,
+  259,
+  261,
+  263
+]);
+```
+
+`LZW(false, [84, 79, 66, 69, 79, 82, 78, 79, 84, 256, 258, 260, 265, 259, 261, 263])` має повернути `"TOBEORNOTTOBEORTOBEORNOT"`.
+
+```js
+assert.equal(
+  LZW(false, [
+    84,
+    79,
+    66,
+    69,
+    79,
+    82,
+    78,
+    79,
+    84,
+    256,
+    258,
+    260,
+    265,
+    259,
+    261,
+    263
+  ]),
+  'TOBEORNOTTOBEORTOBEORNOT'
+);
+```
+
+`LZW(true, "0123456789")` має повернути `[48, 49, 50, 51, 52, 53, 54, 55, 56, 57]`.
+
+```js
+assert.deepEqual(LZW(true, '0123456789'), [
+  48,
+  49,
+  50,
+  51,
+  52,
+  53,
+  54,
+  55,
+  56,
+  57
+]);
+```
+
+`LZW(false, [48, 49, 50, 51, 52, 53, 54, 55, 56, 57])` має повернути `"0123456789"`.
+
+```js
+assert.equal(
+  LZW(false, [48, 49, 50, 51, 52, 53, 54, 55, 56, 57]),
+  '0123456789'
+);
+```
+
+`LZW(true, "BABAABAAA")` має повернути `[66, 65, 256, 257, 65, 260]`.
+
+```js
+assert.deepEqual(LZW(true, 'BABAABAAA'), [66, 65, 256, 257, 65, 260]);
+```
+
+`LZW(false, [66, 65, 256, 257, 65, 260])` має повернути `"BABAABAAA"`.
+
+```js
+assert.equal(LZW(false, [66, 65, 256, 257, 65, 260]), 'BABAABAAA');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function LZW (compressData, input) {
+
+}
+```
+
+# --solutions--
+
+```js
+function LZW (compressData, input) {
+  function compress(uncompressed) {
+    // Build the dictionary.
+    var i,
+      dictionary = {},
+      c,
+      wc,
+      w = "",
+      result = [],
+      dictSize = 256;
+    for (i = 0; i < 256; i += 1) {
+      dictionary[String.fromCharCode(i)] = i;
+    }
+
+    for (i = 0; i < uncompressed.length; i += 1) {
+      c = uncompressed.charAt(i);
+      wc = w + c;
+      //Do not use dictionary[wc] because javascript arrays
+      //will return values for array['pop'], array['push'] etc
+      // if (dictionary[wc]) {
+      if (dictionary.hasOwnProperty(wc)) {
+        w = wc;
+      } else {
+        result.push(dictionary[w]);
+        // Add wc to the dictionary.
+        dictionary[wc] = dictSize++;
+        w = String(c);
+      }
+    }
+
+    // Output the code for w.
+    if (w !== "") {
+      result.push(dictionary[w]);
+    }
+    return result;
+  }
+
+
+  function decompress(compressed) {
+    // Build the dictionary.
+    var i,
+      dictionary = [],
+      w,
+      result,
+      k,
+      entry = "",
+      dictSize = 256;
+    for (i = 0; i < 256; i += 1) {
+      dictionary[i] = String.fromCharCode(i);
+    }
+
+    w = String.fromCharCode(compressed[0]);
+    result = w;
+    for (i = 1; i < compressed.length; i += 1) {
+      k = compressed[i];
+      if (dictionary[k]) {
+        entry = dictionary[k];
+      } else {
+        if (k === dictSize) {
+          entry = w + w.charAt(0);
+        } else {
+          return null;
+        }
+      }
+
+      result += entry;
+
+      // Add w+entry[0] to the dictionary.
+      dictionary[dictSize++] = w + entry.charAt(0);
+
+      w = entry;
+    }
+    return result;
+  }
+
+  if(compressData){
+    return compress(input)
+  }else{
+    return decompress(input)
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/s-expressions.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/s-expressions.md
new file mode 100644
index 0000000000..843591b52d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/s-expressions.md
@@ -0,0 +1,96 @@
+---
+id: 59667989bf71cf555dd5d2ff
+title: S-вирази
+challengeType: 5
+forumTopicId: 302303
+dashedName: s-expressions
+---
+
+# --description--
+
+[S-вирази](https://en.wikipedia.org/wiki/S-Expression "wp: S-Expression") - це зручний спосіб для аналізу та зберігання даних.
+
+# --instructions--
+
+Напишіть простий синтаксичний аналізатор для S-виразів, який зможе опрацьовувати рядки та цілі числа в лапках та без них.
+
+Функція має зчитувати один, але конкретний S-вираз з рядка і повертати його (конкретним) масивом.
+
+За межами лапок символи розриву строки та інші пробіли можуть бути проігноровані.
+
+"`()`" всередині лапок не інтерпретуються, а розглядається як частина рядка.
+
+Обробка пропущених лапок всередині рядка не є обов'язковою; таким чином "`(foo"bar)`" може розглядатися як рядок "`foo"bar`", або як помилка.
+
+Для цього не потрібно розпізнавати `\` для екранування, але окрім того варто розгледіти цифри, якщо мова має відповідні типи даних.
+
+Зверніть увагу, що, за винятком пробілів та `()"` (`\`, якщо екранування підтримується), спеціальних символів немає. Все інше можна використовувати без лапок.
+
+Читач має вміти прочитати наступні вхідні дані
+
+<pre>((data "quoted data" 123 4.5)
+(data (!@# (4.5) "(more" "data)")))
+</pre>
+
+і перетворити його на початкову структуру даних. (Дивіться [Pike](https://rosettacode.org/wiki/S-Expressions#Pike "\#Pike"), [Python](https://rosettacode.org/wiki/S-Expressions#Python "\#Python") and [Ruby](https://rosettacode.org/wiki/S-Expressions#Ruby "\#Ruby") implementations задля прикладів початкових структур даних.)
+
+# --hints--
+
+`parseSexpr` має бути функцією.
+
+```js
+assert(typeof parseSexpr === 'function');
+```
+
+`parseSexpr('(data1 data2 data3)')` має повернути `['data1', 'data2', 'data3']`
+
+```js
+assert.deepEqual(parseSexpr(simpleSExpr), simpleSolution);
+```
+
+`parseSexpr('((data "quoted data" 123 4.5) (data (!@# (4.5) "(more" "data)")))')` має повернути `[['data', '"quoted data"', 123, 4.5], ['data', ['!@#', [4.5], '"(more"', '"data)"']]]`.
+
+```js
+assert.deepEqual(parseSexpr(basicSExpr), basicSolution);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const simpleSExpr = '(data1 data2 data3)';
+const simpleSolution = ['data1', 'data2', 'data3'];
+
+const basicSExpr = '((data "quoted data" 123 4.5) (data (!@# (4.5) "(more" "data)")))';
+const basicSolution = [["data","\"quoted data\"",123,4.5],["data",["!@#",[4.5],"\"(more\"","\"data)\""]]];
+```
+
+## --seed-contents--
+
+```js
+function parseSexpr(str) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function parseSexpr(str) {
+  const t = str.match(/\s*("[^"]*"|\(|\)|"|[^\s()"]+)/g);
+  for (var o, c = 0, i = t.length - 1; i >= 0; i--) {
+    var n,
+      ti = t[i].trim();
+    if (ti == '"') return;
+    else if (ti == '(') t[i] = '[', c += 1;
+    else if (ti == ')') t[i] = ']', c -= 1;
+    else if ((n = +ti) == ti) t[i] = n;
+    else t[i] = `'${ti.replace('\'', '\\\'')}'`;
+    if (i > 0 && ti != ']' && t[i - 1].trim() != '(') t.splice(i, 0, ',');
+    if (!c) if (!o) o = true; else return;
+  }
+  return c ? undefined : eval(t.join(''));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.md
new file mode 100644
index 0000000000..276928a750
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sailors-coconuts-and-a-monkey-problem.md
@@ -0,0 +1,90 @@
+---
+id: 59da22823d04c95919d46269
+title: 'Задача про моряків, кокоси та мавп'
+challengeType: 5
+forumTopicId: 302304
+dashedName: sailors-coconuts-and-a-monkey-problem
+---
+
+# --description--
+
+П'ять моряків розбилися на острові і назбирали велику купу кокосів протягом дня. Тієї ночі перший моряк прокидається і вирішує завчасно взяти свою першу частку, тому намагається поділити купки з кокосами порівно на п'ять маленьких частин, але дізнається, що залишається один кокос, тому він кидає його мавпі і потім ховає "свій" в один із п'яти однакових за розміром куп з кокосами і зіштовхує інші чотири купи разом для того, щоб знову утворити єдину видиму купу з кокосами і йде спати. Коротше кажучи, кожний моряк один раз встає протягом ночі і виконує ті ж самі дії: ділить купу кокосів на 5 частин, знаходить один кокос, що залишився, і віддає його мавпі. Вранці( після спантеличених та окремих вчинків кожного з п'яти моряків протягом ночі), кокоси, що залишилися були поділені на п'ять однакових куп для кожного з моряків, після чого виявилося, що вони поділені порівно серед моряків без залишку. (Зранку нічого не залишилось для мавпи.)
+
+# --instructions--
+
+Створіть функцію, що повертає мінімальний можливий розмір початкової купи з кокосами, зібраної протягом дня для `N` моряків. **Зверніть увагу:** Звичайно, у світі розповідаються казки про збирання будь-якої кількості кокосових горіхів за день і множинні поділи купи, тощо, можуть виникнути у час, який відповідає сюжетній лінії, щоб таким чином не впливати на математику. **Подивіться також:**
+
+<ul>
+  <li><a href="https://www.youtube.com/watch?v=U9qU20VmvaU" target="_blank">Мавпи і кокоси - Numberphile</a>(Відео) Аналітичне рішення.</li>
+  <li><a href="https://oeis.org/A002021" target="_blank">A002021 Задача про купи з коксами</a> Енциклопедія цінової послідовності цілих чисел. (Хоча деякі з цих посилань можуть використовувати альтернативну форму казки).</li>
+</ul>
+
+# --hints--
+
+`splitCoconuts` має бути функцією.
+
+```js
+assert(typeof splitCoconuts === 'function');
+```
+
+`splitCoconuts(5)` має повернути 3121.
+
+```js
+assert(splitCoconuts(5) === 3121);
+```
+
+`splitCoconuts(6)` має повернути 233275.
+
+```js
+assert(splitCoconuts(6) === 233275);
+```
+
+`splitCoconuts(7)`має повернути 823537.
+
+```js
+assert(splitCoconuts(7) === 823537);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function splitCoconuts(intSailors) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function splitCoconuts(intSailors) {
+  let intNuts = intSailors;
+  let result = splitCoconutsHelper(intNuts, intSailors);
+  while (!result) {
+    intNuts += 1;
+    result = splitCoconutsHelper(intNuts, intSailors);
+  }
+
+  return intNuts;
+}
+
+function splitCoconutsHelper(intNuts, intSailors, intDepth) {
+  const nDepth = intDepth !== undefined ? intDepth : intSailors;
+  const portion = Math.floor(intNuts / intSailors);
+  const remain = intNuts % intSailors;
+
+  if (portion <= 0 || remain !== (nDepth ? 1 : 0)) {
+    return null;
+  }
+
+  if (nDepth) {
+    return splitCoconutsHelper(
+      intNuts - portion - remain, intSailors, nDepth - 1
+    );
+  }
+
+  return intNuts;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/search-a-list-of-records.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/search-a-list-of-records.md
new file mode 100644
index 0000000000..15a00897b2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/search-a-list-of-records.md
@@ -0,0 +1,103 @@
+---
+id: 5eb3e497b8d6d7f63c5517ea
+title: Пошук списку записів
+challengeType: 5
+forumTopicId: 385315
+dashedName: search-a-list-of-records
+---
+
+# --description--
+
+Запис складається з атрибутів, що описують сутність. Кожен атрибут має назву та значення. Наприклад, людина може мати атрибут `age` зі значенням 25. Важливою операцією в списку записів є пошук запису з конкретним значенням атрибуту.
+
+# --instructions--
+
+Напишіть функцію, яка бере рядок як параметр. Функція має повернути індекс елемента в `list`, для якого значення `name` атрибута відповідає заданому рядку.
+
+# --hints--
+
+`searchCity` має бути функцією.
+
+```js
+assert(typeof searchCity === 'function');
+```
+
+`searchCity("Dar Es Salaam")` має повернутися числом.
+
+```js
+assert(typeof searchCity('Dar Es Salaam') === 'number');
+```
+
+`searchCity("Dar Es Salaam")` має повернутись `6`.
+
+```js
+assert.equal(searchCity('Dar Es Salaam'), 6);
+```
+
+`searchCity("Casablanca")` має повернути `9`.
+
+```js
+assert.equal(searchCity('Casablanca'), 9);
+```
+
+`searchCity("Cairo")` має повернути `1`.
+
+```js
+assert.equal(searchCity('Cairo'), 1);
+```
+
+`searchCity("Mogadishu")` має повернути `4`.
+
+```js
+assert.equal(searchCity('Mogadishu'), 4);
+```
+
+`searchCity("Lagos")` має повернути `0`.
+
+```js
+assert.equal(searchCity('Lagos'), 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function searchCity(name) {
+
+}
+
+const list = [
+  { name: 'Lagos', population: 21.0 },
+  { name: 'Cairo', population: 15.2 },
+  { name: 'Kinshasa-Brazzaville', population: 11.3 },
+  { name: 'Greater Johannesburg', population: 7.55 },
+  { name: 'Mogadishu', population: 5.85 },
+  { name: 'Khartoum-Omdurman', population: 4.98 },
+  { name: 'Dar Es Salaam', population: 4.7 },
+  { name: 'Alexandria', population: 4.58 },
+  { name: 'Abidjan', population: 4.4 },
+  { name: 'Casablanca', population: 3.98 }
+];
+```
+
+# --solutions--
+
+```js
+function searchCity(name) {
+  return list.findIndex(item => item.name === name);
+}
+
+const list = [
+  { name: 'Lagos', population: 21.0 },
+  { name: 'Cairo', population: 15.2 },
+  { name: 'Kinshasa-Brazzaville', population: 11.3 },
+  { name: 'Greater Johannesburg', population: 7.55 },
+  { name: 'Mogadishu', population: 5.85 },
+  { name: 'Khartoum-Omdurman', population: 4.98 },
+  { name: 'Dar Es Salaam', population: 4.7 },
+  { name: 'Alexandria', population: 4.58 },
+  { name: 'Abidjan', population: 4.4 },
+  { name: 'Casablanca', population: 3.98 }
+];
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sedols.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sedols.md
new file mode 100644
index 0000000000..74c8acecc8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sedols.md
@@ -0,0 +1,96 @@
+---
+id: 59d9c6bc214c613ba73ff012
+title: SEDOLs (списки ідентифікаційних кодів цінних паперів)
+challengeType: 5
+forumTopicId: 302305
+dashedName: sedols
+---
+
+# --description--
+
+Для кожного списку чисел з 6-цифрових [SEDOL](https://en.wikipedia.org/wiki/SEDOL "wp: SEDOL")s, порахуйте та додайте цифру контрольної суми. Тобто, враховуючи вхідний рядок зліва, ваша функція повинна повернутися відповідним рядком справа:
+
+<pre>
+710889 => 7108899
+B0YBKJ => B0YBKJ7
+406566 => 4065663
+B0YBLH => B0YBLH2
+228276 => 2282765
+B0YBKL => B0YBKL9
+557910 => 5579107
+B0YBKR => B0YBKR5
+585284 => 5852842
+B0YBKT => B0YBKT7
+B00030 => B000300
+</pre>
+
+Перевірте, щоб кожне введення було правильно сформовано, особливо стосовно допустимих символів, дозволених у рядку SEDOL. Ваша функція повинна повернути `null` на недопустиме введення.
+
+# --hints--
+
+`sedol` має бути функцією.
+
+```js
+assert(typeof sedol === 'function');
+```
+
+`sedol('a')` має повернутись нулем.
+
+```js
+assert(sedol('a') === null);
+```
+
+`sedol('710889')` має повернути '7108899'.
+
+```js
+assert(sedol('710889') === '7108899');
+```
+
+`sedol('BOATER')` має повернутись нулем.
+
+```js
+assert(sedol('BOATER') === null);
+```
+
+`sedol('228276')` має повернути '2282765'.
+
+```js
+assert(sedol('228276') === '2282765');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sedol(input) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function sedol(input) {
+  const checkDigit = sedolCheckDigit(input);
+  if (checkDigit !== null) {
+    return input + checkDigit;
+  }
+  return null;
+}
+
+const weight = [1, 3, 1, 7, 3, 9, 1];
+function sedolCheckDigit(char6) {
+  if (char6.search(/^[0-9BCDFGHJKLMNPQRSTVWXYZ]{6}$/) === -1) {
+    return null;
+  }
+
+  let sum = 0;
+  for (let i = 0; i < char6.length; i++) {
+    sum += weight[i] * parseInt(char6.charAt(i), 36);
+  }
+  const check = (10 - (sum % 10)) % 10;
+  return check.toString();
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-describing-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-describing-numbers.md
new file mode 100644
index 0000000000..b36c1cfd65
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-describing-numbers.md
@@ -0,0 +1,100 @@
+---
+id: 5eaf48389ee512d4d103684b
+title: Самоописувальні числа
+challengeType: 5
+forumTopicId: 385289
+dashedName: self-describing-numbers
+---
+
+# --description--
+
+Існує декілька так званих "самоописів" або ["самоописувальних"](https://en.wikipedia.org/wiki/Self-descriptive_number) цілих чисел.
+
+Ціле число називають самоописувальним, якщо воно має такі властивості, коли розряд цифри позначений від 0 до N-1, а цифра в кожній позиції дорівнює тій кількості разів, за яку вона з'являється в числі.
+
+До прикладу, **2020** — це самоописувальне чотиризначне число:
+
+<ul>
+    <li> розряд 0 має значення 2, і в числі є 2 нулі; </li>
+    <li> розряд 1 має значення 0, але одиниці тут відсутні; </li>
+    <li> розряд 2 має значення 2, а число містить 2 двійки; </li>
+    <li> розряд 3 має значення 0, але трійки в числі також відсутні; </li>
+</ul>
+
+Самоописувальними числами &lt; 100,000,000 є: 1210, 2020, 21200, 3211000, 42101000.
+
+# --instructions--
+
+Напишіть функцію, яка враховує додатне ціле число як параметр. Якщо число самоописувальне, поверніть true. В іншому випадку — false.
+
+# --hints--
+
+`isSelfDescribing` повинен бути функцією.
+
+```js
+assert(typeof isSelfDescribing == 'function');
+```
+
+`isSelfDescribing()` має повертати логічне значення.
+
+```js
+assert(typeof isSelfDescribing(2020) == 'boolean');
+```
+
+`isSelfDescribing(2020)` має повертати `true`.
+
+```js
+assert.equal(isSelfDescribing(2020), true);
+```
+
+`isSelfDescribing(3021)` має повертати `false`.
+
+```js
+assert.equal(isSelfDescribing(3021), false);
+```
+
+`isSelfDescribing(3211000)` має повертати `true`.
+
+```js
+assert.equal(isSelfDescribing(3211000), true);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isSelfDescribing(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isSelfDescribing(n) {
+    let digits = String(n).split("");
+    digits = digits.map(function(e) {return parseInt(e)});
+    let count = digits.map((x) => {return 0})
+    digits.forEach((d) =>{
+        if (d >= count.length) {
+            return false
+        }
+        count[d] += 1;
+    });
+
+     if (digits === count) {
+        return true;
+    }
+    if (digits.length != count.length) {
+        return false;
+    }
+
+    for (let i=0; i< digits.length; i++){
+      if (digits[i] !== count[i]) {
+        return false;
+      }
+    }
+    return true;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-referential-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-referential-sequence.md
new file mode 100644
index 0000000000..2e34735c85
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/self-referential-sequence.md
@@ -0,0 +1,202 @@
+---
+id: 5eb3e4a21f462f409d656c73
+title: Самовідносна послідовність
+challengeType: 5
+forumTopicId: 385317
+dashedName: self-referential-sequence
+---
+
+# --description--
+
+Існує декілька шляхів створення самовідносної послідовності. Найрозповсюдженішим([ Послідовність перегляду](https://rosettacode.org/wiki/Look-and-say sequence))є почати із додатного цілого числа, а потім створити наступну умову, об'єднавши перелічені групи суміжних однакових цифр:
+
+<pre>0, 10, 1110, 3110, 132110, 1113122110, 311311222110 ...</pre>
+
+Створені умови геометрично збільшуються у довжину і ніколи не сходяться.
+
+Іншим шляхом створення самовідносної послідовності є узагальнення попередніх значень.
+
+Порахуйте, скільки тут однакових цифр, тоді об'єднайте суму і цифру для кожної з відсортованих перелічених цифр. Зверніть увагу, що перші п'ять термінів такі ж, як і для попередньої послідовності.
+
+<pre>0, 10, 1110, 3110, 132110, 13123110, 23124110 ...</pre>
+
+Класифікуйте цифри від найбільшої до найменшої. Не враховуйте кількість цифр, які не з'являються у попередньому значенні.
+
+Залежно від початкового значення, ряди згенеровані таким чином, що завжди або будуть наближені до стабільного значення, або до короткого циклічного шаблону. (Для наших цілей, збіг означає те, що елемент відповідає елементу, який раніше переглядали.) Послідовність, яка представлена з нульовим значенням, наближається до стабільного 1433223110 після 11 ітерацій. Початкове значення, яке збігається найшвидше – нуль. Воно стає стабільним після першого елементу. (Наступний елемент 22, який був розглянутий раніше)
+
+# --instructions--
+
+Створіть функцію, що приймає початкове значення як параметр, генерує самовідносну послідовність допоки вона сходиться, і повертає це як масив.
+
+# --hints--
+
+`selfReferential`має бути функцією.
+
+```js
+assert(typeof selfReferential === 'function');
+```
+
+`selfReferential(40)`має повернути масив.
+
+```js
+assert(Array.isArray(selfReferential(40)));
+```
+
+`selfReferential(40)`повинен повернути`["40", "1410", "142110", "14123110", "1413124110", "2413125110", "151413224110", "152413225110", "251413324110", "152423224110", "152413423110"]`.
+
+```js
+assert.deepEqual(selfReferential(40), [
+  '40',
+  '1410',
+  '142110',
+  '14123110',
+  '1413124110',
+  '2413125110',
+  '151413224110',
+  '152413225110',
+  '251413324110',
+  '152423224110',
+  '152413423110'
+]);
+```
+
+`selfReferential(132110)`повинен повернути`["132110", "13123110", "23124110", "1413223110", "1423224110", "2413323110", "1433223110"]`.
+
+```js
+assert.deepEqual(selfReferential(132110), [
+  '132110',
+  '13123110',
+  '23124110',
+  '1413223110',
+  '1423224110',
+  '2413323110',
+  '1433223110'
+]);
+```
+
+`selfReferential(132211)`повинен повернути`["132211", "132231", "232221", "134211", "14131231", "14231241", "24132231", "14233221"]`.
+
+```js
+assert.deepEqual(selfReferential(132211), [
+  '132211',
+  '132231',
+  '232221',
+  '134211',
+  '14131231',
+  '14231241',
+  '24132231',
+  '14233221'
+]);
+```
+
+`selfReferential(1413223110)`повинен повернути`["1413223110", "1423224110", "2413323110", "1433223110"]`.
+
+```js
+assert.deepEqual(selfReferential(1413223110), [
+  '1413223110',
+  '1423224110',
+  '2413323110',
+  '1433223110'
+]);
+```
+
+`selfReferential(251413126110)`повинен повернути`["251413126110", "16151413225110", "16251413226110", "26151413325110", "16251423225110", "16251413424110", "16153413225110"]`.
+
+```js
+assert.deepEqual(selfReferential(251413126110), [
+  '251413126110',
+  '16151413225110',
+  '16251413226110',
+  '26151413325110',
+  '16251423225110',
+  '16251413424110',
+  '16153413225110'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function selfReferential(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function selfReferential(n) {
+  var descending,
+    i,
+    incr,
+    j,
+    max_i,
+    max_len,
+    max_seq,
+    seq,
+    sequence,
+    indexOf =
+      [].indexOf ||
+      function(item) {
+        for (var i = 0, l = this.length; i < l; i++) {
+          if (i in this && this[i] === item) return i;
+        }
+        return -1;
+      };
+
+  sequence = function(n) {
+    var c, cnt, cnts, d, digit, i, j, l, len, new_cnts, ref, s, seq;
+    cnts = {};
+    ref = n.toString();
+    for (j = 0, len = ref.length; j < len; j++) {
+      c = ref[j];
+      d = parseInt(c);
+      incr(cnts, d);
+    }
+    seq = [ref];
+    while (true) {
+      s = '';
+      for (i = l = 9; l >= 0; i = --l) {
+        if (cnts[i]) {
+          s += '' + cnts[i] + i;
+        }
+      }
+      if (indexOf.call(seq, s) >= 0) {
+        break;
+      }
+      seq.push(s);
+      new_cnts = {};
+      for (digit in cnts) {
+        cnt = cnts[digit];
+        incr(new_cnts, cnt);
+        incr(new_cnts, digit);
+      }
+      cnts = new_cnts;
+    }
+    return seq;
+  };
+
+  incr = function(h, k) {
+    if (h[k] == null) {
+      h[k] = 0;
+    }
+    return (h[k] += 1);
+  };
+
+  descending = function(n) {
+    var tens;
+    if (n < 10) {
+      return true;
+    }
+    tens = n / 10;
+    if (n % 10 > tens % 10) {
+      return false;
+    }
+    return descending(tens);
+  };
+
+  return sequence(n);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/semiprime.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/semiprime.md
new file mode 100644
index 0000000000..49edd93797
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/semiprime.md
@@ -0,0 +1,146 @@
+---
+id: 5eb3e4aa847216613aa81983
+title: Напівпросте число
+challengeType: 5
+forumTopicId: 385318
+dashedName: semiprime
+---
+
+# --description--
+
+Напівпрості числа - це натуральні числа, які є добутками рівно двох інших (можливо, рівних)[ простих чисел](https://rosettacode.org/wiki/prime_number).
+
+<pre>1679  =  23 x 73</pre>
+
+# --instructions--
+
+Напишіть функцію, яка повертає true, якщо число є напівпростим, або false, якщо це не так.
+
+# --hints--
+
+`isSemiPrime` має бути функцією.
+
+```js
+assert(typeof isSemiPrime === 'function');
+```
+
+`isSemiPrime(100)` має повернути логічне значення.
+
+```js
+assert(typeof isSemiPrime(100) === 'boolean');
+```
+
+`isSemiPrime(100)` має повернути `false`.
+
+```js
+assert.equal(isSemiPrime(100), false);
+```
+
+`isSemiPrime(504)` має повернути `false`.
+
+```js
+assert.equal(isSemiPrime(504), false);
+```
+
+`isSemiPrime(4)` має повернути `true`.
+
+```js
+assert.equal(isSemiPrime(4), true);
+```
+
+`isSemiPrime(46)` має повернути `true`.
+
+```js
+assert.equal(isSemiPrime(46), true);
+```
+
+`isSemiPrime(13)` має повернути `false`.
+
+```js
+assert.equal(isSemiPrime(13), false);
+```
+
+`isSemiPrime(74)` має повернути `true`.
+
+```js
+assert.equal(isSemiPrime(74), true);
+```
+
+`isSemiPrime(1679)` має повернути `true`.
+
+```js
+assert.equal(isSemiPrime(1679), true);
+```
+
+`isSemiPrime(2)` має повернути `false`.
+
+```js
+assert.equal(isSemiPrime(2), false);
+```
+
+`isSemiPrime(95)` має повернути `true`.
+
+```js
+assert.equal(isSemiPrime(95), true);
+```
+
+`isSemiPrime(124)` має повернути `false`.
+
+```js
+assert.equal(isSemiPrime(124), false);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function isSemiPrime(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function isSemiPrime(n) {
+  if (n <= 3) return false;
+
+  var ans = [];
+  var done = false;
+  while (!done) {
+    if (n % 2 === 0) {
+      ans.push(2);
+      n /= 2;
+      continue;
+    }
+    if (n % 3 === 0) {
+      ans.push(3);
+      n /= 3;
+      continue;
+    }
+    if (n === 1) return ans.length == 2;
+    var sr = Math.sqrt(n);
+    done = true;
+    // try to divide the checked number by all numbers till its square root.
+    for (var i = 6; i <= sr; i += 6) {
+      if (n % (i - 1) === 0) {
+        // is n divisible by i-1?
+        ans.push(i - 1);
+        n /= i - 1;
+        done = false;
+        break;
+      }
+      if (n % (i + 1) === 0) {
+        // is n divisible by i+1?
+        ans.push(i + 1);
+        n /= i + 1;
+        done = false;
+        break;
+      }
+    }
+  }
+  ans.push(n);
+  return ans.length == 2;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-consolidation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-consolidation.md
new file mode 100644
index 0000000000..d56a994062
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-consolidation.md
@@ -0,0 +1,196 @@
+---
+id: 5eb3e4af7d0e7b760b46cedc
+title: Встановлення консолідації
+challengeType: 5
+forumTopicId: 385319
+dashedName: set-consolidation
+---
+
+# --description--
+
+Дано два набори елементів. Якщо будь-який елемент є спільним для кожного набору, то результатом застосування *consolidation* до цих наборів стане множина наборів із таким змістом:
+
+<ul>
+  <li>Два вхідних набори, якщо між двома вхідними наборами елементів немає спільного елемента.</li>
+  <li>Єдиний набір - це об'єднання двох вхідних наборів за умови існування спільного елементу між ними.</li>
+</ul>
+
+При N наборів елементів, де N > 2, результат буде таким самим, як і багаторазова заміна всіх комбінацій двох наборів їхньою консолідацією. Це триватиме доти, доки подальша консолідація між цими наборами стане неможливою. Якщо N &lt; 2, тоді консолідація не має суворого значення, і вхідні дані можливо повернути.
+
+Ось декілька прикладів:
+
+**Приклад 1:**
+
+Дано два набори `{A,B}` і `{C,D}`, між якими не існує спільного елементу. Результат буде таким самим, як вхідні дані.
+
+**Приклад 2:**
+
+Дано два набори `{A,B}` і `{B,D}`, які мають спільний елемент `B` між наборами. У такому випадку, результатом є єдиний набір `{B,D,A}`. (Зверніть увагу, що порядок елементів у наборі не істотний: `{A,B,D}` те саме, що `{B,D,A}` і `{D,A,B}`, etc).
+
+**Приклад 3:**
+
+Дано три набори `{A,B}`, `{C,D}` і `{D,B}`. Набори `{A,B}` і `{C,D}` не мають між собою спільних елементів. Набори `{A,B}` і `{D,B}` мають один спільний елемент, який сприяє їхньому об'єднанню для отримання результату `{B,D,A}`. Проаналізувавши результат з набором `{C,D}`, який залишився, стає зрозумілим, що вони мають спільний елемент, а тому об'єднуються в кінцевий результат єдиного набору `{A,B,C,D}`
+
+**Приклад 4:**
+
+Консолідація п'яти наборів:
+
+`{H,I,K}`, `{A,B}`, `{C,D}`, `{D,B}` і `{F,G,H}`
+
+Два набори:
+
+`{A, C, B, D}` і `{G, F, I, H, K}`
+
+# --instructions--
+
+Напишіть функцію, яка приймає масив рядків як параметр. Кожен рядок являє собою набір з символами, що представляють елементи набору. Функція повинна повернути 2D масив, що містить консолідовані набори. Примітка: Кожен набір необхідно відсортувати.
+
+# --hints--
+
+`setConsolidation` має бути функцією.
+
+```js
+assert(typeof setConsolidation === 'function');
+```
+
+`setConsolidation(["AB", "CD"])` має повернути масив.
+
+```js
+assert(Array.isArray(setConsolidation(['AB', 'CD'])));
+```
+
+`setConsolidation(["AB", "CD"])` має повернути `[["C", "D"], ["A", "B"]]`.
+
+```js
+assert.deepEqual(setConsolidation(['AB', 'CD']), [
+  ['C', 'D'],
+  ['A', 'B']
+]);
+```
+
+`setConsolidation(["AB", "BD"])` має повернути `[["A", "B", "D"]]`.
+
+```js
+assert.deepEqual(setConsolidation(['AB', 'BD']), [['A', 'B', 'D']]);
+```
+
+`setConsolidation(["AB", "CD", "DB"])` має повернути `[["A", "B", "C", "D"]]`.
+
+```js
+assert.deepEqual(setConsolidation(['AB', 'CD', 'DB']), [['A', 'B', 'C', 'D']]);
+```
+
+`setConsolidation(["HIK", "AB", "CD", "DB", "FGH"])` має повернути `[["F", "G", "H", "I", "K"], ["A", "B", "C", "D"]]`.
+
+```js
+assert.deepEqual(setConsolidation(['HIK', 'AB', 'CD', 'DB', 'FGH']), [
+  ['F', 'G', 'H', 'I', 'K'],
+  ['A', 'B', 'C', 'D']
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function setConsolidation(sets) {
+
+}
+```
+
+# --solutions--
+
+```js
+function setConsolidation(sets) {
+  function addAll(l1, l2) {
+    l2.forEach(function(e) {
+      if (l1.indexOf(e) == -1) l1.push(e);
+    });
+  }
+
+  function consolidate(sets) {
+    var r = [];
+    for (var i = 0; i < sets.length; i++) {
+      var s = sets[i];
+      {
+        var new_r = [];
+        new_r.push(s);
+        for (var j = 0; j < r.length; j++) {
+          var x = r[j];
+          {
+            if (
+              !(function(c1, c2) {
+                for (var i = 0; i < c1.length; i++) {
+                  if (c2.indexOf(c1[i]) >= 0) return false;
+                }
+                return true;
+              })(s, x)
+            ) {
+              (function(l1, l2) {
+                addAll(l1, l2);
+              })(s, x);
+            } else {
+              new_r.push(x);
+            }
+          }
+        }
+        r = new_r;
+      }
+    }
+    return r;
+  }
+
+  function consolidateR(sets) {
+    if (sets.length < 2) return sets;
+    var r = [];
+    r.push(sets[0]);
+    {
+      var arr1 = consolidateR(sets.slice(1, sets.length));
+      for (var i = 0; i < arr1.length; i++) {
+        var x = arr1[i];
+        {
+          if (
+            !(function(c1, c2) {
+              for (var i = 0; i < c1.length; i++) {
+                if (c2.indexOf(c1[i]) >= 0) return false;
+              }
+              return true;
+            })(r[0], x)
+          ) {
+            (function(l1, l2) {
+              return l1.push.apply(l1, l2);
+            })(r[0], x);
+          } else {
+            r.push(x);
+          }
+        }
+      }
+    }
+    return r;
+  }
+
+  function hashSetList(set) {
+    var r = [];
+    for (var i = 0; i < set.length; i++) {
+      r.push([]);
+      for (var j = 0; j < set[i].length; j++)
+        (function(s, e) {
+          if (s.indexOf(e) == -1) {
+            s.push(e);
+            return true;
+          } else {
+            return false;
+          }
+        })(r[i], set[i].charAt(j));
+    }
+    return r;
+  }
+
+  var h1 = consolidate(hashSetList(sets)).map(function(e) {
+    e.sort();
+    return e;
+  });
+  return h1;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-of-real-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-of-real-numbers.md
new file mode 100644
index 0000000000..b7a0184402
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/set-of-real-numbers.md
@@ -0,0 +1,239 @@
+---
+id: 5eb3e4b20aa93c437f9e9717
+title: Множина дійсних чисел
+challengeType: 5
+forumTopicId: 385322
+dashedName: set-of-real-numbers
+---
+
+# --description--
+
+Всі дійсні числа утворюють незліченну множину ℝ. Серед його підмножин відносно простими є опуклі множини, кожна з яких виражається як діапазон між двома дійсними числами *a* і *b* де *a* ≤ *b*. Насправді існує чотири варіанти значення "між", в залежності від відкритої або закритої межі:
+
+<ul>
+  <li>[<i>a</i>, <i>b</i>]: {<i>x</i> | <i>a</i> ≤ <i>x</i> та <i>x</i> ≤ <i>b</i> }</li>
+  <li>(<i>a</i>, <i>b</i>): {<i>x</i> | <i>a</i> < <i>x</i> та <i>x</i> < <i>b</i> }</li>
+  <li>[<i>a</i>, <i>b</i>): {<i>x</i> | <i>a</i> ≤ <i>x</i> та <i>x</i> < <i>b</i> }</li>
+  <li>(<i>a</i>, <i>b</i>]: {<i>x</i> | <i>a</i> < <i>x</i> та <i>x</i> ≤ <i>b</i> }</li>
+</ul>
+
+Зверніть увагу, що якщо *a* = *b*, то з чотирьох тільки значення *a*, *a*] буде не порожнім.
+
+**Завдання**
+
+<ul>
+  <li>Придумайте спосіб представлення будь-якого набору дійсних чисел для визначення "будь-якого" в примітках до реалізації, наведеної нижче.</li>
+  <li>Наведіть способи для цих загальних операцій з множинами (<i>x</i> - дійсне число; <i>A</i> і <i>B</i> - множини):</li>
+  <ul>
+    <li>
+      <i>x</i> ∈ <i>A</i>: визначити, чи є <i>x</i> елементом <i>A</i><br>
+       приклад: 1 знаходиться в [1, 2), у той час, як 2, 3 - ні.
+    </li>
+    <li>
+      <i>A</i> ∪ <i>B</i>: об'єднання <i>A</i> і <i>B</i>, тобто {<i>x</i> | <i>x</i> ∈ <i>A</i> чи <i>x</i> ∈ <i>B</i>}<br>
+       приклад: [0, 2) ∪ (1, 3) = [0, 3); [0, 1) ∪ (2, 3] = [0, 1) ∪ (2, 3]
+    </li>
+    <li>
+      <i>A</i> ∩ <i>B</i>: точка перетину <i>A</i> та <i>B</i>, тобто {<i>x</i> | <i>x</i> ∈ <i>A</i> та <i>x</i> ∈ <i>B</i>}<br>
+      приклад: [0, 2) ∩ (1, 3) = (1, 2); [0, 1) ∩ (2, 3] = порожня множина
+    </li>
+    <li>
+      <i>A</i> - <i>B</i>: різниця між <i>A</i> та <i>B</i>, також записана як <i>A</i> \ <i>B</i>, тобто  {<i>x</i> | <i>x</i> ∈ <i>A</i> та <i>x</i> ∉ <i>B</i>}<br>
+      приклад: [0, 2) − (1, 3) = [0, 1]
+    </li>
+  </ul>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, яка приймає 2 об'єкти, рядок і масив як параметри. Об'єкти являють собою множину та мають атрибути: `low`, `high` та `rangeType`.
+
+`rangeType` може мати значення 0, 1, 2 і 3 для `CLOSED`, `BOTH_OPEN`, `LEFT_OPEN` та `RIGHT_OPEN` відповідно. Функція має реалізувати множину, використовуючи цю інформацію.
+
+Рядок являє собою операцію, яку потрібно виконати над множинами. Це може бути: `"union"`, `"intersect"` та `"subtract"` (різниця).
+
+Після виконання операції функція повинна перевірити, чи присутні в масиві значення містяться в результатному наборі, і зберегти відповідне логічне значення в масиві. Функція має повернути цей масив.
+
+# --hints--
+
+`realSet` має бути функцією.
+
+```js
+assert(typeof realSet == 'function');
+```
+
+`realSet({"low":0, "high":1, "rangeType":2}, {"low":0, "high":2, "rangeType":3}, "union", [1, 2, 3])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    realSet(
+      { low: 0, high: 1, rangeType: 2 },
+      { low: 0, high: 2, rangeType: 3 },
+      'union',
+      [1, 2, 3]
+    )
+  )
+);
+```
+
+`realSet({"low":0, "high":1, "rangeType":2}, {"low":0, "high":2, "rangeType":3}, "union", [1, 2, 3])` має повернути `[true, false, false]`.
+
+```js
+assert.deepEqual(
+  realSet(
+    { low: 0, high: 1, rangeType: 2 },
+    { low: 0, high: 2, rangeType: 3 },
+    'union',
+    [1, 2, 3]
+  ),
+  [true, false, false]
+);
+```
+
+`realSet({"low":0, "high":2, "rangeType":3}, {"low":1, "high":2, "rangeType":2}, "intersect", [0, 1, 2])` має повернути `[false, false, false]`.
+
+```js
+assert.deepEqual(
+  realSet(
+    { low: 0, high: 2, rangeType: 3 },
+    { low: 1, high: 2, rangeType: 2 },
+    'intersect',
+    [0, 1, 2]
+  ),
+  [false, false, false]
+);
+```
+
+`realSet({"low":0, "high":3, "rangeType":3}, {"low":0, "high":1, "rangeType":1}, "subtract", [0, 1, 2])` має повернути `[true, true, true]`.
+
+```js
+assert.deepEqual(
+  realSet(
+    { low: 0, high: 3, rangeType: 3 },
+    { low: 0, high: 1, rangeType: 1 },
+    'subtract',
+    [0, 1, 2]
+  ),
+  [true, true, true]
+);
+```
+
+`realSet({"low":0, "high":3, "rangeType":3}, {"low":0, "high":1, "rangeType":0}, "subtract", [0, 1, 2])` має повернути `[false, false, true]`.
+
+```js
+assert.deepEqual(
+  realSet(
+    { low: 0, high: 3, rangeType: 3 },
+    { low: 0, high: 1, rangeType: 0 },
+    'subtract',
+    [0, 1, 2]
+  ),
+  [false, false, true]
+);
+```
+
+`realSet({"low":0, "high":33, "rangeType":1}, {"low":30, "high":31, "rangeType":0}, "intersect", [30, 31, 32])` має повернути `[true, true, false]`.
+
+```js
+assert.deepEqual(
+  realSet(
+    { low: 0, high: 33, rangeType: 1 },
+    { low: 30, high: 31, rangeType: 0 },
+    'intersect',
+    [30, 31, 32]
+  ),
+  [true, true, false]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function realSet(set1, set2, operation, values) {
+
+}
+```
+
+# --solutions--
+
+```js
+function realSet(set1, set2, operation, values) {
+  const RangeType = {
+    CLOSED: 0,
+    BOTH_OPEN: 1,
+    LEFT_OPEN: 2,
+    RIGHT_OPEN: 3
+  };
+
+  function Predicate(test) {
+    this.test = test;
+    this.or = function(other) {
+      return new Predicate(t => this.test(t) || other.test(t));
+    };
+    this.and = function(other) {
+      return new Predicate(t => this.test(t) && other.test(t));
+    };
+    this.negate = function() {
+      return new Predicate(t => !this.test(t));
+    };
+  }
+
+  function RealSet(start, end, rangeType, predF) {
+    this.low = start;
+    this.high = end;
+
+    if (predF) {
+      this.predicate = new Predicate(predF);
+    } else {
+      this.predicate = new Predicate(d => {
+        switch (rangeType) {
+          case RangeType.CLOSED:
+            return start <= d && d <= end;
+          case RangeType.BOTH_OPEN:
+            return start < d && d < end;
+          case RangeType.LEFT_OPEN:
+            return start < d && d <= end;
+          case RangeType.RIGHT_OPEN:
+            return start <= d && d < end;
+        }
+      });
+    }
+
+    this.contains = function(d) {
+      return this.predicate.test(d);
+    };
+
+    this.union = function(other) {
+      var low2 = Math.min(this.low, other.low);
+      var high2 = Math.max(this.high, other.high);
+      return new RealSet(low2, high2, null, d =>
+        this.predicate.or(other.predicate).test(d)
+      );
+    };
+
+    this.intersect = function(other) {
+      var low2 = Math.min(this.low, other.low);
+      var high2 = Math.max(this.high, other.high);
+      return new RealSet(low2, high2, null, d =>
+        this.predicate.and(other.predicate).test(d)
+      );
+    };
+
+    this.subtract = function(other) {
+      return new RealSet(this.low, this.high, null, d =>
+        this.predicate.and(other.predicate.negate()).test(d)
+      );
+    };
+  }
+  set1 = new RealSet(set1.low, set1.high, set1.rangeType);
+  set2 = new RealSet(set2.low, set2.high, set2.rangeType);
+  var result = [];
+  values.forEach(function(value) {
+    result.push(set1[operation](set2).contains(value));
+  });
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-1.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-1.md
new file mode 100644
index 0000000000..da2bec813e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-1.md
@@ -0,0 +1,180 @@
+---
+id: 5eb3e4b5f629b9a07429a5d2
+title: SHA-1
+challengeType: 5
+forumTopicId: 385326
+dashedName: sha-1
+---
+
+# --description--
+
+**SHA-1** чи **SHA1** — це одностороння геш-функція, яка обраховує 160-бітний геш.
+
+SHA-1 часто використовується в протоколах безпеки; до прикладу, багато HTTPS веб-сайтів використовують RSA з SHA-1, аби захистити свої з'єднання.
+
+BitTorrent використовує SHA-1 для перевірки завантажень.
+
+Git і Mercurial використовують дайджести SHA-1 для визначення комітів.
+
+Стандарт уряду США, [FIPS 180-1](https://rosettacode.org/wiki/SHA-1/FIPS-180-1), визначає SHA-1.
+
+# --instructions--
+
+Напишіть функцію, яка повертає дайджест повідомлення SHA-1 для заданого рядка.
+
+# --hints--
+
+`SHA1` має бути функцією.
+
+```js
+assert(typeof SHA1 === 'function');
+```
+
+`SHA1("abc")` має повернути рядок.
+
+```js
+assert(typeof SHA1('abc') === 'string');
+```
+
+`SHA1("abc")` має повернути `"a9993e364706816aba3e25717850c26c9cd0d89d"`.
+
+```js
+assert.equal(SHA1('abc'), 'a9993e364706816aba3e25717850c26c9cd0d89d');
+```
+
+`SHA1("Rosetta Code")` має повернути `"48c98f7e5a6e736d790ab740dfc3f51a61abe2b5"`.
+
+```js
+assert.equal(SHA1('Rosetta Code'), '48c98f7e5a6e736d790ab740dfc3f51a61abe2b5');
+```
+
+`SHA1("Hello world")` має повернути `"7b502c3a1f48c8609ae212cdfb639dee39673f5e"`.
+
+```js
+assert.equal(SHA1('Hello world'), '7b502c3a1f48c8609ae212cdfb639dee39673f5e');
+```
+
+`SHA1("Programming")` має повернути `"d1a946bf8b2f2a7292c250063ee28989d742cd4b"`.
+
+```js
+assert.equal(SHA1('Programming'), 'd1a946bf8b2f2a7292c250063ee28989d742cd4b');
+```
+
+`SHA1("is Awesome")` має повернути `"6537205da59c72b57ed3881843c2d24103d683a3"`.
+
+```js
+assert.equal(SHA1('is Awesome'), '6537205da59c72b57ed3881843c2d24103d683a3');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function SHA1(input) {
+
+}
+```
+
+# --solutions--
+
+```js
+function SHA1(input) {
+  var hexcase = 0;
+  var b64pad = '';
+  var chrsz = 8;
+
+  function hex_sha1(s) {
+    return binb2hex(core_sha1(str2binb(s), s.length * chrsz));
+  }
+
+  function core_sha1(x, len) {
+    x[len >> 5] |= 0x80 << (24 - (len % 32));
+    x[(((len + 64) >> 9) << 4) + 15] = len;
+
+    var w = Array(80);
+    var a = 1732584193;
+    var b = -271733879;
+    var c = -1732584194;
+    var d = 271733878;
+    var e = -1009589776;
+
+    for (var i = 0; i < x.length; i += 16) {
+      var olda = a;
+      var oldb = b;
+      var oldc = c;
+      var oldd = d;
+      var olde = e;
+
+      for (var j = 0; j < 80; j++) {
+        if (j < 16) w[j] = x[i + j];
+        else w[j] = rol(w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16], 1);
+        var t = safe_add(
+          safe_add(rol(a, 5), sha1_ft(j, b, c, d)),
+          safe_add(safe_add(e, w[j]), sha1_kt(j))
+        );
+        e = d;
+        d = c;
+        c = rol(b, 30);
+        b = a;
+        a = t;
+      }
+
+      a = safe_add(a, olda);
+      b = safe_add(b, oldb);
+      c = safe_add(c, oldc);
+      d = safe_add(d, oldd);
+      e = safe_add(e, olde);
+    }
+    return Array(a, b, c, d, e);
+  }
+
+  function sha1_ft(t, b, c, d) {
+    if (t < 20) return (b & c) | (~b & d);
+    if (t < 40) return b ^ c ^ d;
+    if (t < 60) return (b & c) | (b & d) | (c & d);
+    return b ^ c ^ d;
+  }
+
+  function sha1_kt(t) {
+    return t < 20
+      ? 1518500249
+      : t < 40
+      ? 1859775393
+      : t < 60
+      ? -1894007588
+      : -899497514;
+  }
+
+  function safe_add(x, y) {
+    var lsw = (x & 0xffff) + (y & 0xffff);
+    var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
+    return (msw << 16) | (lsw & 0xffff);
+  }
+
+  function rol(num, cnt) {
+    return (num << cnt) | (num >>> (32 - cnt));
+  }
+
+  function str2binb(str) {
+    var bin = Array();
+    var mask = (1 << chrsz) - 1;
+    for (var i = 0; i < str.length * chrsz; i += chrsz)
+      bin[i >> 5] |= (str.charCodeAt(i / chrsz) & mask) << (24 - (i % 32));
+    return bin;
+  }
+
+  function binb2hex(binarray) {
+    var hex_tab = hexcase ? '0123456789ABCDEF' : '0123456789abcdef';
+    var str = '';
+    for (var i = 0; i < binarray.length * 4; i++) {
+      str +=
+        hex_tab.charAt((binarray[i >> 2] >> ((3 - (i % 4)) * 8 + 4)) & 0xf) +
+        hex_tab.charAt((binarray[i >> 2] >> ((3 - (i % 4)) * 8)) & 0xf);
+    }
+    return str;
+  }
+
+  return hex_sha1(input);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-256.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-256.md
new file mode 100644
index 0000000000..841b0a55d6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sha-256.md
@@ -0,0 +1,435 @@
+---
+id: 5eb3e4c3a894c333d2811a3f
+title: SHA-256
+challengeType: 5
+forumTopicId: 385328
+dashedName: sha-256
+---
+
+# --description--
+
+Сімейство `SHA-2` є кращою альтернативою `SHA-1`. Головна відмінність між ними - це довжина гешу. Значення `SHA-1` забезпечує коротший код з меншою кількістю можливостей для унікальних комбінацій. `SHA-2` або `SHA-256` створює довший і, таким чином, більш складніший геш з більшою кількістю можливостей.
+
+# --instructions--
+
+Дослідіть деталі реалізації та напишіть функцію, яка приймає рядок як параметр і повертає геш, використовуючи `SHA-256`
+
+# --hints--
+
+`SHA256` має бути функцією.
+
+```js
+assert(typeof SHA256 === 'function');
+```
+
+`SHA256("Rosetta code")` має повернути рядок.
+
+```js
+assert(typeof SHA256('Rosetta code') === 'string');
+```
+
+`SHA256("Rosetta code")` має повернути `"764faf5c61ac315f1497f9dfa542713965b785e5cc2f707d6468d7d1124cdfcf"`.
+
+```js
+assert.equal(
+  SHA256('Rosetta code'),
+  '764faf5c61ac315f1497f9dfa542713965b785e5cc2f707d6468d7d1124cdfcf'
+);
+```
+
+`SHA256("SHA-256 Hash")` має повернути `"bee8c0cabdcf8c7835f40217dd35a8b0dba9134520e633f1c57285f35ca7ee3e"`.
+
+```js
+assert.equal(
+  SHA256('SHA-256 Hash'),
+  'bee8c0cabdcf8c7835f40217dd35a8b0dba9134520e633f1c57285f35ca7ee3e'
+);
+```
+
+`SHA256("implementation")` має повернути `"da31012c40330e7e21538e7dd57503b16e8a0839159e96137090cccc9910b171"`.
+
+```js
+assert.equal(
+  SHA256('implementation'),
+  'da31012c40330e7e21538e7dd57503b16e8a0839159e96137090cccc9910b171'
+);
+```
+
+`SHA256("algorithm")` має повернути `"b1eb2ec8ac9f31ff7918231e67f96e6deda83a9ff33ed2c67443f1df81e5ed14"`.
+
+```js
+assert.equal(
+  SHA256('algorithm'),
+  'b1eb2ec8ac9f31ff7918231e67f96e6deda83a9ff33ed2c67443f1df81e5ed14'
+);
+```
+
+`SHA256("language")` має повернути `"a4ef304ba42a200bafd78b046e0869af9183f6eee5524aead5dcb3a5ab5f8f3f"`.
+
+```js
+assert.equal(
+  SHA256('language'),
+  'a4ef304ba42a200bafd78b046e0869af9183f6eee5524aead5dcb3a5ab5f8f3f'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function SHA256(input) {
+
+}
+```
+
+# --solutions--
+
+```js
+function SHA256(input) {
+  var chrsz = 8;
+  var hexcase = 0;
+
+  function safe_add(x, y) {
+    var lsw = (x & 0xffff) + (y & 0xffff);
+    var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
+    return (msw << 16) | (lsw & 0xffff);
+  }
+
+  function S(X, n) {
+    return (X >>> n) | (X << (32 - n));
+  }
+
+  function R(X, n) {
+    return X >>> n;
+  }
+
+  function Ch(x, y, z) {
+    return (x & y) ^ (~x & z);
+  }
+
+  function Maj(x, y, z) {
+    return (x & y) ^ (x & z) ^ (y & z);
+  }
+
+  function Sigma0256(x) {
+    return S(x, 2) ^ S(x, 13) ^ S(x, 22);
+  }
+
+  function Sigma1256(x) {
+    return S(x, 6) ^ S(x, 11) ^ S(x, 25);
+  }
+
+  function Gamma0256(x) {
+    return S(x, 7) ^ S(x, 18) ^ R(x, 3);
+  }
+
+  function Gamma1256(x) {
+    return S(x, 17) ^ S(x, 19) ^ R(x, 10);
+  }
+
+  function Sigma0512(x) {
+    return S(x, 28) ^ S(x, 34) ^ S(x, 39);
+  }
+
+  function Sigma1512(x) {
+    return S(x, 14) ^ S(x, 18) ^ S(x, 41);
+  }
+
+  function Gamma0512(x) {
+    return S(x, 1) ^ S(x, 8) ^ R(x, 7);
+  }
+
+  function Gamma1512(x) {
+    return S(x, 19) ^ S(x, 61) ^ R(x, 6);
+  }
+
+  function core_sha256(m, l) {
+    var K = new Array(
+      0x428a2f98,
+      0x71374491,
+      0xb5c0fbcf,
+      0xe9b5dba5,
+      0x3956c25b,
+      0x59f111f1,
+      0x923f82a4,
+      0xab1c5ed5,
+      0xd807aa98,
+      0x12835b01,
+      0x243185be,
+      0x550c7dc3,
+      0x72be5d74,
+      0x80deb1fe,
+      0x9bdc06a7,
+      0xc19bf174,
+      0xe49b69c1,
+      0xefbe4786,
+      0xfc19dc6,
+      0x240ca1cc,
+      0x2de92c6f,
+      0x4a7484aa,
+      0x5cb0a9dc,
+      0x76f988da,
+      0x983e5152,
+      0xa831c66d,
+      0xb00327c8,
+      0xbf597fc7,
+      0xc6e00bf3,
+      0xd5a79147,
+      0x6ca6351,
+      0x14292967,
+      0x27b70a85,
+      0x2e1b2138,
+      0x4d2c6dfc,
+      0x53380d13,
+      0x650a7354,
+      0x766a0abb,
+      0x81c2c92e,
+      0x92722c85,
+      0xa2bfe8a1,
+      0xa81a664b,
+      0xc24b8b70,
+      0xc76c51a3,
+      0xd192e819,
+      0xd6990624,
+      0xf40e3585,
+      0x106aa070,
+      0x19a4c116,
+      0x1e376c08,
+      0x2748774c,
+      0x34b0bcb5,
+      0x391c0cb3,
+      0x4ed8aa4a,
+      0x5b9cca4f,
+      0x682e6ff3,
+      0x748f82ee,
+      0x78a5636f,
+      0x84c87814,
+      0x8cc70208,
+      0x90befffa,
+      0xa4506ceb,
+      0xbef9a3f7,
+      0xc67178f2
+    );
+    var HASH = new Array(
+      0x6a09e667,
+      0xbb67ae85,
+      0x3c6ef372,
+      0xa54ff53a,
+      0x510e527f,
+      0x9b05688c,
+      0x1f83d9ab,
+      0x5be0cd19
+    );
+    var W = new Array(64);
+    var a, b, c, d, e, f, g, h, i, j;
+    var T1, T2;
+
+    m[l >> 5] |= 0x80 << (24 - (l % 32));
+    m[(((l + 64) >> 9) << 4) + 15] = l;
+
+    for (var i = 0; i < m.length; i += 16) {
+      a = HASH[0];
+      b = HASH[1];
+      c = HASH[2];
+      d = HASH[3];
+      e = HASH[4];
+      f = HASH[5];
+      g = HASH[6];
+      h = HASH[7];
+
+      for (var j = 0; j < 64; j++) {
+        if (j < 16) W[j] = m[j + i];
+        else
+          W[j] = safe_add(
+            safe_add(
+              safe_add(Gamma1256(W[j - 2]), W[j - 7]),
+              Gamma0256(W[j - 15])
+            ),
+            W[j - 16]
+          );
+
+        T1 = safe_add(
+          safe_add(safe_add(safe_add(h, Sigma1256(e)), Ch(e, f, g)), K[j]),
+          W[j]
+        );
+        T2 = safe_add(Sigma0256(a), Maj(a, b, c));
+
+        h = g;
+        g = f;
+        f = e;
+        e = safe_add(d, T1);
+        d = c;
+        c = b;
+        b = a;
+        a = safe_add(T1, T2);
+      }
+
+      HASH[0] = safe_add(a, HASH[0]);
+      HASH[1] = safe_add(b, HASH[1]);
+      HASH[2] = safe_add(c, HASH[2]);
+      HASH[3] = safe_add(d, HASH[3]);
+      HASH[4] = safe_add(e, HASH[4]);
+      HASH[5] = safe_add(f, HASH[5]);
+      HASH[6] = safe_add(g, HASH[6]);
+      HASH[7] = safe_add(h, HASH[7]);
+    }
+    return HASH;
+  }
+
+  function core_sha512(m, l) {
+    var K = new Array(
+      0x428a2f98d728ae22,
+      0x7137449123ef65cd,
+      0xb5c0fbcfec4d3b2f,
+      0xe9b5dba58189dbbc,
+      0x3956c25bf348b538,
+      0x59f111f1b605d019,
+      0x923f82a4af194f9b,
+      0xab1c5ed5da6d8118,
+      0xd807aa98a3030242,
+      0x12835b0145706fbe,
+      0x243185be4ee4b28c,
+      0x550c7dc3d5ffb4e2,
+      0x72be5d74f27b896f,
+      0x80deb1fe3b1696b1,
+      0x9bdc06a725c71235,
+      0xc19bf174cf692694,
+      0xe49b69c19ef14ad2,
+      0xefbe4786384f25e3,
+      0x0fc19dc68b8cd5b5,
+      0x240ca1cc77ac9c65,
+      0x2de92c6f592b0275,
+      0x4a7484aa6ea6e483,
+      0x5cb0a9dcbd41fbd4,
+      0x76f988da831153b5,
+      0x983e5152ee66dfab,
+      0xa831c66d2db43210,
+      0xb00327c898fb213f,
+      0xbf597fc7beef0ee4,
+      0xc6e00bf33da88fc2,
+      0xd5a79147930aa725,
+      0x06ca6351e003826f,
+      0x142929670a0e6e70,
+      0x27b70a8546d22ffc,
+      0x2e1b21385c26c926,
+      0x4d2c6dfc5ac42aed,
+      0x53380d139d95b3df,
+      0x650a73548baf63de,
+      0x766a0abb3c77b2a8,
+      0x81c2c92e47edaee6,
+      0x92722c851482353b,
+      0xa2bfe8a14cf10364,
+      0xa81a664bbc423001,
+      0xc24b8b70d0f89791,
+      0xc76c51a30654be30,
+      0xd192e819d6ef5218,
+      0xd69906245565a910,
+      0xf40e35855771202a,
+      0x106aa07032bbd1b8,
+      0x19a4c116b8d2d0c8,
+      0x1e376c085141ab53,
+      0x2748774cdf8eeb99,
+      0x34b0bcb5e19b48a8,
+      0x391c0cb3c5c95a63,
+      0x4ed8aa4ae3418acb,
+      0x5b9cca4f7763e373,
+      0x682e6ff3d6b2b8a3,
+      0x748f82ee5defb2fc,
+      0x78a5636f43172f60,
+      0x84c87814a1f0ab72,
+      0x8cc702081a6439ec,
+      0x90befffa23631e28,
+      0xa4506cebde82bde9,
+      0xbef9a3f7b2c67915,
+      0xc67178f2e372532b,
+      0xca273eceea26619c,
+      0xd186b8c721c0c207,
+      0xeada7dd6cde0eb1e,
+      0xf57d4f7fee6ed178,
+      0x06f067aa72176fba,
+      0x0a637dc5a2c898a6,
+      0x113f9804bef90dae,
+      0x1b710b35131c471b,
+      0x28db77f523047d84,
+      0x32caab7b40c72493,
+      0x3c9ebe0a15c9bebc,
+      0x431d67c49c100d4c,
+      0x4cc5d4becb3e42b6,
+      0x597f299cfc657e2a,
+      0x5fcb6fab3ad6faec,
+      0x6c44198c4a475817
+    );
+    var HASH = new Array(
+      0x6a09e667f3bcc908,
+      0xbb67ae8584caa73b,
+      0x3c6ef372fe94f82b,
+      0xa54ff53a5f1d36f1,
+      0x510e527fade682d1,
+      0x9b05688c2b3e6c1f,
+      0x1f83d9abfb41bd6b,
+      0x5be0cd19137e2179
+    );
+    var W = new Array(80);
+    var a, b, c, d, e, f, g, h, i, j;
+    var T1, T2;
+  }
+
+  function str2binb(str) {
+    var bin = Array();
+    var mask = (1 << chrsz) - 1;
+    for (var i = 0; i < str.length * chrsz; i += chrsz)
+      bin[i >> 5] |= (str.charCodeAt(i / chrsz) & mask) << (24 - (i % 32));
+    return bin;
+  }
+
+  function binb2str(bin) {
+    var str = '';
+    var mask = (1 << chrsz) - 1;
+    for (var i = 0; i < bin.length * 32; i += chrsz)
+      str += String.fromCharCode((bin[i >> 5] >>> (24 - (i % 32))) & mask);
+    return str;
+  }
+
+  function binb2hex(binarray) {
+    var hex_tab = hexcase ? '0123456789ABCDEF' : '0123456789abcdef';
+    var str = '';
+    for (var i = 0; i < binarray.length * 4; i++) {
+      str +=
+        hex_tab.charAt((binarray[i >> 2] >> ((3 - (i % 4)) * 8 + 4)) & 0xf) +
+        hex_tab.charAt((binarray[i >> 2] >> ((3 - (i % 4)) * 8)) & 0xf);
+    }
+    return str;
+  }
+
+  function binb2b64(binarray) {
+    var tab =
+      'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+    var str = '';
+    for (var i = 0; i < binarray.length * 4; i += 3) {
+      var triplet =
+        (((binarray[i >> 2] >> (8 * (3 - (i % 4)))) & 0xff) << 16) |
+        (((binarray[(i + 1) >> 2] >> (8 * (3 - ((i + 1) % 4)))) & 0xff) << 8) |
+        ((binarray[(i + 2) >> 2] >> (8 * (3 - ((i + 2) % 4)))) & 0xff);
+      for (var j = 0; j < 4; j++) {
+        if (i * 8 + j * 6 > binarray.length * 32) str += '';
+        else str += tab.charAt((triplet >> (6 * (3 - j))) & 0x3f);
+      }
+    }
+    return str;
+  }
+
+  function hex_sha2(s) {
+    return binb2hex(core_sha256(str2binb(s), s.length * chrsz));
+  }
+
+  function b64_sha2(s) {
+    return binb2b64(core_sha256(str2binb(s), s.length * chrsz));
+  }
+
+  function str_sha2(s) {
+    return binb2str(core_sha256(str2binb(s), s.length * chrsz));
+  }
+  return hex_sha2(input);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-an-array-of-composite-structures.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-an-array-of-composite-structures.md
new file mode 100644
index 0000000000..f1bbbc30c6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-an-array-of-composite-structures.md
@@ -0,0 +1,116 @@
+---
+id: 5a23c84252665b21eecc7ffe
+title: Сортування масивів зі складених структур
+challengeType: 5
+forumTopicId: 302306
+dashedName: sort-an-array-of-composite-structures
+---
+
+# --description--
+
+Напишіть функцію, яка враховує масив об'єктів як параметр. Функція має сортувати масив відповідно до атрибута «key» для об'єктів і повертати впорядкований масив.
+
+# --hints--
+
+`sortByKey` має бути функцією.
+
+```js
+assert(typeof sortByKey == 'function');
+```
+
+`sortByKey([{key: 3, value: "foo"}, {key: 2, value: "bar"}, {key: 4, value: "baz"}, {key: 1, value: 42}, {key: 5, value: "another string"}])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    sortByKey([
+      { key: 3, value: 'foo' },
+      { key: 2, value: 'bar' },
+      { key: 4, value: 'baz' },
+      { key: 1, value: 42 },
+      { key: 5, value: 'another string' }
+    ])
+  )
+);
+```
+
+`sortByKey([{key: 3, value: "foo"}, {key: 2, value: "bar"}, {key: 4, value: "baz"}, {key: 1, value: 42}, {key: 5, value: "another string"}])` має повернути `[{key: 1, value: 42}, {key: 2, value: "bar"}, {key: 3, value: "foo"}, {key: 4, value: "baz"}, {key: 5, value: "another string"}]`.
+
+```js
+assert.deepEqual(
+  sortByKey([
+    { key: 3, value: 'foo' },
+    { key: 2, value: 'bar' },
+    { key: 4, value: 'baz' },
+    { key: 1, value: 42 },
+    { key: 5, value: 'another string' }
+  ]),
+  [
+    { key: 1, value: 42 },
+    { key: 2, value: 'bar' },
+    { key: 3, value: 'foo' },
+    { key: 4, value: 'baz' },
+    { key: 5, value: 'another string' }
+  ]
+);
+```
+
+`sortByKey([{key: 3, name: "Joe"}, {key: 4, name: "Bill"}, {key: 20, name: "Alice"}, {key: 5, name: "Harry"}])` має повернути `[{key: 3, name: "Joe"}, {key: 4, name: "Bill"}, {key: 5, name: "Harry"}, {key: 20, name: "Alice"}]`.
+
+```js
+assert.deepEqual(
+  sortByKey([
+    { key: 3, name: 'Joe' },
+    { key: 4, name: 'Bill' },
+    { key: 20, name: 'Alice' },
+    { key: 5, name: 'Harry' }
+  ]),
+  [
+    { key: 3, name: 'Joe' },
+    { key: 4, name: 'Bill' },
+    { key: 5, name: 'Harry' },
+    { key: 20, name: 'Alice' }
+  ]
+);
+```
+
+`sortByKey([{key: 2341, name: "Adam"}, {key: 122, name: "Bernie"}, {key: 19, name: "David"}, {key: 5531, name: "Joe"}, {key: 1234, name: "Walter"}])` має повернути `[{key: 19, name: "David"}, {key: 122, name: "Bernie"}, {key: 1234, name: "Walter"}, {key: 2341, name: "Adam"}, {key: 5531, name: "Joe"}]`.
+
+```js
+assert.deepEqual(
+  sortByKey([
+    { key: 2341, name: 'Adam' },
+    { key: 122, name: 'Bernie' },
+    { key: 19, name: 'David' },
+    { key: 5531, name: 'Joe' },
+    { key: 1234, name: 'Walter' }
+  ]),
+  [
+    { key: 19, name: 'David' },
+    { key: 122, name: 'Bernie' },
+    { key: 1234, name: 'Walter' },
+    { key: 2341, name: 'Adam' },
+    { key: 5531, name: 'Joe' }
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sortByKey(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sortByKey (arr) {
+  return arr.sort(function(a, b) {
+    return a.key - b.key
+  });
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-disjoint-sublist.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-disjoint-sublist.md
new file mode 100644
index 0000000000..c41317557e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-disjoint-sublist.md
@@ -0,0 +1,147 @@
+---
+id: 5a23c84252665b21eecc8000
+title: Сортування виокремленого підсписку
+challengeType: 5
+forumTopicId: 302307
+dashedName: sort-disjoint-sublist
+---
+
+# --description--
+
+Враховуючи список значень і набір цілих індексів у цьому списку значень, завдання полягає у тому, щоб відсортувати значення за заданими індексами, але зберегти значення за індексами за межами набору тих, які потрібно відсортувати.
+
+Ваша функція повинна працювати з наступним списком значень і набором індексів:
+
+<code>values: [7, <b>6</b>, 5, 4, 3, 2, <b>1</b>, <b>0</b>]</code>
+
+```js
+indices(0-based): {6, 1, 7}
+```
+
+З наступним правильним результатом:
+
+<code>[7, <b>0</b>, 5, 4, 3, 2, <b>1</b>, <b>6</b>]</code>.
+
+# --hints--
+
+`sortDisjoint` має бути функцією.
+
+```js
+assert(typeof sortDisjoint == 'function');
+```
+
+`sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [6, 1, 7])` має повернути масив.
+
+```js
+assert(Array.isArray(sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [6, 1, 7])));
+```
+
+`sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [6, 1, 7])` має повернути `[7, 0, 5, 4, 3, 2, 1, 6]`.
+
+```js
+assert.deepEqual(sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [6, 1, 7]), [
+  7,
+  0,
+  5,
+  4,
+  3,
+  2,
+  1,
+  6
+]);
+```
+
+`sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [1, 2, 5, 6])` має повернути `[7, 1, 2, 4, 3, 5, 6, 0]`.
+
+```js
+assert.deepEqual(sortDisjoint([7, 6, 5, 4, 3, 2, 1, 0], [1, 2, 5, 6]), [
+  7,
+  1,
+  2,
+  4,
+  3,
+  5,
+  6,
+  0
+]);
+```
+
+`sortDisjoint([8, 7, 6, 5, 4, 3, 2, 1], [6, 1, 7])` має повернути `[8, 1, 6, 5, 4, 3, 2, 7]`.
+
+```js
+assert.deepEqual(sortDisjoint([8, 7, 6, 5, 4, 3, 2, 1], [6, 1, 7]), [
+  8,
+  1,
+  6,
+  5,
+  4,
+  3,
+  2,
+  7
+]);
+```
+
+`sortDisjoint([8, 7, 6, 5, 4, 3, 2, 1], [1, 3, 5, 6])` має повернути `[8, 2, 6, 3, 4, 5, 7, 1]`.
+
+```js
+assert.deepEqual(sortDisjoint([8, 7, 6, 5, 4, 3, 2, 1], [1, 3, 5, 6]), [
+  8,
+  2,
+  6,
+  3,
+  4,
+  5,
+  7,
+  1
+]);
+```
+
+`sortDisjoint([6, 1, 7, 1, 3, 5, 6], [6, 1, 5, 4])` має повернути `[6, 1, 7, 1, 3, 5, 6]`.
+
+```js
+assert.deepEqual(sortDisjoint([6, 1, 7, 1, 3, 5, 6], [6, 1, 5, 4]), [
+  6,
+  1,
+  7,
+  1,
+  3,
+  5,
+  6
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sortDisjoint(values, indices) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sortDisjoint(values, indices) {
+  let sublist = [];
+
+  indices.sort(function(a, b) {
+    return a - b;
+  });
+
+  for (let i = 0; i < indices.length; i++) {
+    sublist.push(values[indices[i]]);
+  }
+
+  sublist.sort((a, b) => {
+    return a - b;
+  });
+
+  for (let i = 0; i < indices.length; i++) {
+    values[indices[i]] = sublist[i];
+  }
+
+  return values;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-stability.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-stability.md
new file mode 100644
index 0000000000..4c2b91abc0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-stability.md
@@ -0,0 +1,168 @@
+---
+id: 5a23c84252665b21eecc8014
+title: Стабільне сортування
+challengeType: 5
+forumTopicId: 302308
+dashedName: sort-stability
+---
+
+# --description--
+
+При сортуванні записів в таблиці за певним стовпцем або полем [стабільне сортування](https://en.wikipedia.org/wiki/Stable_sort#Stability) завжди зберігає відносний порядок записів з відповідним ключем.
+
+Наприклад, у цій таблиці країн і міст стабільне сортування в **другому** стовпці розташує Бірмінгем у США над Бірмінгемом у Великобританії серед міст. (Хоча нестабільне сортування *може* в цьому випадку розташувати Бірмінгем у США над Бірмінгемом у Великобританії, стабільна процедура сортування це *забезпечить*).
+
+<pre>UK  London
+US  New York
+US  Birmingham
+UK  Birmingham
+</pre>
+
+Аналогічним чином стабільне сортування лише першої колонки призведе до розташування «UK London» першим елементом, а «US Birmingham» – останнім (оскільки порядок елементів, що мають одне і те ж перше слово – «UK» або «US» – буде враховуватись).
+
+# --instructions--
+
+Напишіть функцію, яка приймає 2D-масив як параметр. Кожен елемент містить 2 елементи, подібні до прикладу вище. Функція повинна впорядкувати масив, як згадувалося раніше, і повернути впорядкований масив.
+
+# --hints--
+
+`stableSort` має бути функцією.
+
+```js
+assert(typeof stableSort == 'function');
+```
+
+`stableSort([["UK", "London"], ["US", "New York"], ["US", "Birmingham"], ["UK", "Birmingham"]])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    stableSort([
+      ['UK', 'London'],
+      ['US', 'New York'],
+      ['US', 'Birmingham'],
+      ['UK', 'Birmingham']
+    ])
+  )
+);
+```
+
+`stableSort([["UK", "London"], ["US", "New York"], ["US", "Birmingham"], ["UK", "Birmingham"]])` має повернути `[["US", "Birmingham"], ["UK", "Birmingham"], ["UK", "London"], ["US", "New York"]]`.
+
+```js
+assert.deepEqual(
+  stableSort([
+    ['UK', 'London'],
+    ['US', 'New York'],
+    ['US', 'Birmingham'],
+    ['UK', 'Birmingham']
+  ]),
+  [
+    ['US', 'Birmingham'],
+    ['UK', 'Birmingham'],
+    ['UK', 'London'],
+    ['US', 'New York']
+  ]
+);
+```
+
+`stableSort([[2, 2], [1, 2], [1, 4], [1, 5]])` має повернути `[[2, 2], [1, 2], [1, 4], [1, 5]]`.
+
+```js
+assert.deepEqual(
+  stableSort([
+    [2, 2],
+    [1, 2],
+    [1, 4],
+    [1, 5]
+  ]),
+  [
+    [2, 2],
+    [1, 2],
+    [1, 4],
+    [1, 5]
+  ]
+);
+```
+
+`stableSort([[11, 55], [12, 45], [11, 45], [32, 45]])` має повернути `[[12, 45], [11, 45], [32, 45], [11, 55]]`.
+
+```js
+assert.deepEqual(
+  stableSort([
+    [11, 55],
+    [12, 45],
+    [11, 45],
+    [32, 45]
+  ]),
+  [
+    [12, 45],
+    [11, 45],
+    [32, 45],
+    [11, 55]
+  ]
+);
+```
+
+`stableSort([[10, 22], [1, 2], [1, 4], [1, 5], [10, 9]])` має повернути `[[1, 2], [1, 4], [1, 5], [10, 9], [10, 22]]`.
+
+```js
+assert.deepEqual(
+  stableSort([
+    [10, 22],
+    [1, 2],
+    [1, 4],
+    [1, 5],
+    [10, 9]
+  ]),
+  [
+    [1, 2],
+    [1, 4],
+    [1, 5],
+    [10, 9],
+    [10, 22]
+  ]
+);
+```
+
+`stableSort([[55, 54], [12, 22], [31, 43], [31, 54], [10, 49]])` має повернути `[[12, 22], [31, 43], [10, 49], [55, 54], [31, 54]]`.
+
+```js
+assert.deepEqual(
+  stableSort([
+    [55, 54],
+    [12, 22],
+    [31, 43],
+    [31, 54],
+    [10, 49]
+  ]),
+  [
+    [12, 22],
+    [31, 43],
+    [10, 49],
+    [55, 54],
+    [31, 54]
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stableSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function stableSort(arr) {
+  arr.sort(function(a, b) {
+    return a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : 0;
+  });
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-using-a-custom-comparator.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-using-a-custom-comparator.md
new file mode 100644
index 0000000000..1d56b671ec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sort-using-a-custom-comparator.md
@@ -0,0 +1,121 @@
+---
+id: 5a23c84252665b21eecc8016
+title: Сортування за допомогою персоналізованого компаратора
+challengeType: 5
+forumTopicId: 302309
+dashedName: sort-using-a-custom-comparator
+---
+
+# --description--
+
+Напишіть функцію для сортування масиву (або списку) рядків у порядку спадання по довжині та у порядку лексикографічного зростання для рядків однакової довжини.
+
+# --hints--
+
+`lengthSorter` має бути функцією.
+
+```js
+assert(typeof lengthSorter == 'function');
+```
+
+`lengthSorter(["Here", "are", "some", "sample", "strings", "to", "be", "sorted"])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    lengthSorter([
+      'Here',
+      'are',
+      'some',
+      'sample',
+      'strings',
+      'to',
+      'be',
+      'sorted'
+    ])
+  )
+);
+```
+
+`lengthSorter(["Here", "are", "some", "sample", "strings", "to", "be", "sorted"])` має повернути `["strings", "sample", "sorted", "Here", "some", "are", "be", "to"]`.
+
+```js
+assert.deepEqual(
+  lengthSorter([
+    'Here',
+    'are',
+    'some',
+    'sample',
+    'strings',
+    'to',
+    'be',
+    'sorted'
+  ]),
+  ['strings', 'sample', 'sorted', 'Here', 'some', 'are', 'be', 'to']
+);
+```
+
+`lengthSorter(["I", "hope", "your", "day", "is", "going", "good", "?"])` має повернути `["going", "good", "hope", "your", "day", "is", "?","I"]`.
+
+```js
+assert.deepEqual(
+  lengthSorter(['I', 'hope', 'your', 'day', 'is', 'going', 'good', '?']),
+  ['going', 'good', 'hope', 'your', 'day', 'is', '?', 'I']
+);
+```
+
+`lengthSorter(["Mine", "is", "going", "great"])` має повернути `["going", "great", "Mine", "is"]`.
+
+```js
+assert.deepEqual(lengthSorter(['Mine', 'is', 'going', 'great']), [
+  'going',
+  'great',
+  'Mine',
+  'is'
+]);
+```
+
+`lengthSorter(["Have", "fun", "sorting", "!!"])` має повернути `["sorting", "Have", "fun", "!!"]`.
+
+```js
+assert.deepEqual(lengthSorter(['Have', 'fun', 'sorting', '!!']), [
+  'sorting',
+  'Have',
+  'fun',
+  '!!'
+]);
+```
+
+`lengthSorter(["Everything", "is", "good", "!!"])` має повернути `["Everything", "good", "!!", "is"]`.
+
+```js
+assert.deepEqual(lengthSorter(['Everything', 'is', 'good', '!!']), [
+  'Everything',
+  'good',
+  '!!',
+  'is'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function lengthSorter(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function lengthSorter(arr) {
+  arr.sort(function(a, b) {
+    var result = b.length - a.length;
+    if (result == 0) result = a.localeCompare(b);
+    return result;
+  });
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bead-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bead-sort.md
new file mode 100644
index 0000000000..0d95344636
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bead-sort.md
@@ -0,0 +1,129 @@
+---
+id: 5a23c84252665b21eecc8001
+title: Алгоритми сортування/Метод сортування намистин
+challengeType: 5
+forumTopicId: 302310
+dashedName: sorting-algorithmsbead-sort
+---
+
+# --description--
+
+Відсортуйте масив цілих натуральних чисел за допомогою [алгоритму сортування намистин](https://en.wikipedia.org/wiki/Bead_sort).
+
+Метод *сортування намистин* також відомий як *гравітаційне сортування*.
+
+Алгоритм містить O(S), де S – сума цілих чисел у вхідному наборі. Кожна намистина переміщається індивідуально.
+
+Це той випадок, коли сортування намистин реалізоване без механізму, який допомагає знаходити порожній простір під намистинами, як у реалізаціях програмних продуктів.
+
+# --hints--
+
+`beadSort` має бути функцією.
+
+```js
+assert(typeof beadSort == 'function');
+```
+
+`beadSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(beadSort([25, 32, 12, 7, 20])));
+```
+
+`beadSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(beadSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`beadSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(beadSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`beadSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(beadSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`beadSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(beadSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`beadSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(beadSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function beadSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function beadSort(arr) {
+  var max = 0;
+  for (var i = 0; i < arr.length; i++) if (arr[i] > max) max = arr[i];
+  var grid = new Array(arr.length);
+  for (var i = 0; i < grid.length; i++) {
+    grid[i] = new Array(max);
+  }
+  var levelcount = new Array(max);
+  levelcount.fill(0);
+  for (var i = 0; i < max; i++) {
+    levelcount[i] = 0;
+    for (var j = 0; j < arr.length; j++) grid[j][i] = '_';
+  }
+  for (var i = 0; i < arr.length; i++) {
+    var num = arr[i];
+    for (var j = 0; num > 0; j++) {
+      grid[levelcount[j]++][j] = '*';
+      num--;
+    }
+  }
+  var sorted = new Array(arr.length);
+  sorted.fill(0);
+  for (var i = 0; i < arr.length; i++) {
+    var putt = 0;
+    for (
+      var j = 0;
+      j < max &&
+      (function(c) {
+        return c.charCodeAt == null ? c : c.charCodeAt(0);
+      })(grid[arr.length - 1 - i][j]) == '*'.charCodeAt(0);
+      j++
+    )
+      putt++;
+    sorted[i] = putt;
+  }
+  return sorted;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bogosort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bogosort.md
new file mode 100644
index 0000000000..965dac8f18
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-bogosort.md
@@ -0,0 +1,126 @@
+---
+id: 5a23c84252665b21eecc8002
+title: Алгоритми сортування/Випадкове сортування
+challengeType: 5
+forumTopicId: 302311
+dashedName: sorting-algorithmsbogosort
+---
+
+# --description--
+
+[випадкове сортування](https://en.wikipedia.org/wiki/Bogosort) – це список чисел.
+
+Випадкове сортування просто перемішує набір елементів випадковим чином, поки він не упорядкований.
+
+«Випадкове сортування» – помилковий, неефективний алгоритм, який використовується лише як жарт.
+
+Середній час його виконання становить O(n!), бо ймовірність того, що будь-яке перемішування набору закінчиться у відсортованому порядку, становить приблизно один у *n* факторіалі, а в гіршому випадку – нескінченність, оскільки немає гарантії, що випадкове перемішування коли-небудь призведе до упорядкованої послідовності.
+
+Кращим випадком є O(n), оскільки одного проходження по елементах може бути достатньо, щоб упорядкувати їх.
+
+Псевдокод:
+
+<pre><b>while not</b> InOrder(list) <b>do</b>
+  Shuffle(list)
+<b>done</b>
+</pre>
+
+# --hints--
+
+`bogosort` має бути функцією.
+
+```js
+assert(typeof bogosort == 'function');
+```
+
+`bogosort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(bogosort([25, 32, 12, 7, 20])));
+```
+
+`bogosort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(bogosort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`bogosort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(bogosort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`bogosort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(bogosort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`bogosort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(bogosort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`bogosort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(bogosort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function bogosort(v) {
+
+}
+```
+
+# --solutions--
+
+```js
+function bogosort(v) {
+  function shuffle(v) {
+    for (
+      var j, x, i = v.length;
+      i;
+      j = Math.floor(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x
+    );
+    return v;
+  }
+
+  function isSorted(v) {
+    for (var i = 1; i < v.length; i++) {
+      if (v[i - 1] > v[i]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  var sorted = false;
+  while (sorted == false) {
+    v = shuffle(v);
+    sorted = isSorted(v);
+  }
+  return v;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-cocktail-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-cocktail-sort.md
new file mode 100644
index 0000000000..58afb5d47a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-cocktail-sort.md
@@ -0,0 +1,140 @@
+---
+id: 5a23c84252665b21eecc8004
+title: Алгоритми сортування/Шейкерне сортування
+challengeType: 5
+forumTopicId: 302312
+dashedName: sorting-algorithmscocktail-sort
+---
+
+# --description--
+
+Шейкерне сортування – це удосконалене [сортування бульбашкою](https://rosettacode.org/wiki/Bubble Sort). Покращення в основному полягає в тому, що значення "струменять" в обох напрямках через масив, тому що на кожній ітерації шейкер упорядковує бульбашки один раз вперед і один раз назад. Псевдокод для алгоритму (взято з [Вікіпедії](https://en.wikipedia.org/wiki/Cocktail sort)):
+
+<pre><b>function</b> <i>cocktailSort</i>( A : list of sortable items )
+  <b>do</b>
+    swapped := false
+    <b>for each</b> i <b>in</b> 0 <b>to</b> length( A ) - 2 <b>do</b>
+      <b>if</b> A[ i ] > A[ i+1 ] <b>then</b> <i>// перевірте, чи два елементи</i>
+                                <i>// знаходяться в неправильному</i>
+                                <i>// порядку</i>
+        swap( A[ i ], A[ i+1 ] ) <i>// поміняйте два елементи</i>
+                                 <i>// місцями</i>
+        swapped := true;
+    <b>if</b> swapped = false <b>then</b>
+      <i>// можна вийти із зовнішнього циклу тут, якщо жодних замін не відбулося.</i>
+      <b>break do-while loop</b>;
+    swapped := false
+    <b>for each</b> i <b>in</b> length( A ) - 2 <b>down to</b> 0 <b>do</b>
+      <b>if</b> A[ i ] > A[ i+1 ] <b>then</b>
+        swap( A[ i ], A[ i+1 ] )
+        swapped := true;
+  <b>while</b> swapped; <i>// якщо жодні елементи не помінялися місцями,</i>
+                <i>// сортування виконано</i>
+</pre>
+
+# --instructions--
+
+Напишіть функцію, яка упорядкує даний масив, використовуючи шейкерне сортування.
+
+# --hints--
+
+`cocktailSort` має бути функцією.
+
+```js
+assert(typeof cocktailSort == 'function');
+```
+
+`cocktailSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(cocktailSort([25, 32, 12, 7, 20])));
+```
+
+`cocktailSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(cocktailSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`cocktailSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(cocktailSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`cocktailSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(cocktailSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`cocktailSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(cocktailSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`cocktailSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(cocktailSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function cocktailSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function cocktailSort(arr) {
+  let isSorted = true;
+  while (isSorted) {
+    for (let i = 0; i < arr.length - 1; i++) {
+      if (arr[i] > arr[i + 1]) {
+        let temp = arr[i];
+        arr[i] = arr[i + 1];
+        arr[i + 1] = temp;
+        isSorted = true;
+      }
+    }
+
+    if (!isSorted) break;
+
+    isSorted = false;
+
+    for (let j = arr.length - 1; j > 0; j--) {
+      if (arr[j - 1] > arr[j]) {
+        let temp = arr[j];
+        arr[j] = arr[j - 1];
+        arr[j - 1] = temp;
+        isSorted = true;
+      }
+    }
+  }
+
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-comb-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-comb-sort.md
new file mode 100644
index 0000000000..6f20f79f41
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-comb-sort.md
@@ -0,0 +1,179 @@
+---
+id: 5a23c84252665b21eecc8005
+title: Алгоритми сортування/Сортування гребінцем
+challengeType: 5
+forumTopicId: 302313
+dashedName: sorting-algorithmscomb-sort
+---
+
+# --description--
+
+Виконайте *сортування гребінцем*.
+
+**Сортування гребінцем** – це один з варіантів [сортування бульбашкою](https://rosettacode.org/wiki/Bubble Sort).
+
+Як і [сортування Шелла](https://rosettacode.org/wiki/Shell sort), сортування гребінцем збільшує розрив, який використовується при порівняннях і обмінах.
+
+Поділ розриву найкраще здійснити на $(1-e^{-\\varphi})^{-1} \\approx 1.247330950103979$, але значення 1.3 може бути практичнішим.
+
+Деякі реалізації використовують сортування включенням, коли розрив менший за певну величину.
+
+**Дивіться також**
+
+<ul>
+  <li>стаття Вікіпедії: <a href='https://en.wikipedia.org/wiki/Comb sort' target='_blank'>Сортування гребінцем</a>.</li>
+</ul>
+
+Варіанти:
+
+<ul>
+  <li>Combsort11 забезпечує закінчення розриву на (11, 8, 6, 4, 3, 2, 1), що значно швидше, ніж два інших можливих закінчення.</li>
+  <li>Сортування гребінцем з різними закінченнями змінюється на ефективніше сортування, коли дані майже відсортовані (коли розрив невеликий). Сортування гребінцем з малим розривом не набагато краще, ніж сортування бульбашкою.</li>
+</ul>
+
+Псевдокод:
+
+<pre><b>function</b> combsort(<b>array</b> input)
+  gap := input<b>.size</b> <i>//встановити розмір розриву</i>
+  <b>loop until</b> gap = 1 <b>and</b> swaps = 0
+    <i>//оновити значення розриву для наступного гребінця. Нижче наведено приклад</i>
+    gap := int(gap / 1.25)
+    <b>if</b> gap &#x3C; 1 
+      <i>//1 – це мінімальний розрив</i>
+      gap := 1
+    <b>end if</b>
+    i := 0
+    swaps := 0 <i>//see <a href='https://rosettacode.org/wiki/Sorting_algorithms/Bubble_sort' target='_blank'>Bubble Sort</a> for an explanation</i>
+    <i>//одинарний «гребінець» над вхідним списком</i>
+    <b>loop until</b> i + gap >= input<b>.size</b> <i>//see <a href='https://rosettacode.org/wiki/Sorting_algorithms/Shell_sort' target='_blank'>Shell sort</a> for similar idea</i>
+      <b>if</b> input[i] > input[i+gap]
+        <b>swap</b>(input[i], input[i+gap])
+        swaps := 1 <i>// Позначте, що заміна сталася, тому</i>
+            <i>// не гарантовано, що список упорядкований</i>
+      <b>end if</b>
+      i := i + 1
+    <b>end loop</b>
+  <b>end loop</b>
+<b>end function</b>
+</pre>
+
+# --instructions--
+
+Напишіть функцію, яка упорядкує даний масив, використовуючи сортування гребінцем.
+
+# --hints--
+
+`combSort` має бути функцією.
+
+```js
+assert(typeof combSort == 'function');
+```
+
+`combSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(combSort([25, 32, 12, 7, 20])));
+```
+
+`combSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(combSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`combSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(combSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`combSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(combSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`combSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(combSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`combSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(combSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function combSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function combSort(arr) {
+  function is_array_sorted(arr) {
+    var sorted = true;
+    for (var i = 0; i < arr.length - 1; i++) {
+      if (arr[i] > arr[i + 1]) {
+        sorted = false;
+        break;
+      }
+    }
+    return sorted;
+  }
+  var iteration_count = 0;
+  var gap = arr.length - 2;
+  var decrease_factor = 1.25;
+
+  // Until array is not sorted, repeat iterations
+  while (!is_array_sorted(arr)) {
+    // If not first gap
+    if (iteration_count > 0)
+      // Calculate gap
+      gap = gap == 1 ? gap : Math.floor(gap / decrease_factor);
+
+    // Set front and back elements and increment to a gap
+    var front = 0;
+    var back = gap;
+    while (back <= arr.length - 1) {
+      // If elements are not ordered swap them
+      if (arr[front] > arr[back]) {
+        var temp = arr[front];
+        arr[front] = arr[back];
+        arr[back] = temp;
+      }
+
+      // Increment and re-run swapping
+      front += 1;
+      back += 1;
+    }
+    iteration_count += 1;
+  }
+
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-gnome-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-gnome-sort.md
new file mode 100644
index 0000000000..4b4f1f2426
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-gnome-sort.md
@@ -0,0 +1,124 @@
+---
+id: 5a23c84252665b21eecc8007
+title: Алгоритми сортування/Сортування гнома
+challengeType: 5
+forumTopicId: 302314
+dashedName: sorting-algorithmsgnome-sort
+---
+
+# --description--
+
+Сортування гнома – це алгоритм сортування, який схожий на [сортування вставленням](https://rosettacode.org/wiki/Insertion sort), за винятком того, що переміщення елемента в потрібне місце виконується послідовністю замін, як в [сортуванні бульбашкою](https://rosettacode.org/wiki/Bubble Sort).
+
+Псевдокод для алгоритму:
+
+<pre><b>function</b> <i>gnomeSort</i>(a[0..size-1])
+  i := 1
+  j := 2
+  <b>while</b> i &#x3C; size <b>do</b>
+    <b>if</b> a[i-1] &#x3C;= a[i] <b>then</b>
+      <i>/// для сортування за спаданням використовуйте >= для порівняння</i>
+      i := j
+      j := j + 1
+    <b>else</b>
+      <b>swap</b> a[i-1] <b>and</b> a[i]
+      i := i - 1
+      <b>if</b> i = 0 <b>then</b>
+        i := j
+        j := j + 1
+      <b>endif</b>
+    <b>endif</b>
+  <b>done</b>
+</pre>
+
+# --instructions--
+
+Напишіть функцію для виконання зазначеного вище псевдокоду. Функція має повернути впорядкований масив.
+
+# --hints--
+
+`gnomeSort` має бути функцією.
+
+```js
+assert(typeof gnomeSort == 'function');
+```
+
+`gnomeSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(gnomeSort([25, 32, 12, 7, 20])));
+```
+
+`gnomeSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(gnomeSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`gnomeSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(gnomeSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`gnomeSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(gnomeSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`gnomeSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(gnomeSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`gnomeSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(gnomeSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function gnomeSort(a) {
+
+}
+```
+
+# --solutions--
+
+```js
+function gnomeSort(a) {
+  function moveBack(i) {
+    for (; i > 0 && a[i - 1] > a[i]; i--) {
+      var t = a[i];
+      a[i] = a[i - 1];
+      a[i - 1] = t;
+    }
+  }
+  for (var i = 1; i < a.length; i++) {
+    if (a[i - 1] > a[i]) moveBack(i);
+  }
+  return a;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-pancake-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-pancake-sort.md
new file mode 100644
index 0000000000..bc59dc9e3f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-pancake-sort.md
@@ -0,0 +1,124 @@
+---
+id: 5a23c84252665b21eecc800b
+title: Алгоритми сортування/Млинцеве сортування
+challengeType: 5
+forumTopicId: 302315
+dashedName: sorting-algorithmspancake-sort
+---
+
+# --description--
+
+Напишіть функцію для сортування масиву цілих чисел (будь-якого зручного розміру) у порядку зростання за допомогою [млинцевого сортування](https://en.wikipedia.org/wiki/Pancake sorting). Функція має повернути впорядкований масив.
+
+Коротко кажучи, замість сортування окремих елементів єдина дозволена операція – це «перевертання» одного кінця списку, наприклад:
+
+<pre>До:
+<b>6 7 8 9</b> 2 5 3 4 1<br>
+Після:
+<b>9 8 7 6</b> 2 5 3 4 1
+</pre>
+
+Можна перевернути тільки один кінець списку. Це повинна бути нижня межа, але допустима й верхня межа, якщо її легше запрограмувати або вона краще працює, але це **повинен** бути один і той самий кінець для цілого розв'язку. (Перевернутий кінець не можна змінити довільно.)
+
+# --hints--
+
+`pancakeSort` має бути функцією.
+
+```js
+assert(typeof pancakeSort == 'function');
+```
+
+`pancakeSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(pancakeSort([25, 32, 12, 7, 20])));
+```
+
+`pancakeSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(pancakeSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`pancakeSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(pancakeSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`pancakeSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(pancakeSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`pancakeSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(pancakeSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`pancakeSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(pancakeSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function pancakeSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function pancakeSort(arr) {
+  for (var i = arr.length - 1; i >= 1; i--) {
+    // find the index of the largest element not yet sorted
+    var max_idx = 0;
+    var max = arr[0];
+    for (var j = 1; j <= i; j++) {
+      if (arr[j] > max) {
+        max = arr[j];
+        max_idx = j;
+      }
+    }
+
+    if (max_idx == i) continue; // element already in place
+
+    var new_slice;
+
+    // flip arr max element to index 0
+    if (max_idx > 0) {
+      new_slice = arr.slice(0, max_idx + 1).reverse();
+      for (var j = 0; j <= max_idx; j++) arr[j] = new_slice[j];
+    }
+
+    // then flip the max element to its place
+    new_slice = arr.slice(0, i + 1).reverse();
+    for (var j = 0; j <= i; j++) arr[j] = new_slice[j];
+  }
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-permutation-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-permutation-sort.md
new file mode 100644
index 0000000000..7fcd864827
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-permutation-sort.md
@@ -0,0 +1,131 @@
+---
+id: 5a23c84252665b21eecc800c
+title: Алгоритми сортування/Сортування перестановкою
+challengeType: 5
+forumTopicId: 302316
+dashedName: sorting-algorithmspermutation-sort
+---
+
+# --description--
+
+Напишіть функцію для реалізації сортування перестановкою, яка продовжує генерувати можливі перестановки вхідного масиву до виявлення відсортованого масиву. Функція має повернути відсортований масив.
+
+Псевдокод:
+
+<pre><b>while not</b> InOrder(list) <b>do</b>
+  nextPermutation(list)
+<b>done</b>
+</pre>
+
+# --hints--
+
+`permutationSort` має бути функцією.
+
+```js
+assert(typeof permutationSort == 'function');
+```
+
+`permutationSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(permutationSort([25, 32, 12, 7, 20])));
+```
+
+`permutationSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(permutationSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`permutationSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(permutationSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`permutationSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(permutationSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`permutationSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(permutationSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`permutationSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(permutationSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function permutationSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function permutationSort(arr) {
+  function pSort(a) {
+    var list = [];
+    permute(a, a.length, list);
+    for (var i = 0; i < list.length; i++) {
+      var x = list[i];
+      if (isSorted(x)) return x;
+    }
+    return a;
+  }
+
+  function permute(a, n, list) {
+    if (n === 1) {
+      var b = a.slice();
+      list.push(b);
+      return;
+    }
+    for (var i = 0; i < n; i++) {
+      swap(a, i, n - 1);
+      permute(a, n - 1, list);
+      swap(a, i, n - 1);
+    }
+  }
+
+  function isSorted(a){
+    for(let i = 0; i < a.length - 1; i++)
+      if(a[i] > a[i + 1])
+        return false;
+    return true;
+  }
+
+  function swap(arr, i, j) {
+    var temp = arr[i];
+    arr[i] = arr[j];
+    arr[j] = temp;
+  }
+  return pSort(arr);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-shell-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-shell-sort.md
new file mode 100644
index 0000000000..e7bbb6282b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-shell-sort.md
@@ -0,0 +1,106 @@
+---
+id: 5a23c84252665b21eecc8010
+title: Алгоритми сортування/Сортува́ння Ше́лла
+challengeType: 5
+forumTopicId: 302317
+dashedName: sorting-algorithmsshell-sort
+---
+
+# --description--
+
+Напишіть функцію для сортування масиву елементів за допомогою алгоритму [>сортування Шелла](https://en.wikipedia.org/wiki/Shell sort), сортування за зменшенням приросту. Функція має повернути впорядкований масив.
+
+Сортування Шелла( також відомий як Шеллове сортування або метод Шелла) названо на честь винахідника Дональда Шелла, який опублікував алгоритм у 1959.
+
+Сортування Шелла — це послідовність впорядкованих вставних сортувань на основі послідовності приросту. Розмір приросту зменшується після кожного проходу, поки розмір приросту не дорівнюватиме 1.
+
+З розміром приросту 1 сортування є базовим сортуванням вставкою, але до цього часу дані гарантовано будуть майже відсортовані, що є «найкращим випадком» сортування вставкою.
+
+Будь-яка послідовність сортує дані до тих пір, поки вони закінчується на 1, але деякі працюють краще, ніж інші.
+
+Емпіричні дослідження показали, що геометрична послідовність приросту з коефіцієнтом приблизно 2,2 добре працює на практиці.
+
+# --hints--
+
+`shellSort` має бути функцією.
+
+```js
+assert(typeof shellSort == 'function');
+```
+
+`shellSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(shellSort([25, 32, 12, 7, 20])));
+```
+
+`shellSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(shellSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`shellSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(shellSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`shellSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(shellSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`shellSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(shellSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`shellSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(shellSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function shellSort(a) {
+
+}
+```
+
+# --solutions--
+
+```js
+function shellSort(a) {
+  for (var h = a.length; h > 0; h = parseInt(h / 2)) {
+    for (var i = h; i < a.length; i++) {
+      var k = a[i];
+      for (var j = i; j >= h && k < a[j - h]; j -= h) a[j] = a[j - h];
+      a[j] = k;
+    }
+  }
+  return a;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-stooge-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-stooge-sort.md
new file mode 100644
index 0000000000..a55fbbc336
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-stooge-sort.md
@@ -0,0 +1,125 @@
+---
+id: 5a23c84252665b21eecc8012
+title: Алгоритми сортування/Сортування по частинах
+challengeType: 5
+forumTopicId: 302318
+dashedName: sorting-algorithmsstooge-sort
+---
+
+# --description--
+
+Напишіть функцію для виконання [ Сортування по частинах ](https://en.wikipedia.org/wiki/Stooge sort) для масиву цілих чисел. Функція має повернути впорядкований масив.
+
+Алгоритм сортування по частинах виглядає наступним чином:
+
+<pre><b>algorithm</b> stoogesort(<b>array</b> L, i = 0, j = <b>length</b>(L)-1)
+  <b>if</b> L[j] &#x3C; L[i] <b>then</b>
+    L[i] <b>↔</b> L[j]
+  <b>if</b> j - i > 1 <b>then</b>
+    t <b>:=</b> (j - i + 1)/3
+    stoogesort(L, i , j-t)
+    stoogesort(L, i+t, j )
+    stoogesort(L, i , j-t)
+  <b>return</b> L
+</pre>
+
+# --hints--
+
+`stoogeSort` має бути функцією.
+
+```js
+assert(typeof stoogeSort == 'function');
+```
+
+`stoogeSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(stoogeSort([25, 32, 12, 7, 20])));
+```
+
+`stoogeSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(stoogeSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`stoogeSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(stoogeSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`stoogeSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(stoogeSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`stoogeSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(stoogeSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`stoogeSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(stoogeSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function stoogeSort(arr) {
+
+}
+```
+
+# --solutions--
+
+```js
+function stoogeSort(arr) {
+  function stoogeSortRecurse(array, i, j) {
+    if (j === undefined) {
+      j = array.length - 1;
+    }
+
+    if (i === undefined) {
+      i = 0;
+    }
+
+    if (array[j] < array[i]) {
+      var aux = array[i];
+      array[i] = array[j];
+      array[j] = aux;
+    }
+
+    if (j - i > 1) {
+      var t = Math.floor((j - i + 1) / 3);
+      stoogeSortRecurse(array, i, j - t);
+      stoogeSortRecurse(array, i + t, j);
+      stoogeSortRecurse(array, i, j - t);
+    }
+  }
+  stoogeSortRecurse(arr);
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-strand-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-strand-sort.md
new file mode 100644
index 0000000000..d5f86bbb5c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sorting-algorithms-strand-sort.md
@@ -0,0 +1,118 @@
+---
+id: 5a23c84252665b21eecc8013
+title: Алгоритми сортування/Ниткоподібне сортування
+challengeType: 5
+forumTopicId: 302319
+dashedName: sorting-algorithmsstrand-sort
+---
+
+# --description--
+
+Напишіть функцію для сортування масиву, використовуючи [Ниткоподібне сортування](https://en.wikipedia.org/wiki/Strand sort). Функція має повернути впорядкований масив.
+
+Це спосіб сортування чисел шляхом вилучення коротших послідовностей уже відсортованих чисел із несортованого списку.
+
+# --hints--
+
+`strandSort` має бути функцією.
+
+```js
+assert(typeof strandSort == 'function');
+```
+
+`strandSort([25, 32, 12, 7, 20])` має повернути масив.
+
+```js
+assert(Array.isArray(strandSort([25, 32, 12, 7, 20])));
+```
+
+`strandSort([25, 32, 12, 7, 20])` має повернути `[7, 12, 20, 25, 32]`.
+
+```js
+assert.deepEqual(strandSort([25, 32, 12, 7, 20]), [7, 12, 20, 25, 32]);
+```
+
+`strandSort([38, 45, 35, 8, 13])` має повернути `[8, 13, 35, 38, 45]`.
+
+```js
+assert.deepEqual(strandSort([38, 45, 35, 8, 13]), [8, 13, 35, 38, 45]);
+```
+
+`strandSort([43, 36, 20, 34, 24])` має повернути `[20, 24, 34, 36, 43]`.
+
+```js
+assert.deepEqual(strandSort([43, 36, 20, 34, 24]), [20, 24, 34, 36, 43]);
+```
+
+`strandSort([12, 33, 26, 18, 1, 16, 38])` має повернути `[1, 12, 16, 18, 26, 33, 38]`.
+
+```js
+assert.deepEqual(strandSort([12, 33, 26, 18, 1, 16, 38]), [
+  1,
+  12,
+  16,
+  18,
+  26,
+  33,
+  38
+]);
+```
+
+`strandSort([3, 39, 48, 16, 1, 4, 29])` має повернути `[1, 3, 4, 16, 29, 39, 48]`.
+
+```js
+assert.deepEqual(strandSort([3, 39, 48, 16, 1, 4, 29]), [
+  1,
+  3,
+  4,
+  16,
+  29,
+  39,
+  48
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function strandSort(list) {
+
+}
+```
+
+# --solutions--
+
+```js
+function strandSort(list) {
+  function merge(left, right) {
+    var result = [];
+    while (left.length != 0 && right.length != 0) {
+      if (left[0] <= right[0]) result.push(left.shift());
+      else result.push(right.shift());
+    }
+    result.push.apply(result, left);
+    result.push.apply(result, right);
+    return result;
+  }
+
+  if (list.length <= 1) return list;
+  var result = [];
+  while (list.length > 0) {
+    var sorted = [];
+    sorted.push(list.shift());
+    var len = list.length;
+    for (var i = 1; i < len; i++) {
+      var elem = list[i];
+      if (sorted[i - 1] <= elem) {
+        sorted.push(elem);
+        sorted.splice(i, 1);
+      }
+    }
+
+    result = merge(result, sorted);
+  }
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/soundex.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/soundex.md
new file mode 100644
index 0000000000..f47ac62b82
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/soundex.md
@@ -0,0 +1,151 @@
+---
+id: 5a23c84252665b21eecc8017
+title: Алгоритм Саундекс
+challengeType: 5
+forumTopicId: 302320
+dashedName: soundex
+---
+
+# --description--
+
+Саундекс — це алгоритм створення індексів для слів на основі їх вимови. Метою є кодування омофонів до одного представлення, щоб їх можна було зіставити, незважаючи на незначні відмінності у написанні (зі [статті у Вікіпедії](https://en.wikipedia.org/wiki/soundex)). Великою проблемою в багатьох реалізаціях є розрізнення приголосних із однаковим саундекс-кодом! Згідно з [ офіційними правилами](https://www.archives.gov/research/census/soundex.html). Тому перевірте, наприклад, чи **Ashcraft** закодовано як **A-261**.
+
+<ul>
+  <li>Якщо голосний (A, E, I, O, U) звук розділяє два приголосні, які мають однаковий саундекс-код, кодується приголосний праворуч від голосного. Tymczak кодується як T-522 (T, 5 замість M, 2 замість C, Z ігнорується (див. правило "Пліч-о-пліч" вище), 2 замість K). Оскільки голосний "A" розділяє літери Z та К, літера К кодується.</li>
+  <li>Якщо "H" чи "W" розділяють два приголосні із однаковим саундекс-кодом, приголосний праворуч від голосного не кодується. Приклад: Ashcraft кодується як A-261 (A, 2 замість S, C ігнорується, 6 замість R, 1 замість F). Слово не кодується як A-226.</li>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, яка приймає рядок як параметр та повертає закодований рядок.
+
+# --hints--
+
+`soundex` має бути функцією.
+
+```js
+assert(typeof soundex == 'function');
+```
+
+`soundex("Soundex")` має повернути рядок.
+
+```js
+assert(typeof soundex('Soundex') == 'string');
+```
+
+`soundex("Soundex")` має повернути `"S532"`.
+
+```js
+assert.equal(soundex('Soundex'), 'S532');
+```
+
+`soundex("Example")`має повернути `"E251"`.
+
+```js
+assert.equal(soundex('Example'), 'E251');
+```
+
+`soundex("Sownteks")` має повернути `"S532"`.
+
+```js
+assert.equal(soundex('Sownteks'), 'S532');
+```
+
+`soundex("Ekzampul")` має повернути `"E251"`.
+
+```js
+assert.equal(soundex('Ekzampul'), 'E251');
+```
+
+`soundex("Euler")` має повернути `"E460"`.
+
+```js
+assert.equal(soundex('Euler'), 'E460');
+```
+
+`soundex("Gauss")` має повернути `"G200"`.
+
+```js
+assert.equal(soundex('Gauss'), 'G200');
+```
+
+`soundex("Hilbert")` має повернути `"H416"`.
+
+```js
+assert.equal(soundex('Hilbert'), 'H416');
+```
+
+`soundex("Knuth")` має повернути `"K530"`.
+
+```js
+assert.equal(soundex('Knuth'), 'K530');
+```
+
+`soundex("Lloyd")` має повернути `"L300"`.
+
+```js
+assert.equal(soundex('Lloyd'), 'L300');
+```
+
+`soundex("Lukasiewicz")` має повернути `"L222"`.
+
+```js
+assert.equal(soundex('Lukasiewicz'), 'L222');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function soundex(s) {
+
+}
+```
+
+# --solutions--
+
+```js
+function soundex(s) {
+  var a = s.toLowerCase().split('');
+  var f = a.shift(),
+    r = '',
+    codes = {
+      a: '',
+      e: '',
+      i: '',
+      o: '',
+      u: '',
+      b: 1,
+      f: 1,
+      p: 1,
+      v: 1,
+      c: 2,
+      g: 2,
+      j: 2,
+      k: 2,
+      q: 2,
+      s: 2,
+      x: 2,
+      z: 2,
+      d: 3,
+      t: 3,
+      l: 4,
+      m: 5,
+      n: 5,
+      r: 6
+    };
+  r =
+    f +
+    a
+      .map(function(v, i, a) {
+        return codes[v];
+      })
+      .filter(function(v, i, a) {
+        return i === 0 ? v !== codes[f] : v !== a[i - 1];
+      })
+      .join('');
+
+  return (r + '000').slice(0, 4).toUpperCase();
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/spiral-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/spiral-matrix.md
new file mode 100644
index 0000000000..943843f715
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/spiral-matrix.md
@@ -0,0 +1,109 @@
+---
+id: 5a23c84252665b21eecc801c
+title: Спіральна матриця
+challengeType: 5
+forumTopicId: 302321
+dashedName: spiral-matrix
+---
+
+# --description--
+
+Створіть спіральний масив. *Спіральний масив* — це квадратне розташування перших N<sup>2</sup> натуральних чисел, де числа послідовно збільшуються, коли ви рухаєтеся краями спірального масиву, який закручується всередину. Наприклад, за умови **5** створіть такий масив:
+
+<pre>
+0  1  2  3  4
+15 16 17 18 5
+14 23 24 19 6
+13 22 21 20 7
+12 11 10  9 8
+</pre>
+
+# --hints--
+
+`spiralArray` має бути функцією.
+
+```js
+assert(typeof spiralArray == 'function');
+```
+
+`spiralArray(3)` має повернути масив.
+
+```js
+assert(Array.isArray(spiralArray(3)));
+```
+
+`spiralArray(3)` має повернути `[[0, 1, 2],[7, 8, 3],[6, 5, 4]]`.
+
+```js
+assert.deepEqual(spiralArray(3), [
+  [0, 1, 2],
+  [7, 8, 3],
+  [6, 5, 4]
+]);
+```
+
+`spiralArray(4)` має повернути `[[0, 1, 2, 3],[11, 12, 13, 4],[10, 15, 14, 5],[9, 8, 7, 6]]`.
+
+```js
+assert.deepEqual(spiralArray(4), [
+  [0, 1, 2, 3],
+  [11, 12, 13, 4],
+  [10, 15, 14, 5],
+  [9, 8, 7, 6]
+]);
+```
+
+`spiralArray(5)` має повернути `[[0, 1, 2, 3, 4],[15, 16, 17, 18, 5],[14, 23, 24, 19, 6],[13, 22, 21, 20, 7],[12, 11, 10, 9, 8]]`.
+
+```js
+assert.deepEqual(spiralArray(5), [
+  [0, 1, 2, 3, 4],
+  [15, 16, 17, 18, 5],
+  [14, 23, 24, 19, 6],
+  [13, 22, 21, 20, 7],
+  [12, 11, 10, 9, 8]
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function spiralArray(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function spiralArray(n) {
+  var arr = Array(n),
+    x = 0,
+    y = n,
+    total = n * n--,
+    dx = 1,
+    dy = 0,
+    i = 0,
+    j = 0;
+  while (y) arr[--y] = [];
+  while (i < total) {
+    arr[y][x] = i++;
+    x += dx;
+    y += dy;
+    if (++j == n) {
+      if (dy < 0) {
+        x++;
+        y++;
+        n -= 2;
+      }
+      j = dx;
+      dx = -dy;
+      dy = j;
+      j = 0;
+    }
+  }
+  return arr;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/split-a-character-string-based-on-change-of-character.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/split-a-character-string-based-on-change-of-character.md
new file mode 100644
index 0000000000..0eabc28a0c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/split-a-character-string-based-on-change-of-character.md
@@ -0,0 +1,145 @@
+---
+id: 5a23c84252665b21eecc801d
+title: Розділ рядка символів на основі зміни символу
+challengeType: 5
+forumTopicId: 302322
+dashedName: split-a-character-string-based-on-change-of-character
+---
+
+# --description--
+
+Розділіть рядок (символів) на рядки, розділені комами (плюс пропуски), на основі зміни символу (зліва направо). Пропуски повинні розглядатися як будь-які інші символи (за винятком ситуацій, коли їх важко чітко відобразити). Це стосується й ком. Наприклад, рядок:
+
+<pre>
+"gHHH5YY++///\\"
+</pre>
+
+повинен розділитися як:
+
+<pre>
+["g", "HHH", "5", "YY", "++", "///", "\\" ];
+</pre>
+
+# --hints--
+
+`split` має бути функцією.
+
+```js
+assert(typeof split == 'function');
+```
+
+`split("hello")` має повернути масив.
+
+```js
+assert(Array.isArray(split('hello')));
+```
+
+`split("hello")` має повернути `["h", "e", "ll", "o"]`.
+
+```js
+assert.deepEqual(split('hello'), ['h', 'e', 'll', 'o']);
+```
+
+`split("commission")` має повернути `["c", "o", "mm", "i", "ss", "i", "o", "n"]`.
+
+```js
+assert.deepEqual(split('commission'), [
+  'c',
+  'o',
+  'mm',
+  'i',
+  'ss',
+  'i',
+  'o',
+  'n'
+]);
+```
+
+`split("ssss----====llloooo")` має повернути `["ssss", "----", "====", "lll", "oooo"]`.
+
+```js
+assert.deepEqual(split('ssss----====llloooo'), [
+  'ssss',
+  '----',
+  '====',
+  'lll',
+  'oooo'
+]);
+```
+
+`split("sssmmmaaammmaaat")` має повернути `["sss", "mmm", "aaa", "mmm", "aaa", "t"]`.
+
+```js
+assert.deepEqual(split('sssmmmaaammmaaat'), [
+  'sss',
+  'mmm',
+  'aaa',
+  'mmm',
+  'aaa',
+  't'
+]);
+```
+
+`split("gHHH5YY++///\\")` має повернути `["g", "HHH", "5", "YY", "++", "///", "\\"]`.
+
+```js
+assert.deepEqual(split('gHHH5YY++///\\'), [
+  'g',
+  'HHH',
+  '5',
+  'YY',
+  '++',
+  '///',
+  '\\'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function split(str) {
+
+}
+```
+
+# --solutions--
+
+```js
+function split(str) {
+  const concat = xs =>
+    xs.length > 0
+      ? (() => {
+          const unit = typeof xs[0] === 'string' ? '' : [];
+          return unit.concat.apply(unit, xs);
+        })()
+      : [];
+
+  const group = xs => groupBy((a, b) => a === b, xs);
+
+  const groupBy = (f, xs) => {
+    const dct = xs.slice(1).reduce(
+      (a, x) => {
+        const h = a.active.length > 0 ? a.active[0] : undefined,
+          blnGroup = h !== undefined && f(h, x);
+        return {
+          active: blnGroup ? a.active.concat([x]) : [x],
+          sofar: blnGroup ? a.sofar : a.sofar.concat([a.active])
+        };
+      },
+      {
+        active: xs.length > 0 ? [xs[0]] : [],
+        sofar: []
+      }
+    );
+    return dct.sofar.concat(dct.active.length > 0 ? [dct.active] : []);
+  };
+
+  const map = (f, xs) => xs.map(f);
+
+  const stringChars = s => s.split('');
+
+  return map(concat, group(stringChars(str)));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/state-name-puzzle.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/state-name-puzzle.md
new file mode 100644
index 0000000000..dedd140a56
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/state-name-puzzle.md
@@ -0,0 +1,159 @@
+---
+id: 5a23c84252665b21eecc8024
+title: Головоломка з назвами штатів
+challengeType: 5
+forumTopicId: 302323
+dashedName: state-name-puzzle
+---
+
+# --description--
+
+При створенні цього завдання надихалися DDJ колонкою Марка Нельсона "Wordplay" та однією з тижневих головоломок Вілла Шорца з вихідного випуску NPR [\[1\]](https://www.npr.org/templates/story/story.php?storyId=9264290) та спочатку приписували Девіду Едельгайту. Завдання полягало в тому, щоб взяти назви двох штатів США, поєднати їх, потім переставити літери так, щоб утворилися назви двох *різних* штатів США (щоб усі чотири назви штатів відрізнялися одна від одної). Які це штати? Проблема була знову опублікована на [the Unicon Discussion Web](https://tapestry.tucson.az.us/twiki/bin/view/Main/StateNamesPuzzle), який включає декілька розв'язків з аналізом. Декілька технік можуть допомогти і ви, можливо, захочете звернутися до [нумерації Геделя](https://en.wikipedia.org/wiki/Goedel_numbering), [відношення еквівалентності](https://en.wikipedia.org/wiki/Equivalence_relation), та [класів еквівалентності](https://en.wikipedia.org/wiki/Equivalence_classes). Базові переваги цього обговорювалися на Unicon Discussion Web. Також було представлено друге завдання у вигляді набору нових вигаданих штатів.
+
+# --instructions--
+
+Напишіть функцію для розв'язання завдання для заданого масиву назв штатів. Функція має повернути масив. Кожен елемент має бути об'єктом у цьому вигляді: `{"from":[],"to":[]}`. Масив "from" повинен містити оригінальні назви, а масив "to" повинен містити отримані назви.
+
+# --hints--
+
+`solve` має бути функцією.
+
+```js
+assert(typeof solve == 'function');
+```
+
+`solve(["New Mexico", "New York", "North Carolina ", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota"])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    solve([
+      'New Mexico',
+      'New York',
+      'North Carolina ',
+      'North Dakota',
+      'Ohio',
+      'Oklahoma',
+      'Oregon',
+      'Pennsylvania',
+      'Rhode Island',
+      'South Carolina',
+      'South Dakota'
+    ])
+  )
+);
+```
+
+`solve(["New Mexico", "New York", "North Carolina ", "North Dakota", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota"])` має повернути `[{ from: ["North Carolina ", "South Dakota"], to: ["North Dakota", "South Carolina"] }]`.
+
+```js
+assert.deepEqual(
+  solve([
+    'New Mexico',
+    'New York',
+    'North Carolina ',
+    'North Dakota',
+    'Ohio',
+    'Oklahoma',
+    'Oregon',
+    'Pennsylvania',
+    'Rhode Island',
+    'South Carolina',
+    'South Dakota'
+  ]),
+  [
+    {
+      from: ['North Carolina ', 'South Dakota'],
+      to: ['North Dakota', 'South Carolina']
+    }
+  ]
+);
+```
+
+`solve(["New York", "New Kory", "Wen Kory", "York New", "Kory New", "New Kory"])` має повернути `[{ from: ["New Kory", "New York"], to: ["Wen Kory", "York New"] }, { from: ["New Kory", "New York"], to: ["Kory New", "Wen Kory"] }, { from: ["New Kory", "New York"], to: ["Kory New", "York New"] }, { from: ["New York", "Wen Kory"], to: ["New Kory", "York New"] }, { from: ["New York", "Wen Kory"], to: ["Kory New", "New Kory"] }, { from: ["New York", "Wen Kory"], to: ["Kory New", "York New"] }, { from: ["New York", "York New"], to: ["New Kory", "Wen Kory"] }, { from: ["New York", "York New"], to: ["Kory New", "New Kory"] }, { from: ["New York", "York New"], to: ["Kory New", "Wen Kory"] }, { from: ["Kory New", "New York"], to: ["New Kory", "Wen Kory"] }, { from: ["Kory New", "New York"], to: ["New Kory", "York New"] }, { from: ["Kory New", "New York"], to: ["Wen Kory", "York New"] }, { from: ["New Kory", "Wen Kory"], to: ["Kory New", "York New"] }, { from: ["New Kory", "York New"], to: ["Kory New", "Wen Kory"] }, { from: ["Kory New", "New Kory"], to: ["Wen Kory", "York New"] }]`.
+
+```js
+assert.deepEqual(
+  solve([
+    'New York',
+    'New Kory',
+    'Wen Kory',
+    'York New',
+    'Kory New',
+    'New Kory'
+  ]),
+  [
+    { from: ['New Kory', 'New York'], to: ['Wen Kory', 'York New'] },
+    { from: ['New Kory', 'New York'], to: ['Kory New', 'Wen Kory'] },
+    { from: ['New Kory', 'New York'], to: ['Kory New', 'York New'] },
+    { from: ['New York', 'Wen Kory'], to: ['New Kory', 'York New'] },
+    { from: ['New York', 'Wen Kory'], to: ['Kory New', 'New Kory'] },
+    { from: ['New York', 'Wen Kory'], to: ['Kory New', 'York New'] },
+    { from: ['New York', 'York New'], to: ['New Kory', 'Wen Kory'] },
+    { from: ['New York', 'York New'], to: ['Kory New', 'New Kory'] },
+    { from: ['New York', 'York New'], to: ['Kory New', 'Wen Kory'] },
+    { from: ['Kory New', 'New York'], to: ['New Kory', 'Wen Kory'] },
+    { from: ['Kory New', 'New York'], to: ['New Kory', 'York New'] },
+    { from: ['Kory New', 'New York'], to: ['Wen Kory', 'York New'] },
+    { from: ['New Kory', 'Wen Kory'], to: ['Kory New', 'York New'] },
+    { from: ['New Kory', 'York New'], to: ['Kory New', 'Wen Kory'] },
+    { from: ['Kory New', 'New Kory'], to: ['Wen Kory', 'York New'] }
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function solve(input) {
+
+}
+```
+
+# --solutions--
+
+```js
+function solve(input) {
+  var orig = {};
+  input.forEach(function(e) {
+    orig[__helpers.removeWhiteSpace(e).toLowerCase()] = e;
+  });
+
+  input = Object.keys(orig);
+  var map = {};
+  for (var i = 0; i < input.length - 1; i++) {
+    var pair0 = input[i];
+    for (var j = i + 1; j < input.length; j++) {
+      var pair = [pair0, input[j]];
+      var s = pair0 + pair[1];
+      var key = s.split('').sort();
+
+      var val = map[key] ? map[key] : [];
+      val.push(pair);
+      map[key] = val;
+    }
+  }
+
+  var result = [];
+  Object.keys(map).forEach(key => {
+    for (var i = 0; i < map[key].length - 1; i++) {
+      var a = map[key][i];
+      for (var j = i + 1; j < map[key].length; j++) {
+        var b = map[key][j];
+
+        if (new Set([a[0], b[0], a[1], b[1]]).size < 4) continue;
+        var from = [orig[a[0]], orig[a[1]]].sort();
+        var to = [orig[b[0]], orig[b[1]]].sort();
+        result.push({
+          from,
+          to
+        });
+      }
+    }
+  });
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stern-brocot-sequence.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stern-brocot-sequence.md
new file mode 100644
index 0000000000..cbd93f8eca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stern-brocot-sequence.md
@@ -0,0 +1,112 @@
+---
+id: 5a23c84252665b21eecc8028
+title: Послідовність Штерна-Броко
+challengeType: 5
+forumTopicId: 302324
+dashedName: stern-brocot-sequence
+---
+
+# --description--
+
+Для цього завдання потрібно згенерувати послідовність Штерна-Броко, скориставшись таким самим алгоритмом, як і для генерування [послідовності Фібоначчі](https://rosettacode.org/wiki/Fibonacci sequence).
+
+<ol>
+  <li>Перший та другий члени послідовності дорівнюють 1:</li>
+    <ul><li>1, 1</li></ul>
+  <li>Розпочніть із аналізування другого члена послідовності</li>
+  <li>Додайте аналізований член послідовності до попереднього, (1+1) = 2 та приєднайте його до кінця послідовності:</li>
+    <ul><li>1, 1, 2</li></ul>
+  <li>Приєднайте аналізований член послідовності до кінця даної послідовності:</li>
+    <ul><li>1, 1, 2, 1</li></ul>
+  <li>Розглянемо наступний член серії (тобто, третій член - 2)</li>
+  <li>ДО 3 </li>
+    <ul>
+      <li></li>
+      <li> ── розгорнувши ще один цикл, ми отримуємо: ───</li>
+      <li></li>
+    </ul>
+  <li>Додайте між собою аналізований та попередній члени послідовності, (2 + 1) = 3, та приєднайте цю суму до кінця послідовності:</li>
+    <ul><li>1, 1, 2, 1, 3</li></ul>
+  <li>Приєднайте аналізований член до кінця цієї послідовності:</li>
+    <ul><li>1, 1, 2, 1, 3, 2</li></ul>
+  <li>Проаналізуйте наступний член серії (тобто четвертий член - 1)</li>
+</ol>
+
+# --instructions--
+
+Створіть функцію, яка повертає позицію у послідовності Штерна-Броко, в якій $ n $ зустрічається вперше, де послідовність генерується методом, описаним вище. Зверніть увагу, що ця послідовність використовує індексацію на основі 1.
+
+# --hints--
+
+`sternBrocot` має бути функцією.
+
+```js
+assert(typeof sternBrocot == 'function');
+```
+
+`sternBrocot(2)` має повертати число.
+
+```js
+assert(typeof sternBrocot(2) == 'number');
+```
+
+`sternBrocot(2)` має повертати `3`.
+
+```js
+assert.equal(sternBrocot(2), 3);
+```
+
+`sternBrocot(3)` має повертати `5`.
+
+```js
+assert.equal(sternBrocot(3), 5);
+```
+
+`sternBrocot(5)` має повертати `11`.
+
+```js
+assert.equal(sternBrocot(5), 11);
+```
+
+`sternBrocot(7)` має повертати `19`.
+
+```js
+assert.equal(sternBrocot(7), 19);
+```
+
+`sternBrocot(10)` має повертати `39`.
+
+```js
+assert.equal(sternBrocot(10), 39);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sternBrocot(num) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sternBrocot(num) {
+  function f(n) {
+    return n < 2
+      ? n
+      : n & 1
+      ? f(Math.floor(n / 2)) + f(Math.floor(n / 2 + 1))
+      : f(Math.floor(n / 2));
+  }
+
+  function gcd(a, b) {
+    return a ? (a < b ? gcd(b % a, a) : gcd(a % b, b)) : b;
+  }
+  var n;
+  for (n = 1; f(n) != num; n++);
+  return n;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/straddling-checkerboard.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/straddling-checkerboard.md
new file mode 100644
index 0000000000..5e92c506d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/straddling-checkerboard.md
@@ -0,0 +1,186 @@
+---
+id: 5a23c84252665b21eecc8029
+title: Перекидна шахова дошка
+challengeType: 5
+forumTopicId: 302325
+dashedName: straddling-checkerboard
+---
+
+# --description--
+
+Застосуйте функції для шифрування та дешифрування повідомлення, використовуючи [метод перекидної шахової дошки](https://en.wikipedia.org/wiki/Straddling_checkerboard). Функції прийматимуть рядок і масив як параметри. Масив має 3 рядки, які представляють собою 3 ряди шахової дошки. Значення функції буде серією із десяткових чисел. Цифри мають бути зашифровані шляхом вставлення екранованого символу перед кожною цифрою, а потім включати дешифровану цифру. Для дешифрування цей процес має бути зворотнім.
+
+# --hints--
+
+`straddle` має бути функцією.
+
+```js
+assert(typeof straddle == 'function');
+```
+
+`straddle("One night-it was on the twentieth of March, 1888-I was returning.",["ESTONIA  R", "BCDFGHJKLM", "PQUVWXYZ./"])` має повернутись рядком.
+
+```js
+assert(
+  typeof straddle(
+    'One night-it was on the twentieth of March, 1888-I was returning.',
+    ['ESTONIA  R', 'BCDFGHJKLM', 'PQUVWXYZ./']
+  ) == 'string'
+);
+```
+
+`straddle("One night-it was on the twentieth of March, 1888-I was returning.",["ESTONIA  R", "BCDFGHJKLM", "PQUVWXYZ./"])` має повернутись `"34045747525284613427502840425027537379697175891898898898584619028294547488"`.
+
+```js
+assert.equal(
+  straddle(
+    'One night-it was on the twentieth of March, 1888-I was returning.',
+    ['ESTONIA  R', 'BCDFGHJKLM', 'PQUVWXYZ./']
+  ),
+  '34045747525284613427502840425027537379697175891898898898584619028294547488'
+);
+```
+
+`straddle("One night-it was on the twentieth of March, 1888-I was returning",["HOL MES RT", "ABCDFGIJKN", "PQUVWXYZ./"])` має повернутись `"139539363509369743061399059745399365901344308320791798798798367430685972839363935"`.
+
+```js
+assert.equal(
+  straddle('One night-it was on the twentieth of March, 1888-I was returning', [
+    'HOL MES RT',
+    'ABCDFGIJKN',
+    'PQUVWXYZ./'
+  ]),
+  '139539363509369743061399059745399365901344308320791798798798367430685972839363935'
+);
+```
+
+`straddle("Thecheckerboardcakerecipespecifies3largeeggsand2.25cupsofflour.",["ET AON RIS", "BCDFGHJKLM", "PQ/UVWXYZ."])` має повернутись `"125021250212707204372221327070218600960021823809623283724002424935226226962262521636094232328463769"`.
+
+```js
+assert.equal(
+  straddle('Thecheckerboardcakerecipespecifies3largeeggsand2.25cupsofflour.', [
+    'ET AON RIS',
+    'BCDFGHJKLM',
+    'PQ/UVWXYZ.'
+  ]),
+  '125021250212707204372221327070218600960021823809623283724002424935226226962262521636094232328463769'
+);
+```
+
+`unstraddle` має бути функцією.
+
+```js
+assert(typeof unstraddle == 'function');
+```
+
+`unstraddle("34045747525284613427502840425027537379697175891898898898584619028294547488",["ESTONIA  R", "BCDFGHJKLM", "PQUVWXYZ./"])` має повернутись стрічкою.
+
+```js
+assert(
+  typeof unstraddle(
+    '34045747525284613427502840425027537379697175891898898898584619028294547488',
+    ['ESTONIA  R', 'BCDFGHJKLM', 'PQUVWXYZ./']
+  ) == 'string'
+);
+```
+
+`unstraddle("34045747525284613427502840425027537379697175891898898898584619028294547488",["ESTONIA  R", "BCDFGHJKLM", "PQUVWXYZ./"])` має повернутись `"ONENIGHTITWASONTHETWENTIETHOFMARCH1888IWASRETURNING."`.
+
+```js
+assert.equal(
+  unstraddle(
+    '34045747525284613427502840425027537379697175891898898898584619028294547488',
+    ['ESTONIA  R', 'BCDFGHJKLM', 'PQUVWXYZ./']
+  ),
+  'ONENIGHTITWASONTHETWENTIETHOFMARCH1888IWASRETURNING.'
+);
+```
+
+`unstraddle("139539363509369743061399059745399365901344308320791798798798367430685972839363935",["HOL MES RT", "ABCDFGIJKN", "PQUVWXYZ./"])` має повернутись `"ONENIGHTITWASONTHETWENTIETHOFMARCH1888IWASRETURNING"`.
+
+```js
+assert.equal(
+  unstraddle(
+    '139539363509369743061399059745399365901344308320791798798798367430685972839363935',
+    ['HOL MES RT', 'ABCDFGIJKN', 'PQUVWXYZ./']
+  ),
+  'ONENIGHTITWASONTHETWENTIETHOFMARCH1888IWASRETURNING'
+);
+```
+
+`unstraddle("125021250212707204372221327070218600960021823809623283724002424935226226962262521636094232328463769",["ET AON RIS", "BCDFGHJKLM", "PQ/UVWXYZ."])` має повернутись `"THECHECKERBOARDCAKERECIPESPECIFIES3LARGEEGGSAND2.25CUPSOFFLOUR."`.
+
+```js
+assert.equal(
+  unstraddle(
+    '125021250212707204372221327070218600960021823809623283724002424935226226962262521636094232328463769',
+    ['ET AON RIS', 'BCDFGHJKLM', 'PQ/UVWXYZ.']
+  ),
+  'THECHECKERBOARDCAKERECIPESPECIFIES3LARGEEGGSAND2.25CUPSOFFLOUR.'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function straddle(message, alphabet) {
+
+}
+
+function unstraddle(message, alphabet) {
+
+}
+```
+
+# --solutions--
+
+```js
+function straddle(message, alphabet) {
+  var prefixes = new Array(
+    '',
+    alphabet[0].indexOf(' '),
+    alphabet[0].lastIndexOf(' ')
+  );
+
+  var out = '';
+  message = message.toUpperCase();
+  message = message.replace(/([0-9])/g, '/$1'); // dumb way to escape numbers
+  for (var i = 0; i < message.length; i++) {
+    var chr = message[i];
+    if (chr == ' ') continue;
+    for (var j = 0; j < 3; j++) {
+      var k = alphabet[j].indexOf(chr);
+      if (k < 0) continue;
+      out += prefixes[j].toString() + k;
+    }
+    if (chr == '/') out += message[++i];
+  }
+  return out;
+}
+function unstraddle(message, alphabet) {
+  var prefixes = new Array(
+    '',
+    alphabet[0].indexOf(' '),
+    alphabet[0].lastIndexOf(' ')
+  );
+  var out = '';
+  var n, o;
+  for (var i = 0; i < message.length; i++) {
+    n = message[i] * 1;
+    switch (n) {
+      case prefixes[1]:
+        o = alphabet[1][message[++i]];
+        break;
+      case prefixes[2]:
+        o = alphabet[2][message[++i]];
+        break;
+      default:
+        o = alphabet[0][n];
+    }
+    o == '/' ? (out += message[++i]) : (out += o);
+  }
+  return out;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stream-merge.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stream-merge.md
new file mode 100644
index 0000000000..07f86c5806
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/stream-merge.md
@@ -0,0 +1,140 @@
+---
+id: 5a23c84252665b21eecc802a
+title: Злиття Потоків
+challengeType: 5
+forumTopicId: 302326
+dashedName: stream-merge
+---
+
+# --description--
+
+Напишіть функцію, яка приймає декілька масивів чисел із відсортованими елементами і повертає лише один масив сортованих елементів.
+
+# --hints--
+
+`mergeLists` має бути функцією.
+
+```js
+assert(typeof mergeLists == 'function');
+```
+
+`mergeLists([[1, 3, 5, 9, 10], [2, 4, 6, 7, 8]])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    mergeLists([
+      [1, 3, 5, 9, 10],
+      [2, 4, 6, 7, 8]
+    ])
+  )
+);
+```
+
+`mergeLists([[1, 3, 5, 9, 10], [2, 4, 6, 7, 8]])` має повернути `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]`.
+
+```js
+assert.deepEqual(
+  mergeLists([
+    [1, 3, 5, 9, 10],
+    [2, 4, 6, 7, 8]
+  ]),
+  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+);
+```
+
+`mergeLists([[1, 4, 7, 10], [2, 5, 8, 11], [3, 6, 9, 12]])` має повернути `[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]`.
+
+```js
+assert.deepEqual(
+  mergeLists([
+    [1, 4, 7, 10],
+    [2, 5, 8, 11],
+    [3, 6, 9, 12]
+  ]),
+  [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
+);
+```
+
+`mergeLists([[1, 3, 9, 14, 15, 17, 28], [7, 8, 14, 14, 23, 26, 28, 29, 30], [9, 23, 25, 29]])` має повернути `[1, 3, 7, 8, 9, 9, 14, 14, 14, 15, 17, 23, 23, 25, 26, 28, 28, 29, 29, 30]`.
+
+```js
+assert.deepEqual(
+  mergeLists([
+    [1, 3, 9, 14, 15, 17, 28],
+    [7, 8, 14, 14, 23, 26, 28, 29, 30],
+    [9, 23, 25, 29]
+  ]),
+  [1, 3, 7, 8, 9, 9, 14, 14, 14, 15, 17, 23, 23, 25, 26, 28, 28, 29, 29, 30]
+);
+```
+
+`mergeLists([[3, 14, 15], [2, 17, 18], [], [2, 3, 5, 7]])` має повернути `[2, 2, 3, 3, 5, 7, 14, 15, 17, 18]`.
+
+```js
+assert.deepEqual(mergeLists([[3, 14, 15], [2, 17, 18], [], [2, 3, 5, 7]]), [
+  2,
+  2,
+  3,
+  3,
+  5,
+  7,
+  14,
+  15,
+  17,
+  18
+]);
+```
+
+`mergeLists([[1, 19, 1999], [17, 33, 2999, 3000], [8, 500, 3999]])` має повернути `[1, 8, 17, 19, 33, 500, 1999, 2999, 3000, 3999]`.
+
+```js
+assert.deepEqual(
+  mergeLists([
+    [1, 19, 1999],
+    [17, 33, 2999, 3000],
+    [8, 500, 3999]
+  ]),
+  [1, 8, 17, 19, 33, 500, 1999, 2999, 3000, 3999]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function mergeLists(lists) {
+
+}
+```
+
+# --solutions--
+
+```js
+function mergeLists(lists) {
+  function merge(l1, l2) {
+    var result = [],
+      i = 0,
+      j = 0;
+    while (l1.length && l2.length) {
+      if (l1[i] <= l2[j]) {
+        result.push(l1.shift());
+      } else {
+        result.push(l2.shift());
+      }
+    }
+
+    result.push.apply(result, l1);
+    result.push.apply(result, l2);
+    return result;
+  }
+
+  var result = lists[0];
+  for (var i = 1; i < lists.length; i++) {
+    result = merge(result, lists[i]);
+  }
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/strip-control-codes-and-extended-characters-from-a-string.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/strip-control-codes-and-extended-characters-from-a-string.md
new file mode 100644
index 0000000000..2129446735
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/strip-control-codes-and-extended-characters-from-a-string.md
@@ -0,0 +1,80 @@
+---
+id: 5a23c84252665b21eecc8036
+title: Коди керування рядка і додаткові символи рядка
+challengeType: 5
+forumTopicId: 302327
+dashedName: strip-control-codes-and-extended-characters-from-a-string
+---
+
+# --description--
+
+Завдання у тому, щоб змінити коди управління і розширити символи у рядку. Рішення повинне показувати, як досягти кожен з наступних результатів: рядок з кодом управління і розширеними символами. У ASCII контрольні коди мають десяткові коди 0 до 31 і 127. На основі системи ASCII, якщо коди управління замінюються, то в результаті рядок може мати всі ці символи в діапазоні від 32 до 126 знаків після коми в таблиці ASCII. На основі системи non-ASCII, ми розглядаємо символи, що не мають відповідного знака у таблиці( у діапазоні з 32 до 126 десяткових символів) символи для цього завдання мають бути розширеними.
+
+# --hints--
+
+`strip` має бути функцією.
+
+```js
+assert(typeof strip == 'function');
+```
+
+`strip("abc")` повинне повернути рядок.
+
+```js
+assert(typeof strip('abc') == 'string');
+```
+
+`strip("\ba\x00b\n\rc\fd\xc3")` має повернути`"abcd"`.
+
+```js
+assert.equal(strip('\ba\x00b\n\rc\fd\xc3'), 'abcd');
+```
+
+`strip("\u0000\n abc\u00E9def\u007F")`має повернути`" abcdef"`.
+
+```js
+assert.equal(strip('\u0000\n abc\u00E9def\u007F'), ' abcdef');
+```
+
+`strip("a\n\tb\u2102d\u2147f")` має повернути`"abdf"`.
+
+```js
+assert.equal(strip('a\n\tb\u2102d\u2147f'), 'abdf');
+```
+
+`strip("Français.")` має повернути`"Franais."`.
+
+```js
+assert.equal(strip('Français.'), 'Franais.');
+```
+
+`strip("123\tabc\u0007DEF\u007F+-*/€æŧðłþ")` має повернути`"123abcDEF+-*/"`.
+
+```js
+assert.equal(strip('123\tabc\u0007DEF\u007F+-*/€æŧðłþ'), '123abcDEF+-*/');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function strip(s) {
+
+}
+```
+
+# --solutions--
+
+```js
+function strip(s) {
+  return s
+    .split('')
+    .filter(function(x) {
+      var n = x.charCodeAt(0);
+
+      return 31 < n && 127 > n;
+    })
+    .join('');
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/subleq.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/subleq.md
new file mode 100644
index 0000000000..948bfcc052
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/subleq.md
@@ -0,0 +1,178 @@
+---
+id: 5a23c84252665b21eecc8038
+title: Subleq
+challengeType: 5
+forumTopicId: 302328
+dashedName: subleq
+---
+
+# --description--
+
+[Subleq](https://rosettacode.org/wiki/eso:Subleq) — приклад a [One-Instruction Set Computer (OISC) (Комп'ютер із набором однієї інструкції)](https://en.wikipedia.org/wiki/One_instruction_set_computer).
+
+Назва пішла від перших літер інструкції: **SU**btract і **B**ranch if **L**ess than or **EQ**ual to zero (відняти й перейти, якщо результат менший або рівний нулю).
+
+Ваше завдання — створити дешифрувальник, який змоделює принцип дії такої машини.
+
+Пам'ять машини складається з масиву цілих чисел зі знаком. Підійде будь-який допустимий розмір слова, але пам'ять повинна підтримувати від'ємні та додатні числа.
+
+Виконання починається з лічильника команд, спрямованого на перше слово, яке є адресою 0. Це відбувається наступним чином:
+
+<ol>
+  <li>Нехай А, В та С будуть значеннями, що зберігаються в трьох послідовних словах у пам'яті, починаючи з лічильника команд.</li>
+  <li>Розширте лічильник команд, розташувавши курсор у адресному рядку після компонента, що містить значення C.</li>
+  <li>Якщо A = -1, тоді символ зчитується зі стандартного вводу та його кодова точка, що зберігається в адресі, зазначеному у B. C не використовується.</li>
+  <li>Якщо B — -1, тоді число, що міститься в адресі, вказаній А, інтерпретується як кодова точка та відповідний символ виходу. C знову не використовується.</li>
+  <li>В іншому випадку і A, і B розглядаються як адреси комірок пам'яті. Число, що знаходиться в адресі, що вказана A, віднімається від числа в адресі, вказаній B (а результат зберігається назад в адрес B). Якщо результат дорівнює нулю або від'ємний, значення C стає новим лічильником команд.</li>
+  <li>Якщо лічильник команд стає від'ємним — виконання припиняється.</li>
+</ol>
+
+Інші негативні адреси, окрім -1, можна вважати еквівалентом -1 або згенерувати помилку — робіть так, як вважаєте за потрібне.
+
+Ваше рішення повинно показати, чи надаєте Ви дозвіл програмі виконати дану операцію в комп'ютері незалежно від вхідного потоку самої програми.
+
+Ця програма має бути в сирому "машинному коді" subleq — десяткові числа, розділені пробілом з символьним ім'ям чи інші розширення рівня асемблера, які завантажаться у пам'ять, починаючи з адреси 0. Покажіть вивід свого рішення, коли запустите цю програму "Hello, world!". (Зверніть увагу, що цей приклад припускає використання ASCII або його надмножину, таку як будь-який сет символів чи Unicode. Ви можете перекласти його на іншу кодову систему, якщо ваше виконання засноване на середовищі, не сумісному з ASCIL.)
+
+<pre>15 17 -1 17 -1 -1 16 1 -1 16 3 -1 15 15 0 0 -1 72 101 108 108 111 44 32 119 111 114 108 100 33 10 0</pre>
+
+Що відповідає чомусь схожому на це у гіпотетичній мові асемблера:
+
+<pre>start:
+    zero, message, -1
+    message, -1, -1
+    neg1, start+1, -1
+    neg1, start+3, -1
+    zero, zero, start
+zero: 0
+neg1: -1
+message: "Hello, world!\n\0"
+</pre>
+
+# --instructions--
+
+Напишіть функцію, що використовує набір цілих чисел як параметр. Це відображає елементи пам'яті. Функція повинна інтерпретувати послідовність та виводити вихідний рядок. Для цього завдання припустимо, що стандартного вводу немає.
+
+# --hints--
+
+`Subleq` має бути функцією.
+
+```js
+assert(typeof Subleq == 'function');
+```
+
+`Subleq([15, 17, -1, 17, -1, -1, 16, 1, -1, 16, 3, -1, 15, 15, 0, 0, -1, 72, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100, 33, 0])` має виводити рядок.
+
+```js
+assert(
+  typeof Subleq([
+    15,
+    17,
+    -1,
+    17,
+    -1,
+    -1,
+    16,
+    1,
+    -1,
+    16,
+    3,
+    -1,
+    15,
+    15,
+    0,
+    0,
+    -1,
+    72,
+    101,
+    108,
+    108,
+    111,
+    44,
+    32,
+    119,
+    111,
+    114,
+    108,
+    100,
+    33,
+    0
+  ]) == 'string'
+);
+```
+
+`Subleq([15, 17, -1, 17, -1, -1, 16, 1, -1, 16, 3, -1, 15, 15, 0, 0, -1, 72, 101, 108, 108, 111, 44, 32, 119, 111, 114, 108, 100, 33, 0])` має відображати `"Hello, world!"`.
+
+```js
+assert.equal(
+  Subleq([
+    15,
+    17,
+    -1,
+    17,
+    -1,
+    -1,
+    16,
+    1,
+    -1,
+    16,
+    3,
+    -1,
+    15,
+    15,
+    0,
+    0,
+    -1,
+    72,
+    101,
+    108,
+    108,
+    111,
+    44,
+    32,
+    119,
+    111,
+    114,
+    108,
+    100,
+    33,
+    0
+  ]),
+  'Hello, world!'
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function Subleq(mem) {
+
+}
+```
+
+# --solutions--
+
+```js
+function Subleq(mem) {
+  var out = '';
+  var instructionPointer = 0;
+  do {
+    var a = mem[instructionPointer];
+    var b = mem[instructionPointer + 1];
+    if (a === -1) {
+    } else if (b === -1) {
+      out += String.fromCharCode(mem[a]);
+    } else {
+      mem[b] -= mem[a];
+      if (mem[b] < 1) {
+        instructionPointer = mem[instructionPointer + 2];
+        continue;
+      }
+    }
+    instructionPointer += 3;
+  } while (instructionPointer >= 0);
+
+  return out;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sudoku.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sudoku.md
new file mode 100644
index 0000000000..8477a1f9a4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sudoku.md
@@ -0,0 +1,321 @@
+---
+id: 5a23c84252665b21eecc803c
+title: Судоку
+challengeType: 5
+forumTopicId: 302329
+dashedName: sudoku
+---
+
+# --description--
+
+Напишіть функцію, яка вирішить частково заповнений стандартний квадрат [судоку](https://en.wikipedia.org/wiki/Sudoku) розміром 9х9 та поверне результат. Порожні поля представлені як `-1`. [Алгоритми вирішення судоку](https://en.wikipedia.org/wiki/Algorithmics_of_sudoku) можуть допомогти з реалізацією.
+
+# --hints--
+
+`solveSudoku` має бути функцією.
+
+```js
+assert(typeof solveSudoku == 'function');
+```
+
+`solveSudoku([[8, 1, 9, -1, -1, 5, -1, -1, -1],[-1, -1, 2, -1, -1, -1, 7, 5, -1],[-1, 3, 7, 1, -1, 4, -1, 6, -1],[4, -1, -1, 5, 9, -1, 1, -1, -1],[7, -1, -1, 3, -1, 8, -1, -1, 2],[-1, -1, 3, -1, 6, 2, -1, -1, 7],[-1, 5, -1, 7, -1, 9, 2, 1, -1],[-1, 6, 4, -1, -1, -1, 9, -1, -1],[-1, -1, -1, 2, -1, -1, 4, 3, 8]])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    solveSudoku([
+      [8, 1, 9, -1, -1, 5, -1, -1, -1],
+      [-1, -1, 2, -1, -1, -1, 7, 5, -1],
+      [-1, 3, 7, 1, -1, 4, -1, 6, -1],
+      [4, -1, -1, 5, 9, -1, 1, -1, -1],
+      [7, -1, -1, 3, -1, 8, -1, -1, 2],
+      [-1, -1, 3, -1, 6, 2, -1, -1, 7],
+      [-1, 5, -1, 7, -1, 9, 2, 1, -1],
+      [-1, 6, 4, -1, -1, -1, 9, -1, -1],
+      [-1, -1, -1, 2, -1, -1, 4, 3, 8]
+    ])
+  )
+);
+```
+
+`вирішитиСудоку([[8, 1, 9, -1, -1, 5, -1, -1, -1],[-1, -1, 2, -1, -1, -1, 7, 5, -1],[-1, 3, 7, 1, -1, 4, -1, 6, -1],[4, -1, -1, 5, 9, -1, 1, -1, -1],[7, -1, -1, 3, -1, 8, -1, -1, 2],[-1, -1, 3, -1, 6, 2, -1, -1, 7],[-1, 5, -1, 7, -1, 9, 2, 1, -1],[-1, 6, 4, -1, -1, -1, 9, -1, -1],[-1, -1, -1, 2, -1, -1, 4, 3, 8]])` має повернути `[[8, 1, 9, 6, 7, 5, 3, 2, 4],[6, 4, 2, 9, 8, 3, 7, 5, 1],[5, 3, 7, 1, 2, 4, 8, 6, 9],[4, 2, 6, 5, 9, 7, 1, 8, 3],[7, 9, 5, 3, 1, 8, 6, 4, 2],[1, 8, 3, 4, 6, 2, 5, 9, 7],[3, 5, 8, 7, 4, 9, 2, 1, 6],[2, 6, 4, 8, 3, 1, 9, 7, 5],[9, 7, 1, 2, 5, 6, 4, 3, 8]]`.
+
+```js
+assert.deepEqual(
+  solveSudoku([
+    [8, 1, 9, -1, -1, 5, -1, -1, -1],
+    [-1, -1, 2, -1, -1, -1, 7, 5, -1],
+    [-1, 3, 7, 1, -1, 4, -1, 6, -1],
+    [4, -1, -1, 5, 9, -1, 1, -1, -1],
+    [7, -1, -1, 3, -1, 8, -1, -1, 2],
+    [-1, -1, 3, -1, 6, 2, -1, -1, 7],
+    [-1, 5, -1, 7, -1, 9, 2, 1, -1],
+    [-1, 6, 4, -1, -1, -1, 9, -1, -1],
+    [-1, -1, -1, 2, -1, -1, 4, 3, 8]
+  ]),
+  [
+    [8, 1, 9, 6, 7, 5, 3, 2, 4],
+    [6, 4, 2, 9, 8, 3, 7, 5, 1],
+    [5, 3, 7, 1, 2, 4, 8, 6, 9],
+    [4, 2, 6, 5, 9, 7, 1, 8, 3],
+    [7, 9, 5, 3, 1, 8, 6, 4, 2],
+    [1, 8, 3, 4, 6, 2, 5, 9, 7],
+    [3, 5, 8, 7, 4, 9, 2, 1, 6],
+    [2, 6, 4, 8, 3, 1, 9, 7, 5],
+    [9, 7, 1, 2, 5, 6, 4, 3, 8]
+  ]
+);
+```
+
+`вирішитиСудоку([[5, 3, -1, -1, 2, 4, 7, -1, -1],[-1, -1, 2, -1, -1, -1, 8, -1, -1],[1, -1, -1, 7, -1, 3, 9, -1, 2],[-1, -1, 8, -1, 7, 2, -1, 4, 9],[-1, 2, -1, 9, 8, -1, -1, 7, -1],[7, 9, -1, -1, -1, -1, -1, 8, -1],[-1, -1, -1, -1, 3, -1, 5, -1, 6],[9, 6, -1, -1, 1, -1, 3, -1, -1],[-1, 5, -1, 6, 9, -1, -1, 1, -1]])` має повернути `[[5, 3, 9, 8, 2, 4, 7, 6, 1],[6, 7, 2, 1, 5, 9, 8, 3, 4],[1, 8, 4, 7, 6, 3, 9, 5, 2],[3, 1, 8, 5, 7, 2, 6, 4, 9],[4, 2, 5, 9, 8, 6, 1, 7, 3],[7, 9, 6, 3, 4, 1, 2, 8, 5],[8, 4, 1, 2, 3, 7, 5, 9, 6],[9, 6, 7, 4, 1, 5, 3, 2, 8],[2, 5, 3, 6, 9, 8, 4, 1, 7]]`.
+
+```js
+assert.deepEqual(
+  solveSudoku([
+    [5, 3, -1, -1, 2, 4, 7, -1, -1],
+    [-1, -1, 2, -1, -1, -1, 8, -1, -1],
+    [1, -1, -1, 7, -1, 3, 9, -1, 2],
+    [-1, -1, 8, -1, 7, 2, -1, 4, 9],
+    [-1, 2, -1, 9, 8, -1, -1, 7, -1],
+    [7, 9, -1, -1, -1, -1, -1, 8, -1],
+    [-1, -1, -1, -1, 3, -1, 5, -1, 6],
+    [9, 6, -1, -1, 1, -1, 3, -1, -1],
+    [-1, 5, -1, 6, 9, -1, -1, 1, -1]
+  ]),
+  [
+    [5, 3, 9, 8, 2, 4, 7, 6, 1],
+    [6, 7, 2, 1, 5, 9, 8, 3, 4],
+    [1, 8, 4, 7, 6, 3, 9, 5, 2],
+    [3, 1, 8, 5, 7, 2, 6, 4, 9],
+    [4, 2, 5, 9, 8, 6, 1, 7, 3],
+    [7, 9, 6, 3, 4, 1, 2, 8, 5],
+    [8, 4, 1, 2, 3, 7, 5, 9, 6],
+    [9, 6, 7, 4, 1, 5, 3, 2, 8],
+    [2, 5, 3, 6, 9, 8, 4, 1, 7]
+  ]
+);
+```
+
+`solveSudoku([[-1, -1, 3, -1, 2, -1, 6, -1, -1],[9, -1, -1, 3, -1, 5, -1, -1, 1],[-1, -1, 1, 8, -1, 6, 4, -1, -1],[-1, -1, 8, 1, -1, 2, 9, -1, -1],[7, -1, -1, -1, -1, -1, -1, -1, 8],[-1, -1, 6, 7, -1, 8, 2, -1, -1],[-1, -1, 2, 6, -1, 9, 5, -1, -1],[8, -1, -1, 2, -1, 3, -1, -1, 9],[-1, -1, 5, -1, 1, -1, 3, -1, -1]])` має повернути`[[4, 8, 3, 9, 2, 1, 6, 5, 7],[9, 6, 7, 3, 4, 5, 8, 2, 1],[2, 5, 1, 8, 7, 6, 4, 9, 3],[5, 4, 8, 1, 3, 2, 9, 7, 6],[7, 2, 9, 5, 6, 4, 1, 3, 8],[1, 3, 6, 7, 9, 8, 2, 4, 5],[3, 7, 2, 6, 8, 9, 5, 1, 4],[8, 1, 4, 2, 5, 3, 7, 6, 9],[6, 9, 5, 4, 1, 7, 3, 8, 2]]`.
+
+```js
+assert.deepEqual(
+  solveSudoku([
+    [-1, -1, 3, -1, 2, -1, 6, -1, -1],
+    [9, -1, -1, 3, -1, 5, -1, -1, 1],
+    [-1, -1, 1, 8, -1, 6, 4, -1, -1],
+    [-1, -1, 8, 1, -1, 2, 9, -1, -1],
+    [7, -1, -1, -1, -1, -1, -1, -1, 8],
+    [-1, -1, 6, 7, -1, 8, 2, -1, -1],
+    [-1, -1, 2, 6, -1, 9, 5, -1, -1],
+    [8, -1, -1, 2, -1, 3, -1, -1, 9],
+    [-1, -1, 5, -1, 1, -1, 3, -1, -1]
+  ]),
+  [
+    [4, 8, 3, 9, 2, 1, 6, 5, 7],
+    [9, 6, 7, 3, 4, 5, 8, 2, 1],
+    [2, 5, 1, 8, 7, 6, 4, 9, 3],
+    [5, 4, 8, 1, 3, 2, 9, 7, 6],
+    [7, 2, 9, 5, 6, 4, 1, 3, 8],
+    [1, 3, 6, 7, 9, 8, 2, 4, 5],
+    [3, 7, 2, 6, 8, 9, 5, 1, 4],
+    [8, 1, 4, 2, 5, 3, 7, 6, 9],
+    [6, 9, 5, 4, 1, 7, 3, 8, 2]
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function solveSudoku(puzzle) {
+
+}
+```
+
+# --solutions--
+
+```js
+function solveSudoku(puzzle) {
+  var solution;
+
+  class DoX {
+    constructor(V, H) {
+      this.V = V;
+      this.L = this;
+      this.R = this;
+      this.U = this;
+      this.D = this;
+      this.S = 1;
+      this.H = H || this;
+      H && (H.S += 1);
+    }
+  }
+
+  const addRight = (e, n) => {
+    n.R = e.R;
+    n.L = e;
+    e.R.L = n;
+    return (e.R = n);
+  };
+
+  const addBelow = (e, n) => {
+    n.D = e.D;
+    n.U = e;
+    e.D.U = n;
+    return (e.D = n);
+  };
+
+  const search = function(h, s) {
+    if (h.R == h) {
+      printSol(s);
+    } else {
+      let c = chooseColumn(h);
+      cover(c);
+      for (let r = c.D; r != c; r = r.D) {
+        s.push(r);
+        for (let j = r.R; r != j; j = j.R) {
+          cover(j.H);
+        }
+        search(h, s);
+        r = s.pop();
+        for (let j = r.R; j != r; j = j.R) {
+          uncover(j.H);
+        }
+      }
+      uncover(c);
+    }
+  };
+
+  const chooseColumn = h => {
+    let s = Number.POSITIVE_INFINITY;
+    let c = h;
+    for (let j = h.R; j != h; j = j.R) {
+      if (j.S < s) {
+        c = j;
+        s = j.S;
+      }
+    }
+    return c;
+  };
+
+  const cover = c => {
+    c.L.R = c.R;
+    c.R.L = c.L;
+    for (let i = c.D; i != c; i = i.D) {
+      for (let j = i.R; j != i; j = j.R) {
+        j.U.D = j.D;
+        j.D.U = j.U;
+        j.H.S = j.H.S - 1;
+      }
+    }
+  };
+
+  const uncover = c => {
+    for (let i = c.U; i != c; i = i.U) {
+      for (let j = i.L; i != j; j = j.L) {
+        j.H.S = j.H.S + 1;
+        j.U.D = j;
+        j.D.U = j;
+      }
+    }
+    c.L.R = c;
+    c.R.L = c;
+  };
+
+  const printSol = a => {
+    solution = a.reduce((p, c) => {
+      let [i, v] = c.V.split(':');
+      p[i * 1] = v;
+      return p;
+    }, new Array(a.length).fill('.'));
+  };
+
+  const gridMeta = s => {
+    const g = s.split('');
+    const cellCount = g.length;
+    const tokenCount = Math.sqrt(cellCount);
+    const N = Math.sqrt(tokenCount);
+    const g2D = g.map(e =>
+      isNaN(e * 1)
+        ? new Array(tokenCount).fill(1).map((_, i) => i + 1)
+        : [e * 1]
+    );
+    return [cellCount, N, tokenCount, g2D];
+  };
+
+  const indexesN = n => i => {
+    let c = Math.floor(i / (n * n));
+    i %= n * n;
+    return [c, i, Math.floor(c / n) * n + Math.floor(i / n)];
+  };
+
+  const reduceGrid = puzString => {
+    const [
+      numCells, // The total number of cells in a grid (81 for a 9x9 grid)
+      N, // the 'n' value of the grid. (3 for a 9x9 grid)
+      U, // The total number of unique tokens to be placed.
+      g2D // A 2D array representation of the grid, with each element
+      // being an array of candidates for a cell. Known cells are
+      // single element arrays.
+    ] = gridMeta(puzString);
+
+    const getIndex = indexesN(N);
+
+    const headRow = new Array(4 * numCells)
+      .fill('')
+      .map((_, i) => new DoX(`H${i}`));
+
+    let H = new DoX('ROOT');
+    headRow.reduce((p, c) => addRight(p, c), H);
+
+    for (let i = 0; i < numCells; i++) {
+      const [ri, ci, bi] = getIndex(i);
+      g2D[i].forEach(num => {
+        let id = `${i}:${num}`;
+        let candIdx = num - 1;
+
+        // The 4 columns that we will populate.
+        const A = headRow[i];
+        const B = headRow[numCells + candIdx + ri * U];
+        const C = headRow[numCells * 2 + candIdx + ci * U];
+        const D = headRow[numCells * 3 + candIdx + bi * U];
+
+        // The Row-Column Constraint
+        let rcc = addBelow(A.U, new DoX(id, A));
+
+        // The Row-Number Constraint
+        let rnc = addBelow(B.U, addRight(rcc, new DoX(id, B)));
+
+        // The Column-Number Constraint
+        let cnc = addBelow(C.U, addRight(rnc, new DoX(id, C)));
+
+        // The Block-Number Constraint
+        addBelow(D.U, addRight(cnc, new DoX(id, D)));
+      });
+    }
+    search(H, []);
+  };
+
+  var stringPuzzle = '';
+
+  for (var i = 0; i < puzzle.length; i++) {
+    puzzle[i].forEach(function(e) {
+      if (e == -1) stringPuzzle += '.';
+      else stringPuzzle += e;
+    });
+  }
+
+  reduceGrid(stringPuzzle);
+
+  var result = [];
+
+  for (var i = 0; i < 9; i++) {
+    result.push(solution.slice(i * 9, (i + 1) * 9).map(e => parseInt(e)));
+  }
+
+  return result;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-digits-of-an-integer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-digits-of-an-integer.md
new file mode 100644
index 0000000000..29badfb241
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-digits-of-an-integer.md
@@ -0,0 +1,89 @@
+---
+id: 5a23c84252665b21eecc803f
+title: Cума цифр цілого числа
+challengeType: 5
+forumTopicId: 302331
+dashedName: sum-digits-of-an-integer
+---
+
+# --description--
+
+Напишіть функцію, яка бере рядок як параметр. Цей рядок представляє число, яке може бути в будь -якій основі (менше 37) і повернути суму його цифр.
+
+<ul>
+  <li><b>1</b><sub>10</sub> складає число <b>1</b></li>
+  <li><b>1234</b><sub>10</sub> складає число <b>10</b></li>
+  <li><b>fe</b><sub>16</sub> складає число <b>29</b></li>
+  <li><b>f0e</b><sub>16</sub> складає число<b>29</b></li>
+</ul>
+
+# --hints--
+
+`sumDigits`повинна бути функцією.
+
+```js
+assert(typeof sumDigits == 'function');
+```
+
+`sumDigits("1")` має повернути число.
+
+```js
+assert(typeof sumDigits('1') == 'number');
+```
+
+`sumDigits("1")` має повернути `1`.
+
+```js
+assert.equal(sumDigits('1'), 1);
+```
+
+`sumDigits("12345")` має повернути `15`.
+
+```js
+assert.equal(sumDigits('12345'), 15);
+```
+
+`sumDigits("254")` має повернути `11`.
+
+```js
+assert.equal(sumDigits('254'), 11);
+```
+
+`sumDigits("fe")` має повернути `29`.
+
+```js
+assert.equal(sumDigits('fe'), 29);
+```
+
+`sumDigits("f0e")` має повернути `29`.
+
+```js
+assert.equal(sumDigits('f0e'), 29);
+```
+
+`sumDigits("999ABCXYZ")` має повернути `162`.
+
+```js
+assert.equal(sumDigits('999ABCXYZ'), 162);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumDigits(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sumDigits(n) {
+  n += '';
+  for (var s = 0, i = 0, e = n.length; i < e; i += 1)
+    s += parseInt(n.charAt(i), 36);
+  return s;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-multiples-of-3-and-5.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-multiples-of-3-and-5.md
new file mode 100644
index 0000000000..b516ebdd07
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-multiples-of-3-and-5.md
@@ -0,0 +1,77 @@
+---
+id: 5a23c84252665b21eecc8040
+title: Додайте числа, кратні 3 і 5
+challengeType: 5
+forumTopicId: 302332
+dashedName: sum-multiples-of-3-and-5
+---
+
+# --description--
+
+Метою є написати функцію, яка знайде суму всіх додатних чисел, кратних 3 і 5, меншими від *n*.
+
+# --hints--
+
+`sumMults` має бути функцією.
+
+```js
+assert(typeof sumMults == 'function');
+```
+
+`sumMults(10)` має повернути число.
+
+```js
+assert(typeof sumMults(10) == 'number');
+```
+
+`sumMults(10)` має повернути`23`.
+
+```js
+assert.equal(sumMults(10), 23);
+```
+
+`sumMults(100)` має повернути`2318`.
+
+```js
+assert.equal(sumMults(100), 2318);
+```
+
+`sumMults(1000)` має повернути`233168`.
+
+```js
+assert.equal(sumMults(1000), 233168);
+```
+
+`sumMults(10000)` має повернути`23331668`.
+
+```js
+assert.equal(sumMults(10000), 23331668);
+```
+
+`sumMults(100000)` має повернути`2333316668`.
+
+```js
+assert.equal(sumMults(100000), 2333316668);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumMults(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sumMults(n) {
+  var sum = 0;
+  for (var i = 1; i < n; i++) {
+    if (i % 3 == 0 || i % 5 == 0) sum += i;
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-a-series.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-a-series.md
new file mode 100644
index 0000000000..8e9e43b1e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-a-series.md
@@ -0,0 +1,82 @@
+---
+id: 5a23c84252665b21eecc8041
+title: Сума послідовності
+challengeType: 5
+forumTopicId: 302333
+dashedName: sum-of-a-series
+---
+
+# --description--
+
+Вичисліть **n**<sup>ний</sup> член [послідовності](https://en.wikipedia.org/wiki/Series (mathematics)), тобто суму **n** перших членів відповідної [послідовності](https://en.wikipedia.org/wiki/sequence). Неформально це значення або його обмеження, коли **n** прагне до нескінченності називають *сумою послідовності*, звідси й назва завдання. Для цього завдання використовуйте: $S_n = \displaystyle\sum_{k=1}^n \frac{1}{k^2}$.
+
+# --instructions--
+
+Напишіть функцію, у якій $a$ та $b$ будуть параметрами, і яка поверне суму членів послідовності від $a^{th}$ до $b^{th}$.
+
+# --hints--
+
+`sum` має бути функцію.
+
+```js
+assert(typeof sum == 'function');
+```
+
+`sum(1, 100)` має повернути число.
+
+```js
+assert(typeof sum(1, 100) == 'number');
+```
+
+`sum(1, 100)` має повернути`1.6349839001848923`.
+
+```js
+assert.equal(sum(1, 100), 1.6349839001848923);
+```
+
+`sum(33, 46)` має повернути`0.009262256361481223`.
+
+```js
+assert.equal(sum(33, 46), 0.009262256361481223);
+```
+
+`sum(21, 213)` має повернути`0.044086990748706555`.
+
+```js
+assert.equal(sum(21, 213), 0.044086990748706555);
+```
+
+`sum(11, 111)` має повернути`0.08619778593108679`.
+
+```js
+assert.equal(sum(11, 111), 0.08619778593108679);
+```
+
+`sum(1, 10)` має повернути`1.5497677311665408`.
+
+```js
+assert.equal(sum(1, 10), 1.5497677311665408);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sum(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sum(a, b) {
+  function fn(x) {
+    return 1 / (x * x);
+  }
+  var s = 0;
+  for (; a <= b; a++) s += fn(a);
+  return s;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-squares.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-squares.md
new file mode 100644
index 0000000000..a3cf1131ba
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-of-squares.md
@@ -0,0 +1,79 @@
+---
+id: 5a23c84252665b21eecc8042
+title: Сума квадратів
+challengeType: 5
+forumTopicId: 302334
+dashedName: sum-of-squares
+---
+
+# --description--
+
+Напишіть функцію, щоб знайти суму квадратів масиву цілих чисел.
+
+# --hints--
+
+`sumsq` має бути функцією.
+
+```js
+assert(typeof sumsq == 'function');
+```
+
+`sumsq([1, 2, 3, 4, 5])` має повернути число.
+
+```js
+assert(typeof sumsq([1, 2, 3, 4, 5]) == 'number');
+```
+
+`sumsq([1, 2, 3, 4, 5])` має повернути `55`.
+
+```js
+assert.equal(sumsq([1, 2, 3, 4, 5]), 55);
+```
+
+`sumsq([25, 32, 12, 7, 20])` має повернути `2242`.
+
+```js
+assert.equal(sumsq([25, 32, 12, 7, 20]), 2242);
+```
+
+`sumsq([38, 45, 35, 8, 13])` має повернути `4927`.
+
+```js
+assert.equal(sumsq([38, 45, 35, 8, 13]), 4927);
+```
+
+`sumsq([43, 36, 20, 34, 24])`має повернути `5277`.
+
+```js
+assert.equal(sumsq([43, 36, 20, 34, 24]), 5277);
+```
+
+`sumsq([12, 33, 26, 18, 1, 16, 3])` має повернути `2499`.
+
+```js
+assert.equal(sumsq([12, 33, 26, 18, 1, 16, 3]), 2499);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumsq(array) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sumsq(array) {
+  var sum = 0;
+  var i, iLen;
+
+  for (i = 0, iLen = array.length; i < iLen; i++) {
+    sum += array[i] * array[i];
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-to-100.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-to-100.md
new file mode 100644
index 0000000000..9d634fd653
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sum-to-100.md
@@ -0,0 +1,180 @@
+---
+id: 5a23c84252665b21eecc8043
+title: Сума до 100
+challengeType: 5
+forumTopicId: 302335
+dashedName: sum-to-100
+---
+
+# --description--
+
+Знайдіть рішення головоломки *сума до ста*.
+
+Додайте (вставте) математичні оператори **+** чи **─** (плюс або мінус) перед будь-якою цифрою в десятковому числовому рядку **123456789** так, щоб отриманий математичний вираз у підсумку дорівнював певній сумі (у цьому знаковому випадку — **100**).
+
+До прикладу:
+
+<pre><b>123 + 4 - 5 + 67 - 89   =   100</b></pre>
+
+# --instructions--
+
+Напишіть функцію, яка враховує число як параметр. Ця функція має повернути масив, що вміщуватиме всі рішення для даного числа. Рішення має бути рядками у вигляді виразів. Наприклад: "1+23-456+78-9". Відсортуйте масив до того, як повернете його.
+
+# --hints--
+
+`sumTo100` має бути функцією.
+
+```js
+assert(typeof sumTo100 == 'function');
+```
+
+`sumTo100(199)` має повернути масив.
+
+```js
+assert(Array.isArray(sumTo100(199)));
+```
+
+`sumTo100(199)` має повернути `["-1+2-3+45+67+89", "123-4+5+6+78-9", "123-4+56+7+8+9"]`.
+
+```js
+assert.deepEqual(sumTo100(199), [
+  '-1+2-3+45+67+89',
+  '123-4+5+6+78-9',
+  '123-4+56+7+8+9'
+]);
+```
+
+`sumTo100(209)` має повернути `["1+234+56+7-89"]`.
+
+```js
+assert.deepEqual(sumTo100(209), ['1+234+56+7-89']);
+```
+
+`sumTo100(243)` має повернути `["-1-234+567-89", "-12+345+6-7-89", "123+45+6+78-9"]`.
+
+```js
+assert.deepEqual(sumTo100(243), [
+  '-1-234+567-89',
+  '-12+345+6-7-89',
+  '123+45+6+78-9'
+]);
+```
+
+`sumTo100(197)` має повернути `["1-2-3+45+67+89", "12+34-5+67+89", "123+4-5+6+78-9"]`.
+
+```js
+assert.deepEqual(sumTo100(197), [
+  '1-2-3+45+67+89',
+  '12+34-5+67+89',
+  '123+4-5+6+78-9'
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function sumTo100(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function sumTo100(n) {
+  var permutationsWithRepetition = function(n, as) {
+    return as.length > 0
+      ? foldl1(curry(cartesianProduct)(as), replicate(n, as))
+      : [];
+  };
+
+  var cartesianProduct = function(xs, ys) {
+    return [].concat.apply(
+      [],
+      xs.map(function(x) {
+        return [].concat.apply(
+          [],
+          ys.map(function(y) {
+            return [[x].concat(y)];
+          })
+        );
+      })
+    );
+  };
+
+  var curry = function(f) {
+    return function(a) {
+      return function(b) {
+        return f(a, b);
+      };
+    };
+  };
+
+  var flip = function(f) {
+    return function(a, b) {
+      return f.apply(null, [b, a]);
+    };
+  };
+
+  var foldl1 = function(f, xs) {
+    return xs.length > 0 ? xs.slice(1).reduce(f, xs[0]) : [];
+  };
+
+  var replicate = function(n, a) {
+    var v = [a],
+      o = [];
+    if (n < 1) return o;
+    while (n > 1) {
+      if (n & 1) o = o.concat(v);
+      n >>= 1;
+      v = v.concat(v);
+    }
+    return o.concat(v);
+  };
+
+  var asSum = function(xs) {
+    var dct = xs.reduceRight(
+      function(a, sign, i) {
+        var d = i + 1; //  zero-based index to [1-9] positions
+        if (sign !== 0) {
+          // Sum increased, digits cleared
+          return {
+            digits: [],
+            n: a.n + sign * parseInt([d].concat(a.digits).join(''), 10)
+          };
+        } else
+          return {
+            // Digits extended, sum unchanged
+            digits: [d].concat(a.digits),
+            n: a.n
+          };
+      },
+      {
+        digits: [],
+        n: 0
+      }
+    );
+    return (
+      dct.n + (dct.digits.length > 0 ? parseInt(dct.digits.join(''), 10) : 0)
+    );
+  };
+
+  var asString = function(xs) {
+    var ns = xs.reduce(function(a, sign, i) {
+      var d = (i + 1).toString();
+      return sign === 0 ? a + d : a + (sign > 0 ? '+' : '-') + d;
+    }, '');
+
+    return ns[0] === '+' ? tail(ns) : ns;
+  };
+
+  var universe = permutationsWithRepetition(9, [0, 1, -1])
+    .filter(function(x) {
+      return x[0] !== 1 && asSum(x) === n;
+    })
+    .map(asString);
+  return universe.sort();
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sutherland-hodgman-polygon-clipping.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sutherland-hodgman-polygon-clipping.md
new file mode 100644
index 0000000000..b39385de1e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/sutherland-hodgman-polygon-clipping.md
@@ -0,0 +1,199 @@
+---
+id: 5a23c84252665b21eecc8045
+title: Відсікання багатокутників алгоритмом Сазерленд-Ходжман
+challengeType: 5
+forumTopicId: 302336
+dashedName: sutherland-hodgman-polygon-clipping
+---
+
+# --description--
+
+[ алгоритм відсікання Сазерленд-Ходжман ](https://en.wikipedia.org/wiki/Sutherland-Hodgman clipping algorithm)знаходить багатокутники, які перетинаються між довільним багатокутником( "багатокутник-об'єкт") і опуклим багатокутником (" багатокутником який потрібно відсікти"). Це використовується в комп'ютерній графіці(особливо у 2D графіці), щоб зменшити складність відображення сцен шляхом усунення частин багатокутника, який не повинен відображатися. Візьміть замкнутий багатокутник, визначений точками:
+
+<pre>[(50, 150), (200, 50), (350, 150), (350, 300), (250, 300), (200, 250), (150, 350), (100, 250), (100, 200)]</pre>
+
+і обріжте його за допомогою прямокутника, визначеного точками:
+
+<pre>[(100, 100), (300, 100), (300, 300), (100, 300)]</pre>
+
+# --instructions--
+
+Напишіть функцію, яка врахує 2 масиви як параметр. Перший масив вміщує у собі точки багатокутника-суб'єкта, а другий містить точки багатокутника, що відсікається. Функція має повернути масив, який вміщує точки відсіченого багатокутника. Кожне число має бути округлене до 3-х десяткових знаків після коми.
+
+# --hints--
+
+`clip` має бути функцією.
+
+```js
+assert(typeof clip == 'function');
+```
+
+`clip([[50, 150], [200, 50], [350, 150], [350, 300], [250, 300], [200, 250], [150, 350], [100, 250], [100, 200]], [[100, 100], [300, 100], [300, 300], [100, 300]])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    clip(
+      [
+        [50, 150],
+        [200, 50],
+        [350, 150],
+        [350, 300],
+        [250, 300],
+        [200, 250],
+        [150, 350],
+        [100, 250],
+        [100, 200]
+      ],
+      [
+        [100, 100],
+        [300, 100],
+        [300, 300],
+        [100, 300]
+      ]
+    )
+  )
+);
+```
+
+`clip([[50, 150], [200, 50], [350, 150], [350, 300], [250, 300], [200, 250], [150, 350], [100, 250], [100, 200]], [[100, 100], [300, 100], [300, 300], [100, 300]])` має повернути `[[100, 116.667], [125, 100], [275, 100], [300, 116.667], [300, 300], [250, 300], [200, 250], [175, 300], [125, 300], [100, 250]]`.
+
+```js
+assert.deepEqual(
+  clip(
+    [
+      [50, 150],
+      [200, 50],
+      [350, 150],
+      [350, 300],
+      [250, 300],
+      [200, 250],
+      [150, 350],
+      [100, 250],
+      [100, 200]
+    ],
+    [
+      [100, 100],
+      [300, 100],
+      [300, 300],
+      [100, 300]
+    ]
+  ),
+  [
+    [100, 116.667],
+    [125, 100],
+    [275, 100],
+    [300, 116.667],
+    [300, 300],
+    [250, 300],
+    [200, 250],
+    [175, 300],
+    [125, 300],
+    [100, 250]
+  ]
+);
+```
+
+`clip([[150, 200], [400, 450], [30, 50]], [[10, 10], [300, 200], [400, 600], [100, 300]])` має повернути `[[150, 200], [350, 400], [348.611, 394.444], [30, 50]]`.
+
+```js
+assert.deepEqual(
+  clip(
+    [
+      [150, 200],
+      [400, 450],
+      [30, 50]
+    ],
+    [
+      [10, 10],
+      [300, 200],
+      [400, 600],
+      [100, 300]
+    ]
+  ),
+  [
+    [150, 200],
+    [350, 400],
+    [348.611, 394.444],
+    [30, 50]
+  ]
+);
+```
+
+`clip([[250, 200], [100, 450], [130, 250]], [[50, 60], [100, 230], [400, 600], [100, 300]])`має повернути`[[129.167, 329.167], [119.565, 319.565], [121.854, 304.305]]`.
+
+```js
+assert.deepEqual(
+  clip(
+    [
+      [250, 200],
+      [100, 450],
+      [130, 250]
+    ],
+    [
+      [50, 60],
+      [100, 230],
+      [400, 600],
+      [100, 300]
+    ]
+  ),
+  [
+    [129.167, 329.167],
+    [119.565, 319.565],
+    [121.854, 304.305]
+  ]
+);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function clip(subjectPolygon, clipPolygon) {
+
+}
+```
+
+# --solutions--
+
+```js
+function clip(subjectPolygon, clipPolygon) {
+  var cp1, cp2, s, e, i, j;
+  var inside = function(p) {
+    return (
+      (cp2[0] - cp1[0]) * (p[1] - cp1[1]) > (cp2[1] - cp1[1]) * (p[0] - cp1[0])
+    );
+  };
+  var intersection = function() {
+    var dc = [cp1[0] - cp2[0], cp1[1] - cp2[1]],
+      dp = [s[0] - e[0], s[1] - e[1]],
+      n1 = cp1[0] * cp2[1] - cp1[1] * cp2[0],
+      n2 = s[0] * e[1] - s[1] * e[0],
+      n3 = 1.0 / (dc[0] * dp[1] - dc[1] * dp[0]);
+    return [(n1 * dp[0] - n2 * dc[0]) * n3, (n1 * dp[1] - n2 * dc[1]) * n3];
+  };
+  var outputList = subjectPolygon;
+  cp1 = clipPolygon[clipPolygon.length - 1];
+  for (j in clipPolygon) {
+    var cp2 = clipPolygon[j];
+    var inputList = outputList;
+    outputList = [];
+    s = inputList[inputList.length - 1]; //last on the input list
+    for (i in inputList) {
+      var e = inputList[i];
+      if (inside(e)) {
+        if (!inside(s)) {
+          outputList.push(intersection());
+        }
+        outputList.push(e);
+      } else if (inside(s)) {
+        outputList.push(intersection());
+      }
+      s = e;
+    }
+    cp1 = cp2;
+  }
+  return outputList.map(e => e.map(f => Math.round(f * 1000) / 1000));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/symmetric-difference.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/symmetric-difference.md
new file mode 100644
index 0000000000..be857fece0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/symmetric-difference.md
@@ -0,0 +1,121 @@
+---
+id: 5a23c84252665b21eecc8046
+title: Симетрична різниця
+challengeType: 5
+forumTopicId: 16086
+dashedName: symmetric-difference
+---
+
+# --description--
+
+Дано два [set](https://rosettacode.org/wiki/set)s *A* та *B*, обчисліть $(A \\setminus B) \\cup (B \\setminus A).$ Тобто перерахуйте предмети, які містяться в *A* або *B*, але не в обох. Цей набір називається [симетричною різницею](https://en.wikipedia.org/wiki/Symmetric difference) *A* та *B*. Іншими словами: $(A \\cup B) \\setminus (A \\cap B)$ (набір предметів, які є в принаймні одному з *A* або *B* не входить в набір предметів, який є в обидвох *A* та *B*).
+
+# --instructions--
+
+Створіть функцію, яка приймає два масиви як параметри та повертає симетричну різницю. Відсортуйте отриманий масив перед поверненням.
+
+# --hints--
+
+`symmetricDifference` повинна бути функцією.
+
+```js
+assert(typeof symmetricDifference == 'function');
+```
+
+`symmetricDifference(["John", "Bob", "Mary", "Serena"], ["Jim", "Mary", "John", "Bob"])` має повернути масив.
+
+```js
+assert(
+  Array.isArray(
+    symmetricDifference(
+      ['John', 'Bob', 'Mary', 'Serena'],
+      ['Jim', 'Mary', 'John', 'Bob']
+    )
+  )
+);
+```
+
+`symmetricDifference(["John", "Bob", "Mary", "Serena"], ["Jim", "Mary", "John", "Bob"])` має повернути `["Jim", "Serena"]`.
+
+```js
+assert.deepEqual(
+  symmetricDifference(
+    ['John', 'Bob', 'Mary', 'Serena'],
+    ['Jim', 'Mary', 'John', 'Bob']
+  ),
+  ['Jim', 'Serena']
+);
+```
+
+`symmetricDifference([1, 2, 3], [3, 4])` має повернути `[1, 2, 4]`.
+
+```js
+assert.deepEqual(symmetricDifference([1, 2, 3], [3, 4]), [1, 2, 4]);
+```
+
+`symmetricDifference([1, 2, 3, 4, 5], [3, 4, 8, 7])` має повернути `[1, 2, 5, 7, 8]`.
+
+```js
+assert.deepEqual(symmetricDifference([1, 2, 3, 4, 5], [3, 4, 8, 7]), [
+  1,
+  2,
+  5,
+  7,
+  8
+]);
+```
+
+`symmetricDifference([1, 2, 3, 4, 5, 6, 7, 8], [1, 3, 5, 6, 7, 8, 9])` має повернути `[2, 4, 9]`.
+
+```js
+assert.deepEqual(
+  symmetricDifference([1, 2, 3, 4, 5, 6, 7, 8], [1, 3, 5, 6, 7, 8, 9]),
+  [2, 4, 9]
+);
+```
+
+`symmetricDifference([1, 2, 4, 7, 9], [2, 3, 7, 8, 9])` має повернути `[1, 3, 4, 8]`.
+
+```js
+assert.deepEqual(symmetricDifference([1, 2, 4, 7, 9], [2, 3, 7, 8, 9]), [
+  1,
+  3,
+  4,
+  8
+]);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function symmetricDifference(A, B) {
+
+}
+```
+
+# --solutions--
+
+```js
+function symmetricDifference(A, B) {
+  function relative_complement(A, B) {
+    return A.filter(function(elem) {
+      return B.indexOf(elem) == -1;
+    });
+  }
+
+  function unique(ary) {
+    var u = ary.concat().sort();
+    for (var i = 1; i < u.length; ) {
+      if (u[i - 1] === u[i]) u.splice(i, 1);
+      else i++;
+    }
+    return u;
+  }
+
+  return unique(
+    relative_complement(A, B).concat(relative_complement(B, A))
+  ).sort();
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/taxicab-numbers.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/taxicab-numbers.md
new file mode 100644
index 0000000000..22e6ec1ee6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/taxicab-numbers.md
@@ -0,0 +1,140 @@
+---
+id: 594ecc0d9a8cf816e3340187
+title: Числа Taxicab
+challengeType: 5
+forumTopicId: 302337
+dashedName: taxicab-numbers
+---
+
+# --description--
+
+[число Taxicab або n-е число Харді–Рамануджана](https://en.wikipedia.org/wiki/Hardy–Ramanujan number "wp: Hardy–Ramanujan number") (визначення яке використовується тут) — це таке додатне число, що може відображатися як сума двох додатних чисел у третьому ступені двома або більше способами.
+
+Першим n-им числом Харді–Рамануджана є `1729`, який є:
+
+1<sup>3</sup> + 12<sup>3</sup> і
+
+9<sup>3</sup> + 10<sup>3</sup>.
+
+Дані числа також відомі як:
+
+<ul>
+  <li>числа taxi</li>
+  <li>числа taxi-cab</li>
+  <li>числа taxi cab</li>
+  <li>Числа Харді–Рамануджана</li>
+</ul>
+
+# --instructions--
+
+Напишіть функцію, що повертає `n`-найменші числа taxicab. Для кожного даного числа покажіть також і число включаючи його складові в третьому ступені.
+
+**Див. також:**
+
+<ul>
+  <li><a href='https://oeis.org/A001235' target='_blank'>A001235 числа taxicab</a> в Енциклопедії послідовностей цілих чисел.</li>
+  <li><a href='https://en.wikipedia.org/wiki/Taxicab_number' target='_blank'> Число taxicab і</a> в онлайн-енциклопедії «Вікіпедія» (англ.).</li>
+</ul>
+
+# --hints--
+
+`taxicabNumbers` має бути функцією.
+
+```js
+assert(typeof taxicabNumbers === 'function');
+```
+
+`taxicabNumbers` має повернути масив.
+
+```js
+assert(typeof taxicabNumbers(2) === 'object');
+```
+
+`taxicabNumbers` має повернути масив чисел.
+
+```js
+assert(typeof taxicabNumbers(100)[0] === 'number');
+```
+
+`taxicabNumbers(4)` має повернути [1729, 4104, 13832, 20683].
+
+```js
+assert.deepEqual(taxicabNumbers(4), res4);
+```
+
+`taxicabNumbers(25)` має повернути [1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656, 110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763, 373464, 402597]
+
+```js
+assert.deepEqual(taxicabNumbers(25), res25);
+```
+
+`taxicabNumbers(39)` отриманими числами від 20 до 29 мають бути [314496,320264,327763,373464,402597,439101,443889,513000,513856].
+
+```js
+assert.deepEqual(taxicabNumbers(39).slice(20, 29), res39From20To29);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const res4 = [1729, 4104, 13832, 20683];
+const res25 = [
+  1729, 4104, 13832, 20683, 32832, 39312, 40033, 46683, 64232, 65728, 110656,
+  110808, 134379, 149389, 165464, 171288, 195841, 216027, 216125, 262656, 314496, 320264, 327763,
+  373464, 402597
+];
+
+const res39From20To29 = [314496, 320264, 327763, 373464, 402597, 439101, 443889, 513000, 513856];
+```
+
+## --seed-contents--
+
+```js
+function taxicabNumbers(n) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function taxicabNumbers(nNumbers) {
+  const cubeN = [];
+  const s3s = {};
+
+  const e = 100;
+  for (let n = 1; n < e; n += 1) {
+    cubeN[n] = n * n * n;
+  }
+
+  for (let a = 1; a < e - 1; a += 1) {
+    const a3 = cubeN[a];
+    for (let b = a; b < e; b += 1) {
+      const b3 = cubeN[b];
+      const s3 = a3 + b3;
+
+      let abs = s3s[s3];
+      if (!abs) {
+        s3s[s3] = abs = [];
+      }
+      abs.push([a, b]);
+    }
+  }
+
+  let i = 0;
+  const res = [];
+  Object.keys(s3s).forEach(s3 => {
+    const abs = s3s[s3];
+    if (abs.length >= 2) { // No two cube pairs found
+      i += 1;
+      if (i <= nNumbers) {
+        res.push(s3);
+      }
+    }
+  });
+  return res.map(item => parseInt(item, 10));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.md
new file mode 100644
index 0000000000..e0e5a83542
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/tokenize-a-string-with-escaping.md
@@ -0,0 +1,124 @@
+---
+id: 594faaab4e2a8626833e9c3d
+title: Розбиття рядка на лексеми методом екранування
+challengeType: 5
+forumTopicId: 302338
+dashedName: tokenize-a-string-with-escaping
+---
+
+# --description--
+
+Напишіть функцію або програму, що може поділити рядок кожного разу коли зустрічається не ізольований розділювач.
+
+Вона має містити три вхідні параметри:
+
+<ul>
+  <li><strong>рядок</strong></li>
+  <li><strong>розділювач</strong></li>
+  <li><strong>escape-символ</strong></li>
+</ul>
+
+Вона має вивести список рядків.
+
+Правила для розділення:
+
+<ul>
+  <li>Поля, розділені розділювачами, стають елементами вихідного списку.</li>
+  <li>Пусті поля потрібно зберегти, навіть на початку та вкінці.</li>
+</ul>
+
+Правила для екранування:
+
+<ul>
+  <li>"Екранований" означає той, якому передує escape-символ, який ще не є екранованим.</li>
+  <li>Якщо escape-символ передує символу, що немає спеціального значення, то він все ще вважається екранованим (але не робить нічого особливого).</li>
+  <li>Кожна поява escape-символу, який використовувався для екранування чогось, не повинна стати частиною виводу.</li>
+</ul>
+
+Доведіть, що ваша функція задовольняє наступний тестовий приклад:
+
+Дано рядок
+
+<pre>один^|один||три^^^^|чотири^^^|^чотири|</pre>
+
+і використовуючи `|`як розділювач і `^` як escape-символ, ваша функція має вивести наступний масив:
+
+<pre>  ['один|один', '', 'три^^', 'чотири^|чотири', '']
+</pre>
+
+# --hints--
+
+`tokenize` має бути функцією.
+
+```js
+assert(typeof tokenize === 'function');
+```
+
+`tokenize` має повернути масив.
+
+```js
+assert(typeof tokenize('a', 'b', 'c') === 'object');
+```
+
+`tokenize('one^|uno||three^^^^|four^^^|^cuatro|', '|', '^')` має повернути `['one|uno', '', 'three^^', 'four^|cuatro', '']`
+
+```js
+assert.deepEqual(tokenize(testStr1, '|', '^'), res1);
+```
+
+`tokenize('a@&bcd&ef&&@@hi', '&', '@')` має повернути `['a&bcd', 'ef', '', '@hi']`
+
+```js
+assert.deepEqual(tokenize(testStr2, '&', '@'), res2);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testStr1 = 'one^|uno||three^^^^|four^^^|^cuatro|';
+const res1 = ['one|uno', '', 'three^^', 'four^|cuatro', ''];
+
+// TODO add more tests
+const testStr2 = 'a@&bcd&ef&&@@hi';
+const res2 = ['a&bcd', 'ef', '', '@hi'];
+```
+
+## --seed-contents--
+
+```js
+function tokenize(str, sep, esc) {
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+// tokenize :: String -> Character -> Character -> [String]
+function tokenize(str, charDelim, charEsc) {
+  const dctParse = str.split('')
+    .reduce((a, x) => {
+      const blnEsc = a.esc;
+      const blnBreak = !blnEsc && x === charDelim;
+      const blnEscChar = !blnEsc && x === charEsc;
+
+      return {
+        esc: blnEscChar,
+        token: blnBreak ? '' : (
+          a.token + (blnEscChar ? '' : x)
+        ),
+        list: a.list.concat(blnBreak ? a.token : [])
+      };
+    }, {
+      esc: false,
+      token: '',
+      list: []
+    });
+
+  return dctParse.list.concat(
+    dctParse.token
+  );
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/top-rank-per-group.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/top-rank-per-group.md
new file mode 100644
index 0000000000..0792b82921
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/top-rank-per-group.md
@@ -0,0 +1,192 @@
+---
+id: 595011cba5a81735713873bd
+title: Найкращий на групу
+challengeType: 5
+forumTopicId: 302339
+dashedName: top-rank-per-group
+---
+
+# --description--
+
+Знайдіть дані, що займають найвищу `n` категорію у кожній групі, у якій `n` надано як параметр. Назву категорії і групи також подано як параметри.
+
+За наведеними нижче даними:
+
+```js
+testData1 = [
+  { name: 'Tyler Bennett', id: 'E10297', salary: 32000, dept: 'D101' },
+  { name: 'John Rappl', id: 'E21437', salary: 47000, dept: 'D050' },
+  { name: 'George Woltman', id: 'E00127', salary: 53500, dept: 'D101' },
+  { name: 'Adam Smith', id: 'E63535', salary: 18000, dept: 'D202' },
+  { name: 'Claire Buckman', id: 'E39876', salary: 27800, dept: 'D202' },
+  { name: 'David McClellan', id: 'E04242', salary: 41500, dept: 'D101' },
+  { name: 'Rich Holcomb', id: 'E01234', salary: 49500, dept: 'D202' },
+  { name: 'Nathan Adams', id: 'E41298', salary: 21900, dept: 'D050' },
+  { name: 'Richard Potter', id: 'E43128', salary: 15900, dept: 'D101' },
+  { name: 'David Motsinger', id: 'E27002', salary: 19250, dept: 'D202' },
+  { name: 'Tim Sampair', id: 'E03033', salary: 27000, dept: 'D101' },
+  { name: 'Kim Arlich', id: 'E10001', salary: 57000, dept: 'D190' },
+  { name: 'Timothy Grove', id: 'E16398', salary: 29900, dept: 'D190' }
+];
+```
+
+Перші топ 10 працівників кожного відділення можуть бути виставлені в рейтинг таким чином:
+
+```js
+topRankPerGroup(10, testData1, 'dept', 'salary')
+```
+
+За наведеними нижче даними:
+
+```js
+testData2 = [
+  { name: 'Friday 13th', genre: 'horror', rating: 9.9 },
+  { name: "Nightmare on Elm's Street", genre: 'horror', rating: 5.7 },
+  { name: 'Titanic', genre: 'drama', rating: 7.3 },
+  { name: 'Maze Runner', genre: 'scifi', rating: 7.1 },
+  { name: 'Blade runner', genre: 'scifi', rating: 8.9 }
+];
+```
+
+Можна ранжувати фільми з найвищими рейтингами за жанром таким чином:
+
+```js
+topRankPerGroup(1, testData2, 'genre', 'rating')
+```
+
+Функція має повернути масив з окремим масивом для кожної групи, що матимуть топ `n` об'єкти.
+
+Наприклад, за такими даними:
+
+```js
+[
+  { name: 'Claire Buckman', id: 'E39876', salary: 27800, dept: 'D101' },
+  { name: 'Rich Holcomb', id: 'E01234', salary: 49500, dept: 'D050' },
+  { name: 'David Motsinger', id: 'E27002', salary: 19250, dept: 'D050' },
+  { name: 'Tim Sampair', id: 'E03033', salary: 27000, dept: 'D101' },
+  { name: 'Kim Arlich', id: 'E10001', salary: 57000, dept: 'D050' },
+  { name: 'Timothy Grove', id: 'E16398', salary: 29900, dept: 'D101' }
+];
+```
+
+Два найкращі працівники за показником зарплати були б:
+
+```js
+[ [ { name: 'Kim Arlich', id: 'E10001', salary: 57000, dept: 'D050' },
+    { name: 'Rich Holcomb', id: 'E01234', salary: 49500, dept: 'D050' } ],
+  [ { name: 'Timothy Grove', id: 'E16398', salary: 29900, dept: 'D101' },
+    { name: 'Claire Buckman', id: 'E39876', salary: 27800, dept: 'D101' } ] ]
+```
+
+# --hints--
+
+`topRankPerGroup` має бути функцією.
+
+```js
+assert(typeof topRankPerGroup === 'function');
+```
+
+`topRankPerGroup` має повернути невизначені або від'ємні значення n.
+
+```js
+assert(typeof topRankPerGroup(-1, []) === 'undefined');
+```
+
+Для `topRankPerGroup(10, testData1, 'dept', 'salary')`, першим результатом у першій групі має бути `{ name: 'John Rappl', id: 'E21437', salary: 47000, dept: 'D050'}`.
+
+```js
+assert.deepEqual(res1[0][0], { name: 'John Rappl', id: 'E21437', salary: 47000, dept: 'D050'});
+```
+
+Для `topRankPerGroup(10, testData1, 'dept', 'salary')`, останнім результатом в останній групі має бути `{ name: 'Adam Smith', id: 'E63535', salary: 18000, dept: 'D202' }`.
+
+```js
+assert.deepEqual(res1[3][3], { name: 'Adam Smith', id: 'E63535', salary: 18000, dept: 'D202' });
+```
+
+`topRankPerGroup(1, ...)` має повернути лише найвищий результат із групи.
+
+```js
+assert.equal(res2[2].length, 1);
+```
+
+`topRankPerGroup(2, ...)` має повернути два найкращих результати з групи.
+
+```js
+assert.equal(res3[2][1].name, 'Maze Runner');
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const testData1 = [
+  { name: 'Tyler Bennett', id: 'E10297', salary: 32000, dept: 'D101' },
+  { name: 'John Rappl', id: 'E21437', salary: 47000, dept: 'D050' },
+  { name: 'George Woltman', id: 'E00127', salary: 53500, dept: 'D101' },
+  { name: 'Adam Smith', id: 'E63535', salary: 18000, dept: 'D202' },
+  { name: 'Claire Buckman', id: 'E39876', salary: 27800, dept: 'D202' },
+  { name: 'David McClellan', id: 'E04242', salary: 41500, dept: 'D101' },
+  { name: 'Rich Holcomb', id: 'E01234', salary: 49500, dept: 'D202' },
+  { name: 'Nathan Adams', id: 'E41298', salary: 21900, dept: 'D050' },
+  { name: 'Richard Potter', id: 'E43128', salary: 15900, dept: 'D101' },
+  { name: 'David Motsinger', id: 'E27002', salary: 19250, dept: 'D202' },
+  { name: 'Tim Sampair', id: 'E03033', salary: 27000, dept: 'D101' },
+  { name: 'Kim Arlich', id: 'E10001', salary: 57000, dept: 'D190' },
+  { name: 'Timothy Grove', id: 'E16398', salary: 29900, dept: 'D190' }
+];
+
+const res1 = topRankPerGroup(10, testData1, 'dept', 'salary');
+
+const testData2 = [
+  { name: 'Friday 13th', genre: 'horror', rating: 9.9 },
+  { name: "Nightmare on Elm's Street", genre: 'horror', rating: 5.7 },
+  { name: 'Titanic', genre: 'drama', rating: 7.3 },
+  { name: 'Maze Runner', genre: 'scifi', rating: 7.1 },
+  { name: 'Blade runner', genre: 'scifi', rating: 8.9 }
+];
+
+const res2 = topRankPerGroup(1, testData2, 'genre', 'rating');
+const res3 = topRankPerGroup(2, testData2, 'genre', 'rating');
+```
+
+## --seed-contents--
+
+```js
+function topRankPerGroup(n, data, groupName, rankName) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+const collectDept = function (arrOfObj, groupName) {
+  const collect = arrOfObj.reduce((rtnObj, obj) => {
+    if (rtnObj[obj[groupName]] === undefined) {
+      rtnObj[obj[groupName]] = [];
+    }
+    rtnObj[obj[groupName]].push(obj);
+    return rtnObj;
+  }, {} // initial value to reduce
+  );
+
+  return Object.keys(collect).sort().map(key => collect[key]);
+};
+
+const sortRank = function (arrOfRankArrs, rankName) {
+  return arrOfRankArrs.map(item => item.sort((a, b) => {
+    if (a[rankName] > b[rankName]) { return -1; }
+    if (a[rankName] < b[rankName]) { return 1; }
+    return 0;
+  }));
+};
+
+function topRankPerGroup(n, data, groupName, rankName) {
+  if (n < 0) { return; }
+  return sortRank(collectDept(data, groupName),
+    rankName).map(list => list.slice(0, n));
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/topological-sort.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/topological-sort.md
new file mode 100644
index 0000000000..581af14e56
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/topological-sort.md
@@ -0,0 +1,185 @@
+---
+id: 594fa2746886f41f7d8bf225
+title: Типологічне сортування
+challengeType: 5
+forumTopicId: 302340
+dashedName: topological-sort
+---
+
+# --description--
+
+Дано відповідність між предметами та предметами, від яких вони залежать, типологічне сортування розпоряджається предметами так, що жоден предмет не перевершує предмет, від якого залежить. Існує два популярних алгоритми для типологічного сортування: типологічне сортування Кана (1962) та пошук у глибину.
+
+# --instructions--
+
+Створіть функцію, яка поверне список допустимого компільованого порядку бібліотек з їх залежностями.
+
+- Допустимо, що назви бібліотек складаються з одного слова.
+- Елементи, вказані як лише залежні не мають власних залежностей, але їх порядок компіляції повинен бути вказаний.
+- Будь-які власні залежності слід ігнорувати.
+- Будь-які невпорядковані залежності слід ігнорувати.
+
+Використовуйте наступні дані як приклад:
+
+<pre>
+LIBRARY          LIBRARY DEPENDENCIES
+=======          ====================
+des_system_lib   std synopsys std_cell_lib des_system_lib dw02 dw01 ramlib ieee
+dw01             ieee dw01 dware gtech
+dw02             ieee dw02 dware
+dw03             std synopsys dware dw03 dw02 dw01 ieee gtech
+dw04             dw04 ieee dw01 dware gtech
+dw05             dw05 ieee dware
+dw06             dw06 ieee dware
+dw07             ieee dware
+dware            ieee dware
+gtech            ieee gtech
+ramlib           std ieee
+std_cell_lib     ieee std_cell_lib
+synopsys
+</pre>
+
+Компілювання бібліотеки мовою VHDL має обмеження: бібліотеку потрібно скомпілювати після будь-якої бібліотеки, від якої вона залежить. Наведені вище дані будуть невпорядковані, якщо, наприклад, `dw04` додано до списку залежностей `dw01`.
+
+Вхідним значенням функції буде багаторядковий рядок, кожен рядок міститиме назву бібліотеки з її залежностями (якщо існують).
+
+Наприклад:
+
+```js
+const libsSimple =
+  `aaa bbb
+  bbb`;
+```
+
+# --hints--
+
+`topologicalSort` має бути функцією.
+
+```js
+assert(typeof topologicalSort === 'function');
+```
+
+`topologicalSort(libsSimple)` має повернути масив.
+
+```js
+assert(Array.isArray(topologicalSort(libsSimple)));
+```
+
+`topologicalSort(libsSimple)` має повернути `['bbb', 'aaa']`.
+
+```js
+assert.deepEqual(topologicalSort(libsSimple), ['bbb', 'aaa']);
+```
+
+`topologicalSort(libsVHDL)` має повернути `['ieee', 'std_cell_lib', 'gtech', 'dware', 'dw07', 'dw06', 'dw05', 'dw02', 'dw01', 'dw04', 'std', 'ramlib', 'synopsys', 'dw03', 'des_system_lib']`.
+
+```js
+assert.deepEqual(topologicalSort(libsVHDL), ['ieee', 'std_cell_lib', 'gtech', 'dware', 'dw07', 'dw06', 'dw05', 'dw02', 'dw01', 'dw04', 'std', 'ramlib', 'synopsys', 'dw03', 'des_system_lib']);
+```
+
+`topologicalSort(libsCustom)` має повернути `['base', 'c', 'd', 'b', 'a']`.
+
+```js
+assert.deepEqual(topologicalSort(libsCustom), ['base', 'c', 'd', 'b', 'a']);
+```
+
+`topologicalSort` має ігнорувати невпорядковані залежності.
+
+```js
+assert.deepEqual(topologicalSort(libsUnorderable), ['Base']);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const libsSimple =
+  `aaa bbb
+  bbb`;
+
+const libsVHDL =
+  `des_system_lib   std synopsys std_cell_lib des_system_lib dw02 dw01 ramlib ieee
+  dw01             ieee dw01 dware gtech
+  dw02             ieee dw02 dware
+  dw03             std synopsys dware dw03 dw02 dw01 ieee gtech
+  dw04             dw04 ieee dw01 dware gtech
+  dw05             dw05 ieee dware
+  dw06             dw06 ieee dware
+  dw07             ieee dware
+  dware            ieee dware
+  gtech            ieee gtech
+  ramlib           std ieee
+  std_cell_lib     ieee std_cell_lib
+  synopsys`;
+
+const libsCustom =
+  `a b c d
+  b c d
+  d c
+  c base
+  base`;
+
+const libsUnorderable =
+  `TestLib Base MainLib
+  MainLib TestLib
+  Base`;
+```
+
+## --seed-contents--
+
+```js
+function topologicalSort(libs) {
+
+  return true;
+}
+```
+
+# --solutions--
+
+```js
+function topologicalSort(libs) {
+  // A map of the input data, with the keys as the packages, and the values as
+  // and array of packages on which it depends.
+  const D = libs
+    .split('\n')
+    .map(e => e.split(' ').filter(ep => ep !== ''))
+    .reduce((p, c) =>
+      p.set(c[0], c.filter((e, i) => (i > 0 && e !== c[0] ? e : null))), new Map());
+  [].concat(...D.values()).forEach(e => {
+    D.set(e, D.get(e) || []);
+  });
+
+  // The above map rotated so that it represents a DAG of the form
+  // Map {
+  //    A => [ A, B, C],
+  //    B => [C],
+  //    C => []
+  // }
+  // where each key represents a node, and the array contains the edges.
+  const G = [...D.keys()].reduce((p, c) =>
+    p.set(
+      c,
+      [...D.keys()].filter(e => D.get(e).includes(c))),
+    new Map()
+  );
+
+  // An array of leaf nodes; nodes with 0 in degrees.
+  const Q = [...D.keys()].filter(e => D.get(e).length === 0);
+
+  // The result array.
+  const S = [];
+  while (Q.length) {
+    const u = Q.pop();
+    S.push(u);
+    G.get(u).forEach(v => {
+      D.set(v, D.get(v).filter(e => e !== u));
+      if (D.get(v).length === 0) {
+        Q.push(v);
+      }
+    });
+  }
+
+  return S;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/towers-of-hanoi.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/towers-of-hanoi.md
new file mode 100644
index 0000000000..e32b559a45
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/towers-of-hanoi.md
@@ -0,0 +1,87 @@
+---
+id: 5951ed8945deab770972ae56
+title: Ханойські вежі
+challengeType: 5
+forumTopicId: 302341
+dashedName: towers-of-hanoi
+---
+
+# --description--
+
+Розв'яжіть [Towers of Hanoi](https://en.wikipedia.org/wiki/Towers_of_Hanoi "wp: Towers_of_Hanoi") завдання.
+
+Ваше рішення повинно містити кількість дисків у якості першого параметру та три рядки, що використовуються для ідентифікації кожного з трьох стопок дисків, наприклад, `towerOfHanoi(4, 'A', 'B', 'C')`. Функція має повернути ряд масивів, що містять перелік кроків, джерело - -> призначення.
+
+Наприклад, масив `[['A', 'C'], ['B', 'A']]` вказує на те, що 1-й хід полягав у переміщенні диску зі стержня А на С, а другий хід —переміщенні диск зі стержня В на А.
+
+<p></p>
+
+# --hints--
+
+`towerOfHanoi` має бути функцією.
+
+```js
+assert(typeof towerOfHanoi === 'function');
+```
+
+`towerOfHanoi(3, ...)` має повернути 7 ходів.
+
+```js
+assert(res3.length === 7);
+```
+
+`towerOfHanoi(3, 'A', 'B', 'C')` має повернути `[['A','B'], ['A','C'], ['B','C'], ['A','B'], ['C','A'], ['C','B'], ['A','B']]`.
+
+```js
+assert.deepEqual(towerOfHanoi(3, 'A', 'B', 'C'), res3Moves);
+```
+
+`towerOfHanoi(5, "X", "Y", "Z")` 10-й хід має бути Y -> X.
+
+```js
+assert.deepEqual(res5[9], ['Y', 'X']);
+```
+
+`towerOfHanoi(7, 'A', 'B', 'C')` перші десять ходів мають бути `[['A','B'], ['A','C'], ['B','C'], ['A','B'], ['C','A'], ['C','B'], ['A','B'], ['A','C'], ['B','C'], ['B','A']]`
+
+```js
+assert.deepEqual(towerOfHanoi(7, 'A', 'B', 'C').slice(0, 10), res7First10Moves);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const res3 = towerOfHanoi(3, 'A', 'B', 'C');
+const res3Moves = [['A', 'B'], ['A', 'C'], ['B', 'C'], ['A', 'B'], ['C', 'A'], ['C', 'B'], ['A', 'B']];
+const res5 = towerOfHanoi(5, 'X', 'Y', 'Z');
+const res7First10Moves = [['A', 'B'], ['A', 'C'], ['B', 'C'], ['A', 'B'], ['C', 'A'], ['C', 'B'], ['A', 'B'], ['A', 'C'], ['B', 'C'], ['B', 'A']];
+```
+
+## --seed-contents--
+
+```js
+function towerOfHanoi(n, a, b, c) {
+
+  return [[]];
+}
+```
+
+# --solutions--
+
+```js
+function towerOfHanoi(n, a, b, c) {
+  const res = [];
+  towerOfHanoiHelper(n, a, c, b, res);
+  return res;
+}
+
+function towerOfHanoiHelper(n, a, b, c, res) {
+  if (n > 0) {
+    towerOfHanoiHelper(n - 1, a, c, b, res);
+    res.push([a, c]);
+    towerOfHanoiHelper(n - 1, b, a, c, res);
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-cross-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-cross-product.md
new file mode 100644
index 0000000000..12c4d8e7c6
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-cross-product.md
@@ -0,0 +1,75 @@
+---
+id: 594810f028c0303b75339ad2
+title: Перехресний добуток векторів
+challengeType: 5
+forumTopicId: 302342
+dashedName: vector-cross-product
+---
+
+# --description--
+
+Вектором — наявність трьох вимірів, що позначені впорядкованою трійкою чисел: (X, Y, Z).
+
+# --instructions--
+
+Напишіть функцію, яка приймає два вектори (масиви) як вхідні дані та обчислює їхній перехресний добуток. Ваша функція має повертати `null` при недопустимих вхідних даних, таких як вектори різної довжини.
+
+# --hints--
+
+`crossProduct` має бути функцією.
+
+```js
+assert.equal(typeof crossProduct, 'function');
+```
+
+`crossProduct()` має повернути null.
+
+```js
+assert.equal(crossProduct(), null);
+```
+
+`crossProduct([1, 2, 3], [4, 5, 6])` має повернути `[-3, 6, -3]`.
+
+```js
+assert.deepEqual(res12, exp12);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const tv1 = [1, 2, 3];
+const tv2 = [4, 5, 6];
+const res12 = crossProduct(tv1, tv2);
+const exp12 = [-3, 6, -3];
+```
+
+## --seed-contents--
+
+```js
+function crossProduct(a, b) {
+
+}
+```
+
+# --solutions--
+
+```js
+function crossProduct(a, b) {
+  if (!a || !b) {
+    return null;
+  }
+
+  // Check lengths
+  if (a.length !== 3 || b.length !== 3) {
+    return null;
+  }
+
+  return [
+    (a[1] * b[2]) - (a[2] * b[1]),
+    (a[2] * b[0]) - (a[0] * b[2]),
+    (a[0] * b[1]) - (a[1] * b[0])
+  ];
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-dot-product.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-dot-product.md
new file mode 100644
index 0000000000..145c68b8ce
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/vector-dot-product.md
@@ -0,0 +1,96 @@
+---
+id: 594810f028c0303b75339ad3
+title: Скалярний добуток векторів
+challengeType: 5
+forumTopicId: 302343
+dashedName: vector-dot-product
+---
+
+# --description--
+
+Вектор може мати один або декілька значень, позначених впорядкованим набором чисел. Наприклад, (x), (x, y) або (x, y, z).
+
+# --instructions--
+
+Напишіть функцію, що приймає два вектори (представлені як одновимірні масиви) як вхідні дані та обчислює їхній скалярний добуток. Ваша функція має повернути `null` при недопустимих вхідних даних (наприклад, вектори різної довжини), або коли замість двох векторів приходять інші дані.
+
+# --hints--
+
+`dotProduct` має бути функцією.
+
+```js
+assert.equal(typeof dotProduct, 'function');
+```
+
+`dotProduct()` має повернути `null`.
+
+```js
+assert.equal(dotProduct(), null);
+```
+
+`dotProduct([1], [1])` має повернути `1`.
+
+```js
+assert.equal(dotProduct([1], [1]), 1);
+```
+
+`dotProduct([1], [1, 2])` має повернути `null`.
+
+```js
+assert.equal(dotProduct([1], [1, 2]), null);
+```
+
+`dotProduct([1, 3, -5], [4, -2, -1])` має повернути `3`.
+
+```js
+assert.equal(dotProduct([1, 3, -5], [4, -2, -1]), 3);
+```
+
+`dotProduct([3, 2, 1], [2, 4, 2], [5, 3, 1])` має повернути `null`.
+
+```js
+assert.equal(dotProduct([3, 2, 1], [2, 4, 2], [5, 3, 1]), null);
+```
+
+`dotProduct([ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ])` має повернути `360`.
+
+```js
+assert.equal(dotProduct([ 0, 3, 6, 9, 12 ], [ 0, 4, 8, 12, 16 ]), 360);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function dotProduct(...vectors) {
+
+}
+```
+
+# --solutions--
+
+```js
+function dotProduct(...vectors) {
+  if (!vectors || !vectors.length || vectors.length > 2 || vectors[0].length !== vectors[1].length) {
+    return null;
+  }
+  const vectorLen = vectors[0].length;
+
+  let prod = 0;
+  let sum = 0;
+  let j = vectorLen;
+  let i = 2;
+  // Sum terms
+  while (j--) {
+    i = 2;
+    prod = 1;
+
+    while (i--) {
+      prod *= vectors[i][j];
+    }
+    sum += prod;
+  }
+  return sum;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-frequency.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-frequency.md
new file mode 100644
index 0000000000..3027147bc7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-frequency.md
@@ -0,0 +1,136 @@
+---
+id: 5e94a54cc7b022105bf0fd2c
+title: Частота слів
+challengeType: 5
+forumTopicId: 393913
+dashedName: word-frequency
+---
+
+# --description--
+
+Дано текстовий рядок і ціле число n, поверніть n найпоширеніших слів у файлі (та кількість їх повторень) в порядку зменшенням їх частоти.
+
+# --instructions--
+
+Напишіть функцію, яка рахує повторення кожного слова та поверніть n найпоширеніших слів разом із кількістю їх повторень у порядку зменшенням частоти.
+
+Функція має повертати 2D масив, кожний з елементів якого має мати наступний вигляд: `[word, freq]`. `word` має бути словом, яке починається з маленької літери, а `freq` — числом, що позначає кількість.
+
+Функція має повернути пустий масив, якщо рядок не надано.
+
+Функція повинна бути нечутливою до регістру, наприклад, між рядками "Hello" та "hello" немає бути різниці.
+
+Немає різниці між словами, що містять спеціальні символи — підкреслювання, тире, апострофи, коми тощо.
+
+Наприклад, враховуючи рядок "Hello hello goodbye", ваша функція має повернути `[['hello', 2], ['goodbye', 1]]`.
+
+# --hints--
+
+`wordFrequency` має бути функцією.
+
+```js
+assert(typeof wordFrequency == 'function');
+```
+
+`wordFrequency` має повернути масив.
+
+```js
+assert(Array.isArray(wordFrequency('test')));
+```
+
+`wordFrequency("Hello hello world", 2)` має повернути `[['hello', 2], ['world', 1]]`
+
+```js
+assert.deepEqual(wordFrequency(example_1, 2), example_1_solution);
+```
+
+`wordFrequency("The quick brown fox jumped over the lazy dog", 1)` має повернути `[['the', 2]]`
+
+```js
+assert.deepEqual(wordFrequency(example_2, 1), example_2_solution);
+```
+
+`wordFrequency("Opensource opensource open-source open source", 1)` має повернути `[['opensource', 2]]`
+
+```js
+assert.deepEqual(wordFrequency(example_3, 1), example_3_solution);
+```
+
+`wordFrequency("Apple App apply aPP aPPlE", 3)` має повернути `[['app', 2], ['apple', 2], ['apply', 1]]` або `[['apple', 2], ['app', 2], ['apply', 1]]`
+
+```js
+const arr = JSON.stringify(wordFrequency(example_4, 3));
+assert(arr === example_4_solution_a || arr === example_4_solution_b);
+```
+
+`wordFrequency("c d a d c a b d d c", 4)` має повернути `[['d', 4], ['c', 3], ['a', 2], ['b', 1]]`
+
+```js
+assert.deepEqual(wordFrequency(example_5, 4), example_5_solution);
+```
+
+`wordFrequency("", 5)` має повернути `[]`
+
+```js
+assert.deepEqual(wordFrequency(example_6, 5), example_6_solution);
+```
+
+# --seed--
+
+## --before-user-code--
+
+```js
+var example_1 = 'Hello hello world';
+var example_1_solution = [['hello', 2], ['world', 1]];
+var example_2 = 'The quick brown fox jumped over the lazy dog';
+var example_2_solution = [['the', 2]];
+var example_3 = 'Opensource opensource open-source open source';
+var example_3_solution = [['opensource', 2]];
+var example_4 = 'Apple App apply aPP aPPlE';
+var example_4_solution_a = "[[\"app\",2],[\"apple\",2],[\"apply\",1]]";
+var example_4_solution_b = "[[\"apple\",2],[\"app\",2],[\"apply\",1]]";
+var example_5 = 'c d a d c a b d d c';
+var example_5_solution = [['d', 4], ['c', 3], ['a', 2], ['b', 1]];
+var example_6 = '';
+var example_6_solution = [];
+```
+
+## --seed-contents--
+
+```js
+function wordFrequency(txt, n) {
+
+}
+```
+
+# --solutions--
+
+```js
+function wordFrequency(txt, n) {
+  var words = txt.split(/\s+/);
+  var wordCount = {};
+  words.forEach(word => {
+    if (word == '') {
+      return;
+    }
+    const lowerWord = word.toLowerCase();
+    wordCount[lowerWord] =
+      lowerWord in wordCount ? wordCount[lowerWord] + 1 : 1;
+  });
+
+  var wordsArray = [];
+  for (let [word, count] of Object.entries(wordCount)) {
+    wordsArray.push([word, count]);
+  }
+
+  wordsArray.sort((a, b) => {
+    if (a[1] !== b[1]) {
+      return b[1] - a[1];
+    } else if (a[0] !== b[0]) {
+      return a[0] < b[0] ? -1 : 1;
+    }
+    return 0;
+  });
+  return wordsArray.slice(0, n);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-wrap.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-wrap.md
new file mode 100644
index 0000000000..5bcd4a06b3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/word-wrap.md
@@ -0,0 +1,105 @@
+---
+id: 594810f028c0303b75339ad4
+title: Перенесення слів
+challengeType: 5
+forumTopicId: 302344
+dashedName: word-wrap
+---
+
+# --description--
+
+Навіть тепер із пропорційними шрифтами та складними макетами, все ще є випадки, коли вам потрібно розмістити текст у вказаний стовпчик. Основним завданням є обернути параграф тексту простим способом.
+
+# --instructions--
+
+Напишіть функцію, яка може перенести даний текст на будь-яку кількість символів. Як приклад, перенесений текст із 80 символів, має виглядати наступним чином:
+
+<pre>
+Перенесіть текст, використовуючи складніший алгоритм, наприклад, алгоритм Кнута і Пласса в системі TeX. Якщо ваша мова надає таку можливість, ви легко отримаєте додаткові бали, але ви
+повинні послатися на документацію, яка вказує, що даний алгоритм є кращим
+ніж простий алгоритм мінімальної довжини.
+</pre>
+
+# --hints--
+
+перенесення має бути функцією.
+
+```js
+assert.equal(typeof wrap, 'function');
+```
+
+перенесення має повернути рядок.
+
+```js
+assert.equal(typeof wrap('abc', 10), 'string');
+```
+
+wrap(80) має повернути 4 рядки.
+
+```js
+assert(wrapped80.split('\n').length === 4);
+```
+
+Ваша функція `wrap` має повернути наш очікуваний текст.
+
+```js
+assert.equal(wrapped80.split('\n')[0], firstRow80);
+```
+
+wrap(42) має повернути 7 рядків.
+
+```js
+assert(wrapped42.split('\n').length === 7);
+```
+
+Ваша функція `wrap` має повернути наш очікуваний текст.
+
+```js
+assert.equal(wrapped42.split('\n')[0], firstRow42);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const text =
+`Wrap text using a more sophisticated algorithm such as the Knuth and Plass TeX algorithm.
+If your language provides this, you get easy extra credit,
+but you ''must reference documentation'' indicating that the algorithm
+is something better than a simple minimum length algorithm.`;
+
+const wrapped80 = wrap(text, 80);
+const wrapped42 = wrap(text, 42);
+
+const firstRow80 =
+    'Wrap text using a more sophisticated algorithm such as the Knuth and Plass TeX';
+
+const firstRow42 = 'Wrap text using a more sophisticated';
+```
+
+## --seed-contents--
+
+```js
+function wrap(text, limit) {
+  return text;
+}
+```
+
+# --solutions--
+
+```js
+function wrap(text, limit) {
+  const noNewlines = text.replace('\n', '');
+  if (noNewlines.length > limit) {
+    // find the last space within limit
+    const edge = noNewlines.slice(0, limit).lastIndexOf(' ');
+    if (edge > 0) {
+      const line = noNewlines.slice(0, edge);
+      const remainder = noNewlines.slice(edge + 1);
+      return line + '\n' + wrap(remainder, limit);
+    }
+  }
+  return text;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/y-combinator.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/y-combinator.md
new file mode 100644
index 0000000000..8a0657c02c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/y-combinator.md
@@ -0,0 +1,87 @@
+---
+id: 594810f028c0303b75339ad5
+title: Y комбінатор
+challengeType: 5
+forumTopicId: 302345
+dashedName: y-combinator
+---
+
+# --description--
+
+У строгому [ функціональному програмуванні](https://www.freecodecamp.org/news/the-principles-of-functional-programming/ "news: the principles of functional programming") та [ лямбда-численнях](https://en.wikipedia.org/wiki/lambda calculus "wp: lambda calculus"), функції (лямбда-вирази) не мають стану і можуть посилатися лише на аргументи охоплювальних функцій. Це виключає звичайне визначення рекурсивної функції, коли функція асоціюється зі станом змінної, а стан цієї змінної використовується в основній частині функції. [ Комбінатор Y ](https://mvanier.livejournal.com/2897.html) сам по собі є функцією без стану, яка при застосуванні до іншої такої функції повертає рекурсивну версію функції. Комбінатор Y — найпростіший з класу таких функцій, який називається [ комбінаторами з фіксованою точкою](https://en.wikipedia.org/wiki/Fixed-point combinator "wp: fixed-point combinator").
+
+# --instructions--
+
+Визначте комбінаторну функцію Y без стану та використовуйте її для обчислення [factorial](https://en.wikipedia.org/wiki/Factorial "wp: factorial"). Функція `factorial(N)` вже дана. **Дивіться також:**
+
+<ul>
+  <li><a href="https://vimeo.com/45140590" target="_blank">Джим Вейріх: Пригоди у функціональному програмуванні</a>.</li>
+</ul>
+
+# --hints--
+
+Y повинен повернути функцію.
+
+```js
+assert.equal(typeof Y((f) => (n) => n), 'function');
+```
+
+factorial(1) повинен повернути 1.
+
+```js
+assert.equal(factorial(1), 1);
+```
+
+factorial(2) повинен повернути 2.
+
+```js
+assert.equal(factorial(2), 2);
+```
+
+factorial(3) повинен повернути 6.
+
+```js
+assert.equal(factorial(3), 6);
+```
+
+factorial(4) повинен повернути 24.
+
+```js
+assert.equal(factorial(4), 24);
+```
+
+factorial(10) повинен повернути 3628800.
+
+```js
+assert.equal(factorial(10), 3628800);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+var factorial = Y(f => n => (n > 1 ? n * f(n - 1) : 1));
+```
+
+## --seed-contents--
+
+```js
+function Y(f) {
+  return function() {
+
+  };
+}
+
+var factorial = Y(function(f) {
+  return function (n) {
+    return n > 1 ? n * f(n - 1) : 1;
+  };
+});
+```
+
+# --solutions--
+
+```js
+var Y = f => (x => x(x))(y => f(x => y(y)(x)));
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zeckendorf-number-representation.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zeckendorf-number-representation.md
new file mode 100644
index 0000000000..ef04be9560
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zeckendorf-number-representation.md
@@ -0,0 +1,205 @@
+---
+id: 594810f028c0303b75339ad6
+title: Подання Цекендорфа
+challengeType: 5
+forumTopicId: 302346
+dashedName: zeckendorf-number-representation
+---
+
+# --description--
+
+Так само як числа можуть бути представлені в позиційній нотації як суми кратних степенів десяти (десяткових) або двох (двійкових); всі додатні цілі числа можна єдиним чином представити у вигляді суми одного або декількох різних чисел Фібоначчі. Нагадаємо, що перші шість різних чисел Фібоначчі дорівнюють: `1, 2, 3, 5, 8, 13`.
+
+Десяткове число 11 можна записати як `0*13 + 1*8 + 0*5 + 1*3 + 0*2 + 0*1` або `010100` у позиційній нотації, де стовпці представляють множення на певний елемент послідовності. Початкові нулі упущено, тому десяткові числа стають `10100`. 10100 не єдиний спосіб утворити 11 з чисел Фібоначчі, однак`0*13 + 1*8 + 0*5 + 0*3 + 1*2 + 1*1` або 010011 також утворює число 11. Для справжнього числа Цекендорфа існує додаткова умова, при якій *не можна використовувати два послідовних числа Фібоначчі*, що призводить до попереднього унікального рішення.
+
+# --instructions--
+
+Напишіть функцію, яка створює і повертає подання Цекендорфа для чисел у вигляді `n`.
+
+# --hints--
+
+`zeckendorf` повинен бути функцією.
+
+```js
+assert.equal(typeof zeckendorf, 'function');
+```
+
+`zeckendorf(0)` має повернути `0`.
+
+```js
+assert.equal(zeckendorf(0), 0);
+
+```
+
+`zeckendorf(1)` має повернути `1`.
+
+```js
+assert.equal(zeckendorf(1), 1);
+```
+
+`zeckendorf(2)` має повернути `10`.
+
+```js
+assert.equal(zeckendorf(2), 10);
+```
+
+`zeckendorf(3)` має повернути `100`.
+
+```js
+assert.equal(zeckendorf(3), 100);
+```
+
+`zeckendorf(4)` має повернути `101`.
+
+```js
+assert.equal(zeckendorf(4), 101);
+```
+
+`zeckendorf(5)` має повернути `1000`.
+
+```js
+assert.equal(zeckendorf(5), 1000);
+```
+
+`zeckendorf(6)` має повернути `1001`.
+
+```js
+assert.equal(zeckendorf(6), 1001);
+```
+
+`zeckendorf(7)` має повернути `1010`.
+
+```js
+assert.equal(zeckendorf(7), 1010);
+```
+
+`zeckendorf(8)` має повернути `10000`.
+
+```js
+assert.equal(zeckendorf(8), 10000);
+```
+
+`zeckendorf(9)` має повернути `10001`.
+
+```js
+assert.equal(zeckendorf(9), 10001);
+```
+
+`zeckendorf(10)` має повернути `10010`.
+
+```js
+assert.equal(zeckendorf(10), 10010);
+```
+
+`zeckendorf(11)` має повернути `10100`.
+
+```js
+assert.equal(zeckendorf(11), 10100);
+```
+
+`zeckendorf(12)` має повернути `10101`.
+
+```js
+assert.equal(zeckendorf(12), 10101);
+```
+
+`zeckendorf(13)` має повернути `100000`.
+
+```js
+assert.equal(zeckendorf(13), 100000);
+```
+
+`zeckendorf(14)` має повернути `100001`.
+
+```js
+assert.equal(zeckendorf(14), 100001);
+```
+
+`zeckendorf(15)` має повернути `100010`.
+
+```js
+assert.equal(zeckendorf(15), 100010);
+```
+
+`zeckendorf(16)` має повернути `100100`.
+
+```js
+assert.equal(zeckendorf(16), 100100);
+```
+
+`zeckendorf(17)` має повернути `100101`.
+
+```js
+assert.equal(zeckendorf(17), 100101);
+```
+
+`zeckendorf(18)` має повернути `101000`.
+
+```js
+assert.equal(zeckendorf(18), 101000);
+```
+
+`zeckendorf(19)` має повернути `101001`.
+
+```js
+assert.equal(zeckendorf(19), 101001);
+```
+
+`zeckendorf(20)` має повернути `101010`.
+
+```js
+assert.equal(zeckendorf(20), 101010);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+function zeckendorf(n) {
+
+}
+```
+
+# --solutions--
+
+```js
+// zeckendorf :: Int -> Int
+function zeckendorf(n) {
+  const f = (m, x) => (m < x ? [m, 0] : [m - x, 1]);
+  return parseInt((n === 0 ? ([0]) :
+    mapAccumL(f, n, reverse(
+      tail(fibUntil(n))
+    ))[1]).join(''));
+}
+
+// fibUntil :: Int -> [Int]
+let fibUntil = n => {
+  const xs = [];
+  until(
+      ([a]) => a > n,
+      ([a, b]) => (xs.push(a), [b, a + b]), [1, 1]
+  );
+  return xs;
+};
+
+let mapAccumL = (f, acc, xs) => (
+  xs.reduce((a, x) => {
+    const pair = f(a[0], x);
+
+    return [pair[0], a[1].concat(pair[1])];
+  }, [acc, []])
+);
+
+let until = (p, f, x) => {
+  let v = x;
+  while (!p(v)) v = f(v);
+  return v;
+};
+
+const tail = xs => (
+   xs.length ? xs.slice(1) : undefined
+);
+
+const reverse = xs => xs.slice(0).reverse();
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.md
new file mode 100644
index 0000000000..c490a62599
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zhang-suen-thinning-algorithm.md
@@ -0,0 +1,320 @@
+---
+id: 594810f028c0303b75339ad7
+title: Алгоритм проріджування Чжан-Суна
+challengeType: 5
+forumTopicId: 302347
+dashedName: zhang-suen-thinning-algorithm
+---
+
+# --description--
+
+Це алгоритм, який використовується для проріджування чорно-білих зображень, тобто один біт на піксель зображення. Наприклад, із вхідним зображенням:
+
+```js
+const testImage1 = [
+ '                               ',
+ '#########       ########       ',
+ '###   ####     ####  ####      ',
+ '###    ###     ###    ###      ',
+ '###   ####     ###             ',
+ '#########      ###             ',
+ '### ####       ###    ###      ',
+ '###  ####  ### ####  #### ###  ',
+ '###   #### ###  ########  ###  ',
+ '                               '
+];
+```
+
+Отримуємо проріджений результат:
+
+```js
+[ '                               ',
+  '########         ######        ',
+  '#      #        ##             ',
+  '#       #       #              ',
+  '#      #        #              ',
+  '###### #        #              ',
+  '#     ##        #              ',
+  '#      #    #   ##    ##   #   ',
+  '#       #         ####         ',
+  '                               ' ];
+```
+
+## Алгоритм
+
+Припустимо, що чорні пікселі дорівнюють одиниці, а білі — нулю, а вхідне зображення — прямокутним масивом одиниць і нулів N на M. Алгоритм працює на всіх чорних пікселях P1, які мають вісім сусідніх пікселів. Сусідні пікселі впорядковані наступним чином:
+
+$$\begin{array}{|c|c|c|} \\hline P9 & P2              & P3\\\\ \\hline P8 & \boldsymbol{P1} & P4\\\\ \\hline P7 & P6              & P5\\\\ \\hline \end{array}$$
+
+Звичайно, що граничні пікселі зображення не можуть мати всі вісім сусідніх пікселів.
+
+- Визначаємо, що $A(P1)$ = кількість переходів від білого до чорного, ($ 0 \to 1 $) у послідовності P2, P3, P4, P5, P6, P7, P8, P9, P2. (Зверніть увагу на додатковий Р2 в кінці - він круговий).
+- Визначаємо, що $B(P1)$ = кількість сусідніх чорних пікселів P1. ($= \\суму(P2 \ P9)$)
+
+**Крок 1:**
+
+На цьому етапі визначаємо пікселі, що задовольняють всі наведені нижче умови (одночасно).
+
+1. Піксель чорний і має вісім сусідів
+2. $2 \le B(P1) \le 6$
+3. $A(P1) = 1$
+4. Принаймні один із $P2$, $P4$ та $P6$ є білим
+5. Принаймні один із $P4$, $P6$ та $P8$ є білим
+
+Після ітерації зображення та збору всіх пікселів, що задовольняють усі умови 1 кроку, усі ці пікселі замінюються на білі.
+
+**Крок 2:**
+
+Усі пікселі знову перевіряємо і на цьому етапі визначаємо пікселі, що задовольняють всі наведені нижче умови.
+
+1. Піксель чорний і має вісім сусідніх пікселів
+2. $2 \le B(P1) \le 6$
+3. $A(P1) = 1$
+4. Принаймні один із $P2$, $P4$ та $P8$ є білим
+5. Принаймні один із $P2$, $P6$ та $P8$ є білим
+
+Після ітерації зображення та збору всіх пікселів, що задовольняють усі умови 2 кроку, усі ці пікселі знову замінюються на білі.
+
+**Ітерація:**
+
+Якщо на етапі кроку 1 або кроку 2 були встановлені будь-які пікселі, усі кроки повторюються, поки усі пікселі зображення перестануть змінюватися таким чином.
+
+# --instructions--
+
+Напишіть процедуру, щоб виконати проріджування Чжан-Суна на наданому `image`, масиві рядків, де кожен рядок представляє один рядок зображення. У рядку `#` позначає чорний піксель, а пробіл — білий піксель. Функція повинна повернути проріджене зображення, використовуючи те саме вираження.
+
+# --hints--
+
+`thinImage` повинно бути функцією.
+
+```js
+assert.equal(typeof thinImage, 'function');
+```
+
+`thinImage` повинно бути масивом.
+
+```js
+assert(Array.isArray(thinImage(_testImage1)));
+```
+
+`thinImage` має повернути масив рядків.
+
+```js
+assert.equal(typeof thinImage(_testImage1)[0], 'string');
+```
+
+`thinImage(testImage1)` має повернути проріджене зображення, як у прикладі.
+
+```js
+assert.deepEqual(thinImage(_testImage1), expected1);
+```
+
+`thinImage(testImage2)` має повернути проріджене зображення.
+
+```js
+assert.deepEqual(thinImage(_testImage2), expected2);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const _testImage1 = [
+  '                               ',
+  '#########       ########       ',
+  '###   ####     ####  ####      ',
+  '###    ###     ###    ###      ',
+  '###   ####     ###             ',
+  '#########      ###             ',
+  '### ####       ###    ###      ',
+  '###  ####  ### ####  #### ###  ',
+  '###   #### ###  ########  ###  ',
+  '                               '
+];
+const expected1 = [
+  '                               ',
+  '########         ######        ',
+  '#      #        ##             ',
+  '#       #       #              ',
+  '#      #        #              ',
+  '###### #        #              ',
+  '#     ##        #              ',
+  '#      #    #   ##    ##   #   ',
+  '#       #         ####         ',
+  '                               '
+];
+const _testImage2 = [
+  '                                                          ',
+  ' #################                   #############        ',
+  ' ##################               ################        ',
+  ' ###################            ##################        ',
+  ' ########     #######          ###################        ',
+  '   ######     #######         #######       ######        ',
+  '   ######     #######        #######                      ',
+  '   #################         #######                      ',
+  '   ################          #######                      ',
+  '   #################         #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######        #######                      ',
+  '   ######     #######         #######       ######        ',
+  ' ########     #######          ###################        ',
+  ' ########     ####### ######    ################## ###### ',
+  ' ########     ####### ######      ################ ###### ',
+  ' ########     ####### ######         ############# ###### ',
+  '                                                          '];
+const expected2 = [
+  '                                                          ',
+  '                                                          ',
+  '    # ##########                       #######            ',
+  '     ##        #                   ####       #           ',
+  '     #          #                 ##                      ',
+  '     #          #                #                        ',
+  '     #          #                #                        ',
+  '     #          #                #                        ',
+  '     ############               #                         ',
+  '     #          #               #                         ',
+  '     #          #                #                        ',
+  '     #          #                #                        ',
+  '     #          #                #                        ',
+  '     #                            ##                      ',
+  '     #                             ############           ',
+  '                       ###                          ###   ',
+  '                                                          ',
+  '                                                          '
+];
+```
+
+## --seed-contents--
+
+```js
+function thinImage(image) {
+
+}
+
+const testImage1 = [
+  '                               ',
+  '#########       ########       ',
+  '###   ####     ####  ####      ',
+  '###    ###     ###    ###      ',
+  '###   ####     ###             ',
+  '#########      ###             ',
+  '### ####       ###    ###      ',
+  '###  ####  ### ####  #### ###  ',
+  '###   #### ###  ########  ###  ',
+  '                               '
+];
+```
+
+# --solutions--
+
+```js
+function Point(x, y) {
+  this.x = x;
+  this.y = y;
+}
+
+const ZhangSuen = (function () {
+  function ZhangSuen() {
+  }
+
+  ZhangSuen.nbrs = [[0, -1], [1, -1], [1, 0], [1, 1], [0, 1], [-1, 1], [-1, 0], [-1, -1], [0, -1]];
+
+  ZhangSuen.nbrGroups = [[[0, 2, 4], [2, 4, 6]], [[0, 2, 6], [0, 4, 6]]];
+
+  ZhangSuen.toWhite = [];
+
+  ZhangSuen.main = function (image) {
+    ZhangSuen.grid = new Array(image);
+    for (let r = 0; r < image.length; r++) {
+      ZhangSuen.grid[r] = image[r].split('');
+    }
+    ZhangSuen.thinImage();
+    return ZhangSuen.getResult();
+  };
+
+  ZhangSuen.thinImage = function () {
+    let firstStep = false;
+    let hasChanged;
+    do {
+      hasChanged = false;
+      firstStep = !firstStep;
+      for (let r = 1; r < ZhangSuen.grid.length - 1; r++) {
+        for (let c = 1; c < ZhangSuen.grid[0].length - 1; c++) {
+          if (ZhangSuen.grid[r][c] !== '#') {
+            continue;
+          }
+          const nn = ZhangSuen.numNeighbors(r, c);
+          if (nn < 2 || nn > 6) {
+            continue;
+          }
+          if (ZhangSuen.numTransitions(r, c) !== 1) {
+            continue;
+          }
+          if (!ZhangSuen.atLeastOneIsWhite(r, c, firstStep ? 0 : 1)) {
+            continue;
+          }
+          ZhangSuen.toWhite.push(new Point(c, r));
+          hasChanged = true;
+        }
+      }
+      for (let i = 0; i < ZhangSuen.toWhite.length; i++) {
+        const p = ZhangSuen.toWhite[i];
+        ZhangSuen.grid[p.y][p.x] = ' ';
+      }
+      ZhangSuen.toWhite = [];
+    } while ((firstStep || hasChanged));
+  };
+
+  ZhangSuen.numNeighbors = function (r, c) {
+    let count = 0;
+    for (let i = 0; i < ZhangSuen.nbrs.length - 1; i++) {
+      if (ZhangSuen.grid[r + ZhangSuen.nbrs[i][1]][c + ZhangSuen.nbrs[i][0]] === '#') {
+        count++;
+      }
+    }
+    return count;
+  };
+
+  ZhangSuen.numTransitions = function (r, c) {
+    let count = 0;
+    for (let i = 0; i < ZhangSuen.nbrs.length - 1; i++) {
+      if (ZhangSuen.grid[r + ZhangSuen.nbrs[i][1]][c + ZhangSuen.nbrs[i][0]] === ' ') {
+        if (ZhangSuen.grid[r + ZhangSuen.nbrs[i + 1][1]][c + ZhangSuen.nbrs[i + 1][0]] === '#') {
+          count++;
+        }
+      }
+    }
+    return count;
+  };
+
+  ZhangSuen.atLeastOneIsWhite = function (r, c, step) {
+    let count = 0;
+    const group = ZhangSuen.nbrGroups[step];
+    for (let i = 0; i < 2; i++) {
+      for (let j = 0; j < group[i].length; j++) {
+        const nbr = ZhangSuen.nbrs[group[i][j]];
+        if (ZhangSuen.grid[r + nbr[1]][c + nbr[0]] === ' ') {
+          count++;
+          break;
+        }
+      }
+    }
+    return count > 1;
+  };
+
+  ZhangSuen.getResult = function () {
+    const result = [];
+    for (let i = 0; i < ZhangSuen.grid.length; i++) {
+      const row = ZhangSuen.grid[i].join('');
+      result.push(row);
+    }
+    return result;
+  };
+  return ZhangSuen;
+}());
+
+function thinImage(image) {
+  return ZhangSuen.main(image);
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zig-zag-matrix.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zig-zag-matrix.md
new file mode 100644
index 0000000000..de979ec418
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/rosetta-code/zig-zag-matrix.md
@@ -0,0 +1,117 @@
+---
+id: 594810f028c0303b75339ad8
+title: Зигзагоподібна матриця
+challengeType: 5
+forumTopicId: 302348
+dashedName: zig-zag-matrix
+---
+
+# --description--
+
+"Зигзагоподібний" масив — це квадратне розташування перших $N^2$ цілих чисел, де числа послідовно збільшуються, коли ви рухаєтесь зигзагоподібно по антидіагоналі[ масиву](https://en.wiktionary.org/wiki/antidiagonal).
+
+Наприклад, для введення `5` такий результат має згенеруватися:
+
+<pre>
+ 0  1  5  6 14
+ 2  4  7 13 15
+ 3  8 12 16 21
+ 9 11 17 20 22
+10 18 19 23 24
+</pre>
+
+# --instructions--
+
+Напишіть функцію, яка приймає розмір зигзагоподібної матриці та повертає відповідну матрицю як двовимірний масив.
+
+# --hints--
+
+Зигзагоподібна матриця має бути функцією.
+
+```js
+assert.equal(typeof ZigZagMatrix, 'function');
+```
+
+Зигзагоподібна матриця повинна повернути масив.
+
+```js
+assert.equal(typeof ZigZagMatrix(1), 'object');
+```
+
+Зигзагоподібна матриця повинна повернути масив вкладених масивів.
+
+```js
+assert.equal(typeof ZigZagMatrix(1)[0], 'object');
+```
+
+Зигзагоподібна матриця повинна повернути \[[0]].
+
+```js
+assert.deepEqual(ZigZagMatrix(1), zm1);
+```
+
+Зигзагоподібна матриця(2) повинна повернути \[[0, 1], [2, 3]].
+
+```js
+assert.deepEqual(ZigZagMatrix(2), zm2);
+```
+
+Зигзагоподібна матриця(5) повинна повернути задану матрицю.
+
+```js
+assert.deepEqual(ZigZagMatrix(5), zm5);
+```
+
+# --seed--
+
+## --after-user-code--
+
+```js
+const zm1 = [[0]];
+const zm2 = [[0, 1], [2, 3]];
+const zm5 = [
+  [0, 1, 5, 6, 14],
+  [2, 4, 7, 13, 15],
+  [3, 8, 12, 16, 21],
+  [9, 11, 17, 20, 22],
+  [10, 18, 19, 23, 24]
+];
+```
+
+## --seed-contents--
+
+```js
+function ZigZagMatrix(n) {
+
+  return [[], []];
+}
+```
+
+# --solutions--
+
+```js
+function ZigZagMatrix(n) {
+  const mtx = [];
+  for (let i = 0; i < n; i++) {
+    mtx[i] = [];
+  }
+
+  let i = 1;
+  let j = 1;
+  for (let e = 0; e < n * n; e++) {
+    mtx[i - 1][j - 1] = e;
+    if ((i + j) % 2 === 0) {
+      // Even stripes
+      if (j < n) j++;
+      else i += 2;
+      if (i > 1) i--;
+    } else {
+      // Odd stripes
+      if (i < n) i++;
+      else j += 2;
+      if (j > 1) j--;
+    }
+  }
+  return mtx;
+}
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.md
new file mode 100644
index 0000000000..6d9288bab8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-camper-leaderboard.md
@@ -0,0 +1,31 @@
+---
+id: bd7156d8c242eddfaeb5bd13
+title: Створіть головну сторінку для форуму freeCodeCamp
+challengeType: 3
+forumTopicId: 302349
+dashedName: build-a-freecodecamp-forum-homepage
+---
+
+# --description--
+
+** Ціль: ** Створити застосунок в [ CodePen.io](https://codepen.io), який функціонально схожий до даного: <https://codepen.io/freeCodeCamp/full/JqdoMV>.
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+** Історія користувача: ** Я можу бачити список найактуальніших дописів на freeCodeCamp forum.
+
+**Історія користувача:** До кожної теми я можу побачити заголовок та список посилань на сторінки користувачів, які нещодавно зробили публікацію в ній.
+
+**Історія користувача:** Я можу бачити кількість відповідей та переглядів, які має кожна тема, а також часову мітку, коли востаннє тема була активною.
+
+**Підказка: ** Щоб отримати 30 найактуальніших дописів форуму: <https://forum-proxy.freecodecamp.rocks/latest>.
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md
new file mode 100644
index 0000000000..6971051e0c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md
@@ -0,0 +1,37 @@
+---
+id: 5a5d02bd919fcf9ca8cf46cb
+title: Створіть додаток Light-Bright
+challengeType: 3
+forumTopicId: 302350
+dashedName: build-a-light-bright-app
+---
+
+# --description--
+
+**Ціль:** Створити застосунок в [CodePen.io](https://codepen.io), який функціонально схожий до даного: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
+
+**Правило #1: ** Не дивіться на зразок коду проєкту. Визначте його самі.
+
+**Правило #2: **Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+** Історія користувача: ** Я можу натискати чи перетягувати курсор миші, щоб зафарбувати кружечки.
+
+** Історія користувача:** При подвійному натисканні на зафарбований кружечок я можу видалити колір.
+
+**Історія користувача: ** Я можу натиснути на зафарбований кружечок, щоб змінити його колір.
+
+** Історія користувача: ** Мені потрібно отримати кружечок іншого кольору при кожному натисканні.
+
+** Історія користувача: ** Я можу натиснути на кнопку "Скинути", щоб видалити останній колір.
+
+** Історія користувача: ** Я можу натиснути на кнопку "Скинути все", щоб видалити кольори з усіх зафарбованих кружечків.
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.md
new file mode 100644
index 0000000000..c322bb2e72
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-nightlife-coordination-app.md
@@ -0,0 +1,31 @@
+---
+id: bd7158d8c443eddfaeb5bdff
+title: Створіть додаток для координації нічного життя
+challengeType: 4
+forumTopicId: 302351
+dashedName: build-a-nightlife-coordination-app
+---
+
+# --description--
+
+Створіть full stack додаток на JavaScript, який функціонально схожий на цей: <https://yoyo44.herokuapp.com/>. Використовуйте конструктор сайтів на ваш розсуд для завершення проєкту.
+
+Тут наведено конкретні історії користувача, які варто імплементувати в даний проєкт:
+
+**Історія користувача:** Як неавторизований користувач ви можете подивитися всі бари неподалік.
+
+**Історія користувача:** Як неавторизований користувач ви можете додати себе в бар, щоб вказати, що ви збираєтесь туди увечері.
+
+**Історія користувача:** Як неавторизований користувач ви можете видалити себе з бару, якщо ви більше не хочете туди піти.
+
+**Історія користувача:** Як неавторизований користувач, коли ви входите в систему, вам не треба виконувати пошук знову.
+
+**Підказка:** Спробуйте використати [Yelp API](https://www.yelp.com/developers/documentation/v3), щоб знайти місця проведення заходів, які шукають ваші користувачі. Якщо ви використовуєте Yelp API, не забудьте вказати це у вашому додатку.
+
+Коли ви завершили, переконайтеся, що демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`. За бажанням також введіть посилання на вихідний код проєкту у полі `GitHub Link`.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pinterest-clone.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pinterest-clone.md
new file mode 100644
index 0000000000..59f1680e14
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pinterest-clone.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdee
+title: Cтворіть копію Pinterest
+challengeType: 4
+forumTopicId: 302352
+dashedName: build-a-pinterest-clone
+---
+
+# --description--
+
+** Ціль: ** Створити [ Replit](https://replit.com/) застосунок, який функціонально схожий на цей: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Як неавторизований користувач, я можу увійти за допомогою GitHub.
+
+** Історія користувача: ** Як авторизований користувач, я можу посилатися на зображення.
+
+** Історія користувача: ** Як авторизований користувач, я можу видаляти зображення на які я розміщував посилання.
+
+**Історія користувача: ** Як авторизований користувач, я можу бачити стінку в стилі Pinterest з усіма зображеннями, на які я посилався.
+
+**Історія користувача:** Як неавторизований користувач, я можу переглядати стінки з зображеннями інших користувачів.
+
+**Історія користувача:** Як авторизований користувач, якщо я завантажу неробоче зображення, то отримаю в результаті його заміну на зображення-заповнювач. (Ви можете скористатися детектором зламаних зображень jQuery)
+
+**Підказка: **[Masonry.js](https://masonry.desandro.com/) - це бібліотека, яка дозволяє створювати сітки зображень у стилі Pinterest.
+
+Як тільки ви завершите імплементацію цих історій користувача, введіть URL-адресу вашого онлайн додатку і, за бажанням, вашого GitHub репозиторію. Тоді натисніть кнопку "Я завершив це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pong-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pong-game.md
new file mode 100644
index 0000000000..ce973e97f0
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-pong-game.md
@@ -0,0 +1,33 @@
+---
+id: 5a4b7fcdb66f799f199e11db
+title: Створіть гру Pong
+challengeType: 3
+forumTopicId: 302353
+dashedName: build-a-pong-game
+---
+
+# --description--
+
+** Ціль:** Створіть [CodePen.io ](https://codepen.io)застосунок, який функціонально схожий на цей: <https://codepen.io/satyamdev/full/pdMmBp>.
+
+**Правило #1: ** Не дивіться на зразок коду проєкту. Визначте його самі.
+
+**Правило #2: **Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу керувати ігровою лопаткою.
+
+** Історія користувача:** Комп'ютер може керувати іншою ігровою лопаткою.
+
+**Історія користувача:** Контролер комп'ютера непереможний. Він в жодному випадку не повинен пропустити м'яч.
+
+**Історія користувача:** Гра відстежує рахунок гравця та комп'ютера.
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-recipe-box.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-recipe-box.md
new file mode 100644
index 0000000000..2ad461255d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-recipe-box.md
@@ -0,0 +1,37 @@
+---
+id: bd7155d8c242eddfaeb5bd13
+title: Створіть збірник рецептів
+challengeType: 3
+forumTopicId: 302354
+dashedName: build-a-recipe-box
+---
+
+# --description--
+
+**Ціль:**Створити на сайті [CodePen.io](https://codepen.io) застосунок, який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу створювати рецепти, в яких є назви та інгредієнти.
+
+**Історія користувача:** Я можу побачити показ індексів, де видно назви всіх рецептів.
+
+**Історія користувача:** Я можу натиснути на будь-який з цих рецептів для його перегляду.
+
+**Історія користувача:** Я можу редагувати ці рецепти.
+
+**Історія користувача: ** Я можу видаляти ці рецепти.
+
+**Історія користувача:** Всі нові рецепти, які я додаю, зберігаються в локальному сховищі браузера. Якщо я оновлю сторінку, ці рецепти все ще будуть там.
+
+**Підказка:** Вам слід вказувати префікс локальних ключів зберігання на CodePen, а саме - `_username_recipes`
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.md
new file mode 100644
index 0000000000..016f5c7a84
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-roguelike-dungeon-crawler-game.md
@@ -0,0 +1,41 @@
+---
+id: bd7153d8c242eddfaeb5bd13
+title: Створіть гру Roguelike Dungeon Crawler
+challengeType: 3
+forumTopicId: 302355
+dashedName: build-a-roguelike-dungeon-crawler-game
+---
+
+# --description--
+
+**Ціль:** Створіть [CodePen.io](https://codepen.io) застосунок, який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/apLXEJ/>.
+
+Виконайте наведені нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні Вам бібліотеки або API. Виконайте завдання у власному стилі.
+
+**Історія користувача:** у мене є здоров'я, рівень і зброя. Я можу підібрати кращу зброю. Я можу підбирати ліки.
+
+**Історія користувача:** Усі предмети та вороги розташовані на карті навмання.
+
+**Історія користувача:** Я можу пересуватися по карті, натикаючись на об'єкти.
+
+**Історія користувача:** Я можу скрізь ходити у межах кордонів карти, але не можу оминути ворога, доки його не здолаю.
+
+**Історія користувача:** Значна територія карти прихована. Коли я рухаюсь, мені відкривається новий простір, доступний на певній відстані від мене.
+
+**Історія користувача:** Коли я вбиваю ворога, він зникає і мені нараховуються очки досвіду, необхідні для підвищення рівня.
+
+**Історія користувача:** У поєдинку з ворогом ми по черзі завдаємо удар один одному, доки хтось з нас не програє. Сила моєї атаки залежить від мого рівня та виду зброї. Сила атаки ворога залежить від його рівня. Сила шкоди визначається випадково у межах певного діапазону.
+
+**Історія користувача:** Дійшовши до боса та здолавши його, я одержую перемогу.
+
+**Історія користувача:** Гра має бути складною, але залишати шанс на перемогу.
+
+Після виконання завдання, прикріпіть посилання на Ваш проєкт на CodePen і натисніть на кнопку "Я виконав(ла) це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-simon-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-simon-game.md
new file mode 100644
index 0000000000..3df35e56a9
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-simon-game.md
@@ -0,0 +1,41 @@
+---
+id: bd7158d8c442eddfaeb5bd1c
+title: Розробіть гру "Саймон"
+challengeType: 3
+forumTopicId: 302357
+dashedName: build-a-simon-game
+---
+
+# --description--
+
+**Мета:** Створіть [CodePen.io](https://codepen.io) додаток, який схожий за функціональністю до цього: [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/freeCodeCamp/full/obYBjE).
+
+Виконайте наведене нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки або API. Оформіть за вашим власним стилем.
+
+**Історія користувача:** Я починаю випадковим чином натискати на кнопки.
+
+**Історія користувача:** Кожен раз коли я у правильній послідовності натискаю на кнопки, то бачу число з кількістю виконаних натисків, але з додатковим кроком.
+
+**Історія користувача:** Я чую звуки кожної кнопки, коли у грі працює певна їхня послідовність і тоді, коли я сам натискаю на кнопку.
+
+**Історія користувача: ** Якщо я натискаю на хибну кнопку, то я це помічаю і дана послідовність натиснутих кнопок починає знову нагадувати мені найпершу із них, тому я можу спробувати зіграти знову.
+
+**Історія користувача:** Я можу побачити скільки кроків є в даній послідовності натиснутих кнопок.
+
+**Історія користувача:** Якщо я захочу зіграти наново, то я можу натиснути кнопку, яка за це відповідає і тоді гра поверне мене до першого кроку.
+
+**Історія користувача:** Я можу грати у строгому режимі, там де при моєму натиснені на хибну клавішу, програма повідомляє мені, що я помилився і гра починається заново з іншою послідовністю натиснутих кнопок.
+
+**Історія користувача:** Я можу виграти гру, набравши 20 правильних послідовних кроків. Мене повідомляють про мою перемогу і тоді гра починається спочатку.
+
+**Підказка:** Тут є mp3 файли, які ви можете використати для кожної кнопки: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`.
+
+Коли ви закінчите, прикріпіть посилання до вашого проєкту на CodePen і натисніть кнопку: "я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.md
new file mode 100644
index 0000000000..f3116e2782
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-tic-tac-toe-game.md
@@ -0,0 +1,29 @@
+---
+id: bd7158d8c442eedfaeb5bd1c
+title: Створіть гру Хрестики-нулики
+challengeType: 3
+forumTopicId: 302358
+dashedName: build-a-tic-tac-toe-game
+---
+
+# --description--
+
+**Ціль:** Створити застосунок[ CodePen.io, ](https://codepen.io) який функціонально схожий на цей [ https://codepen.io/freeCodeCamp/full/KzXQgy/](https://codepen.io/freeCodeCamp/full/KzXQgy/).
+
+Заповніть, як нижче наведено, [ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу грати в Хрестики-нулики за допомогою комп'ютера.
+
+**Історія користувача:** Моя гра по закінченню буде скинута, тож я зможу грати з самого початку.
+
+**Історія користувача:** Я можу робити вибір, чи я хочу грати як X чи O.
+
+Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі - [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-voting-app.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-voting-app.md
new file mode 100644
index 0000000000..a368ef3799
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-voting-app.md
@@ -0,0 +1,37 @@
+---
+id: bd7158d8c443eddfaeb5bdef
+title: Створіть додаток для голосування
+challengeType: 4
+forumTopicId: 302359
+dashedName: build-a-voting-app
+---
+
+# --description--
+
+Створіть повний пакет Javascript додатку, який функціонально схожий до даного:[ https://voting-app.freecodecamp.rocks ](https://voting-app.freecodecamp.rocks/). Для виконання проєкту користуйтеся конструктором сайтів на ваш власний вибір.
+
+Тут наведено конкретні історії користувача, які варто імплементувати в даний проєкт:
+
+**Історія користувача:** Як авторизований користувач, ви можете зберігати свої опитування та повертатися до них пізніше.
+
+** Історія користувача:** Як авторизований користувач, ви можете ділитися опитуваннями з своїми друзями.
+
+**Історія користувача: ** Як авторизований користувач, ви можете бачити сукупні результати своїх опитувань.
+
+**Історія користувача:** Як авторизований користувач, ви можете видаляти опитування, які більше для вас не є актуальними.
+
+**Історія користувача: **Як авторизований користувач, ви можете створювати опитування з будь-якою кількістю можливих елементів.
+
+**Історія користувача:** Як неавторизований чи авторизований користувач, ви можете бачити та приймати участь в опитуваннях інших користувачів.
+
+**Історія користувача: **Як неавторизований чи авторизований користувач, ви можете бачити результати опитування у формі діаграми. (Це може бути реалізовано за допомогою Chart.js або Google Charts.)
+
+**Історія користувача: **Як авторизований користувач, ви можете створити нову опцію в опитуванні, якщо вам не подобаються наявні.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`. За бажанням, також можете ввести посилання на вихідний код вашого проєкту в полі`GitHub Link`.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.md
new file mode 100644
index 0000000000..b210e3440e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-a-wikipedia-viewer.md
@@ -0,0 +1,33 @@
+---
+id: bd7158d8c442eddfaeb5bd19
+title: Створіть переглядач Вікіпедії
+challengeType: 3
+forumTopicId: 302360
+dashedName: build-a-wikipedia-viewer
+---
+
+# --description--
+
+**Ціль: ** Створіть застосунок[ CodePen.io](https://codepen.io), який функціонально схожий на даний: [ https://codepen.io/freeCodeCamp/full/wGqEga/](https://codepen.io/freeCodeCamp/full/wGqEga/).
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу здійснювати пошук у Вікіпедії за допомогою пошукового поля та бачити статті, що відповідають запиту.
+
+**Історія користувача:** Я можу натиснути кнопку, щоб побачити випадковий запис у Вікіпедії.
+
+Підказка #1: Ось URL-адреса, яку ви можете використовувати для отримання випадкової статті з Вікіпедії: `https://en.wikipedia.org/wiki/Special:Random`.
+
+Підказка #2: Ось матеріал на тему використання API (прикладного програмного інтерфейсу) Вікіпедії: `https://www.mediawiki.org/wiki/API:Main_page`.
+
+Підказка #3: Використовуйте це [посилання](https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm), щоб поекспериментувати з API Вікіпедії.
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.md
new file mode 100644
index 0000000000..03635f25f1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-an-image-search-abstraction-layer.md
@@ -0,0 +1,27 @@
+---
+id: bd7158d8c443edefaeb5bdee
+title: Створення шару абстракції для пошуку зображень
+challengeType: 4
+forumTopicId: 302361
+dashedName: build-an-image-search-abstraction-layer
+---
+
+# --description--
+
+Створіть full stack додаток, що дозволяє шукати зображення, як тут: <https://image-search-abstraction-layer.freecodecamp.rocks/query/lolcats%20funny?page=10> і завантажувати останні пошукові запити, як тут: <https://image-search-abstraction-layer.freecodecamp.rocks/recent/>. Використовуйте конструктор сайтів на ваш розсуд для завершення проєкту.
+
+Тут наведено конкретні історії користувача, які варто реалізувати в даному проєкті:
+
+**Історія користувача:** Ви можете отримати посилання на зображення, опис та посилання на сторінки для набору зображень, що стосуються заданого пошукового рядка.
+
+**Історія користувача:** Ви можете нумерувати відповіді, додавши до посилання параметр `?page=2`.
+
+**Історія користувача:** Ви можете отримати список останніх пошукових рядків.
+
+Коли ви завершили, переконайтеся, що демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту в поле `Solution Link`. За бажанням, також можете ввести посилання на вихідний код вашого проєкту в полі`GitHub Link`.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-the-game-of-life.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-the-game-of-life.md
new file mode 100644
index 0000000000..a8b8d7bf0d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/build-the-game-of-life.md
@@ -0,0 +1,39 @@
+---
+id: bd7154d8c242eddfaeb5bd13
+title: Створіть гру Життя
+challengeType: 3
+forumTopicId: 302362
+dashedName: build-the-game-of-life
+---
+
+# --description--
+
+**Ціль:** Створіть [ CodePen.io ](https://codepen.io) застосунок, який функціонально схожий на цей: [ https://codepen.io/freeCodeCamp/full/BpwMZv/](https://codepen.io/freeCodeCamp/full/BpwMZv/).
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Коли я вперше заходжу в гру, вона випадково створить площину і почне гру.
+
+**Історія користувача:** Я можу запустити і зупинити площину.
+
+**Історія користувача:** Я можу розставити початкову конфігурацію на площині.
+
+**Історія користувача:** Я можу очистити площину.
+
+**Історія користувача:** Коли я натисну кнопку "Старт", гра почне розвиватись.
+
+**Історія користувача:** Щоразу, як площина змінюється, я можу подивитися, скільки поколінь минуло.
+
+**Підказка:** Ось пояснення гри "Життя" Джона Конвея від нього самого: <https://www.youtube.com/watch?v=E8kUJL04ELA>
+
+**Підказка:** Ось огляд гри "Життя" Конвея з правилами для довідки: [https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
+
+Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/chart-the-stock-market.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/chart-the-stock-market.md
new file mode 100644
index 0000000000..21d2813473
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/chart-the-stock-market.md
@@ -0,0 +1,29 @@
+---
+id: bd7158d8c443eddfaeb5bd0e
+title: Створюйте діаграму фондової біржі
+challengeType: 4
+forumTopicId: 302363
+dashedName: chart-the-stock-market
+---
+
+# --description--
+
+Створіть повний пакет додатку JavaScript, який функціонально схожий на цей: <https://chart-the-stock-market.freecodecamp.rocks/>. Для виконання проєкту користуйтеся конструктором сайтів на ваш власний вибір.
+
+Тут наведено конкретні історії користувача, які варто імплементувати в даний проєкт:
+
+**Історія користувача:** Ви можете переглянути графік, що відображає останні лінії трендів на кожні додані акції.
+
+**Історія користувача:** Ви можете додати нові акції за назвою їх символу.
+
+**Історія користувача:** Ви можете видалити акції.
+
+**Історія користувача:** Ви можете бачити зміни в режимі реального часу, коли будь-який інший користувач додає або видаляє акції. Для цього вам потрібно буде використовувати Web Sockets.
+
+Коли ви завершили, переконайтеся, що ця демоверсія вашого проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту в полі `Solution Link`. За бажанням, також можете ввести посилання на вихідний код вашого проєкту в полі `GitHub Link`.
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/manage-a-book-trading-club.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/manage-a-book-trading-club.md
new file mode 100644
index 0000000000..96effef223
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/manage-a-book-trading-club.md
@@ -0,0 +1,35 @@
+---
+id: bd7158d8c443eddfaeb5bd0f
+title: Керуйте клубом книжкової торгівлі
+challengeType: 4
+forumTopicId: 302364
+dashedName: manage-a-book-trading-club
+---
+
+# --description--
+
+**Ціль:** Створити застосунок на [Replit ](https://replit.com/), який функціонально схожий на цей: <https://manage-a-book-trading-club.freecodecamp.rocks/>.</p> 
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу переглядати всі книги, опубліковані кожним користувачем.
+
+**Історія користувача:** Я можу додати нову книгу.
+
+**Історія користувача:** Я можу оновити свої параметри, щоб зберегти своє повне ім'я, місто та країну.
+
+**Історія користувача:** Я можу запропонувати угоду та чекати, коли інший користувач прийме пропозицію.
+
+Як тільки ви закінчите реалізацію цих історій користувача, введіть URL-адресу вашого онлайн додатку і, за бажанням, вашого GitHub репозиторію. Тоді натисніть кнопку "Я завершив це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+
+
+# --solutions--
+
+
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/map-data-across-the-globe.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/map-data-across-the-globe.md
new file mode 100644
index 0000000000..a0024b992c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/map-data-across-the-globe.md
@@ -0,0 +1,31 @@
+---
+id: bd7108d8c242eddfaeb5bd13
+title: Картографічні дані з усього світу
+challengeType: 3
+forumTopicId: 302365
+dashedName: map-data-across-the-globe
+---
+
+# --description--
+
+**Ціль: **Створити застосунок на [CodePen.io](https://codepen.io), який функціонально схожий на цей:<https://codepen.io/freeCodeCamp/full/mVEJag>.
+
+Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу побачити на карті світу де приземлились всі метеорити.
+
+**Історія користувача:** Я можу сказати приблизний розмір метеорита, просто глянувши на те яким він зображений на карті.
+
+**Історія користувача:** Я можу наводити курсор на точку знаходження метеорита для отримання додаткової інформації.
+
+**Підказка:** Ось набір даних, які ви можете використовувати для побудови проєкту: <https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json>
+
+Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/p2p-video-chat-application.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/p2p-video-chat-application.md
new file mode 100644
index 0000000000..8d0fde91d3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/p2p-video-chat-application.md
@@ -0,0 +1,41 @@
+---
+id: bd7150d8c442eddfafb5bd1c
+title: Програма відеочату P2P
+challengeType: 4
+forumTopicId: 302366
+dashedName: p2p-video-chat-application
+---
+
+# --description--
+
+**Мета:** Створити [Replit](https://replit.com/) додаток, який за функціями подібний до цього [ -video-chat-application.freecodecamp.rocks/](https://p2p-video-chat-application.freecodecamp.rocks/).
+
+Заповніть подані нижче [ історії користувачів](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки чи прикладні програмні інтерфейси. Продемонструйте свій власний неповторний стиль.
+
+**Історія користувача:** При поверненні, браузер запропонує мені доступ до камери та мікрофона.
+
+**Історія користувача:** Після того, як я надам дозвіл, мені потрібно ввести назву кімнати.
+
+**Історія користувача:** Після введення ім'я, кімната буде створена, якщо раніше не існувало кімнати з тим же ім'ям.
+
+**Історія користувача:** Мій друг зможе згодом перейти на той самий вебсайт, ввести назву тієї самої кімнати, приєднатися до неї та тоді долучитися до відеочату зі мною.
+
+**Історія користувача:** Якщо я введу ім'я кімнати, і у цій кімнаті уже є двоє людей, я отримую сповіщення про те, що кімната заповнена.
+
+**Історія користувача:** Будь-хто може створити або приєднатися до будь-якої кімнати. І кількість кімнат необмежена, але всі вони повинні мати унікальні назви.
+
+**Історія користувача:** Я можу заборонити сайту доступ до мого мікрофона та вебкамера. Якщо я забороню доступ або виникне якась проблема, я побачу сповіщення про те, що це необхідно.
+
+**Історія користувача:** Коли я виберу скасувати крок вводу даних кімнати або замість ім'я введу пропуски, мене знову попросять ввести коректне ім'я кімнати.
+
+**Історія користувача:** Якщо одна із двох осіб у кімнаті від’єднається, вони можуть відновити зв'язок у тій самій кімнаті та продовжити спілкування.
+
+Як тільки ви виконаєте ці історії користувачів, введіть URL-адресу вашого онлайн додатку і, за можливості, вашого GitHub репозиторію. Тоді натисніть кнопку "Завдання виконано".
+
+Ви можете отримати відгук про ваш проект, поділившись ним на форумі freeCodeCamp [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.md
new file mode 100644
index 0000000000..ef84e850b7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-national-contiguity-with-a-force-directed-graph.md
@@ -0,0 +1,31 @@
+---
+id: bd7198d8c242eddfaeb5bd13
+title: Показати національну спільність за допомогою орієнтованого графу
+challengeType: 3
+forumTopicId: 302367
+dashedName: show-national-contiguity-with-a-force-directed-graph
+---
+
+# --description--
+
+**Мета:** створити додаток [CodePen.io](https://codepen.io), який своїми функціями схожий на цей: <https://codepen.io/freeCodeCamp/full/xVopBo>.
+
+Виконайте наступні [історії користувачів](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки чи прикладні програмні інтерфейси. Продемонструйте свій власний неповторний стиль.
+
+**Історія користувача:** я бачу орієнтований граф, створений силовими алгоритмами, який показує, які країни мають спільні кордони.
+
+**Історія користувача:** Я можу бачити прапор кожної країни на її вузлі.
+
+**Підказка:** Ось набір даних, які ви можете використовувати під час виконання проєкту: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
+
+**Підказка:** Ви можете створити спрайт-аркуші національних прапорів тут: <https://www.flag-sprites.com>.
+
+Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-the-local-weather.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-the-local-weather.md
new file mode 100644
index 0000000000..e751bf12e5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/show-the-local-weather.md
@@ -0,0 +1,33 @@
+---
+id: bd7158d8c442eddfaeb5bd10
+title: Показати місцеву погоду
+challengeType: 3
+forumTopicId: 302368
+dashedName: show-the-local-weather
+---
+
+# --description--
+
+**Мета:** Створити [CodePen.io](https://codepen.io) додаток, який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/bELRjV>.
+
+**Правило #1:** Не дивіться на приклад коду проєкту. Визначте його самі.
+
+**Правило #2:** Виконайте відповідно наведені нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.
+
+**Історія користувача:** Я можу побачити погоду у своєму поточному місцеперебуванні.
+
+**User Story:** Я можу бачити іншу піктограму або інше фонове зображення (наприклад, засніжена гора, спекотна пустеля) залежно від погоди.
+
+**Історія користувача:** Я можу натиснути кнопку для перемикання між Фаренгейтом та Цельсієм.
+
+**Примітка:** Тепер багато інтернет-браузерів вимагають безпечне HTTP з'єднання (`https://`), щоб отримати місцеперебування користувача через геолокацію HTML5. Через це ми рекомендуємо використовувати геолокацію HTML5 для того, щоб отримати локацію користувача, а потім використовувати freeCodeCam API погоди <https://weather-proxy.freecodecamp.rocks/>, який використовує безпечне з'єднання HTTP для погоди. Крім цього, упевніться, що з'єднання з [CodePen.io](https://codepen.io) відбувається через `https://`.
+
+Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі freeCodeCamp [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/use-the-twitch-json-api.md b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/use-the-twitch-json-api.md
new file mode 100644
index 0000000000..4d84a540c1
--- /dev/null
+++ b/curriculum/challenges/ukrainian/10-coding-interview-prep/take-home-projects/use-the-twitch-json-api.md
@@ -0,0 +1,35 @@
+---
+id: bd7158d8c442eddfaeb5bd1f
+title: Використання Twitch JSON API
+challengeType: 3
+forumTopicId: 19541
+dashedName: use-the-twitch-json-api
+---
+
+# --description--
+
+**Мета:** Створити додаток [CodePen.io](https://codepen.io), який за функціями схожий на цей: [ https://codepen.io/freeCodeCamp/full/Myvqmo/](https://codepen.io/freeCodeCamp/full/Myvqmo/).
+
+Виконайте наведені нижче [історії користувача](https://en.wikipedia.org/wiki/User_story). Використовуйте необхідні вам бібліотеки або API. Виконайте завдання у власному стилі.
+
+**Історія користувача:** Я можу бачити чи зараз freeCodeCamp транслюється на Twitch.tv.
+
+**Історія користувача:** Я можу натиснути на статус користувача і безпосередньо перейти на канал freeCodeCamp на Twitch.tv.
+
+**Історія користувача:** Якщо користувач Twitch на цей момент проводить трансляцію, я можу подивитись додаткову інформацію про що вона.
+
+**Підказка:** Відповідна документація про JSON API на Twitch.tv тут: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
+
+**Підказка:** Ось перелік імен користувачів, хто регулярно проводить трансляції: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
+
+**UPDATE:** Через зміни в умовах користування API Twitch.tv вимагає ключ доступу API, але ми створили спосіб його обійти. Використовуйте <https://twitch-proxy.freecodecamp.rocks/> замість базового посилання на API Twitch (наприклад, `https://api.twitch.tv/helix` ), і ви теж зможете отримати інформацію облікового запису без реєстрації для отримання ключа доступу API.
+
+Після завершення додайте посилання на ваш проєкт на CodePen та натисніть на кнопку "Завдання виконано".
+
+Ви можете отримати відгук про ваш проєкт, поділившись ним на форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
+
+# --solutions--
+
+```js
+// solution required
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/deep-learning-demystified.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/deep-learning-demystified.md
new file mode 100644
index 0000000000..501d85c5e4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/deep-learning-demystified.md
@@ -0,0 +1,34 @@
+---
+id: 5e9a0e9ef99a403d019610cc
+title: Демістифікація глибинного навчання
+challengeType: 11
+videoId: bejQ-W9BGJg
+dashedName: deep-learning-demystified
+---
+
+# --question--
+
+## --text--
+
+Яке значення необхідно задавати ваговим коефіцієнтам вхідних нейронів перед першим тренуванням нейронної мережі?
+
+## --answers--
+
+Від найменшого до найбільшого.
+
+---
+
+Абсолютно випадково.
+
+---
+
+За алфавітом.
+
+---
+
+Жодне із перерахованого вище.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-convolutional-neural-networks-work.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-convolutional-neural-networks-work.md
new file mode 100644
index 0000000000..03f37fa829
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-convolutional-neural-networks-work.md
@@ -0,0 +1,30 @@
+---
+id: 5e9a0e9ef99a403d019610cd
+title: Як працюють згорткові нейронні мережі
+challengeType: 11
+videoId: Y5M7KH4A4n4
+dashedName: how-convolutional-neural-networks-work
+---
+
+# --question--
+
+## --text--
+
+Коли згорткові нейронні мережі не є корисними?
+
+## --answers--
+
+Якщо дані не можуть бути представлені у вигляді зображення, або якщо можливо перескладати елементи даних без втрати корисності.
+
+---
+
+Якщо дані складаються із різних 2D або 3D зображень.
+
+---
+
+Якщо дані є текстовими або звуковими матеріалами.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-deep-neural-networks-work.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-deep-neural-networks-work.md
new file mode 100644
index 0000000000..4633138f2b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/how-deep-neural-networks-work.md
@@ -0,0 +1,30 @@
+---
+id: 5e9a0e9ef99a403d019610ca
+title: Як працюють нейронні мережі глибинного навчання
+challengeType: 11
+videoId: zvalnHWGtx4
+dashedName: how-deep-neural-networks-work
+---
+
+# --question--
+
+## --text--
+
+Чому обраховувати кутовий коефіцієнт краще ніж похідну за напрямком, а не чисельно?
+
+## --answers--
+
+Повертатися через усю нейронну мережу і підбирати коефіцієнт ваги для кожного окремого шару нейронної мережі є обчислювально затратно.
+
+---
+
+Це більш точно.
+
+---
+
+Немає жодної різниці поміж цими двома методами.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/recurrent-neural-networks-rnn-and-long-short-term-memory-lstm.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/recurrent-neural-networks-rnn-and-long-short-term-memory-lstm.md
new file mode 100644
index 0000000000..191295e048
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/how-neural-networks-work/recurrent-neural-networks-rnn-and-long-short-term-memory-lstm.md
@@ -0,0 +1,30 @@
+---
+id: 5e9a0e9ef99a403d019610cb
+title: Рекурентні нейронні мережі RNN і Довга короткочасна пам'ять LSTM
+challengeType: 11
+videoId: UVimlsy9eW0
+dashedName: recurrent-neural-networks-rnn-and-long-short-term-memory-lstm
+---
+
+# --question--
+
+## --text--
+
+Якими є основні компоненти нейронної мережі, що утворюють мережу довгої короткочасної пам'яті?
+
+## --answers--
+
+Нова інформація та передбачення.
+
+---
+
+Передбачення, набір зібраних можливостей, та вибірка.
+
+---
+
+Передбачення, ігнорування, забування, та вибірка.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/book-recommendation-engine-using-knn.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/book-recommendation-engine-using-knn.md
new file mode 100644
index 0000000000..9db6592ed2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/book-recommendation-engine-using-knn.md
@@ -0,0 +1,35 @@
+---
+id: 5e46f8e3ac417301a38fb92f
+title: Механізм книжкових рекомендацій з використанням KNN
+challengeType: 10
+forumTopicId: 462378
+dashedName: book-recommendation-engine-using-knn
+---
+
+# --description--
+
+У цьому завданні ви створите алгоритм книжкових рекомендації, використовуючи K-Nearest Neighbours.
+
+Ви будете використовувати набір даних Book-Crossing. Цей набір даних містить1.1 млн. рейтингів (масштаб 1-10) 270 000 книг від 90,000 користувачів.
+
+Ви можете отримати доступ до [ вичерпних інструкцій по проєкту та початкового коду для Google Colaboratory](https://colab.research.google.com/github/freeCodeCamp/boilerplate-book-recommendation-engine/blob/master/fcc_book_recommendation_knn.ipynb).
+
+Перейшовши за цим посиланням, створіть копію блокнота з вашого акаунту або локально. Завершивши проєкт та тестування ( додане за цим посиланням), створіть посилання на проєкт нижче. Якщо ви надаєте посилання на Google Colaboratory, переконайтеся, що ви увімкнули режим доступу "для усіх за цим посиланням"
+
+Ми все ще в процесі розробки інтерактивної навчальної складової для машинного навчального курсу. Наразі ви можете скористатися відео-викликами з цієї сертифікації. Вам також можуть знадобитися додаткові навчальні ресурси, так само як під час роботи із повноцінним проєктом.
+
+# --hints--
+
+Він повинен пройти усі тести Python.
+
+```js
+
+```
+
+# --solutions--
+
+```py
+  # Python challenges don't need solutions,
+  # because they would need to be tested against a full working project.
+  # Please check our contributing guidelines to learn more.
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/cat-and-dog-image-classifier.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/cat-and-dog-image-classifier.md
new file mode 100644
index 0000000000..81b41a4261
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/cat-and-dog-image-classifier.md
@@ -0,0 +1,33 @@
+---
+id: 5e46f8dcac417301a38fb92e
+title: Класифікатор зображень котів та собак
+challengeType: 10
+forumTopicId: 462377
+dashedName: cat-and-dog-image-classifier
+---
+
+# --description--
+
+Для цього завдання ви будете використовувати TensorFlow 2.0 та Keras, щоб створити звивисту нейронну систему, яка б чітко визначала зображення котів та собак із мінімум 63-відсотковою точністю.
+
+Ви можете отримати доступ до [ вичерпних інструкцій по проєкту та початкового коду для Google Colaboratory](https://colab.research.google.com/github/freeCodeCamp/boilerplate-cat-and-dog-image-classifier/blob/master/fcc_cat_dog.ipynb).
+
+Перейшовши за цим посиланням, створіть копію блокнота з вашого акаунту або локально. Завершивши проєкт та тестування ( додане за цим посиланням), створіть посилання на проєкт нижче. Якщо ви надаєте посилання на Google Colaboratory, переконайтеся, що ви увімкнули режим доступу "для усіх за цим посиланням"
+
+Ми вже ще в процесі розробки інтерактивної навчальної складової для машинного навчального курсу. Наразі ви можете скористатися відео-викликами з цієї сертифікації. Вам також можуть знадобитися додаткові навчальні ресурси, так само як під час роботи із повноцінним проєктом.
+
+# --hints--
+
+Він повинен пройти усі тести Python.
+
+```js
+
+```
+
+# --solutions--
+
+```py
+  # Python challenges don't need solutions,
+  # because they would need to be tested against a full working project.
+  # Please check our contributing guidelines to learn more.
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/linear-regression-health-costs-calculator.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/linear-regression-health-costs-calculator.md
new file mode 100644
index 0000000000..e3f9244ee4
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/linear-regression-health-costs-calculator.md
@@ -0,0 +1,35 @@
+---
+id: 5e46f8edac417301a38fb930
+title: Калькулятор лінійної регресії витрат на охорону здоров'я
+challengeType: 10
+forumTopicId: 462379
+dashedName: linear-regression-health-costs-calculator
+---
+
+# --description--
+
+У цьому завданні ви передбачите витрати на охорону здоров'я, використовуючи алгоритм регресії.
+
+Ви отримаєте набір даних, що містять інформацію про різних людей, враховуючи їхні витрати на охорону здоров'я. Використовуйте ці дані для прогнозування витрат на охорону здоров'я на основі нових даних.
+
+Ви можете отримати доступ до [ вичерпних інструкцій по проєкту та початкового коду для Google Colaboratory](https://colab.research.google.com/github/freeCodeCamp/boilerplate-linear-regression-health-costs-calculator/blob/master/fcc_predict_health_costs_with_regression.ipynb).
+
+Перейшовши за цим посиланням, створіть копію блокнота з вашого акаунту або локально. Завершивши проєкт та тестування ( додане за цим посиланням), створіть посилання на проєкт нижче. Якщо ви надаєте посилання на Google Colaboratory, переконайтеся, що ви увімкнули режим доступу "для усіх за цим посиланням"
+
+Ми вже ще в процесі розробки інтерактивної навчальної складової для машинного навчального курсу. Наразі ви можете скористатися відео-викликами з цієї сертифікації. Вам також можуть знадобитися додаткові навчальні ресурси, так само як під час роботи із повноцінним проєктом.
+
+# --hints--
+
+Він повинен пройти усі тести Python.
+
+```js
+
+```
+
+# --solutions--
+
+```py
+  # Python challenges don't need solutions,
+  # because they would need to be tested against a full working project.
+  # Please check our contributing guidelines to learn more.
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/neural-network-sms-text-classifier.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/neural-network-sms-text-classifier.md
new file mode 100644
index 0000000000..cdfb47d44a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/neural-network-sms-text-classifier.md
@@ -0,0 +1,33 @@
+---
+id: 5e46f8edac417301a38fb931
+title: Нейронна мережа для класифікації текстових SMS
+challengeType: 10
+forumTopicId: 462380
+dashedName: neural-network-sms-text-classifier
+---
+
+# --description--
+
+Під час цього випробування, вам потрібно створити модель машинного навчання, яка класифікуватиме SMS повідомлення як "ham" чи "спам". Повідомлення"ham" це звичайне повідомлення, надіслане другом. Повідомлення "спам" це реклама або повідомлення, надіслане компанією.
+
+Ви можете отримати доступ до [ усіх інструкцій проєкту та початкового коду на Google Colaboratory](https://colab.research.google.com/github/freeCodeCamp/boilerplate-neural-network-sms-text-classifier/blob/master/fcc_sms_text_classification.ipynb).
+
+Перейшовши за цим посиланням, створіть копію блокнота з вашого акаунту або локально. Завершивши проєкт та тестування ( доданий із цим посиланням), створіть посилання на проєкт нижче. Якщо ви надаєте посилання на Google Colaboratory, переконайтеся, що ви увімкнули режим доступу "для усіх за цим посиланням"
+
+Ми вже ще в процесі розробки інтерактивної навчальної складової для машинного навчального курсу. Наразі ви можете скористатися відео-викликами з цієї сертифікації. Вам також можуть знадобитися додаткові навчальні ресурси, так само як під час роботи із повноцінним проєктом.
+
+# --hints--
+
+Він повинен пройти усі тести Python.
+
+```js
+
+```
+
+# --solutions--
+
+```py
+  # Python challenges don't need solutions,
+  # because they would need to be tested against a full working project.
+  # Please check our contributing guidelines to learn more.
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md
new file mode 100644
index 0000000000..171e1eebf7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/machine-learning-with-python-projects/rock-paper-scissors.md
@@ -0,0 +1,33 @@
+---
+id: 5e46f8d6ac417301a38fb92d
+title: Камінь-ножиці-папір
+challengeType: 10
+forumTopicId: 462376
+dashedName: rock-paper-scissors
+---
+
+# --description--
+
+В цьому завданні ви створите програму, щоб грати в камінь, ножиці, папір. Програма, яка обиратиме випадково, зазвичай виграватиме у 50 відсотках. Щоб виконати це завдання, ваша програма повинна зіграти матчі проти чотирьох різних ботів, вигравши принаймні 60% ігор у кожному матчі.
+
+Ви можете отримати доступ до [ вичерпних інструкцій по проєкту та початкового коду для Replit ](https://replit.com/github/freeCodeCamp/boilerplate-rock-paper-scissors).
+
+Перейшовши за посиланням, створіть копію проєкту. Після завершення проєкту на основі інструкцій 'README.md', додайте посилання на нього у полі нижче.
+
+Ми вже ще в процесі розробки інтерактивної навчальної складової для машинного навчального курсу. Наразі вам доведеться використовувати інші ресурси, щоб виконати це завдання.
+
+# --hints--
+
+Він повинен пройти усі тести Python.
+
+```js
+
+```
+
+# --solutions--
+
+```py
+  # Python challenges don't need solutions,
+  # because they would need to be tested against a full working project.
+  # Please check our contributing guidelines to learn more.
+```
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/conclusion.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/conclusion.md
new file mode 100644
index 0000000000..d9e6acd954
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/conclusion.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da6
+title: Висновки
+challengeType: 11
+videoId: LMNub5frQi4
+bilibiliIds:
+  aid: 208033449
+  bvid: BV1Wh411p79h
+  cid: 409139716
+dashedName: conclusion
+---
+
+# --question--
+
+## --text--
+
+Більшість людей, які є фахівцями в галузі штучного інтелекту та машинного навчання зазвичай...:
+
+## --answers--
+
+мають одну кваліфікацію.
+
+---
+
+мають багато кваліфікацій.
+
+---
+
+добре розбираються у багатьох різних платформах.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-evaluating-the-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-evaluating-the-model.md
new file mode 100644
index 0000000000..67f5679bca
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-evaluating-the-model.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d99
+title: 'Згорткові нейронні мережі: оцінювання моделі'
+challengeType: 11
+videoId: eCATNvwraXg
+bilibiliIds:
+  aid: 933030136
+  bvid: BV1hM4y1g7Bx
+  cid: 409132265
+dashedName: convolutional-neural-networks-evaluating-the-model
+---
+
+# --question--
+
+## --text--
+
+Чому **не** є хорошим способом підвищити точність супутньої нейронної мережі?
+
+## --answers--
+
+Збільшувати об'єм вже існуючих даних.
+
+---
+
+Використання тестової (тренувальної) моделі.
+
+---
+
+Для перепідготовки моделі, використовуйте свої тестові дані.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-picking-a-pretrained-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-picking-a-pretrained-model.md
new file mode 100644
index 0000000000..9d5e6e09e7
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-picking-a-pretrained-model.md
@@ -0,0 +1,53 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9a
+title: 'Згорткові нейронні мережі: Вибір попередньо підготовленої моделі'
+challengeType: 11
+videoId: h1XUt1AgIOI
+bilibiliIds:
+  aid: 463063633
+  bvid: BV1qL411x73q
+  cid: 409132626
+dashedName: convolutional-neural-networks-picking-a-pretrained-model
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски нижче, щоб використати попередньо підготовлену модель Google MobileNet V2 як основу для згорткової нейронної системи:
+
+```py
+base_model = tf.__A__.applications.__B__(input_shape=(160, 160, 3),
+                                               include_top=__C__,
+                                               weights='imagenet'
+                                               )
+```
+
+## --answers--
+
+A: `keras`
+
+B: `MobileNetV2`
+
+C: `False`
+
+---
+
+A: `Keras`
+
+B: `MobileNetV2`
+
+C: `True`
+
+---
+
+A: `keras`
+
+B: `mobile_net_v2`
+
+C: `False`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-the-convolutional-layer.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-the-convolutional-layer.md
new file mode 100644
index 0000000000..7c929f844d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks-the-convolutional-layer.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d97
+title: 'Згорткові нейронні мережі: згортковий шар'
+challengeType: 11
+videoId: LrdmcQpTyLw
+bilibiliIds:
+  aid: 805608595
+  bvid: BV1Q34y1S7nr
+  cid: 409131585
+dashedName: convolutional-neural-networks-the-convolutional-layer
+---
+
+# --question--
+
+## --text--
+
+Які три основні властивості кожного згорткового шару?
+
+## --answers--
+
+Вхідний розмір, кількість фільтрів та розмір вибірки фільтрів.
+
+---
+
+Вхідний розмір, вхідні виміри та значення кольору входу.
+
+---
+
+Вхідний розмір, вхідний відступ та крок.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks.md
new file mode 100644
index 0000000000..a5161a2fec
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/convolutional-neural-networks.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d96
+title: Згорткові нейронні мережі
+challengeType: 11
+videoId: _1kTP7uoU9E
+bilibiliIds:
+  aid: 805604251
+  bvid: BV1D34y1S7zS
+  cid: 409131358
+dashedName: convolutional-neural-networks
+---
+
+# --question--
+
+## --text--
+
+Щільні нейронні мережі обробляють вхідні дані і виділяють структури у певних місцях. Згорткові нейронні мережі...:
+
+## --answers--
+
+теж глобально обробляють вхідні дані та виділяють елементи у специфічних місцях.
+
+---
+
+незручно працювати із класифікацією зображення або визначенням об'єкта.
+
+---
+
+ретельно перегляньте всі вхідні дані та зосередьтеся на локальних шаблонах.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-building-the-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-building-the-model.md
new file mode 100644
index 0000000000..4e516c443a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-building-the-model.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8e
+title: 'Базові алгоритми навчання: Побудова моделі'
+challengeType: 11
+videoId: 5wHw8BTd2ZQ
+bilibiliIds:
+  aid: 763068584
+  bvid: BV1s64y1a7WR
+  cid: 409128675
+dashedName: core-learning-algorithms-building-the-model
+---
+
+# --question--
+
+## --text--
+
+Який тип оцінки/моделювання TensorFlow рекомендує використовувати для класифікації?
+
+## --answers--
+
+`LinearClassifier`
+
+---
+
+`DNNClassifier`
+
+---
+
+`BoostedTreesClassifier`
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-classification.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-classification.md
new file mode 100644
index 0000000000..e37b8f632a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-classification.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8d
+title: 'Базові алгоритми навчання: Класифікація'
+challengeType: 11
+videoId: qFF7ZQNvK9E
+bilibiliIds:
+  aid: 505531167
+  bvid: BV1Vg411c7av
+  cid: 409128427
+dashedName: core-learning-algorithms-classification
+---
+
+# --question--
+
+## --text--
+
+Що таке класифікація?
+
+## --answers--
+
+Процес розподілу точок даних у різні класи.
+
+---
+
+Передбачення числового значення або прогнозування на основі незалежних чи залежних змінних.
+
+---
+
+Жодне із перерахованого вище.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-clustering.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-clustering.md
new file mode 100644
index 0000000000..54477e7e6b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-clustering.md
@@ -0,0 +1,42 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8f
+title: 'Базові алгоритми навчання: Кластеризація'
+challengeType: 11
+videoId: 8sqIaHc9Cz4
+bilibiliIds:
+  aid: 720567137
+  bvid: BV1BQ4y1r7UY
+  cid: 409129005
+dashedName: core-learning-algorithms-clustering
+---
+
+# --question--
+
+## --text--
+
+Що з нижчепереліченого **не** є частиною алгоритму K-Means?
+
+## --answers--
+
+Випадковим чином оберіть К-точки для розміщення К-центроїдів.
+
+---
+
+Призначте кожній К-точці найближчий К-центроїд.
+
+---
+
+Перемістіть кожен К-центроїд в середину усіх його даних.
+
+---
+
+Перемішайте К-точки для їх випадкового перерозподілу.
+
+---
+
+Переназначте кожну К-точку до найближчого К-центроїду.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-hidden-markov-models.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-hidden-markov-models.md
new file mode 100644
index 0000000000..99c0328f74
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-hidden-markov-models.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d90
+title: 'Базові алгоритми навчання: Приховані моделі Маркова'
+challengeType: 11
+videoId: IZg24y4wEPY
+bilibiliIds:
+  aid: 633081400
+  bvid: BV1tb4y1y72V
+  cid: 409129376
+dashedName: core-learning-algorithms-hidden-markov-models
+---
+
+# --question--
+
+## --text--
+
+Що відрізняє приховану модель Маркова від лінійної регресії чи класифікації?
+
+## --answers--
+
+У ній використовується розподіл ймовірностей для прогнозування майбутніх подій та станів.
+
+---
+
+У ній аналізується взаємозв'язок між незалежними та залежними змінними для прогнозування.
+
+---
+
+У ній точки даних розділяються на окремі категорії.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-the-training-process.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-the-training-process.md
new file mode 100644
index 0000000000..e39b9c643a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-the-training-process.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8c
+title: 'Базові алгоритми навчання: Процес тренування'
+challengeType: 11
+videoId: _cEwvqVoBhI
+bilibiliIds:
+  aid: 335593652
+  bvid: BV12R4y1H7Fi
+  cid: 409128047
+dashedName: core-learning-algorithms-the-training-process
+---
+
+# --question--
+
+## --text--
+
+Що таке епохи?
+
+## --answers--
+
+Кількість разів, в яких модель буде бачити ті самі дані.
+
+---
+
+Тип графіка.
+
+---
+
+Кількість елементів, які одразу подаються моделі.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-training-and-testing-data.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-training-and-testing-data.md
new file mode 100644
index 0000000000..22fa773560
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-training-and-testing-data.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8b
+title: 'Базові алгоритми навчання: тренування та тестування даних'
+challengeType: 11
+videoId: wz9J1slsi7I
+bilibiliIds:
+  aid: 335509743
+  bvid: BV1rA411F7bG
+  cid: 409127635
+dashedName: core-learning-algorithms-training-and-testing-data
+---
+
+# --question--
+
+## --text--
+
+Що таке категорійні дані?
+
+## --answers--
+
+Інша назва одноразового кодування.
+
+---
+
+Будь-які дані, які не є числовими.
+
+---
+
+Будь-які дані, які представлені числами.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-using-probabilities-to-make-predictions.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-using-probabilities-to-make-predictions.md
new file mode 100644
index 0000000000..12cf6e209d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-using-probabilities-to-make-predictions.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d91
+title: 'Базові алгоритми навчання: використання ймовірностей для прогнозування'
+challengeType: 11
+videoId: fYAYvLUawnc
+bilibiliIds:
+  aid: 763245369
+  bvid: BV1B64y187gE
+  cid: 414731624
+dashedName: core-learning-algorithms-using-probabilities-to-make-predictions
+---
+
+# --question--
+
+## --text--
+
+Який модуль TensorFlow слід імпортувати для реалізації `.HiddenMarkovModel()`?
+
+## --answers--
+
+`tensorflow.keras`
+
+---
+
+`tensorflow_gpu`
+
+---
+
+`tensorflow_probability`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-working-with-data.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-working-with-data.md
new file mode 100644
index 0000000000..0597ca1661
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms-working-with-data.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d8a
+title: 'Базові алгоритми навчання: Робота з даними'
+challengeType: 11
+videoId: u85IOSsJsPI
+bilibiliIds:
+  aid: 675550447
+  bvid: BV1RU4y1w7up
+  cid: 409127383
+dashedName: core-learning-algorithms-working-with-data
+---
+
+# --question--
+
+## --text--
+
+Що робить функція pandas `.head()`?
+
+## --answers--
+
+Повертає кількість записів у кадрі даних.
+
+---
+
+Повертає кількість стовпчиків у кадрі даних.
+
+---
+
+За замовчуванням, показує перші 5 рядків або елементів у кадрі даних.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms.md
new file mode 100644
index 0000000000..29d022dadf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/core-learning-algorithms.md
@@ -0,0 +1,40 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d89
+title: Базові алгоритми навчання
+challengeType: 11
+videoId: u5lZURgcWnU
+bilibiliIds:
+  aid: 763034025
+  bvid: BV1A64y1a7g4
+  cid: 409127051
+dashedName: core-learning-algorithms
+---
+
+# --question--
+
+## --text--
+
+Який тип аналізу найкраще підходить для розв'язання наступної задачі?
+
+У вас є дані про середню температуру у березні за останні 100 років. Використовуючи цю інформацію, ви хочете передбачити середню температуру у березні через 5 років.
+
+## --answers--
+
+Множинна регресія
+
+---
+
+Кореляція
+
+---
+
+Дерево рішень
+
+---
+
+Лінійна регресія
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/creating-a-convolutional-neural-network.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/creating-a-convolutional-neural-network.md
new file mode 100644
index 0000000000..e4010522bc
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/creating-a-convolutional-neural-network.md
@@ -0,0 +1,56 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d98
+title: Створення згорткової нейронної мережі
+challengeType: 11
+videoId: kfv0K8MtkIc
+bilibiliIds:
+  aid: 420605824
+  bvid: BV1p341127wW
+  cid: 409131869
+dashedName: creating-a-convolutional-neural-network
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски нижче, щоб завершити архітектуру згорткової нейронної мережі:
+
+```py
+model = models.__A__()
+model.add(layers.__B__(32, (3, 3), activation='relu', input_shape=(32, 32, 3)))
+model.add(layers.__C__(2, 2))
+model.add(layers.__B__(64, (3, 3), activation='relu'))
+model.add(layers.__C__(2, 2))
+model.add(layers.__B__(32, (3, 3), activation='relu'))
+model.add(layers.__C__(2, 2))
+```
+
+## --answers--
+
+A: `Sequential`
+
+B: `add`
+
+C: `Wrapper`
+
+---
+
+A: `keras`
+
+B: `Cropping2D`
+
+C: `AlphaDropout`
+
+---
+
+A: `Sequential`
+
+B: `Conv2D`
+
+C: `MaxPooling2D`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-machine-learning-fundamentals.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-machine-learning-fundamentals.md
new file mode 100644
index 0000000000..ad8588edf3
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-machine-learning-fundamentals.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d87
+title: 'Вступ: Основи машинного навчання'
+challengeType: 11
+videoId: KwL1qTR5MT8
+bilibiliIds:
+  aid: 293071716
+  bvid: BV1Yf4y1n7R2
+  cid: 409125921
+dashedName: introduction-machine-learning-fundamentals
+---
+
+# --question--
+
+## --text--
+
+Яке твердження подане нижче є **хибним**?
+
+## --answers--
+
+Нейронні мережі моделюються за принципом роботи людського мозку.
+
+---
+
+Комп'ютерні програми, які грають з людьми в хрестики-нулики або шахи, є прикладами простого штучного інтелекту.
+
+---
+
+Машинне навчання - це підмножина штучного інтелекту.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-to-tensorflow.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-to-tensorflow.md
new file mode 100644
index 0000000000..3059156a27
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/introduction-to-tensorflow.md
@@ -0,0 +1,42 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d88
+title: Вступ до TensorFlow
+challengeType: 11
+videoId: r9hRyGGjOgQ
+bilibiliIds:
+  aid: 675554869
+  bvid: BV1dU4y1w7vw
+  cid: 409126541
+dashedName: introduction-to-tensorflow
+---
+
+# --question--
+
+## --text--
+
+Що з нижчепереліченого **не** є типом тензору?
+
+## --answers--
+
+Змінна
+
+---
+
+Потік
+
+---
+
+Мітка-заповнювач
+
+---
+
+SparseTensor
+
+---
+
+Константа
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-building-the-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-building-the-model.md
new file mode 100644
index 0000000000..cbdc24c149
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-building-the-model.md
@@ -0,0 +1,66 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da1
+title: 'Обробка природної мови рекурентними нейронними мережами: створення моделі'
+challengeType: 11
+videoId: 32WBFS7lfsw
+bilibiliIds:
+  aid: 848015573
+  bvid: BV1YL4y1a7WS
+  cid: 409138016
+dashedName: natural-language-processing-with-rnns-building-the-model
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски, щоб доповнити функцію ` build_model`:
+
+```py
+def build_mode(vocab_size, embedding_dim, rnn_units, batch_size):
+    model = tf.keras.Sequential([
+        tf.keras.layers.Embedding(vocab_size,
+                                  embedding_dim,
+                                  batch_input_shape=[batch_size, None]),
+        tf.keras.layers.__A__(rnn_units,
+                              return_sequences=__B__,
+                              recurrent_initializer='glorot_uniform),
+        tf.keras.layers.Dense(__C__)
+    ])
+    __D__
+```
+
+## --answers--
+
+A: `ELU`
+
+B: `True`
+
+C: `vocab_size`
+
+D: `return model`
+
+---
+
+A: `LSTM`
+
+B: `False`
+
+C: `batch_size`
+
+D: `return model`
+
+---
+
+A: `LSTM`
+
+B: `True`
+
+C: `vocab_size`
+
+D: `return model`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-create-a-play-generator.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-create-a-play-generator.md
new file mode 100644
index 0000000000..a1c754d129
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-create-a-play-generator.md
@@ -0,0 +1,44 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da0
+title: 'Обробка природної мови за допомогою рекурентних нейронних мереж: створення ігрового генератора'
+challengeType: 11
+videoId: j5xsxjq_Xk8
+bilibiliIds:
+  aid: 720525759
+  bvid: BV1xQ4y1r7tw
+  cid: 409137674
+dashedName: natural-language-processing-with-rnns-create-a-play-generator
+---
+
+# --question--
+
+## --text--
+
+Заповніть пробіли, щоб створити приклади навчальні приклади рекурентних нейронних мереж:
+
+```py
+char_dataset = tf.data.__A__.__B__(text_as_int)
+```
+
+## --answers--
+
+A: `Dataset`
+
+B: `from_tensor_slices`
+
+---
+
+A: `data`
+
+B: `from_tensors`
+
+---
+
+A: `DataSet`
+
+B: `from_generator`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-making-predictions.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-making-predictions.md
new file mode 100644
index 0000000000..e547a9a231
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-making-predictions.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9f
+title: 'Обробка природної мови за допомогою рекурентних нейронних мереж: прогнозування'
+challengeType: 11
+videoId: WO1hINnBj20
+bilibiliIds:
+  aid: 848023400
+  bvid: BV1WL4y1a75i
+  cid: 409136303
+dashedName: natural-language-processing-with-rnns-making-predictions
+---
+
+# --question--
+
+## --text--
+
+Перед тим, як розпочати процес прогнозування вашого огляду, вам слід...:
+
+## --answers--
+
+розшифрувати навчальний набір даних і порівняти результати з даними тесту.
+
+---
+
+використати кодування з навчального набору даних, щоб зашифрувати ваш огляд.
+
+---
+
+призначати випадкові значення між 0 і максимальною кількістю одиниць словника у наборі даних кожному слову у вашому огляді.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-part-2.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-part-2.md
new file mode 100644
index 0000000000..15b1b35cb8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-part-2.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9c
+title: 'Обробка природної мови за допомогою рекурентних нейронних мереж: частина 2'
+challengeType: 11
+videoId: mUU9YXOFbZg
+bilibiliIds:
+  aid: 975558435
+  bvid: BV1L44y1b7Lp
+  cid: 409135242
+dashedName: natural-language-processing-with-rnns-part-2
+---
+
+# --question--
+
+## --text--
+
+Вкладання слів це...:
+
+## --answers--
+
+невпорядкована група закодованих слів, що описує частоту слів у даному документі.
+
+---
+
+група закодованих слів, яка зберігає початковий порядок слів у даному документі.
+
+---
+
+векторизована репрезентація слів у даному документі, яка розміщує слова зі схожим значенням поруч.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-recurring-neural-networks.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-recurring-neural-networks.md
new file mode 100644
index 0000000000..6499158a2b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-recurring-neural-networks.md
@@ -0,0 +1,38 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9d
+title: 'Обробка природної мови за допомогою РНМ: рекурентних нейронних мереж'
+challengeType: 11
+videoId: bX5681NPOcA
+bilibiliIds:
+  aid: 335605808
+  bvid: BV1SR4y1H7ri
+  cid: 409135641
+dashedName: natural-language-processing-with-rnns-recurring-neural-networks
+---
+
+# --question--
+
+## --text--
+
+Що представляють собою рекурентні нейронні мережі?
+
+## --answers--
+
+1: Вони є типом нейронної мережі прямого поширення.
+
+---
+
+2: Вони підтримують внутрішню пам'ять/стан вводу, який вже був оброблений.
+
+---
+
+RNN's працюють безперервно і обробляють по одному фрагменту вводу одночасно.
+
+---
+
+4: Другий і третій пункти разом.
+
+## --video-solution--
+
+4
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-sentimental-analysis.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-sentimental-analysis.md
new file mode 100644
index 0000000000..4b720d5434
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-sentimental-analysis.md
@@ -0,0 +1,54 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9e
+title: 'Обробка природної мови за допомогою рекурентних нейронних мереж: аналіз емоційного забарвлення висловлювань'
+challengeType: 11
+videoId: lYeLtu8Nq7c
+bilibiliIds:
+  aid: 933111408
+  bvid: BV1TM4y137VB
+  cid: 409135996
+dashedName: natural-language-processing-with-rnns-sentiment-analysis
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски нижче, щоб створити модель для рекурентної нейронної мережі:
+
+```py
+model = __A__.keras.Sequential([
+    __A__.keras.layers.__B__(88584, 32),
+    __A__.keras.layers.__C__(32),
+    __A__.keras.layers.DENSE(1, activation='sigmoid')
+])
+```
+
+## --answers--
+
+A: `tensor_flow`
+
+B: `embedding`
+
+C: `LSTM`
+
+---
+
+A: `tf`
+
+B: `Embedding`
+
+C: `AlphaDropout`
+
+---
+
+A: `tf`
+
+B: `Embedding`
+
+C: `LSTM`
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-training-the-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-training-the-model.md
new file mode 100644
index 0000000000..892265b8c2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns-training-the-model.md
@@ -0,0 +1,58 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da2
+title: 'Обробка природної мови рекурентними нейронними мережами: відпрацювання моделі'
+challengeType: 11
+videoId: hEUiK7j9UI8
+bilibiliIds:
+  aid: 250542136
+  bvid: BV19v411w7Fi
+  cid: 409138327
+dashedName: natural-language-processing-with-rnns-training-the-model
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски нижче, щоб зберегти контрольні точки вашої моделі в каталозі `./checkpoints` і викликати останню контрольну точку для навчання:
+
+```py
+checkpoint_dir = __A__
+checkpoint_prefix = os.path.join(checkpoint_dir, 'ckpt_{epoch}')
+
+checkpoint_callback = tf.keras.callbacks.__B__(
+    filepath=checkpoint_prefix,
+    save_weights_only=True
+)
+
+history = model.fit(data, epochs=2, callbacks=[__C__])
+```
+
+## --answers--
+
+A: `'./training_checkpoints'`
+
+B: `ModelCheckpoint`
+
+C: `checkpoint_prefix`
+
+---
+
+A: `'./checkpoints'`
+
+B: `ModelCheckpoint`
+
+C: `checkpoint_callback`
+
+---
+
+A: `'./checkpoints'`
+
+B: `BaseLogger`
+
+C: `checkpoint_callback`
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns.md
new file mode 100644
index 0000000000..da75e96498
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/natural-language-processing-with-rnns.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d9b
+title: Обробка природної мови за допомогою рекурентних нейронних мереж
+challengeType: 11
+videoId: ZyCaF5S-lKg
+bilibiliIds:
+  aid: 548105306
+  bvid: BV1nq4y1K7VU
+  cid: 409134745
+dashedName: natural-language-processing-with-rnns
+---
+
+# --question--
+
+## --text--
+
+Обробка природної мови - це галузь штучного інтелекту, яка...:
+
+## --answers--
+
+стосується того, як комп’ютери розуміють та обробляють природні/людські мови.
+
+---
+
+трансформує дані зображень в природні/людські мови.
+
+---
+
+спеціалізується на перекладі комп'ютерних мов на природні/людські мови.
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-activation-functions.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-activation-functions.md
new file mode 100644
index 0000000000..ae787a0c68
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-activation-functions.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d93
+title: 'Нейронні мережі: Функції активації'
+challengeType: 11
+videoId: S45tqW6BqRs
+bilibiliIds:
+  aid: 675610466
+  bvid: BV1wU4y1A7TJ
+  cid: 409130203
+dashedName: neural-networks-activation-functions
+---
+
+# --question--
+
+## --text--
+
+Яка функція активації переключає значення між -1 та 1?
+
+## --answers--
+
+Блок лінійної ректифікації
+
+---
+
+Гіперболічний тангенс
+
+---
+
+Сигмоїда
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-creating-a-model.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-creating-a-model.md
new file mode 100644
index 0000000000..cb325a366c
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-creating-a-model.md
@@ -0,0 +1,54 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d95
+title: 'Нейронні мережі: створення моделі'
+challengeType: 11
+videoId: K8bz1bmOCTw
+bilibiliIds:
+  aid: 848109040
+  bvid: BV1EL4y1878f
+  cid: 409130886
+dashedName: neural-networks-creating-a-model
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски нижче, щоб побудувати послідовну модель щільних шарів:
+
+```py
+model = __A__.__B__([
+    __A__.layers.Flatten(input_shape=(28, 28)),
+    __A__.layers.__C__(128, activation='relu'),
+    __A__.layers.__C__(10, activation='softmax')
+])
+```
+
+## --answers--
+
+A: `keras`
+
+B: `Sequential`
+
+C: `Dense`
+
+---
+
+A: `tf`
+
+B: `Sequential`
+
+C: `Categorical`
+
+---
+
+A: `keras`
+
+B: `sequential`
+
+C: `dense`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-optimizers.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-optimizers.md
new file mode 100644
index 0000000000..4ef9c6169e
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-optimizers.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d94
+title: 'Нейронні мережі: оптимізатори'
+challengeType: 11
+videoId: hdOtRPQe1o4
+bilibiliIds:
+  aid: 763064173
+  bvid: BV1364y1a7eM
+  cid: 409130557
+dashedName: neural-networks-optimizers
+---
+
+# --question--
+
+## --text--
+
+Що таке функція оптимізатора?
+
+## --answers--
+
+Функція, яка підвищує точність прогнозів моделі.
+
+---
+
+Функція, яка реалізує алгоритми навчання градієнтному спуску та алгоритм зворотного поширення помилки.
+
+---
+
+Функція, яка скорочує час, необхідний для тренування на моделі.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-with-tensorflow.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-with-tensorflow.md
new file mode 100644
index 0000000000..a38169e3d5
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/neural-networks-with-tensorflow.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72d92
+title: Нейронні мережі у TensorFlow
+challengeType: 11
+videoId: uisdfrNrZW4
+bilibiliIds:
+  aid: 378031840
+  bvid: BV1Qf4y1c7Dc
+  cid: 409129888
+dashedName: neural-networks-with-tensorflow
+---
+
+# --question--
+
+## --text--
+
+Щільно зв'язана нейронна мережа - це та, в якій...:
+
+## --answers--
+
+всі нейрони поточного шару з'єднані з одним нейроном попереднього шару.
+
+---
+
+всі нейрони у кожному шарі пов'язані випадковим чином.
+
+---
+
+всі нейрони поточного шару з'єднані з кожним нейроном попереднього шару.
+
+## --video-solution--
+
+3
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-example.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-example.md
new file mode 100644
index 0000000000..bcffed4f1d
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-example.md
@@ -0,0 +1,50 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da5
+title: 'Навчання з підкріпленням за допомогою Q-Learning: Приклад'
+challengeType: 11
+videoId: RBBSNta234s
+bilibiliIds:
+  aid: 848073871
+  bvid: BV1uL4y187Eq
+  cid: 409139471
+dashedName: reinforcement-learning-with-q-learning-example
+---
+
+# --question--
+
+## --text--
+
+Заповніть пропуски, щоб завершити наступне рівняння Q-Learning:
+
+```py
+Q[__A__, __B__] = Q[__A__, __B__] + LEARNING_RATE * (reward + GAMMA * np.max(Q[__C__, :]) - Q[__A__, __B__])
+```
+
+## --answers--
+
+A: `state`
+
+B: `action`
+
+C: `next_state`
+
+---
+
+A: `state`
+
+B: `action`
+
+C: `prev_state`
+
+---
+
+A: `state`
+
+B: `reaction`
+
+C: `next_state`
+
+## --video-solution--
+
+1
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-part-2.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-part-2.md
new file mode 100644
index 0000000000..458fe17061
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning-part-2.md
@@ -0,0 +1,30 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da4
+title: 'Навчання з підкріпленням за допомогою Q-Learning: Частина 2'
+challengeType: 11
+videoId: DX7hJuaUZ7o
+bilibiliIds:
+  aid: 420570359
+  bvid: BV1G341127zr
+  cid: 409139190
+dashedName: reinforcement-learning-with-q-learning-part-2
+---
+
+# --question--
+
+## --text--
+
+Що може статися, якщо агент не матиме необхідного балансу між реалізацією випадкових дій та попередньо вивчених дій?
+
+## --answers--
+
+Агент завжди намагатиметься мінімізувати винагороду за поточний стан/дію, призводячи до локального мінімуму.
+
+---
+
+Агент завжди намагатиметься максимізувати винагороду за поточний стан/дію, призводячи до локального максимуму.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning.md b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning.md
new file mode 100644
index 0000000000..347f79dc88
--- /dev/null
+++ b/curriculum/challenges/ukrainian/11-machine-learning-with-python/tensorflow/reinforcement-learning-with-q-learning.md
@@ -0,0 +1,34 @@
+---
+id: 5e8f2f13c4cdbe86b5c72da3
+title: Навчання з підкріпленням за допомогою Q-Learning
+challengeType: 11
+videoId: Cf7DSU0gVb4
+bilibiliIds:
+  aid: 463025802
+  bvid: BV1iL411x7L6
+  cid: 409138811
+dashedName: reinforcement-learning-with-q-learning
+---
+
+# --question--
+
+## --text--
+
+Ключові компоненти навчання з підкріпленням...
+
+## --answers--
+
+середовище, представництво, стан, реакція та винагорода.
+
+---
+
+середовище, агент, стан, дія та винагорода.
+
+---
+
+середовище, агент, стан, дія та покарання.
+
+## --video-solution--
+
+2
+
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/celestial-bodies-database.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/celestial-bodies-database.md
new file mode 100644
index 0000000000..b3eafc76bb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/celestial-bodies-database.md
@@ -0,0 +1,18 @@
+---
+id: 5f1a4ef5d5d6b5ab580fc6ae
+title: База даних небесних тіл
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-celestial-bodies-database
+dashedName: celestial-bodies-database
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-advanced-bash-by-building-a-kitty-ipsum-translator.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-advanced-bash-by-building-a-kitty-ipsum-translator.md
new file mode 100644
index 0000000000..193def91f2
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-advanced-bash-by-building-a-kitty-ipsum-translator.md
@@ -0,0 +1,18 @@
+---
+id: 602da0de22201c65d2a019f6
+title: Вивчаємо просунутий Bash створюючи перекладач Kitty Ipsum
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-advanced-bash-by-building-a-kitty-ipsum-translator
+dashedName: learn-advanced-bash-by-building-a-kitty-ipsum-translator
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-and-sql-by-building-a-bike-rental-shop.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-and-sql-by-building-a-bike-rental-shop.md
new file mode 100644
index 0000000000..a06a883824
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-and-sql-by-building-a-bike-rental-shop.md
@@ -0,0 +1,17 @@
+---
+id: 5f5b969a05380d2179fe6e18
+title: Вивчайте Bash and SQL будуючи магазин прокату велосипедів
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-bash-and-sql-by-building-a-bike-rental-shop
+dashedName: learn-bash-and-sql-by-building-a-bike-rental-shop
+---
+
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-by-building-a-boilerplate.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-by-building-a-boilerplate.md
new file mode 100644
index 0000000000..02bd3bfb05
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-by-building-a-boilerplate.md
@@ -0,0 +1,18 @@
+---
+id: 5ea8adfab628f68d805bfc5e
+title: Вивчайте Bash, створюючи код Boilerplate
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-bash-by-building-a-boilerplate
+dashedName: learn-bash-by-building-a-boilerplate
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-scripting-by-building-five-programs.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-scripting-by-building-five-programs.md
new file mode 100644
index 0000000000..1923800d23
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-bash-scripting-by-building-five-programs.md
@@ -0,0 +1,18 @@
+---
+id: 5f5904ac738bc2fa9efecf5a
+title: Навчіться працювати з bash-скриптами, створюючи п'ять програм
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-bash-scripting-by-building-five-programs
+dashedName: learn-bash-scripting-by-building-five-programs
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-git-by-building-an-sql-reference-object.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-git-by-building-an-sql-reference-object.md
new file mode 100644
index 0000000000..7914ea9004
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-git-by-building-an-sql-reference-object.md
@@ -0,0 +1,18 @@
+---
+id: 5fa323cdaf6a73463d590659
+title: Вивчайте Git за допомогою створення об'єкту SQL Reference
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-git-by-building-an-sql-reference-object
+dashedName: learn-git-by-building-an-sql-reference-object
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-github-by-building-a-list-of-inspirational-quotes.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-github-by-building-a-list-of-inspirational-quotes.md
new file mode 100644
index 0000000000..c4c809646b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-github-by-building-a-list-of-inspirational-quotes.md
@@ -0,0 +1,18 @@
+---
+id: 602da04222201c65d2a019f3
+title: Вивчайте GitHub, складаючи список надихаючих цитат
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/moT01/learn-github-by-building-a-list-of-inspirational-quotes
+dashedName: learn-github-by-building-a-list-of-inspirational-quotes
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-nano-by-building-a-castle.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-nano-by-building-a-castle.md
new file mode 100644
index 0000000000..d2669c3bfb
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-nano-by-building-a-castle.md
@@ -0,0 +1,18 @@
+---
+id: 5f32db63eb37f7e17323f459
+title: Вивчайте Nano, будуючи замок
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-nano-by-building-a-castle
+dashedName: learn-nano-by-building-a-castle
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-relational-databases-by-building-a-mario-database.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-relational-databases-by-building-a-mario-database.md
new file mode 100644
index 0000000000..1a13460a52
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-relational-databases-by-building-a-mario-database.md
@@ -0,0 +1,18 @@
+---
+id: 5f2c289f164c29556da632fd
+title: Вивчайте реляційні бази паролів створюючи Маріо Database
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-relational-databases-by-building-a-mario-database
+dashedName: learn-relational-databases-by-building-a-mario-database
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-1.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-1.md
new file mode 100644
index 0000000000..0bb48a8e5f
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-1.md
@@ -0,0 +1,18 @@
+---
+id: 602da0c222201c65d2a019f5
+title: "Вивчайте SQL, створюючи студентську базу даних (частина 1)"
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-sql-by-building-a-student-database-part-1
+dashedName: learn-sql-by-building-a-student-database-part-1
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-2.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-2.md
new file mode 100644
index 0000000000..115f2acf1a
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/learn-sql-by-building-a-student-database-part-2.md
@@ -0,0 +1,18 @@
+---
+id: 618590adb0730ca724e37672
+title: "Вивчайте SQL, створюючи студентську базу даних (частина 2)"
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-sql-by-building-a-student-database-part-2
+dashedName: learn-sql-by-building-a-student-database-part-2
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/number-guessing-game.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/number-guessing-game.md
new file mode 100644
index 0000000000..ad023cd910
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/number-guessing-game.md
@@ -0,0 +1,18 @@
+---
+id: 602da04c22201c65d2a019f4
+title: Гра на відгадування чисел
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-number-guessing-game
+dashedName: number-guessing-game
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/periodic-table-database.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/periodic-table-database.md
new file mode 100644
index 0000000000..2f66c32ca8
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/periodic-table-database.md
@@ -0,0 +1,18 @@
+---
+id: 602d9ff222201c65d2a019f2
+title: База даних періодичної таблиці
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-periodic-table-database
+dashedName: periodic-table-database
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/salon-appointment-scheduler.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/salon-appointment-scheduler.md
new file mode 100644
index 0000000000..56f07389bf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/salon-appointment-scheduler.md
@@ -0,0 +1,18 @@
+---
+id: 5f87ac112ae598023a42df1a
+title: Планувальник прийомів у салоні
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-salon-appointment-scheduler
+dashedName: salon-appointment-scheduler
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/world-cup-database.md b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/world-cup-database.md
new file mode 100644
index 0000000000..183b6558bf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/13-relational-databases/learn-relational-databases/world-cup-database.md
@@ -0,0 +1,18 @@
+---
+id: 5f9771307d4d22b9d2b75a94
+title: База даних чемпіонату світу
+challengeType: 12
+helpCategory: Relational Databases
+url: https://github.com/freeCodeCamp/learn-world-cup-database
+dashedName: world-cup-database
+---
+
+# --description--
+
+# --instructions--
+
+# --hints--
+
+# --seed--
+
+# --solutions--
diff --git a/curriculum/dictionaries/ukrainian/comments.json b/curriculum/dictionaries/ukrainian/comments.json
new file mode 100644
index 0000000000..de41ab3015
--- /dev/null
+++ b/curriculum/dictionaries/ukrainian/comments.json
@@ -0,0 +1,110 @@
+{
+  "hyek8f": "24.44 градусів Цельсію",
+  "rscjup": "26 градусів за Цельсієм",
+  "am2xch": "Список рядків, які демонструють завдання:",
+  "6rztdg": "Додати запис тут",
+  "to1vwe": "Додайте методи handleChange() та submit Message() тут",
+  "31b7ey": "Додайте свій код над цим рядком",
+  "c24by8": "Додайте свій код під цим рядком",
+  "jbrt8k": "Додайте рядок m-th до newArray",
+  "zkh12d": "Після проходження випробування поекспериментуйте з myString, щоб поглянути як працює групування",
+  "mobihi": "Призначте 5 oopsGlobal тут",
+  "v3ups9": "Назвіть шкалу з аргументом тут",
+  "iw4a3a": "Випадок 1: діти не залучені",
+  "463xp8": "Випадок 2: одна дитина залучена",
+  "u3inrm": "Випадок 3: дві дитини залучені",
+  "axnbgg": "Змініть код над цим рядком",
+  "i2kck7": "Змініть код під цим рядком",
+  "dlbobn": "Змініть цей рядок",
+  "v127zb": "Перевірте дві консолі, щоб побачити різницю. Консоль від freeCodeCamp мала б вписати змінну величину двічі, по одній для кожного завдання цього експерименту. Консоль браузера повинна вписати змінну лише раз, оскільки ви вже стерли її на початку.",
+  "ejm0ql": "Закрийте третю вкладку у вікні відео та приєднайтеся",
+  "iwch6t": "Завершіть поданий нижче метод та впровадьте наступні схожим способом",
+  "hihhyz": "Завершіть операцію повернення:",
+  "sdxti5": "Підрахуйте дітей об'єкта, який потрібно видалити",
+  "wfw6sc": "Створити шкалу x і y",
+  "sjw6f4": "Створіть шкалу тут",
+  "nupsh2": "Створіть 2-D масив із рядків m та стовпців n з нулями",
+  "xfjb3s": "Вкажіть змінну myGlobal під цим рядком",
+  "htpjk7": "Визначте константу для видів зменшення значення змінної",
+  "tfzdsp": "Визначте константу для видів збільшення значення змінної",
+  "zh20mi": "Визначте ADD, addMessage(), messageReducer() та сховище тут:",
+  "43qs4c": "Визначте виконавця дії для зменшення",
+  "nen3qo": "Визначте виконавця дії для збільшення",
+  "0cwyam": "Визначте виконавця дії тут:",
+  "fq0wsg": "Визначте дію тут:",
+  "tegkqa": "Визначте компонент Container тут:",
+  "b5oihn": "Визначте редуктор лічильника, який збільшує чи зменшує стан на основі дії, яку він отримує",
+  "91y4pd": "Визначте сховище Redux тут, передавши свої редуктори",
+  "eie1vk": "Визначте кореневий редуктор тут",
+  "5s7nnl": "Визначте сховище даних тут:",
+  "34qe2q": "Словник зберігатиме елементи нашого набору",
+  "2c1wra": "Виконайте дію для отримання даних тут",
+  "923cpg": "Виконайте запит тут",
+  "picsyf": "Виконайте дію тут:",
+  "ysjr1s": "Відобразити код",
+  "kjd1am": "Не змінюйте стан тут інакше тести зазнають невдачі",
+  "5tx4ow": "Розважальні сайти",
+  "9yu58b": "Назвіть приклад інвентаризації",
+  "ciddtb": "Знайдіть значення об'єкта та його батьківський елемент",
+  "ixx548": "Виправте код нижче так, щоб він мав логічне значення",
+  "6mbhjj": "Наприклад: Redux.createStore()",
+  "jshtzq": "Функція, що повертає рядок, який представляє чашку чорного чаю",
+  "cw1ghf": "Функція, що повертає рядок, який представляє чашку зеленого чаю",
+  "iuccln": "Згенеруйте масив, заповнений випадковим чином",
+  "bm2mop": "Отримайте вкладки після вкладки",
+  "kchz5k": "Отримайте вкладки перед вкладкою",
+  "bfd23c": "Беручи до уваги функцію (що відповідає типу чаю) та потрібну кількість чашок, наступна функція повертає масив рядків (кожен позначає чашку із певним видом чаю).",
+  "ead98i": "Загальний підрахунок змінних:",
+  "7zf0i2": "З'єднайте їх разом",
+  "5j2l88": "Давайте створимо три вікна браузера",
+  "e843r9": "Давайте поки відкриємо нову вкладку",
+  "5fvehh": "myVar не визначений за межеми myLocalScope",
+  "qn720a": "Тепер, додайте console.clear() перед вашим console.log(), щоб очистити консоль браузера і передати завдання.",
+  "j86mef": "Тепер виконайте закриття, відкриття вкладки та інші операції",
+  "mk7rvy": "Тепер видаліть рядок консолі, щоб пройти тест",
+  "n7vm1s": "Змініть код лише над цим рядком",
+  "cvh4x7": "Змініть код лише під цим рядком",
+  "lvmnm7": "Відкрийте нову вкладку для мемів з котами",
+  "avpx79": "Відкрийте консоль браузера.",
+  "0b5ps6": "Відступ між межею полотна SVG та графіком",
+  "uemoej": "Додає n нулів до поточного рядка, щоб створити стовпці",
+  "lm86nf": "Додає поточний рядок, який тепер містить n нулів, до масиву",
+  "qscelx": "Методи Redux доступні з об'єкта Redux",
+  "atqiig": "Виведіть вхідні дані, кнопку та ul під цим рядком",
+  "yq81wg": "Виведіть провайдера під цим рядком",
+  "kxio9j": "responseFromServer налаштований на похибку, щоб відобразити невдалу відповідь сервера",
+  "alh6pw": "responseFromServer налаштований правильно, щоб відобразити позитивну відповідь сервера",
+  "1cfidd": "responseFromServer відображає відповідь сервера",
+  "96tntk": "Повертає 30",
+  "58a5g7": "Запустіть та перевірте консоль",
+  "71bus9": "Запустіть тести, щоб побачити різницю між двома консолями.",
+  "7wp46n": "Налаштування у шкалі Фаренгейта",
+  "oefvg5": "Налаштування",
+  "mnt4d3": "Повинно показувати 'carrot'",
+  "fhe9m4": "Соціальні сторінки",
+  "za434b": "Зібрана стовпчикова діаграма щотижневих тренувань",
+  "7c1fv9": "Стовпчикова діаграма з накопиченням піде сюди",
+  "r44ovx": "вкладки це масив заголовків до кожного сайту, відкритого у вікні",
+  "cl8peb": "масив тесту:",
+  "1xi3cv": "Глобальна змінна",
+  "3gc01a": "Файл main.scss",
+  "14kfog": "Це наш метод перетину",
+  "d1shtt": "Це наш метод об'єднання",
+  "pqq6sy": "Цей метод додасть елемент до набору",
+  "nd2oxy": "Цей метод перевірить наявність елемента та дасть позитивну або негативну відповідь",
+  "ocm81t": "Цей метод вилучить елемент з набору",
+  "or9p5p": "Цей метод поверне усі значення у наборі",
+  "g1608f": "Цей метод поверне розміри набору",
+  "bheu99": "Це збереже набір",
+  "x1djjr": "Використовуйте console.clear() в наступному рядку, щоб очистити консоль браузера.",
+  "22ta95": "Використовуйте console.log(), щоб вивести вихідну змінну.",
+  "w43c7l": "Використання s = [2, 5, 7] може бути недійсним",
+  "pgckoj": "Призначення змінної",
+  "2xiqvv": "Оголошення змінної",
+  "2sx8zg": "Ми зберігаємо записи про масив всередині об'єкта",
+  "xmjfd8": "Коли ви закриєте вкладку",
+  "es69h6": "Коли ви об'єднуєте два вікна в одне",
+  "fho5t5": "Коли ви відкриєте нову вкладку в кінці",
+  "00kcrm": "показує правильно",
+  "sxpg2a": "Ваша поштова скринька, диск та інші робочі сторінки"
+}