На русском хороших материалов, увы, мало. Вот что надо изучить для веб-разработки:
— HTML, CSS, верстка, позиционирование и флоаты есть тут:
htmlbook.ru/ softwaremaniacs.org/blog/category/primer/ chikuyonok.ru/
— Круглые кголки. тени, градиенты, трансформации и анимации CSS3
— Нарезка дизайна, основы фотошоп
— Основы дизайна и типографики
— Javascript:
learn.javascript.ru/
— DOM интерфейсы: не знаю где, наверно в MDN (Mozilla Developer Network) можно почитать
— Таблицы совместимости браузеров:
www.quirksmode.org/compatibility.html caniuse.com/
— Изучить какой-нибудь серверный ЯП
— Изучить базы данных: MySQL или Postgres или еще какую-то
— NoSQL: Mongo, Memcache
— Изучить ООП и MVC
— Паттерны разработки корпоративных приложений (есть книга от Мартина Фаулера)
— Особенности хайлоад приложений
Кто-то вам скажет, что все это необязательно изучать, что можно взять jQuery и Bootstrap, или поставить вордпресс с готовыми темами, в интернете полно примеров и статей, не слушайте его — с таким подходом вы научитесь лишь копировать увиденный где-то код и устанавливать плагины, а сами создать ничего не сможете. Все эти туториалы годятся только для воспитания обезянок, делающих потом сайты за еду на Друпале с украденным дизайном.
Если вы знаете английский, все гораздо лучше. Вот статья с Хабра с кучей туториалов:
habrahabr.ru/post/156241/
А, еще прочтите в перерыве книгу от 37 signals, забыл как она называется, она маленькая, но дико умная.