В этот роадмап входят материалы, доступные по подписке htmlacademy, стоимость которой на момент написания статьи составляет 590р/месяц, что, на мой взгляд, является приемлемой ценой. Я включила эти материалы в роадмап, потому что они понятны большинству учеников и хорошо раскрывают материал. Платные материалы помечены эмодзи 💸. Для всех платных материалов есть бесплатные аналоги, которые, на мой субъективный взгляд, несколько уступают в качестве методики обучения, но являются неплохой бесплатной заменой.
С сожалению, мне не удалось составить роадмап целиком материалов на русском языке, часть материалов в роадамапе на английском языке. Такие материалы отмечены эмодзи 🇬🇧
Примечание: некоторые темы в роадмапе дублируются. Это не случайно: дублируются особенно важные темы, имеющие принципиальное значение и критически важные для дальнейшего обучения, в разных учебниках эти темы раскрываются с разных углов, и очень важно понять эту тему объемно, со всех сторон.
Основные ресурсы:
или бесплатный аналог:
Блочная модель и позиционирование 💸. или бесплатный вариант: Блочная модель