רקע והיסטוריה
מה זה 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: במסוף הדפדפן
- פתחו את DevTools (
F12) - עברו ללשונית Console
- הקלידו:
console.log("שלום!") - לחצו Enter
סיכום
- JavaScript היא שפת התכנות העיקרית לפיתוח ווב
- נוצרה ב-1995 והתפתחה מאז משמעותית
- רצה בדפדפנים ובשרתים (Node.js)
- קלה ללמידה עם תוצאות מיידיות
- דרושה מאוד בשוק העבודה
בדקו את עצמכם
נסו לענות לבד לפני שאתם פותחים את התשובה.
-
מה הקשר בין JavaScript ל-Java?
הצגת התשובה
תשובה ג. הדמיון בשם נבחר ב-1995 בגלל הפופולריות של Java באותה תקופה.
-
מה זה ECMAScript?
הצגת התשובה
תשובה ד. JavaScript מממשת את תקן ECMAScript, שמתעדכן כל שנה (ES2015, ES2024 וכו').