مراحل به از طراحی قالب

به ترتیب
html
css
bootstrap
js
بعد vue یا react یا angular

پس از یادگیری html و css و دیدن دوره پروژه محور برای این دو مورد، وقتشه که یک صفحه رو خودتون حالا طراحی کنید.
با اندوخته هایی که دارید، یک سایت رو در نظر بگیرید و اون رو طراحی کنید.

سپس دوره flexbox رو ببینید تا توانایی و تسلط تون به css بالاتر بره.

درود...
HTML&CSS -> Bootstrap & Bulma
JavaScript -> VueJS
PHP -> Laravel

این مقاله مسیر یادگیری را به شما نشان خواهد داد، حتما بخونید:
https://roocket.ir/articles/modern-frontend-developer-in-2019

طرح های ui مختلف رو پیدا کنید و بذارید جلوتون و سعی کنید اونها رو به کد تبدیل کنید. با اینکار با چالش های مختلفی مخصوصا در قسمت css مواجه میشید و مهارتتون افزایش پیدا میکنه.