01. Инициализация. Создание сервиса. CSS. Шаблон

Тестовое задание. Постановка

Этот курс рассчитан на получение навыков для написания тестового задания для устройства на должность Junior Angular Developer в фирму, где занимаются мобильной разработкой. Для тех, кто рассчитывает в будущем разрабатывать не мобильные, а web-приложения, курс тоже подойдёт. За основу взято реальное задание. Ниже привожу его со своими комментариями.

Постановка задачи:

Используя файл generated.json спроектировать модуль «Список друзей».

Основные требования (минимум):

  • адаптивная верстка под популярные мобильные устройства Apple (iphone5-6-plus, ipad).
  • внешний вид остается на усмотрение соискателя (творческая часть, сделайте красиво).
  • друга можно добавить/удалить в список «избранное». Сам раздел «избранное» доступен в фиде фильтра. Используя localStorage реализовать сохранение списка «избранное».
  • реализовать поиск по заголовкам. Я так понял речь идёт о поиске по именам.
  • на карточке каждого из друзей есть шкала оценки от 1 до 5 (оценка должна сохраняться). В данном случае сохранять видимо надо в localStorage.

Задача со звездочкой:

  • реализовать фильтр-сортировку «самые популярные» и «самые непопулярные» друзья по оценке. Этого нет в реализации курса. Но если вы внимательно изучите курс, вам не составит труда сделать это.
  • добавить анимацию действий на странице. это может быть анимация элементов управления, появления списка и загрузки страницы. Это будет реализовано, ибо задача часто востребована в реальной практике.
  • реализовать «кусочную» загрузку. Участники должны подгружаться при скролле по 6 человек. Этого тоже нет в реализации курса. Реализовать lazy load несколько сложнее, чем сортировку по звёздам.

Использовать в реализации нужно:

  • Angular 1.6.
  • использование Angular2/4/5 приветствуется и будет преимуществом. Курс про Angular 2/5, на нём и будем делать.

Использовать в реализации можно:

  • sass.
  • gulp или webpack.

Использовать в реализации нельзя:

  • плагины реализующие ту или иную задачу полностью и требующие от соискателя подключения в одну строчку.

Дополнительные ссылки