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

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

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

زبان‌های مورد استفاده برای قسمت جلویی عبارتند از HTML، CSS و جاوا اسکریپت در حالی که زبان‌هایی که برای قسمت پشتی استفاده می‌شوند عبارتند از Java، Ruby، Python و Net.

توسعه Front End:

بخشی از یک وب سایت که کاربر به طور مستقیم با آن در تعامل است، قسمت جلویی نامیده می شود. همچنین به آن “سمت کلاینت برنامه” نیز گفته می شود. این شامل همه چیزهایی است که کاربران به طور مستقیم تجربه می کنند: رنگ ها و سبک های متن، تصاویر، نمودارها و جداول، دکمه ها، رنگ ها و منوی پیمایش. HTML، CSS و جاوا اسکریپت زبان هایی هستند که برای توسعه Front End استفاده می شوند. پاسخگویی و عملکرد دو هدف اصلی Front End هستند. توسعه‌دهنده باید اطمینان حاصل کند که سایت واکنش‌گرا است، یعنی به درستی در دستگاه‌هایی با همه اندازه‌ها ظاهر می‌شود، هیچ بخشی از وب‌سایت صرف نظر از اندازه صفحه نمایش، نباید غیرعادی رفتار کند.

زبان های فرانت اند:

بخش جلویی با استفاده از چند زبان ساخته شده است که در زیر مورد بحث قرار گرفته است:

HTML: HTML مخفف Hypertext Markup Language است. برای طراحی قسمت جلویی صفحات وب با استفاده از زبان نشانه گذاری استفاده می شود. HTML ترکیبی از زبان Hypertext و Markup است. ابرمتن پیوند بین صفحات وب را تعریف می کند. می توانید این زبان را با دوره آموزشی Geeksforgeeks Advanced HTML – Self-Paced یاد بگیرید و بر مفاهیم HTML پیشرفته مسلط شوید.

CSS: Cascading Style Sheets که به آن CSS می گویند، یک زبان ساده طراحی شده است که برای ساده کردن فرآیند ارائه صفحات وب طراحی شده است. CSS به شما این امکان را می دهد که سبک ها را در صفحات وب اعمال کنید. همچنین، اگر می خواهید مهارت های خود را افزایش دهید، در دوره آموزشی Geeksforgeeks CSS Foundation – Self-Paced ثبت نام کنید و تمام مفاهیم جدید CSS را یاد بگیرید.

جاوا اسکریپت: جاوا اسکریپت یک زبان برنامه نویسی معروف است که برای ایجاد جادو در سایت ها استفاده می شود تا سایت را برای کاربر تعاملی کند. برای بهبود عملکرد یک وب سایت برای اجرای بازی های جالب و نرم افزارهای مبتنی بر وب استفاده می شود. جاوا اسکریپت که هم در front-end و هم در back-end قابل استفاده است، کلید تبدیل شدن به یک توسعه دهنده خوب است.

بسیاری از زبان‌های دیگر وجود دارند که از طریق آن‌ها می‌توان بسته به فریم‌ورک، توسعه front-end را انجام داد، برای مثال Flutter از Dart استفاده می‌کند، React از جاوا اسکریپت و جنگو از Python و بسیاری موارد دیگر استفاده می‌کند.

چارچوب‌ها و کتابخانه‌های فرانت‌اند:

AngularJS: AngularJs یک چارچوب فرانت‌اند منبع باز جاوا اسکریپت است که عمدتاً برای توسعه برنامه‌های وب تک صفحه‌ای (SPA) استفاده می‌شود. این یک چارچوب به طور مداوم در حال رشد و گسترش است که راه های بهتری برای توسعه برنامه های کاربردی وب ارائه می دهد. HTML استاتیک را به HTML پویا تغییر می دهد. این یک پروژه منبع باز است که می تواند رایگان باشد. ویژگی های HTML را با دستورالعمل ها گسترش می دهد و داده ها با HTML محدود می شوند.

React.js: React یک کتابخانه جاوا اسکریپت اعلامی، کارآمد و انعطاف پذیر برای ساخت رابط های کاربری است. ReactJS یک کتابخانه فرانت‌اند مبتنی بر کامپوننت و منبع باز است که تنها مسئول لایه نمایش برنامه است. توسط فیس بوک نگهداری می شود. علاوه بر این، React Js توسعه Front-end را بسیار آسان می کند. اکنون می توانید با ثبت نام در Geeksforgeeks React JS (پایه تا پیشرفته) – یک دوره خودگام، برنامه های کاربردی وب آماده برای صنعت توسعه دهید.

Bootstrap: Bootstrap یک مجموعه ابزار رایگان و متن باز برای ایجاد وب سایت ها و برنامه های وب واکنش گرا است. این محبوب‌ترین چارچوب HTML، CSS و جاوا اسکریپت برای توسعه وب‌سایت‌های واکنش‌گرا و مبتنی بر موبایل است.

jQuery: jQuery یک کتابخانه جاوا اسکریپت منبع باز است که تعامل بین یک سند HTML/CSS یا به طور دقیق تر Document Object Model (DOM) و جاوا اسکریپت را ساده می کند. jQuery با تشریح شرایط، پیمایش و دستکاری اسناد HTML، مدیریت رویداد مرورگر، انیمیشن های DOM، تعاملات Ajax و توسعه جاوا اسکریپت بین مرورگرها را ساده می کند.

SASS: قابل اعتمادترین، بالغ ترین و قوی ترین زبان برنامه افزودنی CSS است. از آن برای گسترش عملکرد یک CSS موجود در یک سایت شامل همه چیز از متغیرها، وراثت و تودرتو به راحتی استفاده می شود.

Flutter: Flutter یک SDK توسعه UI منبع باز است که توسط گوگل مدیریت می شود. این برنامه توسط زبان برنامه نویسی دارت طراحی شده است. این نرم افزار برنامه های کاربردی بومی کامپایل شده و زیبا برای موبایل (Ios، Android)، وب و دسکتاپ را از یک پایه کد واحد می سازد. نکته کلیدی فروش فلاتر این است که توسعه مسطح با رابط کاربری و عملکرد بومی آسان‌تر، رساتر و انعطاف‌پذیرتر می‌شود. در مارس 2021 flutter Flutter 2 را اعلام کرد که فلاتر را برای ساخت برنامه های انتشار برای وب ارتقا می دهد و دسکتاپ در حالت بتا است.

برخی از کتابخانه ها و چارچوب های دیگر Semantic-UI، Foundation، Materialize، Backbone.js، Ember.js و غیره هستند.

توسعه Back End:

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

زبان های بک اند:

بخش پشتیبان با استفاده از چند زبان ساخته شده است که در زیر مورد بحث قرار گرفته است:

PHP: PHP یک زبان برنامه نویسی سمت سرور است که به طور خاص برای توسعه وب طراحی شده است. از آنجایی که کد PHP در سمت سرور اجرا می شود، به آن زبان برنامه نویسی سمت سرور می گویند.

C++: این یک زبان برنامه نویسی همه منظوره است و امروزه به طور گسترده برای برنامه نویسی رقابتی استفاده می شود. همچنین به عنوان یک زبان پشتیبان استفاده می شود. بنابراین اگر در مورد یادگیری C++ کنجکاو هستید، می‌توانید از دوره برنامه‌نویسی Geeksforgeeks C++ Foundation – Self-Paced کمک بگیرید و تمام اصول اولیه زبان را بدون دردسر بیاموزید.

جاوا: جاوا یکی از محبوب ترین و پرکاربردترین زبان ها و پلتفرم های برنامه نویسی است. بسیار مقیاس پذیر است. اجزای جاوا به راحتی در دسترس هستند و برای یادگیری این یکی از محبوب ترین زبان ها می توانید دوره برنامه نویسی جاوا Geeksforgeeks – Self-Paced را بررسی کنید. این به شما کمک می کند چارچوب مناسب، مفاهیم، توابع و موارد دیگر را درک کنید.

پایتون: پایتون یک زبان برنامه نویسی است که به شما امکان می دهد سریع کار کنید و سیستم ها را با کارایی بیشتری یکپارچه کنید. همچنین یک زبان بسیار مهم برای بک اند است و برای تسلط بر آن می توانید نگاهی به دوره برنامه نویسی Python -Self-Paced بیندازید. این یک دوره آموزشی مبتدی است و به شما کمک می کند تا پایه ای قوی برای پایتون بسازید.

Node.js: Node.js یک محیط اجرای متن باز و کراس پلتفرم برای اجرای کد جاوا اسکریپت در خارج از مرورگر است. باید به خاطر داشته باشید که NodeJS یک فریمورک نیست و یک زبان برنامه نویسی نیست. اکثر مردم گیج شده اند و می دانند که این یک چارچوب یا یک زبان برنامه نویسی است. ما اغلب از Node.js برای ساخت سرویس‌های بک‌اند مانند APIهایی مانند برنامه وب یا اپلیکیشن موبایل استفاده می‌کنیم. در تولید شرکت های بزرگی مانند پی پال، اوبر، نتفلیکس، والمارت و غیره استفاده می شود.

چارچوب‌ها و کتابخانه‌های بک اند:

Express : Express یک فریمورک Nodejs است که برای توسعه باطن / سمت سرور استفاده می شود. برای ساخت برنامه های وب تک صفحه ای، چند صفحه ای و ترکیبی استفاده می شود. با کمک آن می توانید چندین درخواست مختلف HTTP را مدیریت کنید.

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

Ruby on Rails : Ruby on Rails یک چارچوب سمت سرور است که از الگوی معماری مدل-نما-کنترلر پیروی می کند. این ساختارهای پیش فرض مانند خدمات وب، صفحات وب و پایگاه های داده را ارائه می دهد.

لاراول : لاراول یک فریمورک برنامه کاربردی وب برای PHP است و قوی است. ویژگی که آن را کامل می کند استفاده مجدد از اجزای چارچوب های مختلف برای ایجاد یک برنامه وب است.

Spring : این چارچوب سمت سرور پشتیبانی زیرساختی را برای برنامه های جاوا فراهم می کند. این به عنوان یک پشتیبانی از فریم ورک های مختلف مانند Hibernate، Struts، EJB و غیره عمل می کند. همچنین دارای پسوندهایی است که به توسعه سریع و آسان برنامه های جاوا کمک می کند.
برخی دیگر از زبان های برنامه نویسی/اسکریپت نویسی پشتیبان عبارتند از C#، Ruby، GO و غیره.

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