Домашнее задание
- Используя Angular2 Webpack Starter создать проект "Sell it"
Есть 2 варианта сделать это:
- https://github.com/AngularClass/angular-starter#quick-start (после этого необходимо изменить git remote чтоб закомитить все в свой репозиторий)
- https://github.com/AngularClass/angular-starter#installing
- Создать необходимые компоненты и перенести существующую верстку
Приблизительная структура проекта:
src/
-- app/
-- home-page/
-- home-page.component.ts
-- home-page.component.scss
-- home-page.component.html
-- detail-page/
-- ...
-- login-page/
-- ...
-- ...
-- app.component.html
-- ..
Не забудьте создатьapp.component.html
и подключить его в app.component.ts
Для глобальных стилей используем src/styles/
Минимальные требования:
- Иметь 3 компоненты со статической версткой - <home-page></home-page>, <detail-page></detail-page>, <login-page></login-page>
- Добавляя поочередно эти теги (<home-page></home-page> и тд) в фаил
app.component.html
должна отображаться соответствующую страница
Доп. задание
Создаем в app
каталог shared
и в нем components
src/
-- app/
-- home-page/
-- home-page.component.ts
-- home-page.component.scss
-- home-page.component.html
-- detail-page/
-- ...
-- login-page/
-- ...
-- shared/
-- components/
-- (header and footer components)
-- app.component.html
В этом каталоге components
создаем компоненты для header
and footer
и используем эти наших страница.