שליטה בתפיסת העיצוב המלאה: המדריך האולטימטיבי שלך לשנת 2023

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

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

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

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

תמונה מאת לא קריאייטיב

מדוע הביקוש למפתחי Full stack אינו פרודוקטיבי

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

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

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

מהו מפתח full stack?

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

מפתח Full stack, אם כן, הוא מישהו שיכול להתמודד עם כל שכבה בערימת הטכנולוגיות הזו מבלי להירתע.

השכבה הראשונה: מחקר UX

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

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

gif מאת אנטון סקבורצוב

השכבה השנייה: עיצוב ממשק משתמש

לאחר שקבעתם את הגורמים שיספקו UX חיובי, אתם עוברים כעת לעיצוב ממשק משתמש (UI) שיתייחס לגורמי ה-UX שזיהיתם.

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

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

השכבה השלישית: פיתוח קצה

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

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

gif מאת פיוטר וויצ'ק

השכבה הרביעית: Back End Development

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

יש הרבה טכנולוגיות שונות שאתה יכול לבחור מהן כדי לטפל במשימות האלה, וחלקן מתאימות יותר מאחרות. האפשרויות הנפוצות ביותר כרגע הן PHP ו-Ruby, אבל יש הרבה יותר מ-1000 אפשרויות שניתן לבחור באותה מידה.

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

שכבה זו עשויה לכלול לפעמים דברים כמו הגדרת שרת וניהול, הנדסת רשת וכן הלאה.

השכבה החמישית: ניהול מסדי נתונים

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

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

איור מאת מרטן דסמט

איך מפתח חדש צריך להתקדם ולהשיג את הכישורים הדרושים?

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

לאחר מכן תמשיך ללמוד שפת תכנות כגון PHP, Ruby, Python, Java וכו'. תוכל ללמוד כמה או כמה שפחות. wish, אבל ההזדמנויות הזמינות עבור מתכנתי PHP הן הרבה יותר בשפע מאשר עבור השפות האחרות בכל הנוגע לפיתוח אתרים. היוצא מן הכלל הוא JavaScript, אבל זה עדיין נחשב בעיקר כשפה בצד הלקוח, כך שהיא שייכת מבחינה טכנית לשכבה השלישית.

לאחר שליטה בשפת תכנות אחורית, תמשיך ללמוד את המשימה הקלה בהרבה של יצירת אתרים עם HTML, CSS ו-JavaScript (ו/או טכנולוגיות אחרות).

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

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

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

תמונת כותרת באדיבות אוסקר אוברג