איך מוצאים משרת פרונט אנד ראשונה?

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

על מה הפרק ״המסלול למשרת front-end בהייטק״?

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

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

איך מצאת את משרת ה-front end פרונט אנד הראשונה שלך?

“התחלתי לעבוד תוך כדי באינטל בתור מפתח פול סטאק full stack. יצא לי לעשות שם המון פרויקטים מגוונים ומגניבים וטעמתי מבופה של טכנלוגיות.
באופן טבעי נמשכתי לפיתוח web. בזכות העבר שלי התחלתי ללמוד אנגולר ולאחר מכן ריאקט בכוחות עצמי בעזרת קורסים אונליין
פתחתי מומחיות בנושא ואחרי 5 שנים באינטל המשכתי לסטארטאפ מגניב בשם Curv בתחום הבלוקצ’יין.
שם הייתי ראש צוות פרונטאנד והרמתי את האפליקציה מאפס, הייתה חוויה מאד מלמדת.”

מה זה פיתוח פרונט אנד front end?

“אז פרונט אנד זה למעשה כל מה שקשור בממשקי משתמש.
כמעט לכל אפליקציה יש החלק הלוגי ואת החלק שהמשתמש רואה. במילים מקצועיות זה נקרא ה-user interface.

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

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

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

לא צריך להיות מעצב בשביל לפתח פרונט אנד front-end

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

למי משרת front-end מתאימה?

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

איך להכיר את העולם המשתנה ולהתעדכן ב-front end

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

איך אתה התחלת להיות מפתח פרונט אנד front end?

התחלתי כשהייתי נער ופיתחתי אתר משלי. האמת שזאת נקודה שחשוב לי לדבר עליה.
כי הדרך בה עשיתי את זה הייתה פשוט להעתיק קוד קיים: ממש עשיתי copy-paste וערכתי את ה-html של אתרים.
אני חושב שזאת הדרך המהירה ביותר להתחיל.
לכו לאתר שאתם מכירים, תפתחו את ה-dev tools של הדפדפן ותראו את ה-HTML.
תשחקו עם הCSS ואפילו תכתבו קצת JS ב-console. אתם מהר מאד תתחילו להבין איך דברים עובדים וזה מעלה את המוטיביציה להמשיך.

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

איך ניר פריזיאן למד עצמאית front end

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

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

כראש צוות שראיין ג׳וניורים במשרות front end – יש לך דוגמאות לדברים שהרשימו אותך, וכאלה שממש לא?

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

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

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

ואני כמובן אוהב מאד אנשים שפשוט כיף להיות איתם, כי בסוף הולכים לעבוד ביחד יום יום!

איך ניגשים למטלת בית של משרות פיתוח front-end?

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

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

איפה עובר הקו בין ״כמות״ טכנולוגיות (jquery, react, angular, vue, redux …) לבין איכות שמצופה מג׳וניור שמתראיין למשרות פיתוח פרונט אנד?

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

טכנולוגיות שכדאי למפתח front-end להכיר

אם זה ריאקט (react) אז זה אומר שאני לא מצפה לידע ב-angular או vue.
אבל אני כן מצפה שתכירו את האקוסיסטם של ריאקט:
תכירו ספריות של סטייט מנג’מנט כמו רידוקס, מוביקס, ריקוייל וכו’.
אולם, חשוב שתדעו אחת בצורה יחסית טובה – כלומר שיש טכנולוגיה אחת שעבדתם איתה לפחות תקופה.
כנ”ל לגבי ספריית קומפוננטות וכו’.
אל תזלזלו בחשיבות – אם אתם ג׳וניורים – בלהראות שאתם בקיאים בבסיס.
היינו, שאתם מרגישים בנוח עם ג’אווה סקריפט, וכן ועם הקונספטים המרכזיים של ריאקט ומכירים את האקוסיסטםדגשים לקורות חיים.

דגשים לקורות חיים למשרות front-end

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

תן כמה ״profiles״ של ג׳וניור פרונטאנד (בוגר כך וכך, בנאדם שיש לו ניסיון ב-x, מישהו שבנה אתרים – וכו׳)

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

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

אני אציין גם שאני עובד על קורס פרונטאנד מקיף שהולך ללמד לא רק דברים טכניים אלא ממש איך עובדים ביום יום:

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

בקיצור המון המון כיף.
תעקבו אחריי ברשתות ובערוץ יוטיוב שלי, אני מבטיח תוכן איכותי – בעברית.