מהו אתר אינטרנט?
מה זה בעצם אתר אינטרנט?


אתר אינטרנט (Website) הוא למעשה אוסף של קבצי מחשב, כל אחד מהם הוא דף אינטרנט, עם קבצים נוספים הדרושים למראה והתפקוד שלהם.

אל דפי האינטרנט הללו אפשר להגיע בדרך כלל דרך רשת האינטרנט. לרוב יש שם דומיין, כמו cnn.com או eureka.org.il, הקושר ביניהם והם גם מקושרים ביניהם באמצעות קישורים, לינקים.

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

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


הנה סרטון הסבר על אתר האינטרנט (עברית):

https://youtu.be/ch0aZQmGdBA


האתר הראשון בהיסטוריה של האינטרנט (עברית):

http://youtu.be/xIAj_Gopa0A


שפת HTML ושפות מתקדמות המתבססות עליה הן יוצרות הקוד של האתרים (עברית):

https://youtu.be/97yBfMDaxUs


כך בונים אתרי אינטרנט בעזרת בינה מלאכותית (מתורגם):

https://youtu.be/Uwq1uiuM_9w?long=yes


וכך נראו אתרי האינטרנט בשנת 1996:

https://youtu.be/WTKIgdfoHxM?long=yes

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

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

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

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


הנה תולדות ההיפר לינק (מתורגם):

https://youtu.be/3Va3oY8pfSI


הסבר על הולדת הלינקים, הקישורים ברשת או ההייפר קישורים (מתורגם):

https://youtu.be/J8hzJxb0rpc?t=2m33s


כך פועלים הקישורים באינטרנט:

https://youtu.be/GIHGp1-_KWw


המונח הייפרטקסט וטד נלסון שהמציא אותו ורעיונותיו הנוספים:

http://youtu.be/3d1c2DuC82s?t=5s


הסבר על HTML וכיצד היא בנויה (עברית):

https://youtu.be/KepmHPMtI70


וסרט תיעודי שמציג - כך נראה האינטרנט בשנת 1996:

http://youtu.be/WTKIgdfoHxM?long=yes

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

אבל מה המשמעות וההבדלים ביניהם?

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


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

זהו צד הלקוח (Client), או צד המשתמש (User). הוא מפותח בטכנולוגיות האינטרנט הידועות והקלאסיות, של HTML, CSS, JavaScript ועוד. ממשקי ה-WEB כאן נועדו לאפשר תמיכה בתקשורת עם מסדי הנתונים והשרתים, תקשורת שעליה אחראי הבק אנד.


#Backend
הבק אנד, צד השרת, נמצא אכן ברקע. כאן נעשה כל הצד הלוגי וחישובי של. ב"בק אנד" מנוהלת הפעילות שמאחורי הקלעים של האתר, האפליקציה או התוכנה שבה אנו משתמשים. הבק אנד הוא שאחראי לפעולה החלקה, התקינה והיעילה של השירות. יש לו אחריות על התקשורת עם השרתים (Servers), שעליהם שמורים בסיסי הנתונים.

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


#ומה זה Fullstack?
יש קטגוריה של Full Stack והיא כוללת את האינטגרציה, השילוב בין שתי הקודמות. אנשי פול סטאק מטפלים בכל הפעילות הזו, מקצה אל קצה. מדובר באנשים שיודעים לעשות את שני התפקידים או הקטגוריות שלמעלה ואת השילוב ביניהם.

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

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

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

בפרויקטים קטנים או בחברות סטארטאפ, מפתחים אנשי ה"פול סטאר" לא פעם לגמרי בעצמם את האתר, האפליקציה, התוכנה השלמה או הכל.


הנה הפרונט אנד, לעומת הבק אנד (עברית):

https://youtu.be/eU-C17D6hfU?t=17s


פרונט אנד:

https://youtu.be/WG5ikvJ2TKA


בק אנד:

https://youtu.be/XBu54nfzxAQ


והנה השניים וה"פול סטאק" שמשלב ידע בשניהם:

https://youtu.be/NMKdd1Hz06U