JavaScript בקצרה

• ABS() - מחזיר את הערך המוחלט של מספר. שימושי כאשר רוצים לוודא שהתוצאה תהיה חיובית.

  console.log(Math.abs(-5));    לדוגמה: 5

• All - משמש בשילוב עם SELECT להחזיר את כל השורות התואמות. מאפשר לבצע בדיקות על ערכים במערכים.

  console.log([1, 2, 3].every(x => x > 0));    לדוגמה: true

• API (ממשק תכנות יישומים) - אוסף של פונקציות וממשקים המאפשרים לתוכנה לתקשר עם תוכנות או שירותים אחרים.

  const response = await fetch('https://api.example.com');

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

  let fruits = ['תפוח', 'תות', 'בננה'];

• Arrow Function - פונקציה מקוצרת בשפת JavaScript. נוחה לשימוש כאשר הפונקציה קצרה.

  const add = (a, b) => a + b;    לדוגמה: 5

• Async - מגדיר פונקציה אסינכרונית, מאפשר עבודה עם פעולות שלא נדרשות לעכב את ביצוע הקוד.

  async function fetchData() {
              const response = await fetch('https://api.example.com');
              return response.json();
            }

• Await - ממתין לסיום פעולה אסינכרונית בתוך פונקציה async, מאפשר לבצע פעולות בצורה סינכרונית.

  const result = await fetchData();

• Boolean - טיפוס נתונים המייצג ערכים של אמת או שקר.

  let isActive = true;

• Break - משמיע יציאה מ-loop או switch, מאפשר לצאת מ-loop בתנאים מסוימים.

  for (let i = 0; i < 5; i++) {
              if (i === 3) break;
              console.log(i);
            }

• Callback - פונקציה שנשלחת כארגומנט לפונקציה אחרת, מאפשרת לפונקציה הראשית להחזיר תוצאה לאחר ביצוע.

  setTimeout(() => console.log('Hello'), 1000);

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

  class Car {
              constructor(brand, model) {
                this.brand = brand;
                this.model = model;
              }
              drive() {
                console.log('נסיעה...');
              }
            }

• Const - מגדיר משתנה שנשאר קבוע. אין אפשרות לשנות את ערך המשתנה לאחר ההגדרה.

  const age = 25;

• Continue - דלג על שאר הקוד בלולאה, ממשיך לחזור על שאר הלקחים.

  for (let i = 0; i < 5; i++) {
              if (i === 3) continue;
              console.log(i);
            }

• Debugging - תהליך לאיתור בעיות בקוד, מאפשר למצוא ולתקן בעיות בקוד.

  console.log('Debugging...');

• Default Parameter - פרמטר לפונקציה שיש לו ערך ברירת מחדל. שימושי כאשר לא נשלח ערך לפונקציה.

  function greet(name = 'שלום') {
              console.log(name);
            }
            greet();    תוצאה: שלום

• Delete - מסיר תכונה מאובייקט. ניתן להסיר נתונים לא נחוצים.

  let person = { name: 'דני', age: 30 };
            delete person.age;

• Destructuring - חיבור משתנים מתוך אובייקט או מערך.

  const [x, y] = [1, 2];

• DOM (Document Object Model) - מודל אובייקט המסמך, המייצג את מבנה ה-HTML של הדף ומאפשר גישה ו manipולציה של תוכן הדף באמצעות JavaScript.
• Else - מבצע קוד כאשר תנאי ה-if לא מתקיים.

  if (isActive) {
              console.log('פעיל');
            } else {
              console.log('לא פעיל');
            }

• Eval - מפעיל מחרוזת כקוד JavaScript, מאפשר להפעיל קוד שנבנה בזמן ריצה.

  let result = eval('2 + 2');    לדוגמה: 4

• For - לולאת חזרה עם תנאים מראש. מאפשרת חזרה על פעולה מספר פעמים.

  for (let i = 0; i < 5; i++) {
              console.log(i);
            }

• Function - פונקציה המבצעת פעולה מסוימת.

  function greet(name) {
              console.log('שלום, ' + name);
            }

• Global Scope - טווח גלובלי, בו משתנים ופונקציות מוגדרים מחוץ לכל פונקציה או בלוק.
• Hoisting - תהליך שבו JavaScript מעביר את הכרזות המשתנים והפונקציות לראש הטווח שלהן לפני ביצוע הקוד.
• JSON (JavaScript Object Notation) - פורמט נתונים קל משקל להחלפת נתונים בין שרת ללקוח.

  const obj = { name: 'יוסי', age: 30 };
            const jsonString = JSON.stringify(obj);

• Literal - ערך קבוע בקוד, כגון מספר, מחרוזת או מערך.

  const number = 10; // מספר ליטרל
            const text = 'שלום'; // מחרוזת ליטרל
            const array = [1, 2, 3]; // מערך ליטרל

• Method - פונקציה שהיא תכונה של אובייקט.

  const person = {
              name: 'דנה',
              greet: function() {
                console.log(`שלום, שמי ${this.name}.`);
              }
            };

• NaN (Not a Number) - ערך המשמש לייצוג משהו שאינו מספר.

  console.log(isNaN('text'));    לדוגמה: true

• Null - ערך המייצג חוסר קיום או אובייקט ריק.

  let value = null;

• Object - מבנה נתונים המייצג אוסף של תכונות ומתודות.

  const car = {
              make: 'טויוטה',
              model: 'קורולה',
              year: 2020,
              drive() {
                console.log('נסיעה...');
              }
            };

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

  const promise = new Promise((resolve, reject) => {
              // פעולה אסינכרונית
              if (/* הצלחה */) {
                resolve('הפעולה הצליחה');
              } else {
                reject('הייתה שגיאה');
              }
            });

• Scope - ההקשר שבו משתנים ופונקציות מוגדרים ונגישים.
• Spread Operator - סימן המפזר את הערכים של מערך או אובייקט.

  const numbers = [1, 2, 3];
            const moreNumbers = [...numbers, 4, 5];

• String - טיפוס נתונים המייצג טקסט.

  const message = 'שלום עולם!';

• Typeof - מחזיר את סוג המשתנה.

  console.log(typeof 10);    לדוגמה: number

• Variable - משתנה, אובייקט שניתן לאחסן בו ערכים.

  let name = 'יוסי';

JavaScript - כל מה שצריך במקום אחד

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

שורת קוד בJavaScript  - תסתיים בסימון -  ;

הערות בקוד אפשר לרשום:

בשורה אחת  או יותר- 

// אחרי שני הסימנים האלו אפשר לרשום מה שמתחשק באותה השורה

/* או אחרי הסימון הזה

ואז ניתן לכתוב בכמה שורות עד שיופיע

הסימון הסוגר להערה */

מחרוזות ב-JS 
מחרוזת יכולה להיות מילה או תרגיל כמו לדוג' 1*2+3

אורך מחרוזת -

"המחרוזת".length
הדפסת מחרוזת - console.log('מחרוזת'.length)

הקפצת חלון לאישור מחרוזת -

confirm("המחרוזת");

הקפצת חלון להכנסת טקסט-

prompt("מה השם שלך?");

הדפסת נתונים שבסוגריים- 

console.log(1+1) // ידפיס את התוצאה

console.log("TEXT") //  ידפיס את המחרוזת
console.log (משתנה)

 // ידפיס את ערך המשתנה

הפיכת מחזורת לאותיות גדולות 

console.log('text'.toUpperCase());

מחיקת רווח לפני ואחרי מחרוזת

console.log('    מחיקת רווחי מחרוזת   '.trim())

מספר רנדומלי בין 0 ל 1 והכפלתו ב100 בשביל לקבל מספר בין 0 ל 100

console.log(Math.random()*100);

וכך נקבל מספר רנדומלי שלם ועדול ללא שבר עשרוני

console.log(Math.floor(Math.random()*100));

בדיקה אם מדובר במספר - במקרה הזה 2017

console.log(clean(Number.2017));

If

    

if (תנאי ובמידה והוא נכון יבצע את הפעולה ) {

    הפעולה לביצוע ;

}

לדוג' - 

if ("Moshe".length < 10 ) {

    console.log("You have a short name!" );

}

else

if (condition) 
{
    // if condition is true
    // do this code
}
else // "otherwise"
{
    // do this code instead
}

לדוג' -

if ( "Moshe".length == 10 ) 
{
    console.log("Let's go down the first road!");
}
else 
{
    // What should we do if the condition is false? Fill in here:
    console.log("your name is too long"); 
    

}

modulo - % מחזיר שארית לדוג' - 

console.log(14 % 3);  יחזיר 2

console.log(99 % 8); יחזיר 3

- Substrings

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

 מתו 3 כלומר הרביעי עד העשירי כלומר העשירי

console.log("Hamburgers".substring(3,10))

תתקבל התשובה - burgers

משתנים -

var variableName = /* some value */

 -פונקציות

מבנה פונקציה

var functionName = function( ) {

    // code code code
    // code code code
    // (more lines of code)
};

 לדוג'

var foodDemand = function(food) {

    console.log("I want to eat" + " " + food);

};

foodDemand(prompt("Enter your food:"))

דוגמא נוספת (הפונקציה הזו מחזירה את התוצאה 600)

// Parameter is a number, and we do math with that parameter

var timesTwo = function(number) {

    return number * 2;

};

// Call timesTwo here! 

var newNumber = timesTwo (300)

console.log(newNumber);

וזו מחזירה כי התשובה חיובית

// Define quarter here.
var quarter = function (number) {
    return (number / 4)
}
if (quarter(48) % 3 == 0 ) {
  console.log("The statement is true");
} else {
  console.log("The statement is false");
}

הכנסת שני ערכים לפונקציה

// Write your function starting on line 3
var perimeterBox = function (length,width) { return (length * 2 + width * 2)
}

perimeterBox (4,2)

קצת על משתנים

- משתנים בJS הם case sensitive כלומר Name יהיה משתנה שונה מ name