Создаем персональное портфолио используя Angular 2 и Behance (2016)

Этот курс поможет вам шаг за шагом создать современное персональное портфолио: от прототипирования в Adobe XD до полноценного веб‑приложения на Angular 2 с загрузкой проектов через API Behance. Материал подойдёт разработчикам, дизайнером и всем, кто хочет быстро пройти путь от идеи до рабочего продукта.

Что вы изучите в этом курсе

Курс сочетает практику дизайна и разработки, позволяя вам получить цельное понимание процесса создания веб‑проекта.

• Основы прототипирования в Adobe XD
• Создание и настройка проекта Angular с нуля
• Подключение и получение данных из API Behance
• Построение адаптивной структуры портфолио
• Оптимизация и подготовка проекта к публикации

Этапы прохождения курса

1. Дизайн и прототипирование в Adobe XD

На первом этапе вы создадите визуальный макет вашего будущего портфолио:

• разработка сетки и структуры страниц;
• создание интерактивных прототипов;
• подготовка UI‑элементов для разработки.

2. Старт разработки с Angular CLI

После завершения прототипа вы начнёте переносить дизайн в реальный интерфейс:

• инициализация проекта через Angular CLI;
• организация архитектуры приложения;
• работа с компонентами, сервисами и шаблонами.

3. Интеграция Behance API

Этот этап позволит вам динамически загружать проекты и обновлять портфолио в реальном времени:

• подключение к API Behance;
• получение данных и их вывод на страницу;
• обработка ошибок и создание удобного UI для отображения проектов.

4. Вывод проекта в продакшен

В финале курса вы оптимизируете приложение и подготовите его к размещению:

• настройка сборки и окружений;
• минимизация и оптимизация ресурсов;
• рекомендации по публикации и дальнейшему расширению проекта.

Кому подойдёт этот курс

Обучение будет полезно:

• начинающим разработчикам, желающим получить практический проект;
• дизайнерам, которые хотят освоить основы разработки;
• создателям личного бренда и портфолио;
• тем, кто хочет научиться использовать API в реальных проектах.

Результат прохождения

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