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

  1. Сделайте запрос на https://next.json-generator.com/api/json/get/Vk3p1nQqS и загрузите список JSON элементов для приложения.
  2. Пройдитесь циклом forEach по каждому элементу массива и выведите его в список #list по примере структуры в index.html на 40-47 строке. Если в объекте checked=true, то элементу необходимо присвоить состояние и класс checked, в противном случае ничего не делать.
  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