Как грамотно разобраться во front-end?

Question

[katevoits]

Ребят, такой вопрос, заканчиваю курсы по HTML/CSS, до Bootstrap все было хорошо)) Посыпали в ДЗ макеты, до какого-то момента в коде все получается, а потом ступор из-за не знания даже что гуглить и процесс останавливается. Как не сдуться и не застопориться?

Comments

[Михаил]

купить другой курс

[katevoits]

Их слишком большое множество в тырнете и, к сожалению, все в основном с нуля. Знать бы наверняка какие)

Answer 1

[Игорь]

Вот самый большой минус любых курсов что там начинают с самого начала пихать всем Bootstrap во все места. Потом после окончания по факту ничего не знаешь кроме пары классов row col и container, потому что нужно начинать с основ и учить технологию а не фреймворк.
А по вашему вопросу все просто - больше практики, не получается - делайте так как получается, хорошо если есть кому показать свою работу и вам сказали что не так.
В начале все равно хорошо не получится, после того как сверстаете хотя бы 30 макетов, придет и понимание и опыт.

Comments

[katevoits]

Посмеялась про row, col и container. Да, это прям проблема №1, какой код писать объяснили, а что означает он нет. Ну я утрирую конечно, но основ так и не дали.

[Игорь]

какой код писать объяснили, а что означает он нет.

вот и я о том же)
Сколько макетов сверстали сами после курсов?

[katevoits]

Игорь, курсы ещё только в середине декабря закончатся, свёрстанных всего лишь 3, кроме тех что на курсах.

[Игорь]

katevoits, давай ссылку посмотрим что там у тебя получается, мож что посоветую

[katevoits]

Игорь, https://drive.google.com/drive/folders/1bm40Xwr86t... из тех что под рукой. Оба на LESS, для просмотра понадобится компилятор и свободное время) Но спасибо в любом случае!)

[Игорь]

katevoits, посмотрел Golden в целом неплохо)
если бы вы это сверстали без бутстрапа было бы совсем другое, а так это просто набор блоков)

пробуйте сверстать что нибудь используя только html и css
разберитесь как ведут себя разные элементы, чем отличаются блочные, строчные и тд элементы
разберитесь что такое флекс элементы и как они работают
не нужно никакие less и прочие препроцессоры, они пригодятся когда писать css превратится в рутину
разберитесь как работают медиа запросы в css
старайтесь избегать фиксированных размеров пикселей особенно ширины
иконки на странице только svg по максимуму
можно поискать какие-то уроки по верстке на ютуб

пробуйте и все получится)

[katevoits]

Игорь, спасибо Вам большое) Бесценные советы!)

[Игорь]

katevoits,

Бесценные советы!)

Можно и ответ отметить решением)

Answer 2

[n1ksON]

Не совсем понятно, что вы хотите, мотивацию получить?
Чтобы не сдуться и не застопориться, посмотрите на зарплаты программистов.

Вот roadmap front-end разработчика.

Учитесь, вы ещё в самом начале своего пути. Если вы стопоритесь на верстке, задумайтесь, нужно ли вам оно вообще? Если нужно, тогда идите и учитесь. А если нет, то на нет и суда нет.

Comments

[katevoits]

Нет, речь не о мотивации. А скорее как фильтровать информацию в интернете. Когда сталкиваешься с незнакомым элементом, то логично, что ты не знаешь как с ним работать (опять же, речь не про конкретные теги), даже вопрос можно задать слева направо и справа налево. И нет, с целью я определилась. Просто из-за длительного изучения будто в тупик загнала себя. Слишком много разных источников в изучении использую, нередко противоречивые

Answer 3

[Lukmann]

Братан у меня такое тоже было,просто дальше пытайся сам учится,смотри видосы по верстке если выходит проблема попробуй гуглить самыми разными словами,твоя проблема наверное когда ты была у другого человека,если вообще не находишь можешь сюда написать,главное тебе после курса html css много практиковаться,верстай макеты и т.д

Comments

[katevoits]

Пытаюсь практиковаться по макетам, решила сменить Bootstrap на Grid и совсем «весело» стало)

[Алексей Ярков]

Lukmann , она вам не братан )))

[SheikhRamil]

Алексей Ярков, да

[Lukmann]

Алексей Ярков, ой

Answer 4

[SheikhRamil]

это значит - развиваться через практику. Если не знаете какой нибудь элемент под ваши нужды, просто пишите здесь описывая элемент, который вам нужен и люди подскажут его и примените(только так можно идти верх, по другому никак)

Comments

[katevoits]

Это здорово, что здесь так просто можно получить ответ и помощь) Спасибо за подсказку!