Trello на AngularJS
Уроков:
5В этой серии мы с вами напишем проект по созданию аналога Trello. Кто не знает, Trello - это приложение для менеджмента задач. И мы будем с вами делать этот проект на Angular 1.
Какой функционал мы реализуем
- Как только загружается страница, у нас загружаются списки.
- Мы можем добавить еще список, например, List projects.
- Новый список сразу появляется и мы можем к нему добавлять какие-то карточки, которые нам нужно сделать. Например, "implement API", "add FE", и так далее.
- Также мы можем удалять списки. Например, мы можем удалить список done.
- Мы можем редактировать карточки, как имя, так и список, в котором находится карточка.
- Мы можем удалять карточки
Необходимые знания
- Знания Angular 1 хотя бы на базовом уровне (контроллеры, модули, директивы, шаблоны, фабрики)
Для кого этот курс
- Для всех, кто хочет написать реальный проект на Angular 1 от начала до конца
- Для тех, кто хочет узнать хорошие практики при написании проекта на Angular 1
Перейти к просмотру
В этом уроке мы напишем базовые контроллеры и фабрику для списков Trello, а ng-cloak поможет нам избежать отображения нескомпилированого шаблона.
Перейти к просмотру
В этом уроке мы продолжаем реализовывать Trello, а именно добавление и удаление списков.
Перейти к просмотру
В этом уроке мы продолжаем реализовывать Trello, а именно отображение и создание карточек.
Перейти к просмотру
В этом уроке мы продолжаем реализовывать Trello, а именно удаление и обновление карточек.
Перейти к просмотру
В этом уроке мы продолжаем реализовывать Trello, а именно селект для выбора списка и директиву для закрытия формы редактирования.