mat
------- Magicode -------
בהמשך להתחלה. מי שלא קרא מוזמן לקרוא ולהוריד את הsdk שבניתי לצורך תירגול.
אני ממליץ לכל מי שרוצה לתכנת לכתוב את הקוד עם notepad++.
אחרי שאתם מתקינים אותו. אם תלחצו לחצן ימני על קובץ יפתח לכם בתפריט אפשרות "edit with notepad++" (ערוך באמצעות notepad++).
נתחיל עם הפונקציה console.log.
זה פונקציה שכל מה שמכניסים בתוך הסורגיים היא תדפיס את התוכן לקנסולה.
בשביל לראות איך זה עובד נפתח את הקובץ app.js מה sdk. עם notepad++.
נמחק הכל ונרשום
נשמור את הקובץ. ונקליק פעמיים על הקובץ run.bat , ואז יפתח לנו קונסולה שירשם שם hello world (שלום עולם).
משתנים (variables)
הדבר המרכזי הראשוני בתיכנות זה משתנים.משתנה זה שם שיכול להכיל כל תוכן.
לדוגמא.
בשורה הראשונה אנחנו מכניסים למשתנה myVar את הערך hello world"".
אחרי זה אנחנו מדפיסים את myVar . ולא משנה מה יהיה בפנים.
הגדרת משתנה התקינה צריכה להתחיל בkeywordvar . אך אפשר גם בלי זה וזה יעבוד רגיל.
בjs משתנה יכול להכיל ערך מכל סוג. לא צריך להגדיר את הסוג.
לדוגמא.
(השורות שמתחילות ב // זה הערות אפשר לכתוב אותם לצורך הסבר הקוד וזה לא
משפיע על הקוד).
בדוגמא הזאת מה שנכנס אחרון הוא מה שיודפס לקונסולה
הערות יכולות להיות בשני צורות .
משתמשים בהערות כדי להסביר קוד וכדי להשבית קוד לצורך בדיקה.
מחרוזות (Strings) ומספרים (Numbers)
נתחיל בשאלה המפורסמת כמה זה 1+1.
אז ככה שזה תלוי אם זה מחרוזת או מספר.
אם זה מחרוזת אז זה כמו שאני חורז שני חרוזים אז זה יהיה 11. מחרוזת זה טקסט. טקסט מורכב מתוים תוים שלכל אחד יש קוד . ככה שאין ערך לתוכן התו.
אם זה מספר זה יהיה 2. בגלל שהמספר נשמר בצורת ערך ולא בצורתו הכתובה לכן הוא מוסיף אחד לאחד.
לדוגמא.
בשביל להפוך מחרוזת למספר כותבים + לפני המחרוזת.
כדי להפוך מספר למחרוזת עושים למספר + עם מחרוזת.
בדוגמא השתמשנו עם מחרוזת ריקה. אבל הכלל הוא כזה אם עושים מחוזרת + מספר לא משנה הסדר זה יהפך למחרוזת. רק במקרה שעושים מספר + מספר זה נשאר מספר.
לא הבנתם משהו תשאלו.
אני ממליץ לכל מי שרוצה לתכנת לכתוב את הקוד עם notepad++.
אחרי שאתם מתקינים אותו. אם תלחצו לחצן ימני על קובץ יפתח לכם בתפריט אפשרות "edit with notepad++" (ערוך באמצעות notepad++).
נתחיל עם הפונקציה console.log.
זה פונקציה שכל מה שמכניסים בתוך הסורגיים היא תדפיס את התוכן לקנסולה.
בשביל לראות איך זה עובד נפתח את הקובץ app.js מה sdk. עם notepad++.
נמחק הכל ונרשום
קוד:
[LEFT][COLOR=#000000][FONT=Consolas]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]hello world[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas])[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR][COLOR=black][FONT=Consolas]<o:p></o:p>[/FONT][/COLOR]
[/FONT][/COLOR][/LEFT]
נשמור את הקובץ. ונקליק פעמיים על הקובץ run.bat , ואז יפתח לנו קונסולה שירשם שם hello world (שלום עולם).
משתנים (variables)
הדבר המרכזי הראשוני בתיכנות זה משתנים.
לדוגמא.
קוד:
[COLOR=#000000][FONT=Times New Roman]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myVar [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]hello world[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=black][FONT=Consolas]myVar[/FONT][/COLOR][COLOR=black][FONT=Consolas])[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR][/FONT][/COLOR]
בשורה הראשונה אנחנו מכניסים למשתנה myVar את הערך hello world"".
אחרי זה אנחנו מדפיסים את myVar . ולא משנה מה יהיה בפנים.
הגדרת משתנה התקינה צריכה להתחיל בkeywordvar . אך אפשר גם בלי זה וזה יעבוד רגיל.
בjs משתנה יכול להכיל ערך מכל סוג. לא צריך להגדיר את הסוג.
לדוגמא.
(השורות שמתחילות ב // זה הערות אפשר לכתוב אותם לצורך הסבר הקוד וזה לא
משפיע על הקוד).
קוד:
[COLOR=#000000][FONT=Calibri][COLOR=black][FONT=Tahoma]
[/FONT][/COLOR][/FONT][/COLOR][COLOR=#000000][FONT=Times New Roman]
[FONT=Courier New][COLOR=gray]//[/COLOR][/FONT][FONT=Courier New][COLOR=gray]הגדרת[/COLOR][/FONT][FONT=Courier New][COLOR=gray] משתנה [/COLOR][/FONT][FONT=Courier New][COLOR=gray]מסוג [/COLOR][/FONT][FONT=Courier New][COLOR=gray]מחרוזרת[/COLOR][/FONT]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myVar [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]hello world[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[FONT=Courier New]
[COLOR=gray]//[/COLOR][COLOR=gray]הגדרת[/COLOR][COLOR=gray] משתנה [/COLOR][COLOR=gray]מסוג[/COLOR][COLOR=gray] מספר [/COLOR][COLOR=gray]שלם[/COLOR][/FONT]
[COLOR=black][FONT=Consolas]myVar[/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]35[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[FONT=Courier New][COLOR=gray]//[/COLOR][/FONT][FONT=Courier New][COLOR=gray]הגדרת[/COLOR][/FONT][FONT=Courier New][COLOR=gray] משתנה[/COLOR][/FONT][FONT=Courier New][COLOR=gray] מסוג[/COLOR][/FONT][FONT=Courier New][COLOR=gray] מספר[/COLOR][/FONT][FONT=Courier New][COLOR=gray] עם[/COLOR][/FONT][FONT=Courier New][COLOR=gray] שברים[/COLOR][/FONT]
[COLOR=black][FONT=Consolas]myVar[/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]35.323[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=black][FONT=Consolas] myVar )[/FONT][/COLOR][COLOR=black][FONT=Consolas];
[/FONT][/COLOR][/FONT][/COLOR]
בדוגמא הזאת מה שנכנס אחרון הוא מה שיודפס לקונסולה
הערות יכולות להיות בשני צורות .
קוד:
[COLOR=#000000][FONT=Times New Roman]
[FONT=Courier New][COLOR=gray]//[/COLOR][/FONT][FONT=Courier New][COLOR=gray]הערה[/COLOR][/FONT][FONT=Courier New][COLOR=gray] על [/COLOR][/FONT][FONT=Courier New][COLOR=gray]כל[/COLOR][/FONT][FONT=Courier New][COLOR=gray] השורה[/COLOR][/FONT][FONT=Courier New]
[COLOR=gray]/*[/COLOR][COLOR=gray]תחילת[/COLOR][COLOR=gray] הערה[/COLOR]
[COLOR=gray]תוכן ה[/COLOR][COLOR=gray]הערה[/COLOR]
[COLOR=gray]סוף[/COLOR][COLOR=gray] הערה[/COLOR][COLOR=gray]*/[/COLOR][/FONT][/FONT][/COLOR]
מחרוזות (Strings) ומספרים (Numbers)
נתחיל בשאלה המפורסמת כמה זה 1+1.
אז ככה שזה תלוי אם זה מחרוזת או מספר.
אם זה מחרוזת אז זה כמו שאני חורז שני חרוזים אז זה יהיה 11. מחרוזת זה טקסט. טקסט מורכב מתוים תוים שלכל אחד יש קוד . ככה שאין ערך לתוכן התו.
אם זה מספר זה יהיה 2. בגלל שהמספר נשמר בצורת ערך ולא בצורתו הכתובה לכן הוא מוסיף אחד לאחד.
לדוגמא.
קוד:
[COLOR=#000000][FONT=Times New Roman]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myString [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]1[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]1[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]myString[/FONT][/COLOR][COLOR=green][FONT=Consolas]: [/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=black][FONT=Consolas] myString [/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"\n"[/FONT][/COLOR][COLOR=black][FONT=Consolas] )[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myNumber [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]1[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]1[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]myNumber[/FONT][/COLOR][COLOR=green][FONT=Consolas]: [/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=black][FONT=Consolas] myNumber [/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"\n"[/FONT][/COLOR][COLOR=black][FONT=Consolas] )[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR][/FONT][/COLOR]
קוד:
[COLOR=#000000][FONT=Times New Roman]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myString [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]1[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]1[/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]myString[/FONT][/COLOR][COLOR=green][FONT=Consolas]: [/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=black][FONT=Consolas] myString [/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"\n"[/FONT][/COLOR][COLOR=black][FONT=Consolas] )[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR][/FONT][/COLOR]
קוד:
[COLOR=#000000][FONT=Times New Roman]
[URL="https://developer.mozilla.org/en/JavaScript/Reference/Statements/var"][COLOR=navy][FONT=Consolas]var[/FONT][/COLOR][/URL][COLOR=black][FONT=Consolas] myNumber [/FONT][/COLOR][COLOR=black][FONT=Consolas]=[/FONT][/COLOR][COLOR=green][FONT=Consolas]""[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]1[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]""[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=#007F7F][FONT=Consolas]1[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR]
[COLOR=black][FONT=Consolas]console[/FONT][/COLOR][COLOR=black][FONT=Consolas].[/FONT][/COLOR][COLOR=black][FONT=Consolas]log[/FONT][/COLOR][COLOR=black][FONT=Consolas]([/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=green][FONT=Consolas]myNumber[/FONT][/COLOR][COLOR=green][FONT=Consolas]: [/FONT][/COLOR][COLOR=green][FONT=Consolas]"[/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=black][FONT=Consolas] myNumber [/FONT][/COLOR][COLOR=black][FONT=Consolas]+[/FONT][/COLOR][COLOR=green][FONT=Consolas]"\n"[/FONT][/COLOR][COLOR=black][FONT=Consolas] )[/FONT][/COLOR][COLOR=black][FONT=Consolas];[/FONT][/COLOR][/FONT][/COLOR]
בדוגמא השתמשנו עם מחרוזת ריקה. אבל הכלל הוא כזה אם עושים מחוזרת + מספר לא משנה הסדר זה יהפך למחרוזת. רק במקרה שעושים מספר + מספר זה נשאר מספר.
לא הבנתם משהו תשאלו.