Описание

Длительность: ~ 10 часов, 49 уроков
Время на изучение: ~ 2 недели
Исходный код: май 2020 г.

(Версии: Angular 9, Java 8, SpringBoot 2, Hibernate 5)

Сейчас в интернете не так много курсов, где вы создаете полноценное приложение по шагам, особенно на русском языке.
Когда я начинал изучение всей этой темы – приходилось собирать всю информацию по кускам на английском языке.

Поэтому я решил закрыть этот пробел и создал большой обучающий блок Angular на русском языке, состоящий из нескольких курсов.
Это вторая часть, продолжение.

У вас есть возможность получить все в одном месте и создать красивое большое приложение, которое можно использовать на собеседованиях как портфолио (будет большим плюсом вам) – c использованием всех современных технологий: Angular, TypeScript, Java, Spring, Hibernate, RESTful, JSON и др.

Объективно, на данный момент я пока не видел аналогичных курсов во всем интернете (возможно плохо искал, но я “перелопатил” почти все, прошел около 10 самых популярных тренингов – везде либо создавали независимые участки кода, либо проект был маленьким).

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

1) Интерактивное отображение задач
2) Добавление/удаление/редактирование задач
3) Добавление/удаление/редактирование категорий
4) Добавление/удаление/редактирование приоритетов
5) Отображение цвета приоритетов
6) Статистика по всем задачам
7) Поиск и фильтрация задач
8) Количество задач для каждой категории
9) Боковое слайд-меню
10) Настройки приложения
11) Справочное интро при первом запуске
12) Работа с календарем для установки даты
13) Добавление дизайн-шаблона в проект
14) Добавление material-компонентов
15) Мобильная версия приложения
16) И многое другое…

ПРОГРАММА ОБУЧЕНИЯ:

1. Введение
Настройка и установка окружения, общие сведения

1. Общая схема взаимодействия backend и frontend
3 мин

Какие технологии и как будете их связывать внутри приложения.
Общая концепция и подходы.

2. Обновление Angular до последней версии
15 мин

Как правильно обновить локальный и глобальный Angular,
какие изменения нужно внести в проекты

2. Создание backend
Серверный код для обработки запросов и доступа к БД

1. Создание базы данных в MySQL
16 мин

Структуры таблиц БД, связывание, типы данных, тестовые записи,
внешний ключи, триггеры, индексы

2. Триггеры для обновления данных
23 мин

Алгоритм работы триггеров для обновления статистики задач,
исключение лишних SQL запросов в БД

3. Индексы таблиц
6 мин

Оптимизация для SQL запросов, создание нужных индексов,
причины и алгоритм создания

4. Создание приложения SpringBoot
16 мин

Пошаговое создание SpringBoot приложения в IntelliJ IDEA,
загрузка зависимостей, библиотек с помощью Gradle

5. Создание Entity
23 мин

Генерация классов Java на основе таблиц БД, аннотации Hibernate,
оптимизация связей между полями

6. Создание репозиториев
21 мин

Доступ к данным и формирование основных SQL запросов,
использование готовых интерфейсов Spring Data JPA

7. Добавление объектов
20 мин

Проверка работы приложения с помощью контроллеров,
добавление новых записей в БД

8. Проверка параметров
23 мин

Работа с параметрами в методах контроллера, отправка клиенту
ошибок и статусов HTTP

9. Получение объекта по id
14 мин

Получение одиночных объектов из БД по его id,
поиск и добавление в коллекцию

10. Сортировка
12 мин

Вывод данных в упорядоченном виде с помощью
готовых объектов Spring Data JPA

11. Поиск с помощью JPQL
20 мин

Реализация собственных SQL запросов помимо стандартных,
описание на языке JPQL

12. Вывод SQL запросов
11 мин

Логирование на сервере в нужном формате,
компоновка запросов

13. Работа с задачами
26 мин

Полный цикл работы над объектами задач,
связывание с другими объектами через аннотации

14. Постраничность и сортировка
21 мин

Одновременное применение постраничности и сортировки,
динамическая реализация с переданными параметрами

15. Сервисы
7 мин

Реализация уровня сервисов для правильной архитектуры
и разделения приложения на слои

3. Создание frontend
Клиентский код для создания внешнего вида и обработки действий пользователя

1. Исходный проект
9 мин

Просмотр базового проекта, который будет
использоваться как основа для разработки

2. Доработка шаблона DAO
26 мин

Применение шаблонов DAJ для правильной организации
доступа к данным на клиенте

3. Сервисы и DAO
15 мин

Обхединение сервисов и DAO интерфейсов
для создания абстрактного и конкретного уровней

4. Применение ООП
6 мин

Рефакторинг кода, оптимизация и удаление дублирующегося кода,
применение наследования и других возможностей ООП

5. Очистка проекта
10 мин

Запуск проекта без данных для последующего
пошагового добавления функционала

6. Категории
21 мин

Работа с категориями, отображение, загрузка по HTTP
в формате JSON и формирование коллекций

7. Поиск категорий
15 мин

Поиск категорий с помощью RESTful запросов
и получение коллекций из БД

8. Редактирование категорий
15 мин

CRUD операции с использованием RESTful сервисов,
отправка клиенту статусов HTTP

9. Отображение задач
8 мин

Цикл разработки для отображения задач
с внутренними объектами

10. Постраничный вывод данных
14 мин

Формирование на клиенте компонентов для постраничного
вывода данных в таблице задач

11. Поиск задач
23 мин

Поиск задач с возможностью
постраничного вывода данных

12. Редактирование задач
17 мин

CRUD операции для задач – с учетом
ссылок на внутренние объекты

13. Общая статистика
18 мин

Показ статистики по всем задачам,
процентная реализация

14. Работа с приоритетами
19 мин

Настройки приоритетов и цветов,
обновление задач

4. Бонусные уроки
Дополнительные уроки, входят не во все комплекты

1. Мобильная верстка
10 мин

Проверка работы мобильной версии,
основные моменты верстки

2. Сохранение состояния приложения
14 мин

Сохранение и восстановление состояния приложения
(и всех его компонентов)

3. Индикатор загрузки
10 мин

Отображение пользователю индикатора загрузки
для всех HTTP запросов

4. Просмотр SQL в режиме реального времени
13 мин

Как правильно вести логирование SQL запросов на сервере MySQL,
чтобы видеть все операции, не только вашего проекта

5. Дебаг Angular приложения в IntelliJ IDEA
10 мин

Правильный подход к дебагу клиентского
кода на TypeScript

6. Нахождение причины любой ошибки
16 мин