Домашнее задание

  1. Используя Angular2 Webpack Starter создать проект "Sell it" Есть 2 варианта сделать это:
  2. Создать необходимые компоненты и перенести существующую верстку

Приблизительная структура проекта:

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 создаем компоненты для headerand footerи используем эти наших страница.

results matching ""

    No results matching ""