Как разложить знания по полочкам?

Question

[Это я]

Прошел курс от htmlacademy, сейчас ради практики верстаю легкие макеты.
Но есть чувство будто у меня каша в голове.
Как навести в голове порядок и разложить все по полочкам?

Comments

[Hyubert]

сколько макетов сверстали?

[sim3x]

Hyubert, *сколько десятков сложных многостраничных макетов сверстано?

[xmoonlight]

Hyubert, sim3x, можно сверстать 1 млн. макетов, но так и не научиться верстать...
Ваши вопросы, ребята, бессмысленны...
Это всё равно, что спросить: сколько раз ты рождался, чтобы понять эту жизнь?)))
Пока нет понимания образования последовательностей и их зависимостей - нет и прогресса: т.к. это просто станок с ЧПУ)

[Hyubert]

xmoonlight, ну если так разсуждать, то даже самый опытный верстальщик не умеет верстать. Например макет сверстаный с такими костилями как float в эру flexbox... думаю не стоит продолжать.

[sim3x]

xmoonlight, я подразумеваю, что человек обучаем и умеет в самокритику

Если человек не умеет, то он и не задается подобными вопросами

[xmoonlight]

Hyubert, неудачный пример. макет может вполне корректно быть свёрстанным на float в эру flexbox. И наоборот: не факт, что макет, свёрстанный в эру flexbox и на flexbox, будет лучше, чем тот же макет на float. Всё зависит от верстальщика.

[xmoonlight]

sim3x, Это ему не поможет навести порядок в голове: ему нужно понять ПРАВИЛЬНУЮ последовательность действий при вёрстке (от большего к деталям), а не верстать пачками тучу макетов, наступая многократно на одни и те же "грабли" и не возвращаясь к исправлению блоков верхних уровней.

[sim3x]

xmoonlight, я сомневаюсь, что есть "правильная" последовательность

Еффективная - да

И еффективную после десятка макетов вполне можно познать на своем опыте

[xmoonlight]

sim3x, эффективная - обычно, единственная. А вот лопатить и искать "свою эффективную" методом перебора, когда есть структурированный документ (XML-теги) и документация всех свойств CSS - это заранее epic fail!

Answer 1

[tema_sun]

Это нормально. Сейчас и должна быть каша. Лечится это практикой.

Answer 2

[xmoonlight]

Нужно понимать по-этапную эволюцию вёрстки: от полностью белого окна с одной областью (html,body) до полностью свёрстанного макета.

Т.е., переход от самых крупных областей к более мелким деталям (ООП):
1. Сначала - правильные позиционирование, размеры, масштабирование.
2. Затем - зазоры и оформление (тени, закругления, искажения и т.д.)..

Answer 3

[Антон Киселёв]

Конспект при прохождении курса делали?
Собственный конспект очень помогает отсутствию каши в любой изучаемой области или при прочтении специализированной книги.

Разумеется, конспект должен быть в эл.виде, в любой системе для хранения записей (например, onenote, evernote, google keep, etc).

Answer 4

[Даниил]

По несколько в одно и тоже вникать и расширять кругозор.
Лично у меня всегда и сейчас открыто 29 вкладок с различными вопросами, туториалом, примерами, вот так и раскладываю все пополочкам.