שאלות פרונט-אנד בראיונות HackerRank

Last updated: December 12, 2024

סקירה 

HackerRank Interviews מכיל מסגרות Front-end, Angular ו-React.

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

התחלת ראיונות עם מסגרות ה-Front-end

  1. לאחר שאתה מחובר לראיון כמראיין, תוכל להתחיל את הראיון עם ה-Front-end מדף הנחיתה של הראיונות על ידי לחיצה על מסגרת ה-Front-end.

אתה יכול לעיין בסרטון זה כדי להתחיל עם ראיונות ה-Front-End.

התחל מהתחלה

HackerRank Interviews מספק פרויקט פשוט עבורך כנקודת התחלה באפשרות זו. אתה יכול לשנות את הפרויקט לפני או במהלך הראיון כדי להתאים לצרכיך.
חווה את תוצאות ה-IDE החדש ללא מכולות ב-VS Code במהירות טעינה גבוהה יותר ו-IDE יציב שעובד עם חיבורים רשת לא יציבים באופן חלק. מפתחים יכולים לקבל השלמה אוטומטית מהירה ומדויקת יותר בעת קידוד.

terminal.png

תכונות משופרות של ה-IDE

  • תצוגה מקדימה בזמן אמת מובנית
    • ה-IDE נפתחת עם חלון תצוגה מקדימה מובנה בצד הימני. כל שינוי שתבצע או המועמד יכול לראות ב-תצוגה מקדימה טאב. preview_tab.png
    • מכיוון שה-IDE הוא ללא מכולות, תוכל לצפות בתצוגה מקדימה בדפדפן. לחץ על סמל הדפדפן browser_icon.png כדי לצפות בתצוגה בדפדפן.
    • אתה גם יכול לבחור תצוגה רספונסיבית (טאבלט, מובייל, שולחן עבודה וכן הלאה) לתצוגה המקדימה. לחץ על הסמל responsive_modeicon.png כדי לצפות בתצוגה רספונסיבית.preview_tour.gif
  • ביצוע בדיקות
    • אתה יכול להריץ את מקרי הבדיקה על ידי לחיצה על ה-בדיקה טאב. לחץ על אפשרות הרץ בדיקות. הפלט מוצג.tests.gif
  • כלי פיתוח מובנים  
    • כלי הפיתוח זמינים בחלק התחתון של לוח התצוגה המקדימה. תוכל ללחוץ על ה כלי פיתוח אפשרות להשקת הקונסולה.  
    • הקונסולה משמשת ככלי שיתופי. המראיין והמועמד יכולים לראות את השינויים שלהם בזמן אמת.devtools.gif
  • מנהל תלות
    • בלוח השמאלי של ה-IDE, תוכל למצוא את שורת החיפוש תלויות על ידי לחיצה על סמל הקוביה.dependencies.gif תוכל לחפש את התלויות הרצויות שלך ולהוסיף אותן על ידי לחיצה על הוסף. התלויות שהוספת מתעדכנות בקובץ package.json.
  • תמיכה ב-CSS חיצוני ו-Javascript
    • המשאבים החיצוניים נמצאים בלוח השמאלי. הזן את כתובת ה-URL של משאבי ה-CSS וה-JavaScript החיצוניים בכתובת המשאבים החיצוניים כדי לעצב ולסגנן את ממשק המשתמש.externl_resources.gif
  • שיפורי ממשק משתמש אחרים
אתה יכול לצפות בשיפורים האחרים בממשק המשתמש המבוססים על עורך VS Code בסרטון הבא.ui_tour.gif

ייבוא מספריית שאלות

אפשרות זו מובילה אותך אל חלק הספרייה בראיונות. כאן תוכל לבחור שאלה מספריית HackerRank או שאלה שנוצרה על ידי החברה שלך בתוך ספריית HackerRank. import_lib.png

לחץ על שימוש כדי להשיק את השאלה יחד עם סביבת הפיתוח. סביבת הפיתוח תושק.

terminl_candidt.png

ייבוא הפרויקט שלך

אפשרות זו מאפשרת לך לבחור את קוד ההתחלה שלך לראיונות על ידי העלאת קובץ ZIP של הפרויקט שלך או הוספתו מ-URL של Git ציבורי. שמור את הפרויקט בשם מתאים כדי לאחזר אותו בראיונות הבאים. לאחר הייבוא, הפרויקטים נטענים ב-IDE של פרויקטים של HackerRank.

image4.png

הערה: גודל הקובץ המקסימלי המותר לפרויקט הוא 5MB. תהליך זה לא מקבל את תכונות ה-IDE החדשות. תהליך זה נמצא כרגע בגרסת בטא.

mceclip0.png

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