Как правильно учить верстку - html/css? И как лучше практиковать верстать макеты? (И какой сложности) Когда стоит переходить к JavaScript?

Для правильного изучения верстки (HTML и CSS) рекомендуется:

1. Изучить базовые теги. blog.skillfactory.ru Они помогут отображать основные типы контента. blog.skillfactory.ru После этого следует перейти к освоению атрибутов. blog.skillfactory.ru Можно не заучивать все возможные атрибуты, есть список основных, которые чаще всего нужны в разработке. blog.skillfactory.ru
2. Освоить стандарты вёрстки. blog.skillfactory.ru За единообразие и общие правила отвечает организация W3C, она же выпускает стандарты и следит за их актуальностью. blog.skillfactory.ru Разрабатываемые сайты должны быть валидными — отвечающими требованиям и стандартам W3C. blog.skillfactory.ru
3. Освоить CSS. blog.skillfactory.ru На первом этапе следует освоить работу с селекторами, их типами, свойствами и значениями. blog.skillfactory.ru Далее нужно уделить внимание изучению темы позиционирования. blog.skillfactory.ru Этот раздел можно считать самым сложным и важным. blog.skillfactory.ru

Для практики вёрстки макетов можно:

• Анализировать макет. netology.ru Это позволит сделать вёрстку более универсальной и устойчивой к изменениям контента. netology.ru
• Использовать бесплатные онлайн-задачники. www.kadrof.ru В них собраны различные задачи по вёрстке разного уровня сложности. www.kadrof.ru Примеры задачников: практика на WebReference (позволяет решать задачи онлайн и сразу проверять результаты), практикум на Htmlbook. www.kadrof.ru
• Смотреть step-by-step туториалы на YouTube. {7-host} Так можно набить руку и посмотреть, как верстаются макеты. {7-host}

Переходить к JavaScript стоит после освоения HTML и CSS. www.kadrof.ru {8-host} Это язык программирования, который позволяет создавать различные интерактивные элементы на странице, а также использовать технологию AJAX. www.kadrof.ru