ویرگول
ورودثبت نام
امیرعباس دبستانی
امیرعباس دبستانی
خواندن ۵ دقیقه·۴ سال پیش

چگونه یک طراح سایت شویم؟ (نقشه راه)

طراحی سایت
طراحی سایت


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

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

طراحی سایت به دو بخش فرانت اند (front end) و بک اند (back end) تقسیم بندی میشود. منظور از فرانت اند بخشی از سایت است که کاربر با آن سر و کار دارد و در سیستم او اجرا میشود. بک اند هم بخشی از سایت است که در سرور اجرا میشود و وظیفه تحلیل داده ها را بر عهده دارد. این تقسیم بندی از آنجایی حائز اهمیت است که عموما هر دو بخش یک وبسایت نمیتواند توسط یک نفر طراحی شود. معمولا افرادی که خلاقیت هنری و گرافیکی دارند و درواقع نیمکره راست مغزشان فعالتر است بهتر از پس طراحی فرانت اند بر می آیند. و کسانی که نیمکره راست مغزشان فعالتر است و ذهن تحلیلگر و منطقی دارند علاقه مند به طراحی بک اند هستند.

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

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

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

بعد از اینکه این دو زبان را یاد گرفتید نوبت به زبان PHP میرسد که زبانی سمت سرور است. این زبان برخلاف زبان های قبلی زبان برنامه نویسی و مبتنی بر زبان c میباشد و سینتکس نسبتا مشابهی با c و ++C دارد. همزمان با یادگیری این زبان باید با سرور و دیتابیس هم آشنایی پیدا کنید که اصلا کار سختی نیست. بعد از اینکه بر این تکنولوژی ها مسلط شدید میتوانید کار طراحی سایت را شروع کنید ولی یادتان باشد کار تمام نشده است.

در مرحله بعد باید زبان JavaScript را یاد بگیرید که برای داینامیک تر شدن فرانت اند به کار میرود. یادگیری این زبان بسیار ساده تر از PHP است و میتوانید به سرعت این کار را انجام دهید. مرحله بعد نوبت فراگیری فریم ورک های طراحی وب است که کار شما را برای طراحی سایت آسانتر میکنند. از تعدادشان نترسید چون یادگیری آنها زیاد سخت نیست و لزومی ندارد همه آنهارا بلد باشید ولی یادگیری هر کدامشان کارتان را در پروژه ها آسانتر میکند.

bootstrap, JQuery, Laravel, cake PHP, reactJS, NodeJS, ASP.NET, AngularJS, Vue.JS, ...

البته فریم ورک های طراحی وب بسیار گسترده تر هستند که سعی میکنم مطلبی جداگانه در مورد مزایا و معایب هر یک بنویسم تا بتوانید بهترین فریم ورک مورد نظرتان را پیدا کنید.

در آخر اگر به زبان برنامه نویسی پایتون علاقه مند هستید حتما نگاهی به فریم ورک های django و Flask بیندازید. درضمن یادگیری سئو را هم فراموش نکنید. شما به عنوان یک طراح سایت باید حواستان به جایگاه سایتتان در گوگل باشد!

طراحی سایتتوسعه وبسئوhtmlphp
شاید از این پست‌ها خوشتان بیاید