Как бекэндеру реализовывать фронтэнд для пет-проекта?

Question

[Jhon Smith]

Начал писать небольшой проект (сервис для работы над переводами), но основная загвоздка в том, что:
1.Очень плохо умею в дизайн;
2.Знаю html/css/js на "базовом" уровне, но не более.
Поэтому встает резонный вопрос - как разрабатывать фронтэнд для сайта? Можно было бы взять готовый шаблон, но сомневаюсь, что в интернете есть подходящие.

Comments

[Дмитрий]

А в Гугле free template for site не пробовали набрать?

[Максим Федоров]

Изи

Я как бекендер, который фронтенд в глаза не видел — взял ангуляр и за неделю разобрался с фреймом и exhale (и остался очень доволен)

Взял от Тинькофф ui kit (taiga), чтобы дизайном не париться и пошло как по маслу… для бекендер легко заходит, это же фронт

[VolgaVolga]

Очень плохо умею в дизайн

Я фулстек и вообще не умею в дизайн, поэтому для пет-проектов его просто "заимствую" или пользуюсь Pinterest для поиска прототипов.

P.S.
Даже когда еще бекенд в глаза не видел, взял учебники по языку, фреймворку и базам данных - и все пошло, как по маслу, для фронтендера легко заходит, это же бек.

[Дмитрий]

Забить на фронт, главное понимать что отдавать надо из бэка на фронт, запилить шаблонизатор, найти подходящий шаблон, воткнуть данные с бэка в шаблон. Пишите сразу апи. Фронт можно вообще на голом хтмл4 запилить

Answer 1

[Dmitry Roo]

Используйте что-то типа bootstrap

Answer 2

[Сергей delphinpro]

у вас не много вариантов.

1. Нанять/объединиться с фротнэндером
2. Использовать какой-то фронтэнд фреймворк. Типа бутстрапа.

Comments

[Сергей Горностаев]

Есть ещё вариант не использовать фронтенд, обойтись примитивной вёртской без дизайна.

[Сергей delphinpro]

Сергей Горностаев, так тоже можно. Но с условным бутстрапом, все же посимпатичнее будет.

Answer 3

[Артем Воронов]

Почему-то никто не предложил самое лобовое и просто решение - low-code. Современный low-code достаточно гибкий, чтобы делать UI для прототипов довольно сложных штук.
На каком-нибудь Retool или подобном сервисе можно быстро собрать фронт без геморроя и упарывания по развертыванию среды для разработки фронта.