Архив: Одеть готовую верстку на работающий angular6 (angular-materi

Бюджет По договоренности
Создан: 5 лет назад
Закрыт
Описание
Задача:
Одеть готовую верстку на работающий angular6 (angular-material) скелет сайта. 

Кто нужен:
Верстальщик с опытом работы с angular2+.

Что есть:
Верстка уже существует в виде статичных html и css файлов (gvozd.org/lk2/). 
Сервис (сайт) находится в процессе разработки и представляет из себя стандартное angular-приложение. Используются angular-material (material.angular.io/) компоненты.

Что требуется:
Нужно ангуляризовать верстку: перенести разметку и стили из статичных макетов в angular-шаблоны. А то, что уже что уже реализовано в приложении (таблицы, элементы интерфейса, интерактивность, все material компоненты) нужно просто поставить на свои места. И сделать этим компонентам стили, чтобы они более-менее вписывались в дизайн по цветам, шрифтам и размерам.
Например, это: 212.224.113.78:2005/crawl...
Одеть в это: gvozd.org/lk2/page1/

Помимо всех страниц из gvozd.org/lk2 нужно будет что-то придумать для 404 страницы, страниц логиналогаута и прочих стандартных форм. Их нужно будет собрать из запчастей имеющихся шаблонов. И также одеть на соответствующие angular компоненты (когда они будут готовы). 

Необходимые скиллы:
1. html5&css3
@media, css-transitions, flexbox.

2. angular6 
Понимание базовых принципов angular2+, в частности: шаблонов и компонентов, как это связано и работает. Способность прочитать и написать выражение для ngFor, ngClass, ngIf, routerLink. 
Понимание ngForm, formGroup, FormBuilder.
Понимание angular style scope  чем Component Styles отличается от Global Styles.
Иметь представление об angular router.

3. angular-material
Опыт работы с angular-material или способность быстро освоить material.angular.io/compo... В частности, вам должна быть понятна такая разметка:
<ng-container matColumnDef="userName">
  <th mat-header-cell *matHeaderCellDef> Name </th>
  <td mat-cell *matCellDef="let user"> {{user.name}} </td>
</ng-container>

4. typescript
Непосредственно код для компонентов писать не нужно  всё уже работает. Максимум, что потребуется написать в .ts самому – это добавить переменную в компонент, если вдруг задумаете добавить какой-то свой ngFor в шаблон. Однако, при необходимости, нужно уметь смотреть .ts код компонентов и понимать для чего в шаблонах существуют те или иные переменные.

От автоответов: Огурец
Категория

Похожие проекты

safe$22
9 0
требуется готовую онлайн анкету на django по приему на работу перенести в whatsapp, telegram и viber. Нужно чтобы кандидат мог с удобством заполнять анкету с телефона, а все заполненные им данные по всем позициям автоматически загружались в нашу базу данных. В нашей базе будет создаваться резюме кандидата......
safe 
28 0
В наличии массив кадастровых номеров (КН), необходимо путем запроса на ПКК определить примерные географические координаты каждого объекта из массива КН (ОКС, ЗУ), вывести в результирующий файл эти ко-ты и ряд сопутствующих данных по этому КН....
1 год назад
safe 
44 1
Необходимо разработать бек и фронт мини-сервиса таким образом, чтоб его можно было развернуть внутри другого проекта....
safe$1111
23 0
Стоит на Бизнесе для своих нужд на простеньком базовом шаблоне, складываю туда контент потихоньку. Нужно начинать приводить в соответствие что бы публика сразу не убегала, а как то цеплялась, да и продвигать не торопясь. Шаблон где порвался от вставки баннеров подправить, для мобилок может сверстать.......
safe$22
55 0
Парсер для сайта stockx. com на питоне (selenium/pyppeteer). Необходим следующий функционал: 1. На главной странице с поиском по ключевым словам найти первый результат из поиска (ссылку на страницу товара) ....
1 год назад
safe$44
49 0
Трипланарная транспортная задача (отправители - транспорт - получатели) генерация исходных данных трехэтапное решение 1....
safe$1111
48 0
Требуется написать парсер маркетплейса, у которого есть только мобильное приложение (IOS, Android). Есть исходный код Android приложения (Java + Kotlin), реверснутый через JADX. Необходимо парсить данные о товарах, полученные по артикулу. За подробностями тг: @markermann)....
1 год назад
 
38 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
36 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
37 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
31 0
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
 
40 1
Требуется написать софт , который будет делать рассылку по личным сообщениям на площадке Ebay Kleinanzeigen по заранее спаршенным обьявлениям....
1 год назад
$22
59 1
В Геткурсе нужно сделать интеграцию со Сбербанком для оформления рассрочки/кредита. Основная задача – передача суммы и номера заказа при переходе для оформления рассрочки и возврат сведений при удачном оформлении. Эквайринг от Сбербанка к Геткурсу подключён, а готовой интеграции для рассрочки нет. Если......
1 год назад
 
96 0
Нужно сделать бот перехватчик заказов по фильтру такси Максим!...
1 год назад
$33
75 1
Как можно загрузить готовое фото из галереи, если приложение просит загрузить фото и при этом открывает камеру телефона? Нужно вместо использования реальной камеры смоделировать вход камеры и при этом загрузить фото из галереи....
1 год назад
 
117 3
Очень простой криптообменник в виде веб-сайта. Без смарт-контрактов и т. Все платежи вручную....
Смотреть все