frontend

MIT Licensed Awesome        Telegram

Memory – Pair Game

Ми багато чого навчилися, а тепер давайте потренуймося!

У цьому розділі ви створите Memory - Pair Game — карткову гру, в якій всі картки кладуться на поверхню лицьовою стороною вниз, і кожен раз перевертаються по дві картки. Мета гри - знайти пари відповідних карток. Гра закінчується, коли буде підібрана остання пара.

Pair Game Example

Щоб виконати це завдання, ви повинні мати базові знання HTML, CSS і JS. Ви можете використовувати будь-який стиль та анімацію, які хочете — єдине правило - робити це самостійно.

Деякі з наведених нижче посилань можуть бути корисними:

  1. Shuffle Array
  2. CSS3 Transitions
  3. Flip Animation

Коли ви завершите завдання, пушніть свій код у репозиторію GitHub і опублікуйте його використовуючи GitHub Pages.

Після завершення виконайте наступне:

  1. Для цього завдання вам знадобиться review коду:
    • Для студентів курсу Frontend 2022: будь ласка, дотримуйтесь цих інструкцій
    • Для студентів p2p course: будь ласка, дотримуйтесь цих інструкцій
    • Опублікуйте демо вашого проекту в Студентському чаті і попросіть про фідбек. Ліквідуйте знайдені колегами баги. В PR додайте комент, з якого було б видно, що фідбек зібрано і оброблено, а знайдені баги виправлено.
  2. Чудова робота! Якщо ваш PR вже продивились ментори, узгодили та вмерджили (його статус змінено на merged з фіолетовою іконкою), то прийшов час ділитись своїми досягненнями з іншими – опублікуйте повідомлення в course channel: Memory Pair Game — #done (або Memory Pair Game — #p2p_done якщо ви студент курсу p2p) і додайте посилання до свого репо. Цей крок важливий, оскільки він допомагає наставникам відстежувати ваш прогрес!

Готово?

➡️ Ідіть далі Website Performance Optimization

⤴️ Повернутися до Contents

This site is open source. Improve this page.