Практический обучающий курс, где вы с нуля создадите большой проект Angular, начиная с установки ПО, заканчивая полным функционалом. Быстрый старт для новичков.
Что такое Angular? Это cовременный и популярный фреймворк, созданный в Google и основанный на языке JavaScript/TypeScript. Входит в топ по запросам в интернете (наряду с React). Скорее всего вы слышите это название постоянно, теперь самое время научиться на нем разрабатывать. Здесь можно посмотреть примеры сайтов на Angular. В этой статье я подробно описал в каких случаях пользуюсь Angular и как он может связываться, например, с Java или другими технологиями. В общем если не хотите отстать от рынка - нужно обязательно изучать Angular, тем более он не сильно сложный (по сравнению с тем же React).
Почему Angular?
Этот фреймворк стал очень популярным, благодаря своим соотношением "возможности/легкости".
В отличие от многих других фреймворков - тут многое уже доступно "из коробки", бери и пользуйся.
С мобильной версткой
Вы можете брать любой готовый HTML дизайн и переносить его в свое приложение. Ваш проект будет выглядеть красиво как для десктоп, так и для мобильных устройств.
Реактивный код + Angular
В самом фреймворке уже изначально поддерживается реактивный код на TypeScript, чтобы вы могли создавать асинхронные вызовы. Ваш UI будет отзывчивым.
Компоненты на все случаи
Вам бесплатно будут доступны различные готовые UI компоненты, поэтому вы сможете реализовать любой функционал. Также можете подключать любые сторонние библиотеки.
Какое приложение вы создадите? Вы создадите собственную версию приложения "Планировщик дел" (Todo), в котором по шагам реализуете основные функции:
Интерактивное отображение задач
Добавление/удаление/редактирование задач
Добавление/удаление/редактирование категорий
Добавление/удаление/редактирование приоритетов
Отображение цвета приоритетов
Статистика по всем задачам
Поиск и фильтрация задач
Количество задач для каждой категории
Боковое слайд-меню
Настройки приложения
Справочное интро при первом запуске
Работа с календарем для установки даты
Добавление дизайн-шаблона в проект
Добавление material-компонентов
Мобильная версия приложения
И многое другое...
Посмотреть больше
Урок 1.00:12:40
001_Демо приложения
Урок 2.00:12:35
002_Что такое Angular
Урок 3.00:15:03
003_Установка и настройка IDEA
Урок 4.00:14:12
004_Установка ПО
Урок 5.00:05:23
005_frontend и backend
Урок 6.00:10:39
006_Создание Angular проекта
Урок 7.00:05:42
007_Открытие проекта в IDEA
Урок 8.00:14:38
008_Структура Angular проекта
Урок 9.00:03:56
009_Домашнее задание
Урок 10.00:08:50
010_Git
Урок 11.00:09:31
011_Домашнее задание
Урок 12.00:19:35
012_Добавление Git в проект
Урок 13.00:06:30
013_Открытие проекта
Урок 14.00:08:23
014_Функционал приложения Todo
Урок 15.00:02:33
015_Домашнее задание
Урок 16.00:05:31
016_Планирование UI
Урок 17.00:03:12
017_Разделение UI на компоненты
Урок 18.00:08:28
018_Выбор дизайна
Урок 19.00:12:41
019_Bootstrap и Material
Урок 20.00:22:05
020_Перенос HTML шаблона в проект Angular
Урок 21.00:18:53
021_Тестовые данные
Урок 22.00:15:39
022_Подключение библиотек
Урок 23.00:18:24
023_Добавление компонента и сервиса
Урок 24.00:21:30
024_Отображение категорий
Урок 25.00:11:43
025_Домашнее задание
Урок 26.00:11:22
026_Выборка задач по категории
Урок 27.00:15:11
027_Реактивное программирование
Урок 28.00:04:55
028_Домашнее задание
Урок 29.00:19:20
029_Отображение данных задачи ч1
Урок 30.00:02:32
030_Отображение данных задачи ч2
Урок 31.00:03:50
031_Выполнение задачи
Урок 32.00:01:34
032_Домашнее задание
Урок 33.00:04:36
033_Базовые понятия
Урок 34.00:26:45
034_Таблица с задачами
Урок 35.00:04:26
035_Домашнее задание
Урок 36.00:18:32
036_Сортировка и постраничность
Урок 37.00:02:52
037_Домашнее задание
Урок 38.00:10:13
038_Жизненный цикл компонента
Урок 39.00:23:46
039_DAO
Урок 40.00:08:57
040_Реализации DAO
Урок 41.00:01:40
041_Домашнее задание
Урок 42.00:13:34
042_Input
Урок 43.00:03:22
043_Домашнее задание
Урок 44.00:17:48
044_Output
Урок 45.00:03:31
045_Домашнее задание
Урок 46.00:21:57
046_Диалоговые окна
Урок 47.00:01:27
047_Домашнее задание
Урок 48.00:26:14
048_Редактирование названия
Урок 49.00:11:22
049_Выпадающий список
Урок 50.00:01:37
050_Домашнее задание
Урок 51.00:09:46
051_Окно подтверждения
Урок 52.00:03:37
052_Домашнее задание
Урок 53.00:05:54
053_Выбор даты
Урок 54.00:11:16
054_Формат даты
Урок 55.00:12:38
055_Действия над задачей
Урок 56.00:06:00
056_Домашнее задание
Урок 57.00:04:17
057_Категория `Все`
Урок 58.00:10:08
058_Редактирование категории
Урок 59.00:11:39
059_Домашнее задание
Урок 60.00:08:05
060_Smart and Dumb components
Урок 61.00:14:36
061_Фильтрация задач
Урок 62.00:08:20
062_Домашнее задание
Урок 63.00:14:24
063_Добавление задачи
Урок 64.00:09:30
064_Домашнее задание
Урок 65.00:08:12
065_Поиск категорий
Урок 66.00:02:48
066_Домашнее задание
Урок 67.00:18:51
067_Изменение HTML
Урок 68.00:13:58
068_Статистика
Урок 69.00:05:19
069_Header
Урок 70.00:04:13
070_Домашнее задание
Урок 71.00:16:01
071_Приоритеты и цвета
Урок 72.00:08:07
072_Домашнее задание
Урок 73.00:19:18
073_Количество задач
Урок 74.00:05:04
074_Домашнее задание
Урок 75.00:21:32
075_Intro
Урок 76.00:01:19
076_Домашнее задание
Урок 77.00:16:09
077_Боковое меню
Урок 78.00:19:57
078_Мобильная версия
Урок 79.00:02:00
079_Домашнее задание
Урок 80.00:27:32
080_Карточки задач
Урок 81.00:17:47
081_Производительность ч1
Урок 82.00:14:47
082_Производительность ч2
Урок 83.00:04:06
083_TTFB
Урок 84.00:15:47
084_Компиляция
Урок 85.00:10:36
085_Hosting
Автор - Javabegin
Javabegin
Наша миссия - помочь всем новичкам, кто решил посвятить свою жизнь Java программированию. Мы стараемся сделать изучение Java максимально легким и понятным. Самое главное - больше практики, тогда любой материал будет запоминаться очень быстро.
Прохожу уже почти половину курса, и автор действительно подробно все рассказывает. Это то, что я ищу на курсах у авторов. Действительно мне очень помог вступить в понимание Ангуляра.
Anonymous
Урок4 Ссылка https://angularconsole.com/ теперь редиректит на https://nx.dev/using-nx/console И далее в уроке 6 шаги по созданию проекта не актуальны уже. Обновите курс пожалуйста.
lorelin97
Норм что тут видео уроков нету, а только муз. клипы?
Devider
Аррай
Английский автору нужно учить.
NickName
Этот парень крутой, особенно в java.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Курс Angular Firebase PWA научит вас создавать сложные прогрессивные веб-приложения с Angular 8, Material Design и Firebase. Он начинается с абсолютных основ и в конечном итоге заканчивается развертыванием PWA на сервере в Google Cloud Run.
Новый видеокурс (изучаете в любое время), где вы создадите большой fullstack проект Angular вместе с серверными технологиями (frontend + backend). Является продолжением первого курса (основы Angular).
Angular – это современный фреймворк от компании Google, написанный на TypeScript и обеспечивающий FrontEnd-разработчика удобными инструментами для создания веб-приложения, а также задающий дизайн приложения и упорядоченную структуру кода. Использование Angular дает возможность строить интерактивные и динамические веб-приложения намного быстрее и с меньшим объемом написания кода, чем в случае применения стандартного JavaScript и HTML.
Angular Nest. Архитектор веб-приложений - Мастер-класс
Angular Nest Web Application Architect - Master Class 2020
Спроектируйте, разработайте и разверните свой собственный продукт с нуля в соответствии с текущими промышленными практиками, работая с monrepos. Речь идет не только о создании проекта, но и о понимании концепций, связанных с ним. Он будет постоянно обновляться, когда я сталкиваюсь с новыми методами. Это будет один пит-стоп, когда дело доходит до передовых концепций в веб-разработке.
Английский автору нужно учить.