התחברת בהצלחה!
אתם כאלה מוכשרים - אבל אפשר לבחור רק שלוש יכולות

מה זה Front End (צד לקוח)? הסבר פשוט גם לאנשים לא טכנולוגים

מה זה Font End? מה ההבדל בין Backend ל-Front end? מה זה מפתח Front End? כל התשובות גם למי שלא חי ונושם טכנולוגיה.

מתוך המילון
לסטארטאפ לוגו
|
לכל המושגים  👈

⚡️ התשובה הקצרה

Front End או בעברית, צד-לקוח, הוא מונח שנעשה בו שימוש בעולם הטכנולוגיה והפיתוח על מנת להתייחס לחלק הויזואלי של המוצר, בין אם מדובר באתר, תוכנה או אפליקציה, או אפילו מוצר פיזי. בסופו של יום, ה-Front End זה מה שהמשתמש רואה בפועל (מסכים, כפתורים, מיתוג וכו׳).

🧠  התשובה המלאה

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

באופן מופשט העבודה ב-Front End מחולקת לשני דברים:

  1. ממשק משתמש (User Interface או UI בקיצור): זה ממש הנראות של המוצר (בין אם הוא אתר, אפליקציה או אפילו מוצר פיזי). עיצוב, צבעים, כפתורים.. מניח שהבנתם.
  2. חווית משתמש (User Experience או UX בקיצור): בהמשך ל-UI (הנראות עצמה של המערכת), חווית המשתמש היא השימושיות של הממשק משתמש ואיך בעצם המשתמש שלכם חווה את המוצר שלכם. לדוגמה, עשיתם כפתור (כן, זה שייך ל-UI), אבל הכפתור הזה מאוד קטן ובקושי אפשר ללחוץ עליו בטלפון - זה כבר שייך לחווית המשתמש (וכן, כדאי שתגדילו את הכפתור כדי שהחוויה תהיה טובה).

לעומת ה-Front End, ה-Backend שזה מה שקורה מאחורי הקלעים. 

מה זה Front End


מה ההבדל בין ה-Backend ל-Front End?

מבלי להסתבך יותר מידי במושגים טכנולוגים ועם הפשטה מוגזמת -רוב האפליקציות ואתרים שאנחנו משתמשים בהם כיום בנויים משני חלקים:

  1. Front End (צד לקוח): החלק שאנחנו רואים - המסכים, הכפתורים, טקסטים וכו׳. בין זה באפליקציה שהורדנו לטלפון או אתר שנכנסו אליו במחשב. זה מה שאנחנו רואים ממש מול העיניים (טלפון, מחשב וכו׳).
  2. Backend (צד שרת): מה שאנחנו לא רואים. זה הקוד, הנתונים והמידע שנמצאים מאחורי הקלעים ודואגים שכל כפתור שלחצנו עליו באפליקציה באמת יעשה משהו בחיים האלה. אותו קוד יושב באיזה מחשב מרוחק (שרת) שדואג לבצע מה שביקשנו ולהחזיר לנו את התוצאה הרצויה. 

לדוגמה, כשאתם משתמשים ב-Waze, אתם רואים את המפה, המסכים, הכפתורים וכו׳. ברגע שהכנסתם יעד חדש, האפליקציה מוצאת עבורכם את המסלול המהיר ביותר (זה קורה ב-Backend) ולאחר מכן נכנסת ל״מוד נסיעה״ וצובעת את המסלול המיועד וגם מנחה אתכם קולית איך לנסוע - כל זה  קורה ושייך ל-Front End. באופן מופשט שוב, כל הדברים ה״חישוביים״ בד״כ קוראים ב-Backend וכל מה שנראה לעין קורה ב-Front End.

מה זה Front End?


מה זה מפתח Front End?

מפתח Front End, זה מפתח שעיקר ההתמקדות שלו היא בעצם באותם דברים ויזואלים שהמשתמש רואה ומתעסק איתם בשוטף כחלק מהשימוש באפליקציה/אתר/תוכנה/מוצר. לדוגמה, מפתח Front End בחברת Waze יהיה אחראי לפתח לתחזק ולשפר את כל הנראות של האפליקציה - המפות, המסכים וכו׳. כל זאת על מנת לדאוג שהכל נראה ועובד ״פיקס״ והחוויה שלכם בתור משתמש היא לא פחות ממעולה.

באיזה טכנולוגיות משתמש מפתח Front End?

אז אין תשובה אחת קצרה מאחר וישנן הרבה טכנולוגיות לפיתוח Front End וזה דבר שמשתנה בין פלטפורמה לפלטפורמה. לדוגמה, פיתוח Front End לאפליקציות אנדרואיד ואייפון הוא שונה מהטכנולוגיות לפיתוח אתרים (למעט פיתוח Cross Platform). לרוב כשאומרים מתכנת Front End מתייחסים למפתח אתרים שעושה את החלק הויזואלי (עבודה עם HTML, CSS וג׳אווה סקריפט) אבל התפקיד גם יכול להתייחס למפתחי המובייל (לאנדרואיד ואייפון) שמפתחים את הנראות של האפליקציה.

בכל אופן, הנה גרף שמראה את הטכנולוגיות הפופולריות לפיתוח Front End החל מ-2010 ועד היום (והנתח שוק שלהם במהלך השנים):