חזיתי לעומת Back-end לעומת מלא מחסנית פיתוח אינטרנט
MY FAVORITE SONG 2017 (EETITB) - "Chasing the Sun" (The Wanted) - 3.ª"A" - C. Novos/RN
תוכן עניינים:
פיתוח האינטרנט הוא לא רק דבר אחד. הוא כולל מיומנויות מרובות, ויש סוגים שונים של קריירה בתוך שטח פיתוח האינטרנט. שלושה מונחים המשמשים לעתים קרובות הם "חזיתי", "סוף גב", ו "ערימה מלאה." הנה ההבדלים העיקריים בין השלושה.
פיתוח אינטרנט חזיתית
פיתוח חזיתית, בעוד מרכיביו משתנים תמיד, בעיקרון עוסקת בחלקים הפונים החיצוני של אתר אינטרנט או יישום אינטרנט. ביסודו, הפיתוח הקדמי כולל HTML, CSS ו- JavaScript:
- HTML: HyperText Markup Language, או HTML, הוא הרכיב המבני העיקרי של כל אתרי האינטרנט באינטרנט. בלי זה, דפי אינטרנט לא יכול להתקיים.
- CSS: CSS מוסיף סגנון ל- HTML. אני אוהב להשתמש באנלוגיה ש- HTML הוא כמו פנים ו- CSS הוא כמו האיפור.
- JavaScript: JavaScript, או JS, כבר מתפתח בשנים האחרונות. ביחס לפיתוח חזיתי, JS חשוב כי זה עוזר להפוך דפי אינטרנט אינטראקטיביים.
החזית קשורה לעקרונות הפריסה והעיצוב, אך מפתחי קצה אינם בהכרח מעצבים. ביסודו של דבר, מפתחים חזיתיים לבנות את המראה החיצוני - דפי האתר שמשתמשים לראות. משמעות הדבר היא כי מפתח חזית חייב לקחת בחשבון את הקריאות ואת השימושיות של האתר ו / או היישום. יתר על כן, חזיתי פועל על הלקוח - כלומר המחשב המקומי של המשתמש - ברוב המקרים, דפדפן האינטרנט. ומידע לא מאוחסן בצד הלקוח.
Back-end פיתוח אינטרנט
Back-end אינטרנט פיתוח מה קורה מאחורי הקלעים. הקצה האחורי מאפשר את החוויה הקדמית.
כדי להקל על המצב, חשוב על הקצה הקדמי כחלק מהקרחון מעל המים. זה מה שהמשתמש רואה - האתר המלוטש. החלק האחורי הוא שאר הקרח; זה לא יכול להיראות על ידי משתמש הקצה, אבל זה היסוד הבסיסי ביותר של יישום אינטרנט. הקצה האחורי פועל על השרת, או, כפי שהוא מכונה לעתים קרובות, "בצד השרת".
שלא כמו פיתוח חזיתי (אשר בעיקר משתמש HTML, CSS ו- JavaScript), פיתוח אינטרנט עורפיים יכולים לסמוך על מגוון של שפות ומסגרות.
כמה שפות פופולריות בשימוש בחלק האחורי כוללים:
- רובי (המשמש לעתים קרובות במסגרת Rails - AKA Ruby on Rails)
- פייתון (אשר משמש לעתים קרובות עם מסגרת Django על הגב בסוף)
- PHP (וורדפרס CMS פופולרי משתמש PHP על הגב שלה - PHP יש כמה מסגרות פופולריות, אחת להיות Laravel)
- Node.js (מקבל יותר פופולרי - זוהי סביבה עורפית עבור יישומי אינטרנט שנבנו עם JavaScript)
על מנת אתרים בקנה מידה גדול ויישומי אינטרנט לעבוד, זה יותר מאשר שפה עורפיים מסגרת. כל המידע באתר או ביישום חייב להיות מאוחסן במקום כלשהו.
זה המקום שבו מגיעים מסדי נתונים. מפתחים עורפיים לטפל גם אלה.
מאגרי מידע פופולריים כוללים:
- MySQL
- פוסטגרסל
- MongoDB
- ואחרים
בדרך כלל שפות מסוימות / עורפיים מסוימים דורשים מסד נתונים מסוים. לדוגמה, מסגרת הערימה המלאה של MAN דורשת MongoDB.
מעבר ליודעת שפה / מסגרת עורפיים ומסדי נתונים הפועלים, מפתחים עורפיים חייבים להיות בעלי הבנה של ארכיטקטורת השרתים.
הגדרת שרת כהלכה מאפשרת לאתר לרוץ במהירות, לא לקרוס, ולא לתת שגיאות למשתמשים. זה נופל תחת התחום האחורי של היזם כי רוב השגיאות מתרחשות בסוף האחורי, לא את הקצה הקדמי.
מחסנית מלאה
ערימה מלאה היא השילוב של הקצה הקדמי ואת הקצה האחורי. מפתח מחסנית מלאה היא ג 'ק של כל המסחר. הם אחראים לכל רמות הפיתוח, החל מהשרת מוגדר ל- CSS הקשור לתכנון.
בימים אלה, יש כל כך הרבה נכנס פיתוח אינטרנט כי זה כמעט בלתי אפשרי להתמודד עם שני הצדדים. בעוד אנשים רבים יכולים לטעון להיות ערימה מלאה, או למעשה, הם עדיין בדרך כלל להתמקד יותר בצד אחד: הלקוח או השרת.
בחברות קטנות יותר / חברות סטארט-אפ, אדם אחד יהיה סביר יותר להיות אחראי לכל הצדדים של ספקטרום פיתוח האינטרנט. עם זאת, בחברות גדולות יותר, אנשים עובדים על צוותים ויש להם תפקידים מיוחדים - אחד מתמקד אך ורק על ארכיטקטורת שרת, אחר (או כמה אנשים) על החזית, וכו '
סיכום
פיתוח האינטרנט יש פרצופים רבים, וזה מתפתח יותר מדי יום. יש הרבה מה ללמוד, אבל לא מרגיש לחוץ כדי ללמוד הכל בבת אחת. זכור, בסביבות עבודה, אתה בדרך כלל להיות בצוות עם אחרים. דגש על השחזה הכישורים שלך היבט אחד של פיתוח אינטרנט בכל פעם. לא לקבל המום, ואתה תהיה מקצוען לפני שאתה יודע את זה.
לדוגמא טופס פיתוח תוכנית פיתוח
צריך טופס פיתוח ביצועים עיצוב המאפשר לך לכתוב ולעקוב אחר ביצועי העבודה ואת מטרות הפיתוח של העובדים? הנה דוגמה.
אינטרנט פיתוח בלוגים לרמה את כישורי התכנות שלך
אתה לא תמיד צריך לקחת קורס מקוון כאשר לומדים עיצוב אתרים. רמה את האינטרנט שלך פיתוח ידע עם בלוגים אלה ללא תשלום מעולה.
עיצוב אתרים מול פיתוח אינטרנט: מה ההבדל?
רוצה ללמוד על עיצוב אתרים ופיתוח? לחץ כאן כדי לראות את ההבדלים ואת קווי הדמיון בין השניים.