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

فرانت اند چیست؟

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

در طراحی سایت طراحان از نرم افزارهای گرافیکی مانند فتوشاپ برای طراحی سایت استفاده می کنند. اما قسمت توسعه رابط مربوط به پیاده سازی ظاهر سایت در قالب کدهای HTML، CSS و جاوا اسکریپت است. زبان های برنامه نویسی مورد استفاده در جلو، سمت کاربر یا سمت کلاینت هستند. بنابراین مرورگر کاربر کدهای نوشته شده را در جلو پردازش و اجرا کرد. یعنی کاربر به راحتی به این کدها دسترسی دارد و می تواند آنها را مشاهده کند. فرانت اند مستقیماً با بخش بک اند مرتبط است و تأثیر زیادی بر تجربه کاربر ( UX ) دارد.

مهارت های توسعه دهنده فرانت اند

اکنون متوجه شدید که فرانت اند چیست، در این بخش می خواهیم مهارت های توسعه دهنده front برای یادگیری را بررسی کنیم. کسانی که می خواهند یک طراح و توسعه دهنده فرانت اند شوند باید ویژگی ها و مهارت های متفاوتی داشته باشند.

مهمترین ویژگی های یک برنامه نویسی فرانت اند عبارتند از:

زبان HTML

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

زبان CSS

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

زبان برنامه نویسی جاوا اسکریپت

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

کتابخانه ها و فریم ورک های فرانت اند و Javascript

چارچوب های جاوا اسکریپت بسیاری از ویژگی های پیشرفته را برای طراحان جلویی فراهم می کند. این فریم ورک ها شامل VU.js، Angular و … می باشد.

اصول طراحی واکنشگرا

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

نرم افزارهای گرافیکی مانند فتوشاپ

نرم افزارهای گرافیکی مانند Photoshop و Illustrator برای طراحان جلو در اکثر مراحل طراحی رابط کاربری هستند.

ذوق و خلاقیت

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

آشنایی با اصول تجربه کاربری

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

نمونه ای از جبهه در دنیای واقعی

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

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

بک اند چیست؟

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

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

مهارت ها و زبان های مورد نیاز برای برنامه نویسان Back-End

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

• جاوا
• PHP
• پایتون
• SQL
• سی شارپ
• .خالص

آشنا باش. در ادامه به معرفی سه زبان پرکاربرد و محبوب در برنامه نویسی بک اند می پردازیم.

جاوا

جاوا یک زبان نسبتا قدیمی و محبوب است که توسط بسیاری از برنامه نویسان استفاده می شود. یکی از نقاط قوت جاوا داشتن ماشین مجازی (Java Virtual Machine) است که کامپایل و اجرای کد (Run) را در سیستم ها و محیط های مختلف آسان می کند.

این زبان تالارهای پرسش و پاسخ گسترده ای دارد که تقریباً هیچ سؤالی را بدون پاسخ باقی نمی گذارد. توسعه اپلیکیشن اندروید، توسعه وب سایت، پردازش تصور، نرم افزار رابط کاربری گرافیکی (GUI)، شبکه، از جمله کارهایی است که می توانید با برنامه نویسی جاوا انجام دهید.

PHP

PHP پرکاربردترین زبان در سمت سرور است و در ایجاد حدود ۸۰ درصد از سایت ها نقش داشته است. منابع یادگیری این زبان نیز بسیار گسترده است. برنامه نویسی نرم افزار دسکتاپ، تنظیمات کوکی، جمع آوری داده ها از PHP استفاده می کنند. شرکت های معتبری مانند فیس بوک، بافر و هوت سویت زبان PHP را به عنوان زبان سرور خود انتخاب کرده اند.

پایتون

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

SQL

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

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

سی شارپ

سی شارپ بر روی زبان C++ ساخته شده است، بنابراین ممکن است برای بسیاری از توسعه دهندگان کار با آن آسان باشد. یادگیری آن آسان تر از C++ است و بازی های ویدیویی رایانه ای به طور گسترده از آن استفاده می کنند.

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

• آشنایی با حداقل یک زبان برنامه نویسی سمت سرور (PHP، Python، Java)
• دانستن پایگاه داده
• آشنایی با الگوریتم ها و ریاضیات گسسته
• توانایی حل مسئله و چالش
• شناخت الگوهای طراحی

درآمد توسعه دهندگان بک اند

• در سال های اخیر، زبان جاوا سالانه حدود ۹۰۰۰۰ دلار برای برنامه نویسان آمریکایی درآمد داشته است.
• در ایالات متحده درآمد سالانه توسعه دهندگان PHP حدود ۸۰ هزار دلار در سال است.
• همچنین درآمد سالانه پایتون در آمریکا حدود ۹۰ هزار دلار است.
• درآمد سالانه SQL در آمریکا حدود ۹۵ هزار دلار است.

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

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

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

نتیجه

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