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

Front End Development 101

30 ביוני 2016 מאת

Untitled design

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

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

ואם זה לא מספיק, מתכנתי Front End גם בונים אתרים, אפליקציות ווב, mobile web ולעתים גם אפליקציות למובייל.

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

לדבר בשפה שלהם

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

יש שלוש שפות שהן הבסיס לעבודה: HTML, CSS ו- JavaScript.

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

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

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

כלים נוספים שהרבה אנשי Front End משתמשים בהם הם Git, Webpack, NPM, Gulp, Grunt.

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

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

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

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



4 תגובות לפוסט ”Front End Development 101“

  1. אתר מעולה שיכשיר אתכם חינם

  2. היי יוני ,

    כתבה מעולה שסוקרת בצורה עניינית את התחום .

    אשמח אם תענה לי על שאלה קטנה :

    אני כרגע סטודנט בשנה ב' והייתי רוצה לדעת מה הדרך שהיית

    ממליץ לסטודנט לעשות כדי להיכנס לעולם הFED ?

  3. היי אלי,

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

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

    יוני.

  4. Hello
    I would like more information please

לכתוב תגובה

(חובה לפחות לרשום שם!!!)

(...אף אחד לא יראה את זה)

(תפרסם/י את עצמך! שידעו מאיפה את/ה!)