רוצה ללמוד איך לקוד אבל לא יודע מאיפה להתחיל? אנחנו מכוסים אותך. אנחנו נלמד אותך את היסודות כל השבוע, והנה השיעור הראשון שלך.
בעבר עשינו זאתסיפק לך כמה משאבים ללימוד קודונתן לך סקירה רחבה של התהליך, אבל עכשיו הגיע הזמן להתחיל לעניינים: אנו מציעים קורס 101 קצר, צעד אחר צעד. אתה לא יכול ללמוד לקודד בן לילה (או תוך שבוע), אבל חילקנו את היסודות לכמה שיעורים שישוחררו כארבעת החלקים הראשונים בחדש שלנובית ספר לילה לייףהאקרסִדרָה.
כל שיעור יהיה מבוסס וידאו (כפי שניתן לראות למעלה), אך אנו נספק לך גם הערות טקסט וקבצים שתוכל להפנות אליהם גם כן. כל שיעור נועד להיות גוש מידע ניתן לניהול שתוכל לעכל תוך פחות מ-15 דקות (ולרוב הרבה פחות). למרות שאנו מתחילים את שיעור התכנות הראשון שלנו בשעה 9:00 PST, שלושת השיעורים הבאים ישוחררו כל יום בשעה 18:00 PST. הקפד לחזור ולבקר אותנו בסוף היום ביום שלישי, רביעי וחמישי השבוע כדי לסיים ללמוד את היסודות.
השיעור הראשון שלנו הולך להיות פשוט מאוד ומורכב מלמידה על משתנים וסוגי נתונים בסיסיים. עבור השיעורים בסדרה זו, אנו הולכים להשתמש ב-JavaScript כמודל מכיוון שזהו תחביר די קל להבנה וזה משהו שכל אחד עם עורך טקסט ודפדפן אינטרנט יכול להשתמש בו. כי זה אשפה מבוססת ECMA, זה מאפשר להבין שפות אחרות מבוססות ECMA (כמוActionScript) הרבה יותר קל ללמוד. אפילו טוב יותר, תגלה שהידיעה לכתוב JavaScript תעשה את המעבר לאחרשפות תכנות מונחה עצמיםהרבה יותר קל. בעיקרון, JavaScript זמין כמעט לכל מי שיש לו מחשב ודפדפן, אז אנחנו חושבים שזו נקודת התחלה ממש טובה. ברגע שיש לך את היסודות, זה אמור להיות קל להתחיל ללמוד שפות אחרות.
בואו נתחיל!
מה הם משתנים?
אתה יכול לחשוב על משתנים כעל צנצנות מסומנות המאחסנות סוגים שונים של נתונים. אמנם יש כמה סוגים של משתנים, אבל היום נסתכל רק על שלושה:
חוּט- משתנה מחרוזת הוא מחרוזת של תווים אלפאנומריים וסמלים מותרים הכלולים במרכאות. לדוגמה, "שלום עולם, אני בן 102 היום!" הוא דוגמה למחרוזת. ניתן להכיל מחרוזות גם בתוך מרכאות בודדות, וזה שימושי אם אתה רוצה לקבל מחרוזת עם ציטוט כזה: "אני שונאת את השלג," אמרה לורל. מחרוזות משמשות בעצם לאחסון טקסט.
מִספָּר- משתנה מספר לא יכול להיות פשוט יותר מכיוון שכל מאחסן משתני המספרים הם מספרים. אתה לא מאחסן אותם בתוך מירכאות כמו מחרוזות. במקום זאת, ניתן לכתוב מספרים כפי שהם. אם אתה רוצה לאחסן את המספר 9 במשתנה, אתה פשוט כותב 9.
בוליאנית- משתנה בוליאני הוא אחד משני דברים:נָכוֹןאוֹשֶׁקֶר. סוג נתונים זה הוא סוג של מתג הפעלה וכיבוי, כך שאתה יכול לשאול שאלות אמת או שקר בקוד שלך. לדוגמה, אתה עשוי לשאול "האם הסרטון מופעל כעת?" התגובה שתקבל תהיה משתנה בוליאני.נָכוֹןפירושו שהסרטון מופעל כעת ושֶׁקֶרהיה אומר שזה לא.
אז איך אתה מכניס משתנה לקוד שלך (אולְהַכרִיזמשתנה, כפי שהוא מכונה באופן מסורתי יותר)? ב-JavaScript, כל מה שאתה צריך לעשות זה:
myVariable = "Hello world!";
ל-Var או לא ל-Var
ב-JavaScript, אתה יכול להגדיר משתנה בתורmyVariable = "something";אוֹvar myVariable = "something";, ההבדל הוא המילהvarלפני ההצהרה. כאשר אתה מצהיר על משתנים בסקריפט מחוץ לפונקציה, ההבחנה הזו היא די לא רלוונטית. כאשר אתה מכריז על משתנה בתוך פונקציה ולאלְהִשְׁתַמֵשׁvarזה יוצר משתנה גלובלי. ניתן לגשת למשתנים גלובליים מכל מקום בקוד שלך, בעוד למשתנים מקומיים (כגון אלה המוגדרים בפונקציות) ניתן לגשת רק בהיקף משלהם (למשל אם משתנה מקומי לפונקציה, רק הפונקציה הזו יכולה להשתמש בו). זו לא הבחנה חשובה ברגע זה, אבל כשנלמד על פונקציות מאוחר יותר, יהיה טוב לדעת.
יש כאן כמה דברים לשים לב אליהם. ראשית, השם myVariable. לכל שפות התכנות יש משהו שנקרא מילים שמורות, מה שאומר שאינך יכול להשתמש בהן בתור שמות משתנים. מה הם משתנה, אבל אם השם גנרי מספיק, יש סיכוי שזו יכולה להיות מילה שמורה. כדי להימנע משימוש במילים שמורות ולדפוק את הקוד שלך, פשוט החלט על סכימת שמות למשתנים שלך. שמתי את "שלי" לפני המשתנה לדוגמה שלי, אבל סביר להניח שתרצה להמציא משהו אחר. שנית, תבחין בנקודה-פסיק בסוף השורה. נקודה-פסיק הוא כמו נקודה בסוף משפט בשפות תכנות רבות, וזה בהחלט המצב ב-JavaScript. כמעט בכל מצב, עליך לסיים את משפטי הקוד שלך בנקודה-פסיק כדי שהמחשב שלך לא יתבלבל בעת קריאתו. הנקודה-פסיק אומר למחשב, "אוקיי סיימתי עם ההצהרה הזו." (הערה: JavaScript סלחן, ולפעמים אתה יכול לברוח בלי נקודה-פסיק, אבל זה תרגול טוב.)
דבר נוסף שיש לציין הוא ש-JavaScript היא שפה עם הקלדה רופפת. ישנם (בעצם) שני סוגים של שפות: הקלדה רופפת והקלדה קפדנית. דוגמה לשפה עם הקלדה קפדנית היא ActionScript (השפה שבה כתובות יישומי Flash), ואותה הצהרת משתנה שכתבנו זה עתה תיראה כך ב-ActionScript 3:
var myVariable:String = "Hello world!";
התוספות שאתה רואה הן המילהשֶׁלָנוּואת המילהחוּט(עם נקודתיים לפניו). המילה var אומרת למחשב שאנחנו עומדים להכריז על משתנה. המחרוזת :מחרוזת שמוצמדת לשם המשתנה אומרת למחשב באיזה סוג משתנה מדובר ולא לקבל שום סוג אחר. זו הסיבה למונחמודפס בקפדנות. שפה עם הקלדה רופפת כמו JavaScript היא גמישה יותר ואינה דורשת דבר מזה. זה הופך את הקוד שלך לגמיש יותר, אבל יש שיטענו שהוא גם יהפוך אותו ליותר מועד לשגיאות. לא ניכנס כאן ליתרונות ולחסרונות של שפות עם הקלדה קפדנית ורופפת, אבל טוב להיות מודעים להבדלים הבסיסיים כעת, מכיוון שסביר להניח שתתקלו בהם במאמצי התכנות שלכם.
כעת לאחר שהבנתם מהם משתנים וכיצד הם פועלים, נוכל לנסות להשתמש בהם בקוד JavaScript ממשי.
יצירת משתנים ושימוש בפונקציית JavaScript Alert()
בואו ניצור מסמך HTML פשוט שנוכל להשתמש בו כדי לבדוק את המשתנים שלנו:
(קליק ימניהקישור הזהובחר לשמור את המסמך כדי להוריד עותק של קובץ HTML זה של השלד.)
אתה תרצה שיהיה לך מסמך HTML מוגדר טוב יותר כשאתה כותב קוד, אבל למטרותינו זה יעבוד מצוין. שמור את הקוד שלמעלה כקובץ בשם myscript.html (או כל דבר שתרצה שמסתיים ב-.html ואינו מכיל רווחים או תווים מיוחדים) ופתח אותו בדפדפן האינטרנט שלך. לא תראה שום דבר מלבד "התסריט שלי" בשורת הכותרת. יש לנו עוד עבודה לעשות. ראשית, בואו נכריז על משתנה בתוך תג הסקריפט:
myVariable = 5;
הנה זה עתה הכרזנו על מספר. בואו נסתכל על סוגי משתנים אחרים שאנו יכולים להכריז עליהם
myNumber = 5; myString = "Hello world!"; myBoolean = true;
זה נותן לנו מספר, מחרוזת ובוליאן. עכשיו בואו ניקח את המשתנה myString הזה ולמעשה נעשה איתו משהו:
myNumber = 5; myString = "Hello world!"; myBoolean = true; alert(myString);
תשים לב שהוספתי את השורהalert(myString);. זה קורא לפונקציית JavaScript מובנית (נלמד יותר על אלה בהמשך) שנקראתalert()מה שיוצר תיבת דו-שיח קופצת למשתמשים לאינטראקציה.
מה זה "שלום עולם!" הכל על?
כתיבת תוכנית פשוטה שאומרת "שלום עולם!" הוא בדרך כלל הדבר הראשון שכל מתכנת עושה כשהוא לומד כיצד לקוד. זה לא הכרחי, אבל זה סוג של מסורת וחניכה למועדון.
אתה אף פעם לא באמת רוצה להשתמש בהם בפועל, כי - כפי שכל משתמש אינטרנט בטח יודע - תיבות ההתראה מעצבנות מאוד, אבל הן מהוות דרך טובה לבדוק את הקוד שלך, כדי לוודא שהוא עובד, בזמן שאתה כותב. ההתראה בסוגריים הבאה מאפשרת לך לספק התראה עם נתונים שאולי תזדקק להם. לא כל הפונקציות ידרשו שתמסור לה מידע, אבל התראה צריכה לדעת מה להתריע למשתמש. במקרה זה, נתנו לו myString, כך שהמשתמש יקבל הודעה קופצת שאומרת "Hello world!" נסה זאת עם המשתנים האחרים שלך כדי לקבל חלונות קופצים עם מספר וערך בוליאני.
למה לתת ל-alert() משתנה ולא רק לתת לו את התוכן של המשתנה? ובכן, אם היית אומר התראה ("שלום עולם!") היית מקבל את אותה תוצאה בדוגמה זו, אבל משתנים נקראים משתנים מכיוון שהםלְהִשְׁתַנוֹת. הרעיון הוא שהתוכן, או הערכים, של משתנים אלה ישתנו ככל שמשתמשים יתקשרו עם התוכניות שאתה כותב.
אם אתה מוכן לעשות את הצעד הבא עם משתנים, בדוק את שלנושיעור שני, עבודה עם משתנים.
