Эта статья подойдет как backend так и frontend программистам. Я как новичок очень долго не мог выучить HTML и CSS, из-за этого много времени я потерял в пустую. Сейчас я покажу как это надо делать чтобы выучить их и довести до совершенства с 0 . 😎
Давайте сразу отбросим кал-контент вроде Хауди-Хо, с кучей его кликбейтных названий выучим HTML и CSS за час, из-за него я потерял всю тягу в изучении frontend`а дальнейшем. Я говорю сразу что понадобится минимум 2 недели для изучения и практики, не воспринимайте это как вызов изучайте материал постепенно и главное практикуйтесь.
Начнем с банального, не учите теги, атрибуты и прочее. Это бесполезно, наш мозг устроен так что мы забываем то что не применяем постоянно. Это все проверенно на практике и доказано учеными. Занимайтесь практикой и по мере трудностей заходите на htmlbook. Если все совсем плохо добро пожаловать на StackOverflow.
Перед тем как начать практику изучите эти материалы:
Как учился я.
Заходите на Youtube, и забивайте примеры реально верстки. И первые 2 проекта просто повторяйте за ними, если что-то не понятно беремся за самые основы, пишем базовую разметку и экспериментируем с тегами и селекторами. Могу посоветовать канал "Wayup", очень хорошо показывает верстку и разжевывает материал.
Когда вы начнете вникать в суть верстки, узнаете основные теги. Начнете углубленно изучать flexbox, grid css, можно начинать изучение javascript/jquery. На этом моменте backend программисту уже не нужно более информации, вам достаточно лишь синтаксиса, и основ flex, position вообщем самых часто применяемых в верстке.
Когда я изучал HTML/CSS, мне нравилось развлекаться при помощи тегов. Я создавал html-страницу, и добавлял туда множество разного мусора, но какого мусора! Это были блоки, формы, изображения. Это было весело и я с легкостью повышал свои навыки и паралельно делал полную ахинею. Я советую вам тоже, без макета сверстать что нибудь интересное) Применяйте фантазию, гуглите! И тогда изучение верстки будет действительно просто и интересно.
Главный совет. HTML/CSS сможет освоить каждый, и когда вы начнете вникать в суть верстки. Начинайте учить Javascript! Это сделает из вас хорошего специалиста и вы быстро набьете опыт, успехов!
