Длительность: ~ 5 часов, 24 урока
Время на изучение: ~ 1 неделя

* Нужно знать: HTML и CSS

Практика Angular + Git/GitHub

Разработка веб приложения с нуля для новичков:
Angular, TypeScript, IntelliJ IDEA, Bootstrap, RxJS

Какие технологии
будете использовать

Angular

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

HTML, CSS

Отображение веб страниц и добавление стилей, селекторов, отладка кода в Google Chrome, добавление анимации

TypeScript

Язык разработки, основанный на Java Script, но более строгий и типизированный. Будете изучать сразу по ходу создания приложения на практике

Bootstrap

Разметка страницы, создание responsive дизайна, использование сеточной системы и готовых селекторов CSS.

RxJS

Реактивный стиль создания кода, который поддерживается в Angular сразу "из коробки" - асинхронные вызовы, уменьшение кода. 

Git/GitHub

Хранение версий кода/проекта в локальном и удаленном репозиториях, связывание со средой IntelliJ IDEA Ultimate

IntelliJ IDEA Ultimate

Среда разработки (можно trial-версию), которая поддерживает Angular и TypeScript: подстановка кода, рефакторинг, генерация и многое другое..

Верстка с нуля

Любое веб приложение должно уметь открываться на мобильных устройствах и корректно отображаться (компоненты, разметка)

Перенос дизайна

Вы возьмете готовый дизайн-шаблон и перенесете его в свой Angular проект, чтобы не создавать весь дизайн с нуля

НАЧАТЬ ОБУЧЕНИЕ

Список уроков
бесплатного курса

1. Что такое Angular?

12 мин

Введение в технологию, основные плюсы-минусы
и отличия от других решений

2. Установка и настройка IntelliJ IDEA

15 мин

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

3. Установка Angular и всего ПО

14 мин

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

4. Frontend и Backend

5 мин

Разделение приложения и понимание как все работает,
зачем нужны клиент-серверные отношения

5. Создание Angular проекта

10 мин

Создание и запуск вашего первого Angular проекта,
использование IDEA вместо консоли

6. Открытие проекта в IDEA

5 мин

Как открывать готовые Angular проекты, чтобы
у вас все сразу заработало

7. Структура Angular проекта

16 мин

Структура папок, файлов, JSON - настроек любого
Angular проекта

8. Git/GitHub

17 мин

Зачем нужно использовать Git/GitHub,
основные возможности и рекомендации 

9. Добавление Git в проект

25 мин

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

10. Функционал приложения Todo

10 мин

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

11. Планирование UI

5 мин

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

12. Разделение UI на компоненты

3 мин

Правильный подход для разделения всего приложения
на более мелкие части - Angular компоненты

13. Выбор дизайна

8 мин

Чтобы не создавать дизайн с нуля (долго) - вы можете 
использовать любой бесплатный и платный шаблон
и перенести его в свой проект

14. Bootstrap и Material

12 мин

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

15. Перенос HTML шаблона в проект Angular

22 мин

Пошаговые действия, чтобы превратить обычный
HTML-шаблон в проект Angular

16. Тестовые данные

18 мин

Создание и формирование тестовых данных
для отображения в приложении

17. Подключение библиотек

15 мин

Добавление сторонних библиотек для
расширения стандартного функционала

18. Добавление компонента и сервиса

18 мин

Использование инструментов Angular 
для связывания кода и UI

19. Отображение категорий

32 мин

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

20. Выборка задач по категории

11 мин

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

21. Реактивное программирование

19 мин

Использование преимуществ реактивного кода
для получения и отображения данных

22. Отображение данных задачи

21 мин

Отображение всех данных задачи
с помощью компонентов Angular

23. Выполнение задачи

5 мин

Завершение задачи (выполнение) и отображение с 
соответствующим стилем

24. Базовые понятия

4 мин

Подитог прошедших уроков, закрепление основ
и базовых принципов Angular

НАЧАТЬ ОБУЧЕНИЕ

ОНЛАЙН ДОСТУП

Вы сможете проходить курс только при наличии интернета. Вам будет доступен личный кабинет с последовательными уроками. Можно задавать вопросы (общие или по каждому уроку).

Также будет доступна Telegram группа для общения с другими учениками.

Какое приложение создадите

Посморите на видео демо приложения.
Вы создадите его с нуля в IntelliJ IDEA.

Чем этот курс отличается от других?

Отличия - в практике и применении сразу многих современных технологий (помимо Angular). Здесь вы будете использовать Git, Bootstrap, TypeSсript и многое другое - такое редко дается в бесплатных курсах.

НАЧАТЬ ОБУЧЕНИЕ

Закрытая телеграм группа и комментарии

Для некоторых пакетов курса доступна поддержка по всем вопросам во время изучения курса. Вопросы можно задавать в любое время, на них будут отвечать как сами ученики, так и автор курса.

Где можно задавать вопросы:

1) В закрытой телеграм группе

2) В комментариях под каждым уроком

Бесплатный курс Angular для новичков

Практический проект с нуля с применением IntelliJ IDEA

Контакты

Email: support@javabegin.ru         
ИИН: 851110300087                     
ИП Батыршинов Т.С.

Ссылки

Все платные курсы
Все бесплатные курсы

© Copyright JavaBegin - Все права защищены