میخواهیم در بحث طراحی سایت کمی حرفه ای و تخصصی تر صحبت کنیم و اصطلاحات رایج آنرا بیشتر توضیح دهیم و به سوال Front End چیست پاسخ دهیم.
در این مقاله میخواهیم دربارهی فرانت اند (Front End) یا طراحی سمت کاربر صحبت کنیم و همچنین بگوییم که برای تبدیل شدن به یک طراح سایت یا اصطلاحا Front End کار، به چه مهارتهایی نیاز داریم.
طراحی سایت مربوط به طراحی هر آن چیزی است که کاربر آن را در مانیتور خود مشاهده میکند.
یک طراح سایت وظیفهی طراحی المان های گرافیکی و دیداری یک وبسایت یا صفحه وب را دارد.
اما در دنیای طراحی سایت، واژه ای مثل Front End یا Back End ممکن است زیاد به گوش شما بخورد.
در این مقاله میخواهیم دربارهی Front End صحبت کنیم.
بگوییم که فرانت چیست،؟
چه تفاوتی با بک اند (Back End) دارد؟
برای تبدیل شدن به یک طراح وب یا Front End Developer, به چه مهارت هایی نیاز داریم؟
Front End چیست: در عبارت Front End، همانطور که میبینید واژهی Front وجود دارد.
در انگلیسی یکی از معانی Front، به معنای «جلو» میباشد.
معنی واژهی Front به این صورت آمده است: جلو، پیش، صف پیش، نما، طرز برخورد، جلودار، منادی،جبهه جنگ، بطرف جلو، روکردن به، مواجه شده با،روبروی هم قرار دادن، مقدمه نوشتن بر، درصف جلوقرارگرفتن
با توجه به تعریفی که از این واژه دیدیم، میتوانیم در پاسخ به سوال Front End چیست بگوییم:
طراحی یا کدنویسی هر آن چیزی که مربوط به جلوی وب سایت میشود.
در واقع یک طراح وب یا یک Front End Developer، کسی است که چیزی را طراحی میکند کاربر آنرا میبیند.
بک اند "Backend" عموما از سه بخش تشکیل می شود: یک سرور، یک برنامه و یک پایگاه داده ها (دیتا بیس).
اگر به عنوان مثال قصد خرید یک بلیت از وب سایتی را داشته باشید، معمولا سایت را باز میکنید و با فرانت اند "Frontend" تعامل می کنید.
زمانی که اطلاعات را وارد کردید، برنامه آن اطلاعات را در پایگاه داده هایی که روی سرور قرار دارد ذخیره می کند.
تمام اطلاعاتی که وارد کردید در سرور باقی می مانند و مثلا زمانی که برای پرینت بلیت دوباره وارد حساب کاربری آن وب سایت شوید، تمام آنها برای شما قابل مشاهده میباشند.
فردی که با استفاده از تمام این تکنولوژی ها استفاده می کند تا با یکدیگر کار کنند توسعه دهنده بک اند "Backend Developer" می گوییم.
تکنولوژی های بک اند عموما شامل زبانهای برنامه نویسی مانند PHP، Ruby، Python و غیره می باشند.
همچنین برای اینکه این تکنولوژی ها آسان تر نیز شوند گاهی از فریم ورک هایی مانند Ruby on Rails، Cake PHP و ... برای سرعت دادن به توسعه برنامه استفاده می شود.
بسیاری از افرادی که به تازگی وارد این شاخه کاری می شوند، بسیار کلماتی مانند وردپرس، جوملا، دروپال و ... را می شوند.
به عنوان مثال وردپرس یک مثال بسیار خوب برای کارکرد فرانت اند و بک اند با هم می باشد.
چرا که وردپرس بر اساس یک فریم ورک کد باز بر اساس زبان برنامه نویسی PHP به سادگی بر روی یک سرور به همراه دیتابیس قابل نصب می باشد.
سپس طراحان عملکردها و ظاهر سایت را با استفاده از کد نویسی متناسب نیاز تغییر می دهند.
در ادامهی پاسخ به سوال فرانت اند چیست ، خوب است که یک مقایسهای هم از فرانت اند و بک اند داشته باشیم.
در نقطهی مقابل Front End، واژه و مفهوم Back End وجود دارد که اینگونه معنا میشود:
برنامه نویسی بک اند (Back End) مربوط به کدنویسی و برنامه نویسی هر آن چیزی است که کاربر آن را مشاهده نمیکند و مربوط به کارهای پشت صحنه وب سایت است.
در واقع وقتی که یک وب سایت، مقالات را از دیتابیس دریافت میکند، یک امر مربوط به بک اند است.
وظیفهی یک برنامه نویس بک اند، برنامه نویسی چیزهایی است که هسته اصلی یک وبسایت هستند و کاربر کدهای آنرا بصورت مستقیم مشاهده نمیکند.
برای اینکه این دو مفهوم را بهتر متوجه شوید، یک اجرای تئاتر را در نظر بگیرید.
اگر یک تئاتر بخواهد اجرا شود، به دو گروه از افراد نیاز دارد:
دو حیطهی مختلف Front End و Back End نیز دقیقا به همین صورت است:
در ادامهی پاسخ به سوال Front End چیست میخواهیم کمی ریز تر به این مفهوم نگاه کنیم.
اگر بخواهیم در دنیای طراحی سایت کمی ریز تر و عمیق تر شویم، باز با ۲ مفهوم دیگر مواجه میشویم:
اما طراح رابط کاربری، کار متفاوتی انجام میدهد.
کسی که با عنوان UI Designer کار میکند، کارهای مربوط به کدنویسی را انجام نمیدهد و هرگز خودش دست به کد نمیشود.
بلکه یک طراح رابط کاربری، کارش طراحی گرافیک سایت در نرم افزارهایی مثل فتوشاپ (Photoshop) است.
این افراد رابط کاربری و شکل ظاهری یک صفحه وب را در فتوشاپ (یا سایر نرم افزارهای مشابه مثل Sketch) طراحی میکنند.
سپس فایل PSD را در اختیار آن شخصی میگذارند که کدنویسی فرانت اند را انجام میدهد و اصطلاحا فرانت اند دولوپر است.
پس کار یک UI Designer صرفا با نرم افزارهای گرافیکیست و کاری با کدها ندارد.
کار یک طراح وب فرانت اند، با کد ها است و با کدنویسی میتواند صفحات وب مختلفی را طراحی کند.
برای تبدیل شدن به یک طراح سایت فرانت اند، شما به مهارت های بسیاری نیاز دارید که همهی آنها برایتان کاربردی خواهد بود.
در زیر بصورت خلاصه این مهارتها را عنوان میکنیم و در آینده در یک مقاله و آموزش تخصصی، دربارهی تمام مهارتهایی که برای تبدیل شدن به کسی که بخش فرانت اند طراحی سایت انجام میدهند نیاز داریم صحبت میکینم.
لیست مهارتهایی که یک Front End Developer باشد داشته باشد:
برای دریافت آموزش آنلاین به سایت چاره جو مراجعه کنید.
اینترنت...