испытание: ООП, прототипы и классы
AnyGoals
Организуй график работы, ставь задачи, цели и оставайся эффективным каждый день
Задание №1
Выборка данных

  1. Создайте класс Item который будет содержать всю логику создания элемента. Добавьте в него функции: addItem, getItem, createElement. Свяжите в классе все взаимодействие с этими функциями. Если нужно, добавьте в constructor параметры по умолчанию.
  2. Приложение должно работать с классом Item и остаться работоспособным.
  3. Ожидаемый результат:
<div id="list" class="ui middle aligned divided list">
    <label class="item">
        <div class="content">
            <div class="ui checkbox checked">
                <input type="checkbox" checked>
                <div class="box">Покормить кота</div>
            </div>
        </div>
    </label>

    <label class="item">
        <div class="content">
            <div class="ui checkbox checked">
                <input type="checkbox" checked>
                <div class="box">Сделать зарядку</div>
            </div>
        </div>
    </label>

    <label class="item">
        <div class="content">
            <div class="ui checkbox">
                <input type="checkbox">
                <div class="box">Выучить что такое функции и обьекты</div>
            </div>
        </div>
    </label>

    <!-- И так далее... -->
</div>
Критерии написания оптимальных циклов
  1. ✅ Своевременный выход из цикла: цикл не работает дольше чем нужно
  2. ✅ Количество вызовов циклов минимизировано
  3. ✅ Множественные DOM-операции производятся на элементах, которые не добавлены в DOM
Критерии написания избыточного кода
  1. ✅ В проекте не должно быть избыточных проверок
  2. ✅ Там где возможно, в присвоении значения вместо if используется тернарный оператор
  3. ✅ Условия упрощены
  4. ✅ Отсутствуют лишние приведения и проверки типов
  5. ✅ Отсутствует дублирование кода: повторяющиеся части кода переписаны как функции
Критерии написания единообразного кода
  1. ✅ Все функции объявлены единообразно
  2. ✅ Используется единый стиль именования переменных
  3. ✅ При использовании встроенного API, который поддерживает несколько вариантов использования, используется один способ
Перед завершением задания убедитесь:
  1. ✅ Каждое выполненное задание соответствует требованиям.
  2. ✅ В консоли браузера нет ошибок.
  3. ✅ Выполнены все рекомендации из критериев.
Made on
Tilda