курси програмування для дітей безкоштовно

Повторення

Інтерв’ю

Сьогодні ми братимемо інтерв’ю і створимо сторінку про людину, у якої взяли інтерв’ю. Об’єднайтесь в пари в класі. Якщо робите завдання не на уроці, візьміть інтерв’ю у родини, знайомих чи друзів.

1: Відкрийте цей проєкт https://codepen.io/AnikaAmiga/pen/BaERENe?editors=1100 і зробіть з нього копію (кнопка Fork внизу справа)

Стилі, які тут використані, створюють акордеон. Це такий елемент, частини якого, як акордеон мона розгортати і згортати

2: Змініть назву в проєкті. Запишіть ім’я того, у кого берете інтерв’ю.

3: Як редагувати ? Відшукайте цей фрагмент коду:

<div class="tab">
  <input id="tab-one" type="checkbox" name="tabs">
  <label for="tab-one">Label One</label>
  <div class="tab-content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
  </div>
</div>

Змініть назву Label One на одне з питань у інтерв’ю. Також замініть червоний текст в інтерв’ю на текст відповіді. Також в цей блок можна додати картинки, списки, відео… все що завгодно!! Важливо: контент в середині вкладки має вміщатися на сторінку.

Питання і формат інтерв’ю на ваш розсуд. Але за бажання можна використати приклади питань для інтерв’ю нижче.

4: Як додати ще блоки ? Створіть пустий рядок прямо перед останнім закриваючим тегом div. Додайте туди :

    <div class="tab">
      <input id="tab-five" type="checkbox" name="tabs">
      <label for="tab-five">Label Five</label>
      <div class="tab-content">
        <p>5 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>
      </div>
    </div>

Замініть слово five на інший номер вкладки, якого у вас ще немає. Наприклад, tab-six

Приклади питань для інтерв’ю

Примітка : респондент може не відповідати на питання, яке вважає особистим. В такому разі поставте інше питання.

  1. Як тебе звуть?
  2. Опиши себе трьома смайликами. (Смайли можна взяти тут : https://pl.piliapp.com/facebook-symbols/)
  3. Опиши себе трьома словами
  4. Який твій улюблений колір,
  5. Улюблена тваринка?
  6. Яке у тебе хоббі?
  7. Які імена (чоловічі або жіночі) тобі подобаються ?
  8. Якби у тебе був єдиноріг, як би ти його назвав (назвала) ?
  9. Улюблений фільм ? книга ? мультик ?
  10. У тебе є брати чи сестри ? Розкажи про них
  11. Де ти живеш ?
  12. Розкажи про свою школу та свій клас
  13. Яка музика тобі подобається ?
  14. Якби ти був\була тваринкою, то якою? Якби ти був\була машиною, то якою?
  15. Яка твоя улюблена країна чи місто ?
домашка з програмування

Level Up

4: Додай на сторінку щось з цього :

  • картинки
  • відео
  • мапа
  • список
  • додай свої стилі

Залишити коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *