Архив: Одеть готовую верстку на работающий angular6
Бюджет
По договоренности
Создан: 7 лет назад
Закрыт
- Описание
- Задача: Одеть готовую верстку на работающий 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 код компонентов и понимать для чего в шаблонах существуют те или иные переменные.
- Категория
Похожие проекты
0
8
Ищем разработчика для постоянного сотрудничества с AI-агентством. Что делаем: AI-агенты, RAG, автоматизация лидов, CRM, Telegram/WhatsApp и интеграции. Стек: n8n / Make / Python / OpenAI / Claude / Gemini / REST API / Webhooks / PostgreSQL. Суть работы: клиентов и готовое ТЗ даём мы — вы реализуете и......
1 месяц назад
0
2
Middle / Middle+ разработчик для AI-автоматизаций Ищем разработчика для постоянного сотрудничества с AI-агентством. Что делаем: AI-агенты, RAG, автоматизация лидов, CRM, Telegram/WhatsApp и интеграции. Стек: n8n / Make / Python / OpenAI / Claude / Gemini / REST API / Webhooks / PostgreSQL. Суть работы:......
1 месяц назад
$6
0
0
Сделать fcc 5. 8 ГГц на дроне Dji mini 4 pro пульт Dji rc2, по возможности убрать лимит высоты 500 метров. Прошивка дрона 1. 1100. Прошивка пульта 10....
2 месяца назад
0
3
Основной задачей является тестирование игрового мода для разрабатываемого нами проекта на базе GTA SAMP (San Andreas Multiplayer). Главной задачей тестирования является поиск багов, то есть недоработок игрового мода, как смысловых (система работает, но бессмысленно/не правильно) так и визуальных (метка......
3 месяца назад
0
1
Разработка виртуальной среды для Proxmox. Необходимо разработать обход обнаружения античитами видеоигр виртуальных машин на proxmox. Надо иметь возможность разделения видеокарты на несколько виртуальных машин и предоставлять прямой доступ к карте. Использовать патченное ядро, закрывающее баг RTDS обнаружения.......
4 месяца назад
$3
0
1
расшифровать или подобрать MD5 Хэш: c74d673f4042bd732ae2a287c059a9ba. начало ответа 8385626820 8385626820. хх....
7 месяцев назад
0
5
Cофт для автоматической торговли токенами в сети Solana. На разработку с тестами и устранением багов выделяется 1-2 месяца, при превышении контракт расторгается!...
7 месяцев назад
0
10
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
11 месяцев назад
0
1
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
11 месяцев назад
0
3
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
1 год назад
$7
0
6
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
1 год назад
0
2
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
1 год назад
$21
0
3
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
1 год назад
0
2
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine Проблема: Система обработки этих писем написана некорректная и негибкая Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
1 год назад
$37
0
4
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
1 год назад
$71
0
1
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
1 год назад
0
2
Разрабатываю десктопные программы на языке Java, а так же Java + SQL....
1 год назад
0
0
0
9
1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
1 год назад
0
7
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
1 год назад
$214
0
2
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите