קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
קודקודייל
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
  • קודקודייל
  • מי אתם קודקודייל?
  • קורסים בחינם
  • צרו קשר
  • בניית אתרים
    • וורדפרס
  • נגישות אתרים
  • כל הקטגוריות
    • אנגולר
    • HTML
    • CSS
    • Javascript
    • Typescript
    • NodeJs
    • בלוקציין
ראשי ♦ חיפוש עבודה ♦ נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד

נסיוני האישי בראיונות עבודה כמתכנת פרונטאנד

וינר יאיר 2 בדצמבר 2022 אין תגובות

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

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

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

  1. עברו על הלינקדין של החברה, קראו על אנשי הצוות בr&d בדקו מי המנהלים שמה, בדקו רקע של העובדים השונים, מהוותיקים לחדשים ביותר.
  2. תשאלו , אין בושה בלשאול את המגייסת, כל שאלה שיכולה לסייע לכם לקראת המבחן הטכני, בדרך כלל יאמרו לכם ״ריאקט״ , ״אנגולר״ , זה לא מספיק! תשאלו שאלות יותר משמעותיות כמו למשל , איזו גרסאות משתמשים בהם. שאלות נוספות יכולות כמו אילו קונבנציות משתמשים למשל tsx בריאקט , או באנגולר לפעמים משתמשים בngrx או global state managment אחר. זה יכול להיות גם vue או כל פריימוורק אחר. בכל מקרה מה שאני מנסה להגיד , ככל שתבינו את אופי הפיתוח יותר טוב אז המחבן שלכם יראה טוב יותר בעיני הבודקים ותוכלו לקבל יתרון משמעותי
  3. הכינו רשימה מסודרת של הדברים שבהם יש לכם ניסיון שקשורים לאופי החברה, אין טעם לדבר על דברים שעשיתם שלא נוגעים באינטרסים של המגייסים, ברור שכל ניסיון הוא אקסטרה , אמרו כל מה שנראה לכם שיכול להיות מעניין אבל את הדברים שיותר נוגעים לחברה אמרו קודם.
  4. למבחן בית או במשרד , עברו עליו היטב וודאו שאתם מבינים הכל, אין טעם להתחיל אם לא הבנתם משהו, לפני שתתחילו שלחו רשימת שאלות שיש לכם, אפילו אם אתם באמצע המבחן ויש לכם שאלה, אל תתביישו תחשבו שזה בזבוז זמן, שאלו , המראיין שלכם רק יראה את זה כבונוס שיש לכם את הנכונות לבוא ולשאול ולהשיג את המידע שאתם צריכים לצורך התקדמות.

מבחנים ועבודות בית לדוגמה – מתכנת פרונטאנד

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

  1. מבחן של פרויקט קיים. באנגולר 9 , שלא עובד, יהיה לכם משימות שונות, חלק כוללים מציאת באגים ותיקונם וכחלק להוסיף רכיב .
    נתנו לי פרויקט תקול ובקשו ממני לתקן אותו, משימה ראשונה הייתה לסדר את הדטה שלא נטען כלל לעמוד, התיקון היה פשוט, להוסיף subscribe בסרוויס שמטפל ב fetch
    משימה שניה הייתה מעניינת, הייתי צריך לשחלק מהסטייל יופיע רק על אלמנט אחד. משומה הוא הופיע על איזורים נוספים, אני עשיתי איזה מעקף עם query מה שלרוב לא עושים באנגולר, אבל לא רצית למחוק דברים בקוד , לאחר הראיון הסברתי למראיין שיש בקוד encapsulation none ואמר שהייתי צריך למחוק את זה פשוט.
    משימה שלישית היה ליצור עמוד למוצר , כך שלוחצים על אחד המוצרים ונפתח עמוד מוצר שמכיל תמונה ותוכן , שימוש ברידקס נדרש (שכן היה כבר קיים בפרויקט). משימה דיי פשוטה גם כן , זה היה מבחן פיזי דיי קלאסי . לא התקבלתי לחברה הזו. אמרו לי שהייתי גבולי בזמנים, רצו לתת לי עוד משימת בית וסירבתי כי גם לא הכי התרשמתי מאופי העבודה אצלם.
  2. עבודת בריאקט , לפתח עמוד שלם עם מוצרים ועגלת קניות. סה״כ דיי פשוט, עשיתי עמוד עם מוצרים. יד חופשית קיבלתי בלי שום guidelines . עשיתי הוק שטיפל בfetch שאת המידע הבאתי JSONplaceholder השתמשתי גם ב react context עוד הוק שתטפל בעגלה, איזה מוצר התווסף , סהכ מחיר. עוד הגדלתי ראש והשתמשתי בטייפסקריפט. אבל זה לא הספיק להם, שלחו לי כל מיני הערות שלדעתי היו שרירותיות, למשל שלא השתמשל ב arrow function . שוב הנה לקח שלקחתי לעצמי , לשאול מראש מהם הדרישות שלהם הוא אילו קונבנציות יש לשמור ככה אולי הייתי פוגע טוב יותר לרצונות שלהם.
  3. בניית סליידר שהוא דיאלוג עם שדות למילוי ושקף אחרון שליחת המידע. באנגולר. פה דרשו עבודה יסודית ברמת הפרונט והייתה דרישה על הקפדה של מבנה העמוד והסטיילינג. עשיתי סליידר עם אנימציות והשקעתי בעיצוב ככה שיראה כמו שצריך. עשיתי שימוש ב reactiveForm עם ולידציות . כמו כן אפשר לחזור בין השקפים השונים ולערוך מחדש, בסיום ״שליחה״ רק הדפסה של המידע לקונסול. נשאלתי למה לא השתמשתי בסרוויס ועשיתי הכל ב input output שזו אולי הייתה ה״טעות היחידה״ אם כי לא היה להם משנה כי לא הייתה כל דרישה כזו, אבל שוב יכולתי להבין שזה היה יותר מתאים להם אם הייתי עושה סרוויס. היו הרבה שאלות על המבנה וסהכ התרשמו לטובה ונתנו לי אור ירוק במקרה שלהם אבל היו לא עוד התלבטויות קודמות אז לא מיהרתי לסגור איתם.
  4. שולה מוקשים , פרויקט חופשי, כלומר באפשרותי לבחור לכתוב את זה איך שאני רוצה. בחרתי לכתוב את השולה בjs . בניתי קלאס אחד שדואג לכל מה שהלוח צריך, מטודה שבונה את הלוח,עשיתי לוח של משבצות בhtml עם דיבים, בנוסף מטודה שיודעת לפזר את המוקשים רנדומלית, עוד מטודה שבודקת את הציון של השחק ואם ניצח את הלוח או לא ומציגה דיאלוג בהתאם.
    הפרויקט היה בפיזי, המראיין שאל שאלות, כגון למה בחרתי לעשות את הלוח עם דיבים מה שלא היה נכון מבנית, היה צריך להיות כפתורים. אבל גם פה היה לי אור ירוק 🙂 .

לסיכום – הכנה לראיון עבודה כמתכנת פרונט אנד

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

פוסטים קשורים:

סיפור מחיי העבודה כמתכנת פרונטסיפור מחיי העבודה כמתכנת פרונט – עובדה תחת לחץ ראיון-עבודה-מתכנת-debounceטיפ לראיון עבודה | Debounce in Javascript שימוש יעיל ב async pipe – אנגולר מדריך אנגולגר טופס ריאקטיבימדריך אנגולר reactive form – יוצאים לדרך.
angular reactjs אנגולר חיפוש עבודה מתכנת פרונט ראיון עבודה מתכנת פרונט אנד ריאקט

אודות המחבר

יאיר וינר להציג את כל הפוסטים של וינר יאיר


« פוסט קודם
פוסט הבא »

השארת תגובה

ביטול

חיפוש באתר
בחירת העורכים
29 בדצמבר 2023 עידן יצחקי

שדה טקסט עשיר עם תמונות

אתם הולכים להיות מופתעים עד כמה HTML יכול להיות חכם ולבצע משהו כל כך מורכב, שאם אנחנו היינו רוצים ליצור

1 באוקטובר 2021 עידן יצחקי

איך למשוך דינמית favicon של אתרים אחרים ב-JS

בפוסט זה נראה איך אפשר על פי לינקים בדף למשוך את ה-favicon מהדומיין שלהם באופן דינמי, בדיקה של תקינות התמונה

פופולרי
Javascript functions – היכרות עם סוגי פונקציות
Javascript
21 בדצמבר 2024 אין תגובות
Nested routing in angular standalone component
Typescript
15 בנובמבר 2024 אין תגובות
בחרו לפי תגיות
angular blockchain css ethers express front-end fullstack GQL html javascript next js nextjs nodejs react hooks reactjs solidity webgl אנגולר בלוקציין וורדפרס לימודי אנגולר לימודי וורדפרס לימוד ריאקט מדריך front-end מדריך GQL מדריך אנגולר מדריך וורדפרס מדריך חינם react מדריך ריאקט מפתח בלוק מפתח בלוקציין מתכנת front-end מתכנת בלוקציין מתכנת פרונט סולידיטי קורס front end קורס fullstack קורס nextjs קורס אנגולר קורס בלוקציין קורס בלוקציין בחינם קורס סולידיטי קורס ריאקט קורס תכנות קורס תכנות בחינם
סינון על פי קטגוריות
CSS fullstack HTML IIS Javascript nodeJs SEO Typescript אנגולר בלוקציין בניית אתרים וורדפרס חיפוש עבודה כלים נוספים כללי נגישות קורסים ריאקט תלת מימד תקלות ופתרונות
צור קשר
כל הזכויות שמורות לקודקודייל
ליצירת קשר: @ קודקודייל
גלילה לראש העמוד
דילוג לתוכן
פתח סרגל נגישות כלי נגישות

כלי נגישות

  • הגדל טקסטהגדל טקסט
  • הקטן טקסטהקטן טקסט
  • גווני אפורגווני אפור
  • ניגודיות גבוההניגודיות גבוהה
  • ניגודיות הפוכהניגודיות הפוכה
  • רקע בהיררקע בהיר
  • הדגשת קישוריםהדגשת קישורים
  • פונט קריאפונט קריא
  • איפוס איפוס