מה ההבדל בין "חזית" לבין "back-end"?

החלק של היישום שבו המשתמש מקיים אינטראקציה נקרא

רכיבי היישום

התפתחויות אינטרנט נפוץ יש "חזיתי" ו "back-end" רכיבים. באתר מבוסס נתונים, רכיבי "back-end" כוללים את מסד הנתונים או אמצעי אחסון מידע אחר, כגון קבצי XML. "Back-end" יכול לכלול גם קוד הפעלה בצד השרת, באמצעות שפות תכנות כגון PHP או ASP. "חזיתי" של יישום אינטרנט, שבו המשתמש אינטראקציה, מועבר בדרך כלל ב- HTML, גיליונות סגנון (CSS עבור ראשי תיבות באנגלית "גיליון סגנונות מדורגים") ו- JavaScript. לפעמים מתכנתים מתמחים בטכנולוגיות "חזית" או "Back-end", אבל עבור אתרים קטנים, שני הצדדים של היישום יכול לעבוד.

נתונים

הנתונים של יישום נחשב בדרך כלל חלק "back-end". בניית מסד נתונים עבור אתר או תוכנית היא בדרך כלל הצעד הראשון בתהליך הפיתוח. לדוגמה, פרויקט הכולל אתר אינטרנט עבור חברה קמעונאית יכול להתחיל על ידי יצירת מסד נתונים של מוצר באמצעות קבצי SQL או XML. הנתונים, אם כן, נחשבים לפעמים ליסודות של אתר או יישום, עם כל מה שנבנה עליהם. הקוד בצד השרת יכול לטפל בתקשורת בין מסד הנתונים לבין הטכנולוגיות "הקדמיות" של היישום, מה שהופך שאילתות לנתונים ושליחת התוצאות לדפדפן או לממשק של המשתמש.

לוגיקה

ההיגיון של היישום נחשב בדרך כלל חלק "back-end", אם כי היבטים מסוימים של זה יכול להיות מיושם כחלק "חזיתי". לדוגמה, באתר מכירות קמעונאיות, הקוד בצד השרת יכול ליישם מה צריך לקרות כאשר לקוח מבצע רכישה, במונחים של עיבוד נתונים ותשלום. עם זאת, ממשק המשתמש של האתר יכול לכלול גם פונקציות בצד הלקוח ב- JavaScript, כדי לאמת כמה פרטים על הנתונים שהוזנו על ידי הלקוח, לפני שליחתם לשרת. דפדפן האינטרנט של המשתמש הוא הלקוח, כך שהקוד שפועל בצד הלקוח מתבצע בתוך הדפדפן במחשב המשתמש, בעוד שתוכניות "Back-end" מבוצעות בשרת האינטרנט.

אינטראקציה עם המשתמש

אינטראקציה עם המשתמש היא הפעילות העיקרית של "חזית" בכל יישום. HTML, CSS ו- JavaScript קוד ליישם אינטראקציה זו עבור אתרי אינטרנט, מציג ייצוג חזותי של הפונקציונליות של היישום. פקדי משתמשים מאפשרים למשתמש לבצע משימות ביישום, בדרך כלל באמצעות לחצנים, רשימות נפתחות, שדות טקסט, תיבות בחירה ורכיבים רבים אחרים. עבור יישומים מסוימים, אותה טכנולוגיה ניתן להשתמש הן "חזית" ו "back-end". לדוגמה, בשפת התכנות של Java ניתן ליישם הן את העיצוב של הממשק עם המשתמש והן את הקישוריות לנתונים.