Какие ресурсы/книги помогли вам в обучение вёрстке сайтов?

Question

[L]

Посоветуйте ресурсы/книги для обучения верстки новичку
html+css+js
если ресурсы, то желательно бесплатно

Comments

[Максим Федоров]

я учился таким образом -- брал сайты СТудии ЛЕбедева и старался реализовать различные штуки с их сайтов у себя

[Дархан]

Максим Федоров, выглядит интересно их сайт.

[tyzberd]

эту хотя бы полистать htmlbook.ru/blog/obzor-inlaynovyy-kontekst-formati...

[Aleksandr]

Леонид, вам обучать (кого-то) или изучать (предмет)? :сарказм:

Answer 1

[MoksS]

Значит смотри, html выучишь в процессе изучения других языков, документации для начала хватит хватит, вот на русском языке, web api изучать начнешь не скоро, а к тому времени уже сам разберешься с поиском материала.
htmlbook.ru
По css посоветую тебе книгу Девида Сойера https://www.ozon.ru/context/detail/id/135731189/ (если что найдешь на флибусте)
JS лучше начинать учить на этом сайте https://learn.javascript.ru/, лучшего пособия по js на русском языке нету.

Comments

[L]

спасибо

Answer 2

[MamaLuyba]

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

Answer 3

[atrevido]

Очень хорошие бесплатные курсы на https://htmlacademy.ru

У них же есть платные по подписке 300 рублей в месяц. Там совсем все хорошо. Все курсы с реальными примерами и задачами.

Сам в свое время проходил по рекомендации опытных верстальщиков

Comments

[L]

спасибо

Answer 4

[snap44]

Верстка
Адаптивная верстка
JS

Comments

[Владимир Проскурин]

Вставляйте названия книг, а не ссылки на заблокированные источники (да, на работе VPN не поставишь)

[snap44]

Владимир Проскурин, это видео-курсы

Answer 5

[Андрей К]

Мне помог для самого начала этот ресурс:
site-do.ru

Дальше по вёрстке сказать не могу, так как это не основное, то набирался кусками. С одной стороны, можно посоветовать справочник на webref.ru, просто изучить все элементы, а потом получать практику, но всё-таки так не получится научиться делать это правильно.

По js однозначно learn.javascript.ru.

Comments

[Владимир Проскурин]

Мне помог для самого начала этот ресурс:

Мда, у этих "учителе" самих сайт сверстан непонятно как, куча селекторов по id, отсутствие какой либо методологии, куча br для отступов, инлайновые стили и события, кириллица в файлах стилей.
Советую вам быстро-быстро озадачится вопросом о переучивании этого материала на нормальных источниках.

получится научиться делать это правильно.

делать правильно они точно не научатся.

[Андрей К]

Владимир Проскурин, для начала нужно посмотреть какого года этот сайт.

Плюс там реально хорошо рассказаны основные моменты, которые потом люди не понимают, которые пытаются верстать.

id стало плохой практикой уже после БЭМа, а этот сайт на много древнее.

Я уже молчу о том, что в том же Bootstrap используется много всего, что не принято по фен-шую, но реально очень удобно.

Answer 6

[lightmaann]

Я бы посоветовал взять самый простенький сайт и попробовать сверстать его. Если совсем нет понимания, то заниматься базой по материалам, что писали выше.

Далее освоить bootstrap 4 и верстать сайты по-сложнее. В интернете есть куча примеров, на том же bootstrap.
https://startbootstrap.com/template-categories/all/

Затем, будучи чуть чуть уверенным в том, как это всё работает, пробовать прикручивать что-то простое, вроде анимаций через js. А там уже сами начнёте хорошо разбираться.

Главный совет - заниматься в комплексе, имея конечную цель в голове. Смотрите на сайт и понимаете, каким образом это всё свёрстано и устроено. Затем пытаетесь сделать сами. А занимаясь маленькими задачами в отрыве толку будет мало. Успехов!

Comments

[L]

спасибо