coursetro
Coursetro - Интересная онлайн площадка которая делает довольно таки качественный контент для изучения веб а также мобильной разработки.
Создаем персональное портфолио используя Angular 2 и Behance
Create a Personal Portfolio using Angular 2 & Behance
★4.2 (всего оценок - 7)
Продолжительность
2 ч 8 мин
Категория
Adobe XDКоличество уроков
21 Видео
Дата добавления
20 февр. 2018 г., 21:22
Язык
Английский
Дата выхода
8 дек. 2016 г., 00:00
Дата обновления
28 апр. 2026 г., 23:39
Этот курс поможет вам шаг за шагом создать современное персональное портфолио: от прототипирования в 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, которое можно использовать для поиска работы или презентации собственных проектов.
- Урок 1.00:10:45Designing the Header and Thumbnail Gallery
- Урок 2.00:11:31Finishing the Home Page
- Урок 3.00:08:38Details Page Design
- Урок 4.00:05:19Starting the Angular Project
- Урок 5.00:02:31Generating the Components
- Урок 6.00:02:09Integrating Foundation
- Урок 7.00:05:29Setting up the Router
- Урок 8.00:08:34Writing the Header HTML
- Урок 9.00:07:34Writing the Header CSS
- Урок 10.00:10:45Making the Navigation Responsive
- Урок 11.00:02:52Behance API Overview
- Урок 12.00:05:24Generating & Coding the Service
- Урок 13.00:02:43Integrating the Service in the Gallery Component
- Урок 14.00:05:40Writing the HTML
- Урок 15.00:08:18Writing the CSS
- Урок 16.00:02:45Making the Gallery Responsive
- Урок 17.00:04:01Integrating Angular Animations
- Урок 18.00:03:10Connecting the Router
- Урок 19.00:05:32Writing the HTML
- Урок 20.00:07:40Writing the CSS
- Урок 21.00:06:50Integrating Angular Animations
Автор - coursetro
Комментарии