Современный учебник HTML/CSS?

Question

[ace-coder]

Привет!

Пожалуйста, подскажите хорошие, современные учебники html/css, возможно бесплатные курсы ) Что то вроде learn.javascript.ru только о html/css.

Посмотрел несколько "курсов"-видосиков на утубе. Местами, самые азы объясняют неплохо. Но потом начинается каша с перескакиванием с одного на другое, приходит к бутстрапу и прочей чертовщине.

Интересует добротный учебник, чтобы можно было обучаться, постепенно, по порядку.

Спасибо!

Comments

[Ankhena]

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

Максимально приближенное к вашим потребностям это тренажеры и навыки в HTML Academy, правда бесплатных немного, но и стоят не космос.

Справочники: doka.guide и MDN.

Остальное собирать по кусочкам из разных источников.

[Виталий Першин]

Книга: Head First. Изучаем HTML и CSS. 2-е изд.
Довольно старая, но это база, которую в любом случае надо знать, хорошо структурировано и понятно, поэтому для начала вполне сойдет. А дальше просто практика. Ставишь себе цель например сверстать простенький сайт и просто делаешь как получается, параллельно изучая, то чего не знаешь, а не знаешь ты ничего, поэтому даже пока будешь делать простую кнопку много информации отложится. Потом когда закончишь свою кривую верстку, уже сам поймешь как много косяков ты допустил и что можно было сделать лучше и начинаешь делать лучше, так пару кругов пройдешь и уже считай новый верстальщик вылупился.

Answer 1

[Сергей Сахаров]

Не знаю, насчёт учебников, но как справочник предпочитаю использовать этот сайт.
Обучаться по нему "по порядку" не пробовал. Так-то вроде всё давно знаю, но... делаешь перерыв в 2-3 месяца и уже забываешь, то что знал. Соответственно, лезешь, читаешь и вспоминаешь заново.

Comments

[VoidVolker]

htmlbook - топ! Дополню ответ: постоянно практиковаться на реальных задачах.

[Ankhena]

htmlbook устарел уже много-много лет назад.
Даже его создатель уже сделал его новую версию webref, но и она уже тоже успела устареть. Что-то обновляется, но и заметно многого не хватает.

Из актуальных справочников я бы предложила Доку и MDN.

Answer 2

[Александр]

Ну htmlbook неплох, однако там почти нет примеров и устаревает он быстро(ну часть тегов то никуда не делась).

я предпочитаю комбинировать с MDN

https://developer.mozilla.org/ru/docs/Learn_web_de...

Answer 3

[Deflecta]

Месяц назад нашёл вот такой вот учебник: https://doka.guide/ («Дока»).
Очень понравился дизайн, как раз современный. Посмотрите, может подойдёт.

Answer 4

[Thunderinthegrass]

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

Answer 5

[Александр Варлаков]

Оооо... друг, тут тебе насоветуют...

Согласен с Thunderinthegrass, однако есть база, которую нужно знать ( ниже п. 1 ). Иначе на практике, не зная или не понимая, допустим, что такое каскадность или специфичность можно долго на практике удивляться почему текст, скажем черный, а не серый как задумывалось.

Смотри:
книга Мэйер, Уэйл CSS Полный справочник, 2019 год - не потерял своей актуальности, единственное поддерживаемость браузерами css свойств увеличилась
1. Главы 1, 2, 3, 4 - обязательна для полного понимания, остальные можно просто пробежаться ( для начала ), потому что п.2
2. Практика, практика и еще раз практика.
https://verstaem.online/projects/easy/ - Макеты можно брать тут
3. Не ленись заходить в панель разработчика и смотреть как сделан тот или иной сайт, блок сайта - у тебя будут появляться вопросы: "а что это за х...ня? зачем она нужна? и как это работает" - тут поможет гугл или GPT. Так твой багаж знаний будет пополняться и расширяться

P. S. Если лень искать учебник можешь постучаться в телегу @varlakovalexandr я тебе скину pdf

Answer 6

[yungushya]

можешь посмотреть https://code.mu/ru/
автор поддерживает его
меня обучали по нему в колледже и с того времени там много что появилось

Answer 7

[Михаил Кузьмин]

Я пользуюсь https://htmlbook.ru, если какие-то моменты забываю, в целом есть все необходимое по HTML/CSS