למד לקוד אפילוג: שיטות עבודה מומלצות ומשאבים נוספים

מזל טוב, למדת את יסודות התכנות! זה נפלא, אבל עדיף שלא תצא לעולם ותכתוב קוד מחורבן. לפני שנשחרר אותך לחופשי, הנה כמה שיטות עבודה מומלצות ודברים טובים שכדאי לזכור.

שיטות עבודה מומלצות

הגיבו על הקוד שלכם והגיבו עליו טוב

אתה יכול להגיב על הקוד שלך בשתי דרכים: דרך אחת להערות בשורה אחת ודרך אחת להערות מרובות שורות. הערות בשורה אחת מתחילות ב//ב-JavaScript. שפות אחרות משתמשות בתווים אחרים, כמו הסימן #, אז הקפידו לבדוק לפני שאתם מתחילים להעלות קווים נטוייים בכל מקום. כדי להעיר הערה מרובת שורות, פשוט תכניס את ההערה שלך בין /* ל-*/. הנה דוגמה לשניהם:

// Single-line comment
/* Multi-line comment
Another line
One more! */

אתה תשתמש בעיקר בהערות בשורה אחת כדי להעיר הערות על הקוד שלך ותשתמש בהערות מרובות שורות כדי להסיר חלקים מהקוד שלך מבלי למחוק אותם. זה מקל על בידוד בעיה בעת ניפוי באגים.

אז איך כותבים תגובות טובות? ובכן, כנראה שתרגישו נוטים בהתחלה לכתוב הערות שמסבירות איך הכל עובד. אם זה עוזר לך לזכור, זה לא דבר רע לעשותבְּרֵאשִׁית. עם זאת, לרוב, אתה הולך לתת שמות לפונקציות ולמשתנים שלך בצורה ברורה ולא תצטרך להסביר איך משהו עובד או מה פונקציה מסוימת עושה כי הבהירות הזו כבר קיימת. מה שאתה רוצה להסביר בהערות שלך הוא מידע שהקוד לא יכול להגיד לך כבר:מַדוּעַעשית את הבחירות שעשית. כל דבר שיעזור למתכנת אחר (או לעצמך, כשאתה מסתכל אחורה על הקוד הזה חודשים/שנים מאוחר יותר) להבין טוב יותר את הקוד שלך שווה להכניס הערה. אם זה מידע מיותר, זה לא מועיל. אם זה עוזר להביא בהירות לקוד שכתבת, זה כן.

אל תשתמש בeval()פוּנקצִיָה

הו ילד, הפונקציה eval() היא לא הדבר הכי קל להסביר. אם ההסבר הזה לא הגיוני מספיק וגם הסרטון לא מעביר את הרעיון, רק זכור לא להשתמש ב-eval() בכל פעם שאפשר. הסיבה העיקרית היא ש-eval() מאט את הקוד שלך. הסיבה העיקרית הנוספת היא שכמעט תמיד תוכלו למצוא דרך טובה יותר לבצע את העבודה מאשר להשתמש ב-eval().

אז מה עושה eval()? ובכן, זה קיצור של evaluate והוא מעריך מחרוזת כאילו היא משתנה. אז נניח שהיה לך משתנה שנקראnumberOfApplesורציתי להתריע על כך למשתמש. אתה יכול לעשות את זה ככה:

alert(numberOfApples);

מה אם תכניס מספרOfApples במרכאות? ובכן, ההתראה לא תתריע לאיזה מספר שתגדיר לו את numberOfApples, אלא רק תתריע על הטקסט "numberOfApples". Eval פותר את הבעיה הזו:

alert(eval("numberOfApples"));

למה אי פעם תשתמש בזה? ובכן, מתישהו כנראה תמצא סיבה מדוע eval() יהיה שימושי עבורך. בדרך כלל זה בגלל שאתה לא בהכרח יודע את שם המשתנה, או ששם המשתנה שאתה צריך כלול במשתנה אחר. זה נהיה מסובך ואנחנו בהחלט לא הולכים להיכנס לזה כאן, אז רק זכרו:אל תפנה לשימוש ב-eval() אלא אם אין דרך אחרת- ואני לא יכול לחשוב על מצב שבו לא תהיה לך אלטרנטיבה.

צור מערכים ואובייקטים מהר יותר

לא דיברנו הרבה על אובייקטים אבל בהחלט כדאי לזכור מערכים משיעור 3. כשיצרנו אותם קודם לכן, עשינו את זה כך:

var myArray = new Array("item1", "item2", "etc");

אתה לא באמת צריך אתnew Arrayעם זאת, הצהרה מכיוון שאתה יכול פשוט לעשות זאת כך:

var myArray = ["item1", "item2", "etc"];

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

var myObject = new Object();
myObject.item01 = "Ponies";
myObject.item02 = "Unicorns";
myObject.item03 = "Rainbows";

הדרך הארוכה עובדת מצוין, אבל הנה דרך קלה יותר לעשות זאת:

var myObject ={        item01: "Ponies;        item02: "Unicorns";        item03: "Rainbows";}

קיצורי דרך אלה הופכים את כתיבת הקוד שלך למהירה יותר והופכים את הקוד שלך להרבה יותר קל לקריאה.

השתמש בנקודה-פסיק שלך!

JavaScript לא תמיד מחייב אותך לסיים הצהרה בנקודה פסיק, אבל אתה צריך לעשות זאת בכל זאת. דיברנו על זה קצת בשיעור 1, אבל כדאי לחזור על זה. כמעט מובטח לך להיתקל בבעיות אם אתה לא זהיר לגבי השימוש בפסיקים שלך, אז בכל פעם שאתה צריך לסיים הצהרה (משפט של קוד), אל תשכח לשחרר;בסוף.

משאבים נוספים

עכשיו שלמדת את היסודות, אני מקווה שאתה רוצה ללמוד עוד ולהתחיל ליצור כמה תוכניות מדהימות. הנה כמה משאבים נוספים שיעזרו לך ללמוד יותר JavaScript וכן כמה שפות אחרות.

אל תשתמש ב-W3Schools

כשאתה מחפש עזרה באינטרנט, אחת התוצאות הראשונות היא לעתים קרובות W3Schools (שאני מפורשלֹאקישור לכאן). הגרסה הקצרה היא שזה מבאס. הוא מלא בשגיאות, הוא חסר מידע, ולמרות שהוא לא חסר תועלת ב-100%, הוא לא משאב טוב. הימנע מזה. לגרסה הארוכה, בקרW3 שוטים, אתר שהרכיב אתצוות jQuery(ועוד כמה עוזרים).

משאבים כלליים

• משאבים לפיתוח אתרים של מוזילה

• שיעורי תכנות של CarlHהם אוסף נהדר של שיעורי תכנות שפורסמו ב-Reddit.

• Lynda.comמציע מבחר גדול של חינוך מקוון, אבל זה יעלה לך. השיעורים מצוינים, עם זאת, ואני מרגיש שזה שווה את העלות. זה עולה בסביבות $25 (תלוי בסוג החשבון שאתה מקבל), כך שאם אתה יכול להתאים קורס לחודש אתה באמת לא תשלם כל כך הרבה בסופו של דבר.

• המבוא של MIT OpenCourseWare למדעי המחשב ותכנותהוא משאבי לימוד תכנות גדולים מאוד להשלים עםשיעורי וידאו.

JavaScript

• אם אתה משתמש Firefox, אתה צריךמַבעִיר. לרוב הדפדפנים האחרים יש כלי מפתח מובנים, אבלFirebug Liteהוא סימניה שתעבוד כמעט בכל דפדפן מודרני.

• JavaScript: המדריך הסופיהוא ספר נהדר לקריאה אם ​​אתה רוצה מידע בתנ"ך.

• "שפת התכנות של JavaScript" של דאגלס קרופורדסרטונים ילמדו אותך את היסודות (שוב) וגם דברים מתקדמים.

• JavaScript, JavaScriptהוא בלוג נהדר מאת אנגוס קרול שילמד אותך כמה דברים בכל פוסט.

• למד JavaScript מתקדםהוא מאמץ של John Resig ללמד אותך, ובכן, JavaScript מתקדם.

• כאשר אתה מוכן להגביר את העניינים באמת, הורדה וללמוד להשתמש בספריות כמוjQuery,דוג'ו,MooTools, ויואייעשה לך את החיים הרבה הרבה יותר קלים. כאשר אתה מגיע לדברים של ממשק המשתמש, בדוקjQuery למעצביםלכמה הדרכות נהדרות.

PHP

• הפקידמדריך PHPכך למדתי PHP. פשוט חיפשתי פונקציות, גלשתי ולמדתי באמצעות דוגמה. PHP הייתה גם השפה הראשונה שלמדתי, אז זה לא כאילו ידעתי מה אני עושה. המדריך מאוד אינפורמטיבי ויש לו דוגמאות נהדרות. למרות שכנראה הייתי ממליץ ללמוד את יסודות התכנות לפני הצלילה היישר פנימה, זה עתה עשית את זה בסדרה הזו, אז לשחק עם PHP לא אמור להיות קשה מדי עבורך.

• זנד מציעPHP למתחילים מוחלטים. Zend היא חברה, אבל גם מסגרת PHP חזקה. אם אתה רוצה להתחיל משלב אפס (וזה רעיון לא רע), בדוק את זה.

רובי/מסילות

• פיתוח אתרים זריז עם Railsכך למדתי את רובי וריילס. אני יכול להעיד שהוא טוב מאוד, למרות שמבחינה טכנית קראתי את המהדורה השנייה.

• שידורי המסך של RubyOnRails.orgהם עוד דרך מצוינת ללמוד.

ActionScript (אפליקציות AIR של Flash/Cross-Platform)

• gotoAndLearnמלא במדריכים מצוינים שמלמדים אותך איך ליצור דברים שימושיים באמת ב-ActionScript, בין אם אתה משתמש ב-Flash או ב-Flex כדי לפרוס לשולחן העבודה או לאינטרנט. אחת הדרכים הטובות ביותר ללמוד היא לעשות, ו-gotoAndLearn מציעה שפע של הזדמנויות לעשות בדיוק את זה.

פיתוח אפליקציות למובייל

• פיתוח אפליקציות לאייפון של Standfordהוא קורס על iTunes U שתוכל להוריד בחינם. תמצא גם את משאבי הכיתהכָּאן.

• המפתח אנדרואידהאתר הוא משאב נהדר (במיוחד המַדְרִיך) ללימוד כיצד לפתח עבור פלטפורמת אנדרואיד. זה זמין בחינם מגוגל.

תודה מיוחדת לחבר שליקולין סנוברעל הקלט שלו. כרגע הוא עובד עלjQueryוהוא הרבה יותר חכם ממני. עקוב אחריו הלאהלְצַפְצֵף. כמו כן, תודה מיוחדת ל-CnEY?! עבור כמה מהמשאבים המפורטים כאן ולוודא שאין לי שום דבר טוב לומר על W3Schools.

(function(){var w = window,amznAsin = (w.amznAsin && w.amznAsin.constructor === אובייקט) ? w.amznAsin: {};amznAsin["0596101996"] = "0596101996";w.amznAsin = amznAsin;})();