Верстка для Backend Разработчика.Проблема?

Question

[lemon221]

Начнем с того что я Backend разработчик(junior). Глупо но с backend у меня проблем нет, потихоньку изучаю дальше, но вот в верстке и frontend я полный ноль. Я знаю теги HTML и те же правила CSS, JavaScript(Jquery) и могу натянуть готовый шаблон на фреймворк. Но если вдруг что то слетит в теме, не тот цвет не то расположение, где то что то не выводится где что то слетело то я бессилен.Не могу разобраться где искать то правило CSS которое отвечает за конкретный элемент на странице, теряюсь когда вижу много атрибутов и классы в html коде и не знаю за что они отвечают. Что нужно доучить ?Как исправить этот существенный недостаток ?

Comments

[Lord_Dantes]

Начать изучение с нуля, и попробовать разобрать элемент и гуглить что вам не понятно.
От себя скажу что в тэге есть атрибуты html, это может быть(href, src, placeholder и т.д) и кастомные атрибуты (data-href, и все что угодно) никто не запрещает писать своим атрибуты. Поэтмому в каждому фреймворке в тэги могут они добавляться.

[Илья]

Вкладку Elements в панеле разработчика chrome, например) там все можно увидеть, какое правило за что отвечает и где находится

Answer 1

[WapSter]

Научиться использовать DevTools браузера, вот и все. Это только для правок, полноценно с нуля что-то делать придется учить css.

Answer 2

[Никита Соколов]

Вроде от Яндекса бесплатные курсы для фронтенда есть, погугли.

Очень странный вопрос на самом деле... Ты же сам знаешь в чем у тебя проблемы. Учи CSS и HTML

Comments

[lemon221]

В том и дело, Я знаю CSS и HTML но когда все это в готовой теме или еще где (В том же wordpress), будто то бы все незнакомо, и вот теперь думаю где я допустил ошибку в обучении

[Никита Соколов]

Ну вообще, если ты знаешь CSS и HTML то ты не должен теряться. Я вот по началу терялся в вордпрессе как раз из-за бэкенда. Ничего сложного не должно быть если ты бэк знаешь.

Скачай хром, попробуй потыкать в консоли. Там написаны все стили каждого элемента и все предельно ясно где что находится.

Может тебе и бэк нужно прокачать, раз ты в верстке теряешься. А может это потому что ты не понимаешь откуда шаблоны в верстку заряжаются? Тогда изучай цмски как устроены.

Answer 3

[Leo]

Ну вы же не сразу backend освоили, frontend дело быстрое только с первого взгляда.

Answer 4

[Алекс Глебов]

Практика поможет освоиться и выявить пробелы в знаниях. На ютубе есть плейлисты с курсами.

По теории htmlacademy и webref.ru

Но если верстка не 5-10 летней давности, то в ней есть автоматизация. И чтобы прописать 'color: red' придется разбираться с исходниками, т.к css html js там не предназначены для редактирования напрямую. Препроцессоры, методологии, gulp/webapck, основы ноды - на все придется время потратить.

Полный план тут
webmasters.teamdev.com