רקע והיסטוריה

מה זה JavaScript?

JavaScript (בקיצור: JS) היא שפת תכנות דינמית המשמשת בעיקר לפיתוח אתרי אינטרנט אינטראקטיביים. היא אחת משלוש השפות הבסיסיות של פיתוח ווב:

שפה תפקיד
HTML מבנה הדף (תוכן)
CSS עיצוב הדף (מראה)
JavaScript התנהגות הדף (אינטראקטיביות)

היסטוריה קצרה

1995 - הלידה

  • נוצרה ב-10 ימים בלבד על ידי Brendan Eich בחברת Netscape
  • השם המקורי היה Mocha, לאחר מכן LiveScript, ולבסוף JavaScript

1997 - תקינה

  • הפכה לתקן בינלאומי בשם ECMAScript
  • מנוהלת על ידי ארגון ECMA International

2009 - Node.js

  • יצירת Node.js אפשרה להריץ JavaScript מחוץ לדפדפן
  • JavaScript הפכה לשפת Full-Stack

2015 - ES6/ES2015

  • עדכון משמעותי שהוסיף תכונות מודרניות רבות
  • מאז, גרסה חדשה יוצאת כל שנה

JavaScript לעומת Java

⚠️ חשוב להבין: JavaScript ו-Java הן שפות שונות לחלוטין!

JavaScript Java
שפה מפורשת (interpreted) שפה מהודרת (compiled)
typyng דינמי typing סטטי
מבוססת prototype מבוססת class
בעיקר לווב בעיקר לאפליקציות

השם "JavaScript" נבחר משיקולי שיווק בלבד, בגלל הפופולריות של Java באותה תקופה.


איפה JavaScript רצה?

1. בדפדפן (Browser)

┌─────────────────────────────────┐
│         דפדפן (Chrome)          │
│  ┌───────────────────────────┐  │
│  │      מנוע JavaScript      │  │
│  │         (V8)              │  │
│  └───────────────────────────┘  │
│                                 │
│  HTML ←→ CSS ←→ JavaScript      │
└─────────────────────────────────┘

כל דפדפן מודרני כולל מנוע JavaScript: - Chrome: V8 - Firefox: SpiderMonkey - Safari: JavaScriptCore (Nitro) - Edge: V8 (בעבר Chakra)

2. בשרת (Node.js)

┌─────────────────────────────────┐
│           Node.js               │
│  ┌───────────────────────────┐  │
│  │      מנוע JavaScript      │  │
│  │         (V8)              │  │
│  └───────────────────────────┘  │
│                                 │
│  גישה למערכת קבצים, רשת, וכו'  │
└─────────────────────────────────┘

למה ללמוד JavaScript?

פופולריות

  • השפה הפופולרית בעולם לפיתוח ווב
  • קהילה עצומה ותיעוד רב

גמישות

  • פיתוח Frontend (React, Vue, Angular)
  • פיתוח Backend (Node.js, Express)
  • אפליקציות מובייל (React Native)
  • אפליקציות דסקטופ (Electron)

נגישות

  • קל להתחיל - רק צריך דפדפן
  • תוצאות מיידיות וויזואליות
  • הרבה משאבי לימוד חינמיים

ביקוש בשוק העבודה

  • דרישה גבוהה למפתחי JavaScript
  • מגוון רחב של אפשרויות קריירה

כלים נדרשים

עורך קוד

מומלץ: Visual Studio Code (VS Code) - חינמי - תוספים רבים ל-JavaScript - IntelliSense (השלמה אוטומטית)

דפדפן

כל דפדפן מודרני עם כלי פיתוח (DevTools): - F12 או Ctrl+Shift+I לפתיחה - לשונית Console להרצת קוד

Node.js (אופציונלי)

להרצת JavaScript מחוץ לדפדפן: - הורדה מ-nodejs.org - בדיקת התקנה: node --version


הקובץ הראשון שלכם

אפשרות 1: בתוך HTML

<!DOCTYPE html>
<html>
<head>
    <title>הקוד הראשון שלי</title>
</head>
<body>
    <h1>שלום עולם!</h1>

    <script>
        // הקוד שלך כאן
        console.log("שלום עולם!");
        alert("זה עובד!");
    </script>
</body>
</html>

אפשרות 2: קובץ נפרד

<!-- index.html -->
<script src="script.js"></script>
// script.js
console.log("שלום מקובץ חיצוני!");

אפשרות 3: במסוף הדפדפן

  1. פתחו את DevTools (F12)
  2. עברו ללשונית Console
  3. הקלידו: console.log("שלום!")
  4. לחצו Enter

סיכום

  • JavaScript היא שפת התכנות העיקרית לפיתוח ווב
  • נוצרה ב-1995 והתפתחה מאז משמעותית
  • רצה בדפדפנים ובשרתים (Node.js)
  • קלה ללמידה עם תוצאות מיידיות
  • דרושה מאוד בשוק העבודה

בדקו את עצמכם

נסו לענות לבד לפני שאתם פותחים את התשובה.

  1. מה הקשר בין JavaScript ל-Java?

    1. Java רצה בתוך JavaScript
    2. שתיהן מאותה חברה
    3. אין קשר מהותי: שפות שונות, והשם נבחר משיקולי שיווק
    4. JavaScript היא גרסה קלה של Java
    הצגת התשובה

    תשובה ג. הדמיון בשם נבחר ב-1995 בגלל הפופולריות של Java באותה תקופה.

  2. מה זה ECMAScript?

    1. דפדפן
    2. ספרייה של JavaScript
    3. מסד נתונים
    4. התקן הרשמי שמגדיר את השפה
    הצגת התשובה

    תשובה ד. JavaScript מממשת את תקן ECMAScript, שמתעדכן כל שנה (ES2015, ES2024 וכו').