Trello на AngularJS

poster
Уроков:
 5
Понравилось? Поделитесь с друзьями!
Понравилось?
Поделитесь с друзьями!
В этой серии мы с вами напишем проект по созданию аналога Trello. Кто не знает, Trello - это приложение для менеджмента задач. И мы будем с вами делать этот проект на Angular 1.

Какой функционал мы реализуем

  1. Как только загружается страница, у нас загружаются списки.
  2. Мы можем добавить еще список, например, List projects.
  3. Новый список сразу появляется и мы можем к нему добавлять какие-то карточки, которые нам нужно сделать. Например, "implement API", "add FE", и так далее.
  4. Также мы можем удалять списки. Например, мы можем удалить список done.
  5. Мы можем редактировать карточки, как имя, так и список, в котором находится карточка.
  6. Мы можем удалять карточки

Необходимые знания

  1. Знания Angular 1 хотя бы на базовом уровне (контроллеры, модули, директивы, шаблоны, фабрики)

Для кого этот курс

  1. Для всех, кто хочет написать реальный проект на Angular 1 от начала до конца
  2. Для тех, кто хочет узнать хорошие практики при написании проекта на Angular 1
Перейти к просмотру
Пишем Trello на AngularJS. Часть 1.
В этом уроке мы напишем базовые контроллеры и фабрику для списков Trello, а ng-cloak поможет нам избежать отображения нескомпилированого шаблона.
Перейти к просмотру
Пишем Trello на AngularJS. Часть 2.
В этом уроке мы продолжаем реализовывать Trello, а именно добавление и удаление списков.
Перейти к просмотру
Пишем Trello на AngularJS. Часть 3.
В этом уроке мы продолжаем реализовывать Trello, а именно отображение и создание карточек.
Перейти к просмотру
Пишем Trello на AngularJS. Часть 4.
В этом уроке мы продолжаем реализовывать Trello, а именно удаление и обновление карточек.
Перейти к просмотру
Пишем Trello на AngularJS. Часть 5.
В этом уроке мы продолжаем реализовывать Trello, а именно селект для выбора списка и директиву для закрытия формы редактирования.