chore(i18n,curriculum): processed translations - new ukrainian (#44447)
This commit is contained in:
camperbot
GitHub
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
@@ -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
|
||||
```
|
||||
Reference in New Issue
Block a user