مقدمه
میخوام طراح وب شم! این همون حرفیه که همیشه خودم میزدم. من عاشق طراحی کردن و بازی با رنگهام. از نقاشی با مدادرنگی تا بازی با پالت رنگ دیجیتالی! این شد که رفتم رشته مهندسی فناوری اطلاعات یا آی تی (تعجب نکنید!) ، که هم به علاقه مدیریتیام بپردازم هم بتونم با تکنولوژی سروکار داشته باشم.
خلاصه سرتونو درد نیارم، اینجا لینکهایی که خودم استفاده کردم و فکر میکنم بتونه کمکتون کنه رو میذارم.
آموزشهای زیادی در مورد اصول و مفاهیم اولیه وب هست، برای همین بهتون پیشنهاد میکنم، الکی هزینه نکنید. گیج هم نشید بین این همه مطلب. اگر این سلسله رو رعایت کنید و هسته هر قسمت رو بفهمید، با یکم کنجکاوی و خلاقیت میتونید بهترین بشید.
سه مرحله اول
برای اینکه شروع به طراحی وب کنید، و یا کلا وارد حوزه وبسایتها بشید، از وردپرس که یک CMS
است، تا طراحی داینامیک یک سایت از صفر توسط خودتون، نیاز هست از زبانهای نشانه گذاری یا مارکآپ لنگوئجها استفاده کنید. markuplanguages
خلاصه بخوام بگم، شما برای شروع باید این سه آموزش رو به این ترتیب ببینید:
- HTMl
- CSS
- js
مرحله اول، ساختار است. یعنی بتونیم نقشه یا پروتوتایپی برای محل قرارگیری اجزای اصلی سایت درنظر بگیریم. مثلا فکر کنید یک انسان. برای ساخت انسان اول باید مشخص کنید دست و پاش کجا قرار میگیره.
مرحله دوم، رنگ و لعاب دادن به این اجزا است. یعنی پوست و رنگ چشم و … که به وسیله سی اس اس میایم خوشگلش میکنیم.
مرحله سوم، رو میگم پویانمایی! یعنی مشخص باشه وقتی موس میره روی پنل کاربری، بیاد یک منو جدید باز شه، که مثلا چهارتا حرکت جینگولی هم داشته باشه.
پس این شد مراحل خیلی اولیه برای اینکه وارد طراحی سایت بشوید، چه بک اند چه فرانت اند.
خودتونم گول نزنید که نه میرم فلان زبان رو یاد میگیرم بعد میام سراغ اینا. این سه مرحله ساده ترین قسمتهاست که باید برای شروع، آموزش ببینید.
توی چه محیطی کار کنم؟
برای کار کردن و به اصطلاح کدزدن، باید از ویرایشگرها استفاده کنید، ساده ترین notepad هست که توی هر سیستم عاملی وجود داره.
ولی من بهتون استفاده از visual studio code رو پیشنهاد میدم.
ویدئوها و لینکهای آموزشی رو ببینم؟
من ویدئوهای زیادی دیدم، ولی به نظرم این سلسله مراتب توی سایت راکت و توضیحاتش واقعا خوب و کاربردی بود و از اینکه سردرگم بشید جلوگیری میکرد.
مرحله اول: آموزش HTML
https://roocket.ir/series/learn-html#episodes-list
مرحله دوم: آموزش CSS
https://roocket.ir/series/learn-css
مرحله سوم: آموزش JS
https://roocket.ir/series/javascript-tutorial
آموزش visual studio code
2 دیدگاه
بسیار عالی و کاربردی
درود و سپاس بی پایان
ممنون از کامنتتون ?