20. Перенос HTML шаблона в проект Angular | Angular для начинающих

Описание: Все материалы к курсу в первом комментарии

Практический обучающий курс, где вы с нуля создадите большой проект Angular, начиная с установки ПО, заканчивая полным функционалом. Быстрый старт для новичков.


Что такое Angular?
Это cовременный и популярный фреймворк, созданный в Google и основанный на языке JavaScript/TypeScript. Входит в топ по запросам в интернете (наряду с React). Скорее всего вы слышите это название постоянно, теперь самое время научиться на нем разрабатывать. Здесь можно посмотреть примеры сайтов на Angular. В этой статье я подробно описал в каких случаях пользуюсь Angular и как он может связываться, например, с Java или другими технологиями. В общем если не хотите отстать от рынка - нужно обязательно изучать Angular, тем более он не сильно сложный (по сравнению с тем же React).

Почему Angular?

Этот фреймворк стал очень популярным, благодаря своим соотношением "возможности/легкости".

В отличие от многих других фреймворков - тут многое уже доступно "из коробки", бери и пользуйся.

С мобильной версткой
Вы можете брать любой готовый HTML дизайн и переносить его в свое приложение. Ваш проект будет выглядеть красиво как для десктоп, так и для мобильных устройств.

Реактивный код + Angular
В самом фреймворке уже изначально поддерживается реактивный код на TypeScript, чтобы вы могли создавать асинхронные вызовы. Ваш UI будет отзывчивым.

Компоненты на все случаи
Вам бесплатно будут доступны различные готовые UI компоненты, поэтому вы сможете реализовать любой функционал. Также можете подключать любые сторонние библиотеки.

Какое приложение вы создадите?
Вы создадите собственную версию приложения "Планировщик дел" (Todo), в котором по шагам реализуете основные функции:

Интерактивное отображение задач
Добавление/удаление/редактирование задач
Добавление/удаление/редактирование категорий
Добавление/удаление/редактирование приоритетов
Отображение цвета приоритетов
Статистика по всем задачам
Поиск и фильтрация задач
Количество задач для каждой категории
Боковое слайд-меню
Настройки приложения
Справочное интро при первом запуске
Работа с календарем для установки даты
Добавление дизайн-шаблона в проект
Добавление material-компонентов
Мобильная версия приложения
И многое другое...