مسیر راه یادگیری طراحی سایت

در این مقاله یاد میگیرم که :

مسیر یادگیری طراحی سایت چگونه است ؟

مسیر یادگیری فرانت اند چیست ؟

مسیر یادگیری بک اند چیست ؟

و برای طراحی سایت چه زبان هایی لازم است ؟

من خودم به شخصه وقتی میخواستم وارد دنیای طراحی سایت و برنامه نویسی بشم تا یه مدت انقدر که اسم زبان ها و تکنولوژی های مختلف رو میشنیدم واقعا گیج میشدم که اصلا اینا چیه ؟! همشو باید یاد گرفت ؟! و الویت یادگیری با کدومشونه ؟!
تو این مقاله سعی میکنم خیلی ساده توضیح بدم مسیر یادگیری طراحی سایت چگونه است ؟ و برای طراحی سایت چه زبان هایی لازم است.

خب اول از همه بگم که برای طراحی و برنامه نویسی وب پیش نیاز خاصی وجود نداره و در حد آشنایی متوسط با کامپیوتر و اینترنت و داشتن یه لپتاپ یا کامپیوتر کفایت میکنه خیلی ها ممکنه فکر کنن طراحی سایت چون واژه "طراحی" روشه با برنامه های گرافیکی و ترسیم اشکال و این جور چیزا رو به رو هستیم که تو جواب باید بگم اصلا اینطور نیست و تو دنیای طراحی وب سایت تقریبا همه چیز رو باید با کد به وجود آورد

کلا طراحی و برنامه نویسی وب به 2 قسمت فرانت اند و بک اند تقسیم میشه که بخوام به طور عامیانه بگم فرانت اند اون بخش از کار هست که کاربر میتونه ببینه و بک اند قسمتی از کار هست که در واقع پشت صحنه محسوب میشه مثل عملیات ثبت نام کاربر, لاگین کردن کاربر, ساخت سیستم سبد خرید و هزاران مورد دیگه و اگه بخوام فرانت اند و بک اند رو تو دنیای واقعی براش مثالی بیارم بهترین مثال میتونه یه فیلم سینمایی باشه که بازیگر ها, محیط, گریم و از این دست موارد که کاربر میتونه ببینه نقش فرانت اند رو دارن و کارگردانی, نور پردازی, صداگذاری و این دست موارد حکم بک اند رو دارن و هر کدوم به تنهایی کارایی ندارن و این 2 بخش در کنار هم میتونه یه فیلم یا یک وب سایت رو ایجاد کنه.

برای کسی که تو دنیای طراحی سایت میاد نیاز نیست حتما تو هر 2 مورد ورود داشته باشه و اصولی تر این هست که تو یه بخش متخصص بشه و از بخش دیگه یه شناخت در حد معمولی داشته باشه ولی خب کسایی هم هستن که تو هر دو بهش تخصص پیدا میکنن که به این افراد توسعه دهنده فول استک وب گفته میشه.

مسیر یادگیری فرانت اند

خب توی بخش فرانت اند اول از همه چیز باید به زبان های HTML و CSS مسلط شد و اینو بگم که این زبان ها زبان های برنامه نویسی نیستن و HTML یک زبان نشانه گذاری هستش که ساختار صفحه وب رو باهاش ایجاد میکنن و CSS هم برای استایل دادن به این ساختار هستش و اینکه با CSS هستش که تعیین میکنیم کدوم عنصر کجای صفحه قرار بگیره و چه رنگی باشه و کلا چه استایلی داشته باشه و در واقع اگه HTML رو اسکلت بندی سایت در نظر بگیریم CSS نقش نازک کاری و زیبا سازی سایت رو داره, پس تا اینجا اولین قدم شد یادگیری HTML و CSS.

بعد مسلط شدن به این 2 مورد موقع یادگیری یک فریمورک یا همون چهارچوب کاری هستش, فریمورک ها باعث سریع تر شدن کد نویسی ما میشن و دیگه لازم نیست یه سری کدها رو مرتبا تکرار کنیم و علاوه بر این کار رسپانسیو کردن سایت رو به بهترین نحو انجام میدن تا وب سایت تو همه دستگاه ها از لپتاپ گرفته تا گوشی موبایل و تبلت رفتار متفاوت داشته باشه و اطلاعات رو به بهترین شکل نمایش بده, و توی فریمورک های HTML و CSS هم در حال حاضر که اواخر سال 2019 هستش محبوب ترینشون فریمورک Bootstrap هستش که ساختاره بسیار خوبی داره و یادگیریش هم آسونه, پس قدم دوم تو بخش فرانت اند یادگیری فریم ورک Bootstrap هستش.

قدم بعدی یادگیری زبان برنامه نویسی جاوا اسکریپت هستش که تقریبا میشه گفت تو هر جای دنیای طراحی سایت جاوا اسکریپت حضور داره, در گذشته از جاوا اسکریپت برای یک سری پویا نمایی ها تو سایت استفاده میشد ولی با اومدن لایبرری های متنوع از جمله jQuery استفاده از این زبان دوست داشتنی خیلی بیشتر از قبل شد و قدم سوم یادگیری زبان جاوا اسکریپت هستش و قدم بعدی یادگیری لایبرری jQuery هست که بسیار مورد استفاده قرار میگیره (از جمله ساخت اسلاید شو, گالری عکس, مدال ها و...) و اگه میخواین خیلی حرفه ای کار کنید یادگیری یکی از فریمورک و لایبرری های جاوا اسکریپتی React, Angular, Vue JS رو پیشنهاد میکنم که روز به روز به محبوبیتشون اضافه میشه و شما در صورت یادگیری یکی از این ها میتونین خودتون رو به یک توسعه دهنده فرانت اند تبدیل کنید که کلا سطح کار شما رو بالا میبره, ولی یادتون باشه که پیش نیاز این ها یادگیری خوب زبان جاوا اسکریپت هستش چون تمامی این ها با جاوا اسکریپت به وجود اومدن.

اگه بخوایم یه نتیجه گیری از بخش فرانت اند داشته باشیم میشه به ترتیب یادگیری HTML, CSS, Bootstrap, Java Script, jQuery و پیشنهاد اینه یکی از فریمورک و لایبرری های React, Angular, Vue رو هم وقت بزارید و یاد بگیرید.

مسیر یادگیری بک اند

خب حالا میرسیم به قسمت جذاب و اما سخت تره بک اند, توی بک اند دیگه با ظاهر سایت کار آنچنانی نداریم و فقط برنامه نویسی هستش.
برای برنامه نویسی پشت صحنه یا همون بک اند یک وب سایت زبان های برنامه نویسی مختلفی هستش از جمله PHP, ASP.NET, Python, Node JS, Java و چند زبان دیگه که یادگیری و مسلط شدن روی یکیشون کفایت میکنه, در مورد انتخاب زبان برنامه نویسی بک اند هم خیلی اختلاف نظر ها وجود داره که کدوم بهتره و هر کدوم معایب و مزایا خودشو داره و البته اینو بگم که کاری نیست که با یه زبان بشه انجام داد و با زبان دیگه نشه و من خودم زبان PHP رو پیشنهاد میکنم چون فقط برای وب هستش و بهتره بدونید 80 درصد وب سایت های دنیا با PHP نوشته شده و در کنار یادگیری یک زبان بک اند یادگیری و کار با یک دیتابیس هم لازم هستش و اینم برمیگرده به اینکه شما کدوم زبان رو انتخاب کرده باشید, به عنوان مثال اگه PHP رو انتخاب کرده باشید بهترین دیتابیس سازگار با PHP بانک اطلاعاتی MySQL هستش, و باز هم اگر زبان PHP رو انتخاب کرده باشیم میتونیم با یادگیری فریمورک Laravel به کارمون تو نوشتن وب اپلیکیشن ها سرعت بدیم.

نتیجه گیری

پس به این نتیجه میرسیم که برای شروع یادگیری طراحی سایت ابتدا باید HTML و CSS رو مسلط بشیم, بعد به سراغ فریمورک بوتسترپ بریم, بعد یادگیری زبان دوست داشتنی Java Script رو شروع کنیم, سپس به سراغ یادگیری لایبرری jQuery بریم و یادگیری یکی از فریمورک و لایبرری های React, Angular, Vue میتونه خیلی مفید واقع بشه و اگه تصمیم گرفتیم یک طراح سایت و توسعه دهنده فول استک وب بشیم یادگیری یک زبان سمت سرور مثل PHP و دیتابیس MySQL هم جز واجبات محسوب میشه.