לכל שאלה תשובה עם יהונתן דורון

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

אני תמיד נהנה לדבר עם יזמים והראיון עם יהונתן היה מעניין במיוחד. בראיון הוא שם דגש על נושא מאוד חשוב בעיניי והוא ה- Developer experience.

במה החברה בה את/ה עובד/ת עוסקת?

ClientSide היא חברה שנותנת שירותי ייעוץ ופיתוח של מומחי פרונט אנד. המומחים שלנו יודעים לתת מענה עבור Design Systems, Data Vizualization, UI Infrastructure, Performance Optimization ובקיצור כל מה שצריך לדעת איך לעשות בפרונט.

אנחנו עובדים עם לקוחות מכל הסוגים והגדלים החל מסטרטאפים ועד לגופים גדולים גם בארץ וגם בחו״ל.

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

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

מה זה פרונט אנד בעינייך?

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

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

מה את/ה הכי אוהב/ת בפרונט?

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

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

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

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

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

React, Vue או Angular?

אישית אני הכי מתחבר ל Vue.

למה דווקא Vue?

Developer Experience – אני מרגיש שמישהו דואג לי. דואגים לחווית המפתח כך שהכל יהיה נוח, קל ומהיר. כל הכלים המשלימים מתכתבים עם אותו סטנדרט, כמו למשל Vue Router.

בנוסף, ההפרדה הברורה בין template, script & style מקלים על בידול חלקי הקומפוננטה וגם עלינו לכתוב קוד קריא.

באיזו ספריית UI הכי כדאי להשתמש?

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

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

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

באיזה כלים את/ה משתמש ביום יום שלך במקום העבודה?

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

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

לאיזה פרויקט קוד פתוח תרמת?

יצא לי לפתור issue או שניים ב- Vue Storefront UI.

License Usage Scanner – בניתי סקריפט שסורק את הרישיונות שלך לזכויות יוצרים בריפוזיטורי ונותן דו״ח של האם אתם מפרים את המדיניות זכויות יוצרים של כלים בהם אתם משתמשים.

vue-dropdown – קומפוננטה דינמית ליישום דרופ דאון.

vue-stars-rating – רכיב דינמי ליישום דירוג עפ״י כוכבים.

בניתי את vue-toggle-btn שזו קומפוננטת switch.

בניתי vue-svg-loader – סוג של שלד שאפשר לתת לו json עם תכונות svg כדי לבנות את ה- svg בצורה דינמית.

design system modal עבור vue, modal בסיסי.

medium clap button שבניתי כחלק ממאמר בו עשיתי reverse engineering לכפתור של medium.

מה לדעתך הכי חסר היום לג'וניור?

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

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

עצת הזהב שלך לג'וניורים?

תעשו מחקר על הארגון, ואיך אתם יכולים לייצר עבורו יותר ערך עם המוצר, התרבות הארגונית, הסטאק הטכנולוגי וכו׳…

איך התגלגלת לפיתוח?

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

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

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

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

איזה פרויקט את/ה הכי גאה בו?

זה פרויקט שעשיתי עם עוד 2 שותפים, פיתחנו מוצר שנקרא Ask to buy למשתמשי Shopify. דרך הפרויקט למדנו המון על Product market fit ואיך אנשים משתמשים במוצר. הגענו לשלב שאפילו הסכימו לשלם על השירות משום שהוא היה מאוד שימושי ברמה יום-יומית.

לאיזה פודקאסטים את/ה מאזין/ה?

בימים האלה לצערי אני לא כל כך מאזין לפודקאסטים משום שאין לי הרבה זמן בתור בעלים hands-on, אך בעבר מאוד אהבתי להאזין ל- "Modern CTO" ו- "Darknet Diaries".

המלצה לספר טוב?

אני מאוד ממליץ על ספר שנקרא "עקרון 80/20" של ריצ׳רד קוק.

אחרי מי שווה לעקוב?

אחד האנשים שגיליתי שמייצרים תוכן מאוד מעניין הוא Pablo Stanley, אחד שמדבר הרבה על UI/UX.