Брать реальную простую задачу и решать её. Повторить много раз. Затем взять среднюю, разбить на простые и решать. Аналогично и далее. Решается просто - ставится задача, производится декомпозиция, пишется ТЗ, расписываются детали, рисуется дизайн и далее все это реализуется с помощью гугла, стэковерфлоу и мануалов. В процессе решения задачи читать и осознавать мануалы - что, как и почему.
Что такое вертска по макету PSD? Это тупо мне надо написать сайт чтоб он получился один в один как на картинке? Но тогда где брать изображения кнопочек, бэкраунд фон и всю красивую составляющую макета?
А термин "PSD" не пробовали гуглить-то хоть?
Попробуйте, иначе можете забыть про карьеру программиста, т.к. гуглить и изучать надо будет постоянно и кучу всяких разных штук. Дизайнер делает макет в PSD, далее этот макет отдается верстальщику, а верстальщик уже реализует все из макета в виде веб-страницы. Все нужные ресурсы обычно как раз из файла и берутся.
Простой
Простой