موضوع مقاله

فرق برنامه نویس وب و طراح وب چیه ؟

لـرنیا چـیه ؟

Thumbnail Image لرنیا مسیر یادگیری شما را مشخص می کنه و باعث سرعت موفقیتت میشه Thumbnail Image

فرق برنامه نویس وب و طراح وب چیه ؟

حتما تا الان بارها و بارها براتون پیش اومده که این دو تا اسم رو در جاهای مختلف دیده یا شنیده باشین و یک علامت سوالی داخل ذهنتون به وجود اومده باشه که، مگه اینا فرقی هم با هم می کنن؟

یک طراح وب چه کارهایی می تونه انجام بده که برنامه نویس وب، یا بهتره از الان بگیم توسعه دهنده وب، نمی تونه انجام بده یا بالعکس؟

اگر یک روزی قصد استخدام تو یکی از این موقعیت های شغلی رو داشتم، کدومشون مناسب من و توانایی های منه؟

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

یه توضیح خیلی سریع و جم و جور

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

یک توسعه دهنده وب، به طرحی که طراح وب ارائه کرده، روح می بخشه.

برای مثال می تونیم بگیم که، یک ساختمون برای اینکه ساخته بشه، هم به یکسری کارگر(توسعه دهنده) نیاز داره، هم معمار(طراح). هر دو لازم هستن ولی هر کدوم مهارت ها و توانایی های خودشونو دارن. فقط حواستون باشه از لحاظ مقام و مرتبه شغلی، این دو نفر تفاوت زیادی با هم ندارن.

در ادامه یکم بیشتر روی موضوع متمرکز می شیم و سوالاتی رو مطرح می کنیم که تا حد زیادی مسئله رو برامون روشن می کنه.

به طور خاص، طراح وب کیه؟

عکس بارگذاری نشده است

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

طراح تجربه کاربری (UX designer)

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

طراح رابط کاربری (UI designer)

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

تفاوت طراحی رابط کاربری با تجربه کاربری

عکس بارگذاری نشده است

تجربه کاربری ارتباط با تحقیق و مطالعه در زمینه تولید یک ساختار منسجم برای وبسایت ما، با هدف یک تجربه مثبت برای کاربر ما، داره؛ در حالی که رابط کاربری بیشتر به مسائلی نظیر ظاهر و حس کلی سایت ما می پردازه.

توسعه دهنده وب به چه کسی گفته میشه؟

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

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

توسعه دهنده بَک اِند (Back-end)

در یک کلام؛ تمامی اتفاقات پشت صحنه!

بک اند دقیقا جایی هستش که ساختار هسته اصلی سایت ما پایه گذاری میشه. توسعه دهندگان بک اند افراد ماهری در زمینه برنامه نویسی و حل مسئله با استفاده از زبان هایی مثل Java، C#، Python، PHP و سایر زبان هایی که در این زمینه مورد استفاده قرار میگیرن، هستند. جالب اینجاس، کاری که این افراد انجام میدن، توسط کاربر دیده نمیشه چرا که این افراد تمام وقت در حال برنامه نویسی روی سرور و پایگاه های داده هستند. به طور کلی وظیفه این افراد تولید و توسعه وبسایت بر پایه منطق برنامه نویسی هستش.

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

توسعه دهنده فِرانت اِند (Front-end)

این بخش با عنوان "توسعه سمت کاربر" شناخته میشه.  این بخش ارتباط بیشتری با طراحی وب داره؛ به این دلیل که یک توسعه دهنده فرانت اند با زبان های HTML، CSS و JavaScript سر و کار داره. از این طریق عناصر و اجزایی رو خلق می کنه که بیشتر کاربر باهاشون در ارتباطه.

توسعه دهنده فول اِستک (Full-stack developer)

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

طراح وب نیازمندیم یا توسعه دهنده وب؟!

عکس بارگذاری نشده است

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

موقعیت شغلی

پروژه

طراح وب

طراحی یک صفحه جدید برای سایت

توسعه دهنده وب

ساخت یک فرم "ارتباط با ما"

توسعه دهنده وب

تولید یک اپلیکیشن موبایل

طراح وب

طراحی یک برند مفهومی

توسعه دهنده وب

حل مشکلات سرور

طراح وب

تدوین فیلم مناسب برای سایت

درآمد ها چطوره؟

در این مورد نمیشه خیلی قطعی صحبت کرد؛ چون که این مسئله کاملا بستگی به مهارت های شخص در زمینه کاری داره و علاوه بر این، کارفرما چه مبلغی رو در نظر گرفته. اما به طور کلی می تونیم مبلغ 4 تا 6 میلیون تومن رو یک پایه حقوق مورد قبول، تاکید می کنم مورد قبول، برای شخصی بدونیم که توی یکی از این زمینه ها، 3 سال تجربه خوب و مفید داره. طبیعیه که هر مقدار تجربه افراد توی این زمینه بالاتر بره، پایه حقوق بالاتری برای افراد در نظر گرفته میشه. تا جایی که ممکنه میزان دستمزد به 2 یا 3 برابر مبالغ بالا برسه!

یک پیشنهاد برای جناب کارفرما!

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

ابزار کار یک طراح وب موفق

یک طراح وب باید فهم بهتری از دنیای برنامه نویسی، نسبت به یک گرافیست داشته باشه. علاوه بر این باید ارزش و تاثیر گذاری هنر رو بیشتر از یک برنامه نویس درک کنه. به عنوان یک خالق باید صفحاتی خلق کنه که مخاطب رو تحت تاثیر قرار بده. بنابراین ارتباط تنگاتنگی با توسعه دهنده داره. با این تفاسیر می تونیم لیستی از مهارت های لازم، برای تبدیل شدن به یک طراح وب موفق رو ارائه بدیم:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe XD
  • Sketch
  • Dreamweaver
  • AI
  • HTML, CSS, …

ابزار کار یک توسعه دهنده وب موفق

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

جعبه ابزار توسعه دهنده فرانت اند

  • HTML, CSS, JavaScript, …
  • jQuery, React, Bootstrap, …

جعبه بزار توسعه دهنده بک اند

  • PHP, C#, Python, SQL, …
  • Laravel, .Net, Django, MySQL, …

یه جمع بندی کنیم ببینیم چی گفتیم اصن!

عکس بارگذاری نشده است

احتمالا تا اینجای کار تا حد خوبی متوجه تفاوت بین طراح وب و توسعه دهنده وب شدین؛ با این وجود یه مرور سریعی می کنیم دوباره.

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

همه به خوبی می دونیم که یه خوراک گوشت می تونه خیلی خوشمزه باشه و کلی حس خوب رو به ما منتقل بکنه؛ اما خیلی مواقع اگر از سس مخصوص سر آشپز هم استفاده بکنیم، می تونه تجربه شیرین تر و دلچسب تری برامون رقم بزنه!

بنابراین موقعی که در نظر داریم، یک وبسایت برای کسب و کارمون راه اندازی کنیم، از جناب توسعه دهنده درخواست می کنیم که ساختار اصلی این پروژه رو برای ما پیاده سازی کنن؛ و از جناب طراح هم تقاضا داریم که آثاری خلق کنن، که مخاطب ما رو مجذوب و حیرت زده کنه!

کلام آخر

تمام این تکنولوژی ها روز به روز در حال پیشرفت و توسعه هستن و اگر فکر می کنین در هر یک از این زمینه ها علاقه دارین، بهتره یادگیری رو از همین امروز شروع کنید و خودتون رو توی این دریای پهناور غرق کنین و ازش لذت ببرین. فراموش نکنین که در مسیر تکنولوژی، در هر لحظه نباید از یادگرفتن هیچ چیز ترس داشته باشین و در کنار تکنولوژی ها، به توسعه فردی بپردازید.

مطالب مرتبط
ویژگی‌های جدید پایتون 3.9

ویژگی‌های جدید پایتون 3.9

یک نقطه عطف مهم برای پایتون در سال 2020 اتفاق افتاد. پایتون 2.7 برای اولین بار در سال 2010 منتشر شد و در 1 ژانویه 2020 پستیبانی رسمی از اون تموم شد. پایتون 2 نزدیک به 20 سال به خوب...

نویسنده: نام نویسنده
انواع توزیع های لینوکس

انواع توزیع های لینوکس

توزیع لینوکس یا در حقیقت توزیع گنو/لینوکس (در حالت عامیانه بین بیشتر مردم گنو/لینوکس به عنوان لینوکس شناخته میشه که البته اشتباه هستش چون لینوکس فقط بخشی از سیستم عام...

نویسنده: نام نویسنده
درک انواع داده ای ایستا  پویا / قوی ضعیف

درک انواع داده ای ایستا  پویا / قوی ضعیف

دقیقاً در نقطه مقابل نوع استاتیک قرار میگیره یعنی زبان‌هایی که از این نوع استفاده میکنن نوع داده متغییر ها رو در هنگام اجرا بررسی میکنن یا به قول خارجی ها “check on the fly...

نویسنده: نام نویسنده
میکروپایتون چیه؟

میکروپایتون چیه؟

در‌واقع توسعه دهندهای گرامی اومدن دوباره یک کامپایلر مخصوص برای پایتون میکرو کنترلی ساختن و همچنین یک اجرا کنند و … که خیلی کار سختیه و کار هر کسی نیست! ولی همین کار...

نویسنده: نام نویسنده
5+1 کاربرد مختلف پایتون در حوزه تکنولوژی

5+1 کاربرد مختلف پایتون در حوزه تکنولوژی

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

نویسنده: نام نویسنده
چیزایی که درباره خط فرمان پایتون باید بدونیم

چیزایی که درباره خط فرمان پایتون باید بدونیم

خروجی ها تو پایتون با امکانت زیادی رو به رو هستن شامل فونت مناسب، پشتیبانی از زبان‌های فراوان نظیر فارسی و انگلیسی و همچنین پشتیبانی از رنگ‌های مختلف....

نویسنده: نام نویسنده

دیدگاه و نظرات