From c9fbe2816a7c08e7fcf9682b5dd07addcb1bb2d3 Mon Sep 17 00:00:00 2001
From: Michal Weizman <m.weizman@gmail.com>
Date: Mon, 2 Jul 2018 17:51:53 +0100
Subject: [PATCH] Added Hebrew translation (#482)

* Added hebrew translation

* Changed file extention to md
---
 Translations/Hebrew/README.md | 305 ++++++++++++++++++++++++++++++++++
 1 file changed, 305 insertions(+)
 create mode 100644 Translations/Hebrew/README.md

diff --git a/Translations/Hebrew/README.md b/Translations/Hebrew/README.md
new file mode 100644
index 0000000..9866459
--- /dev/null
+++ b/Translations/Hebrew/README.md
@@ -0,0 +1,305 @@
+<div dir="rtl">
+<h1>שאלות לראיונות עבודה בנושא פיתוח - צד לקוח</h1>
+<p>המסמך כולל מספר שאלות המופיעות בראיונות עבודה בנושא צד-לקוח
+היכולות לסייע להעריך את הידע של מועמדים פוטנציאליים. אין צורך להשתמש
+בכל אחת מהשאלות הנ״ל על מועמד אחד מסוים (הדבר יימשך שעות). בחירת מספר שאלות
+מסוימות מהרשימה יאפשר למראיין להעריך את הכישורים הנדרשים מהמועמד.</p>
+<br>
+שימו לב כי שאלות רבות ברשימה הן פתוחות, ועשויות להוביל לדיון מעניין
+ בנושא התשובה או הגישה של המועמד,
+וכתוצאה מכך ללמד את המראיין הרבה יותר לגבי כישורי המועמד מאשר שאלות סגורות.
+<br>
+<h2>תוכן העניינים:</h2>
+<ol>
+  <li><a href="#general">שאלות כלליות</a></li>
+  <li><a href="#html">שאלות בנושא HTML</a></li>
+  <li><a href="#css">שאלות בנושא CSS</a></li>
+  <li><a href="#javascript">שאלות בנושא JavaScript</a></li>
+  <li><a href="https://scottaohara.github.io/accessibility_interview_questions/">שאלות בנושא נגישות</a> (קישור לאתר חיצוני)</li>
+  <li><a href="#testing">שאלות בנושא בדיקות (Testing)</a></li>
+  <li><a href="#performance">שאלות בנושא ביצועים (Performance)</a></li>
+  <li><a href="#networks">שאלות בנושא רשתות (Networks)</a></li>
+  <li><a href="#coding">שאלות תכנות</a></li>
+  <li><a href="#fun">שאלות כיפיות</a></li>
+</ol>
+
+<h2>כיצד לסייע לפרויקט</h2>
+<ol>
+  <li><a href="https://github.com/hakabuk/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTORS.md">רשימת המשתתפים</a></li>
+  <li><a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/.github/CONTRIBUTING.md">כיצד לתרום לפרויקט</a></li>
+  <li><a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md">רשיונות</a></li>
+</ol>
+
+<h3 id="general">שאלות כלליות:</h3>
+<ul>
+  <li>מה למדת אתמול/ בשבוע האחרון?</li>
+  <li>מה הדבר שמרגש אותך בנוגע לתכנות?</li>
+  <li>ספר/י על אתגר טכני שחווית לאחרונה, וכיצד פתרת אותו?</li>
+  <li>באילו שיטות השתמשת כדי לשפר ביצועים בתהליך הבנייה או התחזוקה של אתר?</li>
+  <li>ספר/י על עקרונות SEO שבהם השתמשת לאחרונה.</li>
+  <li>האם יש לך דוגמאות לטכניקות נפוצות שבהן השתמשת כדי להתמודד עם אתגרי האבטחה בפיתוח צד-לקוח?</li>
+  <li>באילו פעולות נקטת בפרויקטים שלך כדי לשפר את יכולת הניהול והתחזוקה של הקוד שלך?</li>
+  <li>ספר/י על סביבת הפיתוח המועדפת עליך/עלייך.</li>
+  <li>באיזו מערכת/מערכות ניהול גרסאות (Version Contro System) אתה נוהג להשתמש?</li>
+  <li>תאר/י את תהליך העבודה שלך כאשר את/ה בונה אתר.</li>
+  <li>אם יש לך 5 גיליונות סגנונות (stylesheets) שונים, מהי הדרך הטובה ביותר להטמיע אותם באתר?</li>
+  <li>מה ההבדל בין "Progressive Enhancement" לבין "Graceful Degradation"?</li>
+  <li>כיצד תבצע/י אופטימיזציה לרשימת המשאבים (assets/ resources) של האתר?</li>
+  <li>כמה משאבים (resources) יוריד הדפדפן מדומיין נתון בכל פעם? מהם המקרים יוצאי הדופן?</li>
+  <li>מנה/מני 3 דרכים להפחתת זמן טעינת הדף (זמן ממשי או הזמן כפי שהוא נתפס ע״י המשתמש).</li>
+  <li>הצטרפת לפרויקט, והצוות משתמש בטאבים בעוד שאת/ה משתמש/ת ברווחים. מה תעשה/י?</li>
+  <li>תאר/י כיצד תיצור/תצרי דף מצגת פשוט.</li>
+  <li>לו היית יכול/ה ללמוד באופן יסודי טכנולוגיה אחת במהלך השנה הקרובה - איזו טכנולוגיה זו היתה?</li>
+  <li>הסבר/ הסבירי את החשיבות של standards ושל standards bodies.</li>
+  <li>מהו "Flash" או תוכן בלתי מעוצב, וכיצד תימנע/י מ-FOUC?</li>
+  <li>מהם "ARIA" וקוראי מסך, וכיצד תיצור/תצרי אתר נגיש?</li>
+  <li>מנה כמה נקודות בעד ונגד אנימציית CSS ואנימציית JavaScript.</li>
+  <li>מהן ראשי התיבות "CORS" ובאיזה תחום הן עוסקות?</li>
+</ul>
+
+<h3 id="html">שאלות בנושא HTML:</h3>
+<ul>
+  <li>מה עושה doctype?</li>
+  <li>כיצד תספק/י דף/אתר במספר שפות?</li>
+  <li>לאילו דברים חשוב להיזהר או לשים לב כשבונים אתרים במספר שפות?</li>
+  <li>מה התועלת של התואר (attribute) בשם "-data"?</li>
+  <li>מהן אבני היסוד של HTML5?</li>
+  <li>תאר את ההבדלים בין "cookie", "sessionStorage", ו"localStorage".</li>
+  <li>תאר את ההבדלים בין <code>&lt;script&gt;</code>, <code>&lt;script async&gt;</code>, ו"<code>&lt;script defer&gt;</code>".</li>
+  <li>מדוע זה בדרך כלל רעיון טוב למקם את תגיד ה-CSS מסוג <code>&lt;link&gt;</code> בין תגיות <code>&lt;head&gt;</code><code>&lt;/head&gt;</code> וקוד JS בדיוק לפני התגית <code>&lt;body/&gt;</code>? האם ישנם מקרים יוצאי דופן?</li>
+  <li>מהו progressive rendering?</li>
+  <li>לשם מה משתמשים בתכונה (attribute) בשם srcset בתגית image? הסבר/הסבירי את התהליך שהדפדפן משתמש בו על מנת להעריך את התכונה.</li>
+  <li>האם השתמשת ב-HTML templating languages אחרות בעבר?</li>
+</ul>
+
+<h3 id="css">שאלות בנושא CSS</h3>
+<ul>
+  <li>מהי selector specificity וכיצד זה עובד?</li>
+  <li>מה ההבדל בין resetting לבין normalizing הגדרות CSS? באילו מהשניים תבחר/י ומדוע?</li>
+  <li>תאר/י מהם Floats וכיצד הם עובדים.</li>
+  <li>תאר/י מהו z-index וכיצד stacking context נוצר.</li>
+  <li>תאר/י מהו BFC או Block Formatting Context, וכיצד הוא עובד.</li>
+  <li>מהן צורות ה-clearing השונות, ובאילו מהן כדאי להשתמש ולשם מה?</li>
+  <li>כיצד תטפל/י בבעיות עיצוב המאפיינות דפדפן מסוים?</li>
+  <li>כיצד תתאים/י את האתר שלך לדפדפנים בעלי מגבלת מאפיינים (feature-constrained)? באילו טכניקות/ תהליכים תשתמש/י?</li>
+  <li>מהן הדרכים השונות להסתיר תוכן ולאפשר תצוגה שלו באמצעות קוראי מסך?</li>
+  <li>האם השתמשת בעבר בשיטת העיצוב grid? במידה וכן - איזו שיטה את/ה מעדיפ/ה?</li>
+  <li>האם השתמשת ב-media queries או בעיצוב מיוחד למובייל?</li>
+  <li>האם את/ה מכיר/ה את המונח styling SVG?</li>
+  <li>האם תוכל לתת דוגמה לסוג נוסף של '@media' פרט ל-'screen'?</li>
+  <li>מהם כמה עקרונות של כתיבת CSS אפקטיבי?</li>
+  <li>מה היתרונות/ חסרונות בשימוש במעבדי CSS? תאר מה אהבת/ אהבת פחות במעבדי CSS שבהם השתמשת בעבר.</li>
+  <li>כיצד תטמיע עיצוב לווב שמשתמש בפונטים לא סטנדרטיים?</li>
+  <li>הסבר/י כיצד הדפדפן קובע אילו אלמנטים מתאימים לאיזה סלקטור?</li>
+  <li>הסבר/י מהם pseudo-elements ולמה הם משמשים?</li>
+  <li>הסבר/י את הבנתך בנושא box model, וכיצד תאמר/י לדפדפן לרנדר את העיצוב במודל box model אחר?</li>
+  <li>מה עושה <code>{ ;box-sizing: border-box } *</code>? מה יתרונותיו?</li>
+  <li>על מה אחראי התואר display? תנ/י דוגמה למספר שימושים שלו.</li>
+  <li>מה ההבדל בין inline לבין inline-block?</li>
+  <li>מה ההבדל בין relative, fixed, absolute ו-statically positioned?</li>
+  <li>באילו CSS frameworks השתמשת באופן מקומי, או בפרודקשן? כיצד תשנה/ תשפר אותם?</li>
+  <li>האם יצא לך להתנסות ב-CSS Flexbox או Grid specs?</li>
+  <li>הסבר/י את ההבדל בין לבנות אתר ריספונסיבי לבין לבנות אתר בגישת mobile first.</li>
+  <li>האם עבדת עם גרפיקת רטינה? במידה וכן, מתי ובאילו טכניקות השתמשת?</li>
+  <li>האם ישנה סיבה שבה תשתמש/י ב-()translate במקום absolute positioning, ולהיפך? מדוע?</li>
+</ul>
+
+<h3 id="javascript">שאלות בנושא JavaScript</h3>
+<ul>
+  <li>הסבר/י את המונח event delegation.</li>
+  <li>הסבר/י כיצד this עובד בג׳אווהסקריפט.</li>
+  <li>הסבר/י כיצד prototypal inheritance עובדת.</li>
+  <li>מה דעתך על AMD לעומת CommonJS?</li>
+  <li>הסבר/י מדוע הקוד הבא לא יעבוד כ-IIFE:<br><pre dir="ltr">function foo(){ }();</pre><br>מה יש לשנות על מנת שהקוד יעבוד?</li>
+  <li>מה ההבדל בין null, undefined, ומשתנה שלא הוגדר? כיצד תבדוק/י את מצבם של משתנים מסוג זה?</li>
+  <li>מהו closure וכיצד תשתמש/י בו?</li>
+  <li>הסבר/י את ההבדל בין לולאת forEach לבין לולאת <span dir="ltr">.map()</span>, ומה הסיבה לבחור אחד על פני האחר?</li>
+  <li>לשם מה משתמשים על פי רוב בפונקציה אנונימית?</li>
+  <li>כיצד את/ה מארגן/ת את הקוד שלך (תבנית מודולים, תורשת קלאסית)?</li>
+  <li>מה ההבדל בין host objects לבין native objects?</li>
+  <li>מה ההבדלים בין שלוש הדוגמאות הבאות:
+    <pre dir="ltr">
+      function Person(){}
+      var person = Person()
+      var person = new Person()
+    </pre>
+  </li>
+  <li>מה ההבדל בין <span dir="ltr">.call</span> לבין <span dir="ltr">.apply</span>?</li>
+  <li>הסבר/י מהו Function.prototype.bind.</li>
+  <li>מה ההבדל בין feature detection, feature inference לבין שימוש ב-UA string?</li>
+  <li>הסבר/י מהו Ajax כמה שיותר לעומק.</li>
+  <li>מהם היתרונות והחסרונות של שימוש ב-Ajax?</li>
+  <li>הסבר/י כיצד JSONP עובד, ובמה הוא שונה מ-Ajax?</li>
+  <li>האם השתמשת בעבר ב-JavaScript templating? במידה וכן, באילו ספריות השתמשת?</li>
+  <li>מהו hoisting?</li>
+  <li>מהו event bubbling?</li>
+  <li>מה ההבדל בין attribute לבין property?</li>
+  <li>מדוע הרחבה של אוביקטים מסוג built-in בג׳אווהסקריפט אינו רעיון טוב?</li>
+  <li>מה ההבדל בין document load event לבין document DOMContentLoaded event?</li>
+  <li>מה ההבדל בין == לבין ===?</li>
+  <li>הסבר/י את מדיניות ה-same-origin בהקשר של ג׳אווהסקריפט.</li>
+  <li>כיצד תגרום/י לקוד הבא לעבוד:
+    <pre dir="ltr">duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]</pre>
+  </li>
+  <li>מה משמעות השם Ternary operator, ומה מרמזת המילה Ternary?</li>
+  <li>מהו "use strict";? מה היתרונות והחסרות של שימוש בכלי זה?</li>
+  <li>צור/צרי לולאה שמבצעת עד 100 איטרציות תוך כדי שהיא מדפיסה "fizz" במכפלה של 3, "buzz" במכפלות של 5, ו-"fizzbuzz" במכפלות של 3 ו-5.</li>
+  <li>מדוע זה בדרך כלל רעיון טוב לא להשתמש ב-global scope של אתר?</li>
+  <li>לשם מה תשתמש/י במשהו כמו איבנט load? האם לאיבנט זה ישנם חסרונות? האם ידוע לך על אלטרנטיבות, ובאילו מקרים תשתמש/י בהם?</li>
+  <li>הסבר/י מהי אפליקציית עמוד יחיד (single page app), וכיצד תיצור/י כזו שתהיה SEO-friendly?</li>
+  <li>כמה ניסיון יש לך בשימוש ב-Promises ו/או ה-polyfills שלהן?</li>
+  <li>מהם היתרונות והחסרונות של שימוש ב-Promises לעומת שימוש ב-callbacks?</li>
+  <li>מהם כמה מהיתרונות והחסרונות של כתיבת קוד ג׳אווהסקיפט בשפה שמתקמפלת (compiles to) ג׳אווהסקריפט?</li>
+  <li>באילו כלים וטכניקות תשתמש/י כדי לדבג (debugging) קוד שנכתב בג׳אווהסקריפט?</li>
+  <li>באילו constructions של השפה תשתמש/י כדי לבצע איטרציה על איברים של אוביקט ואיברים של מערך?</li>
+  <li>הסבר/י את ההבדלים בין אוביקטים הניתנים לשינוי לבין כאלה שאינם ניתנים לשינוי (mutable/immutable).</li>
+    <ul>
+      <li>תן/י דוגמה לאוביקט שאינו ניתן לשינוי (immutable) בג׳אווהסקריפט.</li>
+      <li>מהם היתרונות של immutability?</li>
+      <li>כיצד תוכל/י להשיג immutability בקוד שלך?</li>
+    </ul>
+  <li>הסבר/י את ההבדל בין פונקציות סינכרוניות לא-סינכרוניות.</li>
+  <li>מהו event loop? מה ההבדל בין call stack לבין task queue?</li>
+  <li>הסבר/י את ההבדלים בשימוש ב-foo במקרים הבאים:
+    <pre dir="ltr">
+      function foo() {};
+      var foo = function() {};
+    </pre>
+  </li>
+  <li>מה ההבדלים בין משתנים שנוצרו באמצעות מילות המפתח let, var, ו-const?</li>
+  <li>מה ההבדל בין constructors של מחלקה ב-ES6 לבין constructors של פונקציה ב-ES5?</li>
+  <li>האם תוכל/י להדגים מקרה שבו כדאי להשתמש בסינטקס פונקציות החץ החדש? כיצד סינטקס זה שונה מפונקציות אחרות?</li>
+  <li>מה היתרון בשימוש של סינטקס החץ => עבור method בתוך constructor?</li>
+  <li>מה ההגדרה של פונקציה מסוג higher-order?</li>
+  <li>תן/י דוגמה ל-destructuring של מערך או של אוביקט.</li>
+  <li>תן/י דוגמה לגמישות ביצירת strings שמציע שימוש ב-Template Literals הזמין ב-ES6.</li>
+  <li>תן/י דוגמה לפונקציית curry, והסבר/י אילו יתרונות מציע סינטקס זה?</li>
+  <li>מה היתרונות שבשימוש ב-spread syntax ומה ההבדל בינו לבין rest syntax?</li>
+  <li>האם ניתן לשתף קוד בין קבצים?</li>
+  <li>מה הסיבה שבגינה תרצה/י ליצור static class members?</li>
+</ul>
+
+<h3 id="testing">שאלות בנושא בדיקות (Testing)</h3>
+<ul>
+  <li>מהם חלק מהיתרונות והחסרונות בביצוע בדיקות לקוד שלך?</li>
+  <li>באילו כלים תשתמש/י כדי לבדוק את הפונקציונליות של הקוד שלך?</li>
+  <li>מה ההבדל בין unit test לבין functional/integration test?</li>
+  <li>מה היתרונות של כלי linting לקוד?</li>
+</ul>
+
+<h3 id="performance">שאלות בנושא ביצועים (Performance)</h3>
+<ul>
+  <li>באילו כלים תשתמש/י כדי לאתר באג ביצועים בקוד שלך?</li>
+  <li>באילו דרכים ניתן לשפר את ביצועי הגלילה באתר?</li>
+  <li>הסבר/י את ההבדלים בין layout, painting ו-compositing.</li>
+</ul>
+
+<h3 id="networks">שאלות בנושא רשתות (Networks)</h3>
+<ul>
+  <li>מדוע היה נהוג לספק את נכסי האתר (assets) מתוך מספר דומיינים שונים?</li>
+  <li>הסבר/י את התהליך מרגע שהמשתמש מקליד URL עד לסיום טעינת האתר על המסך.</li>
+  <li>מה ההבדלים בין Long-Polling, Websockets ואירועי Server-Sent?</li>
+  <li>הסבר את ה-headers הבאים:</li>
+    <ul>
+      <li>Diff. between Expires, Date, Age and If-Modified-...</li>
+      <li>Do Not Track</li>
+      <li>Cache-Control</li>
+      <li>Transfer-Encoding</li>
+      <li>Transfer-Encoding</li>
+      <li>ETag</li>
+      <li>X-Frame-Options</li>
+    </ul>
+  <li>מהן HTTP methods? מנה/י את ה-HTTP methods שאת/ה מכיר/ה, והסבר/י אותן.</li>
+</ul>
+
+<h3 id="coding">שאלות תכנות:</h3>
+<ul>
+  <p dir="rtl"><em>מהו הערך של <code>foo</code>?</em></p>
+  <pre dir="ltr">
+    var foo = 10 + '20';
+  </pre>
+
+  <p dir="rtl"><em>מה יהיה ה-output של הקוד הבא?</em></p>
+  <pre dir="ltr">
+    console.log(0.1 + 0.2 == 0.3);
+  </pre>
+
+  <p dir="rtl"><em>כיצד תגרום/תגרמי לקוד הבא לעבוד?</em></p>
+  <pre dir="ltr">
+    add(2, 5); // 7
+    add(2)(5); // 7
+  </pre>
+
+  <p dir="rtl"><em>מה יהיה הערך המוחזר מהקוד הבא:</em></p>
+  <pre dir="ltr">
+    "i'm a lasagna hog".split("").reverse().join("");
+  </pre>
+
+  <p dir="rtl"><em>מה הערך של <code>window.foo</code>?</em></p>
+  <pre dir="ltr">
+    ( window.foo || ( window.foo = "bar" ) );
+  </pre>
+
+  <p dir="rtl"><em>מה תהיה התוצאה של שתי הודעות ה-alert המופיעות למטה?</em></p>
+  <pre dir="ltr">
+    var foo = "Hello";
+    (function() {
+      var bar = " World";
+      alert(foo + bar);
+    })();
+    alert(foo + bar);
+  </pre>
+
+  <p dir="rtl"><em>מהו הערך של <code>foo.length</code>?</em></p>
+  <pre dir="ltr">
+    var foo = [];
+    foo.push(1);
+    foo.push(2);
+  </pre>
+
+  <p dir="rtl"><em>מהו הערך של <code>foo.x</code>?</em></p>
+  <pre dir="ltr">
+    var foo = {n: 1};
+    var bar = foo;
+    foo.x = foo = {n: 2};
+  </pre>
+
+  <p dir="rtl"><em>מה יעשה הקוד הבא?</em></p>
+  <pre dir="ltr">
+    console.log('one');
+    setTimeout(function() {
+      console.log('two');
+    }, 0);
+    console.log('three');
+  </pre>
+
+  <p dir="rtl"><em>מה ההבדל בין ארבע ה-promises הבאות?</em></p>
+  <pre dir="ltr">
+    doSomething().then(function () {
+      return doSomethingElse();
+    });
+
+    doSomething().then(function () {
+      doSomethingElse();
+    });
+
+    doSomething().then(doSomethingElse());
+
+    doSomething().then(doSomethingElse);
+  </pre>
+</ul>
+
+<h3 id="fun">שאלות כיפיות:</h3>
+<ul>
+  <li>ספר/י על פרויקט מעניין/ מגניב שעליו עבדת לאחרונה.</li>
+  <li>מהם הדברים שאת/ה אוהב/ת בנוגע לתוכנות הפיתוח איתן את/ה עובד/ת?</li>
+  <li>מי מעורר בך השראה בקהילת הפיתוח לווב?</li>
+  <li>האם יש לך פרויקטים אישיים? מאיזה סוג?</li>
+  <li>מה הפיצ׳ר האהוב עליך ב-Internet Explorer?</li>
+  <li>כיצד את/ה שותה את הקפה שלך?</li>
+</ul>
+
+<h3>תומכים:</h3>
+<p>פרויקט זה החל ב-2009 כשיתוף פעולה של <a href="https://twitter.com/paul_irish">@paul_irish</a> <a href="https://twitter.com/bentruyman">@bentruyman</a> <a href="https://twitter.com/cowboy">@cowboy</a> <a href="https://twitter.com/ajpiano">@ajpiano</a>  <a href="https://twitter.com/slexaxton">@SlexAxton</a> <a href="https://twitter.com/boazsender">@boazsender</a> <a href="https://twitter.com/miketaylr">@miketaylr</a> <a href="https://twitter.com/vladikoff">@vladikoff</a> <a href="https://twitter.com/gf3">@gf3</a> <a href="https://twitter.com/jon_neal">@jon_neal</a>.</p>
+<p>הפרויקט פעיל מאז בזכות תמיכתם של <a href='https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors'>אנשים רבים ונהדרים</a>.</p>
+</div>