Front End چیست و به چه کسی برنامه نویس فرانت اند میگویند؟
در مقاله ای جداگانه به سوال طراحی وب چیست پاسخ دادیم، حالا میخواهیم در بحث طراحی وب کمی حرفه ای و تخصصی تر صحبت کنیم و اصطلاحات رایج آن‌را بیشتر توضیح دهیم و به سوال Front End چیست پاسخ دهیم. در این مقاله و فایل ویدئویی، میخواهیم درباره‌ی فرانت اند (Front End) یا طراحی سمت کاربر صحبت کنیم و همچنین بگوییم که برای تبدیل شدن به یک طراح وب یا اصطلاحا Front End کار، به چه مهارت‌هایی نیاز داریم.
Front End چیست

اگر به دنبال یک پاسخ خیلی ساده ولی کاربردی برای سوال Front End چیست هستید، فیلم زیر را مشاهده کنید
تعریف طراحی وب

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

اما در دنیای طراحی وب،‌ واژه ای مثل Front End یا Back End ممکن است زیاد به گوش شما بخورد. در این مقاله میخواهیم درباره‌ی Front End صحبت کنیم و بگوییم که فرانت چیست،‌ چه تفاوتی با بک اند (Back End) دارد و برای تبدیل شدن به یک طراح وب یا Front End Developer, به چه مهارت هایی نیاز داریم.
تعریف واژه‌ی فرانت اند

Front End چیست: در عبارت Front End، هماxنطور که میبینید واژه‌ی Front وجود دارد. و در انگلیسی یکی از معانی Front،‌ به معنای «جلو» می‌باشد.

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

با توجه به تعریفی که از این واژه دیدیم، میتوانیم در پاسخ به سوال Front End چیست بگوییم:

طراحی یا کدنویسی هر آن چیزی که مربوط به جلوی وبسایت میشود. در واقع یک طراح وب یا یک Front End Developer، کسی است که چیزی را طراحی میکند کاربر آنرا میبیند.
مقایسه با بک اند

در ادامه‌ی پاسخ به سوال Front End چیست ، خوب است که یک مقایسه‌ای هم از فرانت اند و بک اند داشته باشیم.

در نقطه‌ی مقابل Front End، واژه و مفهوم Back End وجود دارد که اینگونه معنا میشود:

برنامه نویسی بک اند (Back End) مربوط به کدنویسی و برنامه نویسی هر آن چیزی است که کاربر آن را مشاهده نمیکند و مربوط به کارهای پشت صحنه وب سایت است. در واقع وقتی که یک وبسایت، مقالات را از دیتابیس دریافت میکند، یک امر مربوط به بک اند است. وظیفه‌ی یک برنامه نویس بک اند، برنامه نویسی چیزهایی است که هسته اصلی یک وبسایت هستند و کاربر کدهای آن‌را بصورت مستقیم مشاهده نمیکند.
یک تئاتر را در نظر بگیرید!

برای اینکه این دو مفهوم را بهتر متوجه شوید، یک اجرای تئاتر را در نظر بگیرید. اگر یک تئاتر بخواهد اجرا شود، به دو گروه از افراد نیاز دارد:

    بازیگرهایی که اجرای صحنه‌ی تئاتر را بر عهده دارند
    نویسنده، کارگردان، تهیه‌کننده، نورپردازی و… که بصورت مستقیم روی صحنه نمی‌آیند، ولی تاثیر کار آن‌ها در اجرای تئاتر موثر است.

دو حیطه‌ی مختلف Front End و Back End نیز دقیقا به همین صورت است:

    تمام آن چیزی که مربوط به ظاهر سایت می‌باشد (مثل بازیگران در صحنه تئاتر) مربوط به اجرای Front End.
    و تمام آن چیزی که مربوط به کارهای پشت صحنه سایت می‌باشد (مثل کارگردان و تهیه‌ کننده که در پشت صحنه هستند) با نام Back End شناخته میشود

تفاوت برنامه نویس فرانت اند با UI Designer

در ادامه‌ی پاسخ به سوال Front End چیست میخواهیم کمی ریز تر به این مفهوم نگاه کنیم.

اگر بخواهیم در دنیای طراحی وب کمی ریز تر و عمیق تر شویم، باز با ۲ مفهوم دیگر مواجه میشویم:

    برنامه نویس فرانت اند یا Front End Developer
    طراح رابط کاربری یا UI Designer (Ui مخفف User Interface میباشد)

اما طراح رابط کاربری، کار متفاوتی انجام میدهد. کسی که با عنوان UI Designer کار میکند، کارهای مربوط به کدنویسی را انجام نمیدهد و هرگز خودش دست به کد نمیشود.

بلکه یک طراح رابط کاربری، کارش طراحی گرافیک سایت در نرم افزارهایی مثل فتوشاپ (Photoshop) است. این افراد رابط کاربری و شکل ظاهری یک صفحه وب را در فتوشاپ (یا سایر نرم افزارهای مشابه مثل Sketch) طراحی میکنند و سپس فایل PSD را در اختیار آن شخصی میگذارند که کدنویسی فرانت اند را انجام میدهد و اصطلاحا فرانت اند دولوپر است.

پس کار یک UI Designer صرفا با نرم افزارهای گرافیکی‌ست و کاری با کدها ندارد، و کار یک طراح وب فرانت اند، با کد ها است و با کدنویسی میتواند صفحات وب مختلفی را طراحی کند.
مهارت های یک طراح وب فرانت اند چیست

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

لیست مهارت‌هایی که یک Front End Developer باشد داشته باشد:

    HTML
    CSS
    jаvascript
    کتابخانه‌ها و فریمورک های جاوا اسکریپت (مثل جی کوئری)
    کتابخانه‌های CSS مثل بوت استرپ (Bootstrap)
    پردازنده‌های CSS مثل Sass یا Less
    طراحی وب واکنش گرا (Responsive Web Design)
    نرم افزارهای گرافیکی (فتوشاپ و شاید کمیIllustrator)
    تست و آزمون خطا
    و مهارت‌جانی دیگری

این لیست، یک لیست بسیار کلی است که در آینده حتما در مورد آن مفصل صحبت خواهیم کرد. در این مقاله توضیحات بسیار خوبی درباره‌ی فرانت اند ارائه دادیم و به خوبی به سوال Front End چیست پاسخ دادیم.

نظر شما درباره‌ی طراحی وب چیست؟ دوست دارید یک طراح وب باشید، یا یک برنامه نویس وب؟


منبع: یادیفای
نام:*
ایمیل:


جستجو در سایت
استارت آپ ها

ایده ها برای استارت آپ موجب رونق کسب و کارهای اینترنتی

آینده / استارت آپ

استارت‌آپ‌ها ادبیات بازار سرمایه را بلدند؟

استارت آپ

صدور تاییدیه دانش بنیانی شتابدهنده صدر فردا

اخبار / استارت آپ

اپلیکیشن شارژاپ

گوناگون / استارت آپ / رپرتاژ آگهی / بازتاب

جذاب‌ترین ایده‌های B2B در سال 2020

استارت آپ

۱۰ استارتاپ که بدون سرمایه به سوددهی رسیدند

استارت آپ

ایده ها و پیشنهاد برای استارت آپ در سال جدید

راهکارها و ترفند ها / استارت آپ

استارت‌آپ ایرانی؛ مرجع اول زنان افغان

استارت آپ

شروع یک کسب و کار نوپا پلتفرمی

استارت آپ

برنامه شبکه اجتماعی تیندر

گوناگون / معرفی وب سایت / استارت آپ

10 استارت آپ برتر تاکسیرانی جهان

استارت آپ

پخت پیتزاهای هیجان انگیز با هوش مصنوعی

آینده / استارت آپ

ایده‌ های استارتاپی فراموش شده‌

دورنما / بازار / استارت آپ

اپل، استارتاپ فناوری خودران Drive.ai را تصاحب کرد

استارت آپ

بررسی مهمترین چالش‌های تیم‌های استارتاپی

استارت آپ

نگرانی کاربران از هزینه تعمیر و تامین قطعات

گفت و گو / بازار / استارت آپ

مصاحبه با مدیرعامل و بنیان‌گذار استارتاپ Moz

گفت و گو / استارت آپ

آشنایی با استارت آپ های حوزه مدیریت آب

استارت آپ

راه اندازی ۷۰ استارت آپ توسط نخبگان ایرانی

استارت آپ

معرفی هشت استارت‌آپ‌ موفق ایرانی در حوزه فینتک

استارت آپ

اولین مرورگر شرعی دنیا

استارت آپ

از صفر تا پیست

استارت آپ

معرفی برترین استارتاپ‌های CES 2019

اخبار / استارت آپ

تبلیغات
درباره ما

مجله اینترنتی دیپروتد نشریه مجازی بر بستر اینترنت به مسائل آموزشی و مقالات پیرامون کسب وکار های نوپا یا استارت آپ ها و سبک زندگی است فعالیت و محتوای مطالب ارائه شده در سایت همه بیشتر در حوزه مدیریت، کارآفرینی ، روانشناسی ،اقتصادی و فناوری اطلاعات است نام اصلی دیپروتد "ریشه های عمیق " با مجوز رسمی از هیات نظارت برمطبوعات مشغول به فعالیت است

ما را در شبکه های اجتماعی دنبال کنید