Back End چیست و به چه کسی برنامه نویس بک اند میگویند؟

در مقاله ای دیگر در یادیفای درباره‌ی Front End و یا طراحی سمت وب صحبت کردیم. در این مقاله میخواهیم درباره برنامه نویسی سمت وب، یا برنامه نویسی بک اند یا Back End Development صحبت کنیم و تمام آن چیزی که نیاز دارید را بررسی کنیم. این مقاله و فایل آموزشی میتواند به سوال Back End چیست پاسخ دهد و شما را برای تبدیل شدن به یک برنامه نویس وب (یا برنامه نویس سمت وب یا برنامه نویس Server Side) آماده کند.

https://www.aparat.com/v/yTC1G

Back End چیست

اگر بخواهیم به سوال Back End چیست پاسخ دهیم، در مرحله‌ی اول خیلی خوب است که به دنبال معنی واژه‌ی Back در دیکشنری باشیم. در فست دیک، واژه‌ی Back اینگونه معنا شده است:

Back: عقب، پشت (بدن)، پس، عقبی، گذشته، پشتی، پشتی کنندگان، تکیه گاه، به عقب، درعقب، برگشت (و…)

همانطور که میبینید، یکی از اصلی ترین معانی واژه‌ی Back، پشت می‌باشد. و دقیقا این معنی با کاری که برنامه نویسی اند میکند ارتباط دارد.

وقتی از برنامه نویسی بک اند صحبت میکنیم، منظورمان تمام آن کارهایی است که در پشت صحنه انجام میشود و کاربر آن‌ها را نمیبیند.

ما در تعریف طراحی/برنامه نویسی فراند اند گفتیم:

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

اما برنامه نویسی بک اند (Back End)،‌ دقیقا آن سوی ماجرا قرار دارد. اگر بخواهیم به سوال Back End چیست خیلی ساده پاسخ دهیم، میتوانیم بگوییم:

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

مقایسه با فرانت اند

یک نکته‌ی خیلی جالب در تفاوت برنامه نویسی فرانت اند (Front End) و برنامه نویسی بک اند (Back End) وجود دارد. و آن هم نمایان بودن یا نبودن کدهای آن برای کاربران سایت شماست.

وقتی که شما در حال طراحی وب با تکنولوژی هایی مثل HTML, CSS, Javascript و… هستید، تمام کدهایی که نوشتید را کاربر میتواند به راحتی ببیند. زیرا آن کدها مربوط به کاربر هستند و به آن‌ها دسترسی مستقیم دارد.

اما وقتی شما در حال کدنویسی بک اند هستید و مثلا با زبانی مثل PHP کد نویسی میکنید، کاربر هیچ وقت هیچ دسترسی ای نمیتواند به کدهای شما داشته باشد. به این دلیل که این کدها سمت سرور پردازش و اجرا میشوند و کاربر به هیچ وجه نمیتواند آن‌ها را ببیند،‌ بلکه فقط نتیجه‌ای که ایجاد میکنند را مشاهده میکند.

برای اطلاعات بیشتر و درک بهتر سوالBack End چیست پیشنهاد میکنیم این مقاله را حتما مطالعه کنید: Front End چیست و به چه کسی برنامه نویس فرانت اند میگویند؟

Server Side و Client Side به چه معنا هستند.

در آینده حتما در خصوص تفاوت Server Side و Client Side بیشتر صحبت خواهیم کرد. اما برای اینکه بتوانیم به سوال Back End چیست بهتر پاسخ دهیم، خیلی خوب است که این دو مفهوم را کمی توضیح دهیم.

اما اگر بخواهیم خیلی ساده این دو مفهوم را معرفی کنیم، اینگونه میتوانیم بگوییم:

Client Side

از آن‌جایی که Client به معنای مشتری است، Client Side هم به معنی زبان‌هایی است که سمت کاربر کار میکنند. برای مثال میتوان به HTML, CSS, Javascript و… زبان‌های سمت کاربر و Client Side نیز بگوییم. و به مجموع کاری که این زبان‌ها انجام میدهند، طراحی وب یا Front End Development میگوییم.

Server Side

همانطور که از اسم این عبارت پیداست، زبان‌هایی که در این دسته بندی قرار میگیرند، روی سرور اجرا میشوند و برای اجرا شدن به یک سرور نیاز دارند. برای مثال زبان‌هایی مثل PHP یا ASP.NET برای اجرا حتما به یک سرور نیاز دارند،‌ که این سرور هم میتواند یک سرور واقعی در دنیای آنلاین باشد و هم یک شبیه ساز سرور یا لوکال هاست (Localhost). به زبان‌های برنامه نویسی‌ای که سمت سرور اجرا میشوند، زبان‌های Server Side و به مجموع کاری که این زبان‌ها انجام میدهند، برنامه نویسی بک اند یا Back End Development میگویند

همان مثال تئاتر

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

تمام آن‌ کسانی که در صحنه فعالیت میکنند و نقش آفرینی میکنند و تماشاچیان آن‌ها را میبینند را میتوانیم بگوییم Front End  یک اجرای تئاتر.

و تمام کسانی که در پشت صحنه فعالیت میکنند، مثل طراح لباس، کارگردان، نویسنده، تهیه کننده و… که تماشاچیان آن‌ها را نمیبینند، ولی در پشت صحنه کار میکنند و کارشان روی اجرا تاثیر دارد را میتوانیم Back End یک اجرای تئاتر بنامیم.

در وب هم دقیقا به همین صورت است. تمام آن چیزی که کاربر در صفحه مانیتور خود میبیند مربوط به Front End میشود، و تمام آن چیزی که در پشت صحنه اجرا میشود، مربوط به Back End میشود.

مهارت‌های یک برنامه نویس Back End چیست

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

زبان برنامه نویسی سمت سرور

برای برنامه نویسی سمت سرور یا برنامه نویسی بک اند، اولین چیزی که نیاز دارید، یک زبان برنامه نویسی‌ای است که سمت سرور اجرا شود. برای مثال زبانی مثل PHP یک زبان برنامه نویسی Back End است که باید روی سرور اجرا شود. پر در اولین قدم شما به یک زبان برنامه نویسی نیاز دارید.

پایگاه داده

دومین چیزی که حتما و قطعا به آن نیاز دارید، پیدا کردن تسلط به یک دیتابیس (Database) یا پایگاه داده است.

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

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

مباحث پیشرفته زبان برنامه نویسی

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

برای مثال در برنامه نویسی PHP،‌ شما اگر بتوانید کدتان را به شیوه‌ی شی گرایی (Object Oriented) بنویسید، کد شما میتواند خیلی تمیزتر، سریع‌تر و حرفه‌ای تر باشد.

توانایی حل مسئله

وقتی در خصوص برنامه نویسی سمت سرور یا Back End  صحبت میکنیم، یکی از چیزهایی که برای شما ضروری است،‌توانایی حل مسئله و داشتن یک ذهن تحلیل‌گر است.

داشتن ذهن تحلیلگر، یکی از مهم‌ترین ویژگی هایی است که هر برنامه نویسی باید از آن بهره ببرد.

خبر خوب این است که این ذهن تحلیلگر،‌ ارثی نیست و میتوان آن‌را بدست آورد!

در آینده حتما در خصوص توانایی حل مسئله صحبت خواهیم کرد.

سوال پرسیدن

یکی دیگر از مهارت‌هایی که شما به عنوان یک برنامه نویس به آن نیاز دارید، توانایی سوال پرسیدن و راهنمایی گرفتن از دیگران است.

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

در این مقاله بصورت کامل سعی کردیم به سوال Back End چیست پاسخ دهیم و تمام آن چیزی که نیاز دارید را در اختیارتان قرار دهیم.

نظر شما چیست؟ به نظر شما برای تبدیل شدن به یک برنامه نویس وب خوب،‌ به چه مهارت‌هایی نیاز داریم؟

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

نوشته Back End چیست و به چه کسی برنامه نویس بک اند میگویند؟ اولین بار در ویرگول پدیدار شد.

گردآوری توسط ایده طلایی

چگونه با استفاده از مایکروسافت Word واترمارک بسازیم؟

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

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

چرا مایکروسافت ورد؟

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

ساخت واترمارک با استفاده از مایکروسافت ورد

گام اول: استفاده از اشکال پس زمینه

نرم افزار را اجرا کنید و یک پرونده‌ی جدید ایجاد کنید. سپس از طریق بخش Insert‌ نسبت به اضافه کردن یک شکل (Shape) اقدام نمایید. این شکل می‌تواند یک دایره ی ساده باشد یا یک شکل پیچیده از ترکیبی از اشکال مختلف.

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

برای این کار کافیست روی دومین شکل ایجاد شده کلیک راست کنید و گزینه‌ی Format Shape را بزنید. سپس به Line بروید و یکی از خط چین‌ها را انتخاب کنید.

گام دوم: فونت‌های مختلف را امتحان کنید

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

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

گام سوم: فایل را به عنوان یک عکس ذخیره کنید

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

بنابراین باید تا حدی مایکروسافت ورد را گول بزنیم تا بتوانیم فایل عکس مورد نظر خود را داشته باشیم. بدین منظور ساده ترین روش این است که از صفحه‌ی‌تان عکس بگیرید و عکس مورد نظر را ذخیره کنید.

حال نیاز به Clipping Tool خواهید داشت. یک پرونده‌ی جدید در مایکروسافت ورد ایجاد کنید. سپس به مسیر Insert > Screenshot >Screen clipping بروید.

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

گام سوم: عکس را برش بزنید 

بعد از آن که از بخش مورد نظر عکسبرداری کردید، باید عکس را ویرایش کنید تا نتیجه‌ی به دست آمده مطلوب تر گردد. اگر اولین بارتان است که از مایکروسافت ورد برای ویرایش عکس‌ها استفاده می‌کنید خوب است بدانید این نرم افزار فیلترهای جذاب زیادی برای بهبود وضعیت عکس‌هایتان ارائه می‌کند.

برای اعمال یک فیلتر، کافیست از بخش Artistic Effects یکی را انتخاب کنید. برای تصاویر دایره‌ای ابتدا باید تصویر را به صورت دایره‌ای کراپ نید. برای فعال کردن کراپ در مایکروسافت ورد، روی عکس کلیک کنید و سپس از تب Format گزینه‌ی Crop و سپس Aspect Ratio را انتخاب کنید. در نهایت روی ۱:۱ بزنید.

حالا گزینه‌ی Crop To Shape را فشار دهید و شکل گرد مورد نظرتان را انتخاب کنید. حالا وقتی فیلتر مد نظرتان را اعمال کنید تنها همان بخش از شکل تغییر می‌کند که کراپ کرده‌اید. بعد از آنکه تغییرات مورد نظرتان را اعمال کردید، کافیست روی شکل کلیک راست کنید و سپس Save as Picture را بزنید.

محدودیت‌ها

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

کاری که می‌توانید انجام دهید این است که از ابزار آنلاینی مثل LunaPic استفاده کنید تا بتوانید پس زمینه‌ی عکس را محو کنید.

خلاق باشید…

هرچه محدودیت‌ها بیشتر باشد نیاز به خلاقیت برای انجام کار‌های جذاب بیش از گذشته حس می‌شود. بنابراین به ذهن خلاقتان اجازه‌ی جولان دهید.

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

نوشته چگونه با استفاده از مایکروسافت Word واترمارک بسازیم؟ اولین بار در دیجیاتو پدیدار شد.

گردآوری توسط ایده طلایی

پیچیده ترین بات نت جهان گجت های اینترنت اشیا را هدف قرار داده است

محققان کمپانی امنیتی Avast اخیراً بات نت جدیدی را کشف کرده اند که به شبکه های اینترنت اشیا و خانه های هوشمند نفوذ می کند. این بات نت که «Torii» نام دارد، به اعتقاد پژوهشگران یکی از پیشرفته ترین بدافزارها در نوع خود است.

بر اساس نتایج تحقیقات تیم اَوَست، Torii نسبت به سایر بات نت ها بسیار مخفیانه تر عمل کرده و پس از نفوذ به سیستم، علائم چندانی از خود بروز نداده و مثلاٌ به استخراج ارزهای رمزپایه نمی پردازد.

بات نت Torii با نفوذ به شبکه های اینترنت اشیا، اطلاعات شخصی کاربران را به سرقت می برد

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

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

بات نت

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

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

نوشته پیچیده ترین بات نت جهان گجت های اینترنت اشیا را هدف قرار داده است اولین بار در دیجیاتو پدیدار شد.

گردآوری توسط ایده طلایی

Front End چیست و به چه کسی برنامه نویس فرانت اند میگویند؟

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

Front End چیست

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

https://www.aparat.com/v/wfMmO

تعریف طراحی وب

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

اما در دنیای طراحی وب،‌ واژه ای مثل 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
  • Javascript
  • کتابخانه‌ها و فریمورک های جاوا اسکریپت (مثل جی کوئری)
  • کتابخانه‌های CSS مثل بوت استرپ (Bootstrap)
  • پردازنده‌های CSS مثل Sass یا Less
  • طراحی وب واکنش گرا (Responsive Web Design)
  • نرم افزارهای گرافیکی (فتوشاپ و شاید کمیIllustrator)
  • تست و آزمون خطا
  • و مهارت‌جانی دیگری

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

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

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

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

گردآوری توسط ایده طلایی