آنچه در این مطلب خواهید خواند:

مقدمه

میخوام طراح وب شم! این همون حرفیه که همیشه خودم میزدم. من عاشق طراحی کردن و بازی با رنگ‌هام. از نقاشی با مدادرنگی تا بازی با پالت رنگ دیجیتالی! این شد که رفتم رشته مهندسی فناوری اطلاعات یا آی تی (تعجب نکنید!) ،  که هم به علاقه مدیریتی‌ام بپردازم هم بتونم با تکنولوژی سروکار داشته باشم.

خلاصه سرتونو درد نیارم، اینجا لینک‌هایی که خودم استفاده کردم و فکر میکنم بتونه کمکتون کنه رو میذارم.

آموزش‌های زیادی در مورد اصول و مفاهیم اولیه وب هست، برای همین بهتون پیشنهاد میکنم، الکی هزینه نکنید. گیج هم نشید بین این همه مطلب. اگر این سلسله رو رعایت کنید و هسته هر قسمت رو بفهمید، با یکم کنجکاوی و خلاقیت میتونید بهترین بشید.

سه مرحله اول

برای اینکه شروع به طراحی وب کنید، و یا کلا وارد حوزه وبسایت‌ها بشید، از وردپرس که یک CMS

است، تا طراحی داینامیک یک سایت از صفر توسط خودتون، نیاز هست از زبان‌های نشانه گذاری یا مارک‌آپ لنگوئج‌ها استفاده کنید. markuplanguages

در تعریف اصلی آن میخوانیم»
markup language, standard text-encoding system consisting of a set of symbols inserted in a text document to control its structure, formatting, or the relationship between its parts.  like HTML, XML, SGML

خلاصه بخوام بگم، شما برای شروع باید این سه آموزش رو به این ترتیب ببینید:

  1.  HTMl
  2. CSS
  3. 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

https://roocket.ir/series/coding-with-vscode

2 دیدگاه

  1. آرش دهقانیان گفت:

    بسیار عالی و کاربردی
    درود و سپاس بی پایان

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *