1 00:00:00,000 --> 00:00:08,802 2 00:00:08,802 --> 00:00:11,140 >> ג'ייסון הירשהורן: ברוכים הבאים לכולם בשבוע שמונה. 3 00:00:11,140 --> 00:00:13,420 יש לנו בשבוע שלפנינו מרגש. 4 00:00:13,420 --> 00:00:21,390 אתם כבר צללו בזוג הזה בעבר הרצאות לPHP, SQL, HTML, CSS, ולכן 5 00:00:21,390 --> 00:00:27,270 ארבע שפות מותג חדש שהולכות לקחת את שאר קורס זה. 6 00:00:27,270 --> 00:00:30,750 אנחנו תלמדו גם כמה אחרים שפות לפני סוף הקורס. 7 00:00:30,750 --> 00:00:35,200 אבל בכל מקרה, אין צורך לומר, זה הוא זמן מאוד מרגש בCS50, עכשיו אתה 8 00:00:35,200 --> 00:00:41,200 שולט C, לכאורה, והם עובר לתכנות לאתרי אינטרנט. 9 00:00:41,200 --> 00:00:45,320 >> אז השבוע, אנחנו הולכים ללכת על סיור סופה דרך ארבעה 10 00:00:45,320 --> 00:00:50,200 שפות רק שציינתי, HTML, CSS, PHP ו-SQL. 11 00:00:50,200 --> 00:00:53,340 ואני מקווה, נשאיר הרבה זמן בסופו של סעיף לדבר 12 00:00:53,340 --> 00:00:58,800 על סט P השבוע ותשובה כל שאלות שיש לך הכל. 13 00:00:58,800 --> 00:01:03,500 >> בכל שבוע, באותה הרשימה של משאבים בשבילך, לעזור לך עם של השבוע 14 00:01:03,500 --> 00:01:05,780 בעיה להגדיר והולך על החומר - 15 00:01:05,780 --> 00:01:09,440 אבל השבוע בפרט, לאלה סטי בעיה מבוסס אינטרנט, יש 16 00:01:09,440 --> 00:01:12,350 שורה של משאבים אחרים מתוך יש שסביר להניח שאתה יהיה 17 00:01:12,350 --> 00:01:13,500 למצוא מועיל מאוד. 18 00:01:13,500 --> 00:01:14,670 יש לי אותם כאן. 19 00:01:14,670 --> 00:01:17,570 אני בדוא"ל זה אתה אחרי הסעיף, וזה גם יהיה באינטרנט. 20 00:01:17,570 --> 00:01:21,700 >> אבל בפרט, יש הרבה משאבים רב שם בחוץ. 21 00:01:21,700 --> 00:01:24,380 יש גם כמה לא כל כך גדול אלה, כך שיש להיזהר מהם. 22 00:01:24,380 --> 00:01:28,210 אבל בשקופית זו, יש לי ארבעה טוב משאבים, אחד לכל אחת מ 23 00:01:28,210 --> 00:01:30,600 שפות שאתה תהיה עובד עם זה שבוע - 24 00:01:30,600 --> 00:01:35,090 גיליון התייחסות אחת לHTML, גיליון התייחסות CSS. 25 00:01:35,090 --> 00:01:38,320 זכות זו הנה המדריך-PHP. 26 00:01:38,320 --> 00:01:42,110 >> אז במקום איש הקלדה ולאחר מכן PHP הפקודה, זה מקום שבו שהיית 27 00:01:42,110 --> 00:01:46,980 הולכים לחפש את אב טיפוס הפונקציה ודוגמאות וגם כמה טיפים ו 28 00:01:46,980 --> 00:01:48,770 טריקים לשימוש בפונקציות ה-PHP. 29 00:01:48,770 --> 00:01:51,590 תוכל להשתמש באתר זה לעתים קרובות, אז אני ממליץ לך להיות 30 00:01:51,590 --> 00:01:52,280 מכיר את זה. 31 00:01:52,280 --> 00:01:55,860 זה יכול להיות קצת טכני, אבל זה גם מספק המון משאבים ו 32 00:01:55,860 --> 00:02:00,440 דוגמאות לכל הפונקציות ו גם אחר, כמו איך להשתמש במערכים או 33 00:02:00,440 --> 00:02:01,500 סוגים שונים של משתנים. 34 00:02:01,500 --> 00:02:03,480 אתר זה מועיל מאוד עבור PHP. 35 00:02:03,480 --> 00:02:07,160 >> ולאחר מכן, עבור SQL, אם אתה צלל לתוך זה סט הבעיה של השבוע, שתדע 36 00:02:07,160 --> 00:02:09,160 כי אנחנו משתמשים במסד נתונים. 37 00:02:09,160 --> 00:02:13,340 ואנחנו גישה למסד נתונים שדרך ממשק משתמש יחסית נחמד. 38 00:02:13,340 --> 00:02:15,760 או שדרך אחת לגישה מסד נתונים זה. 39 00:02:15,760 --> 00:02:19,670 ממשק המשתמש הוא בשם phpMyAdmin. 40 00:02:19,670 --> 00:02:23,400 יש כרטיסיית SQL, שבו אנחנו יהיו מסתכל בהמשך היום. 41 00:02:23,400 --> 00:02:28,230 >> ואתה יכול להקליד לתוך SQL המדגם שלהם שאילתות, לעשות דברים במסד הנתונים שלך 42 00:02:28,230 --> 00:02:29,780 ולאחר מכן להפעיל שאילתות אלה. 43 00:02:29,780 --> 00:02:31,850 ואם הם נכונים, זה יהיה אומר, הנכון של זה. 44 00:02:31,850 --> 00:02:33,480 אם הם לא נכונים, זה יהיה נניח, זה לא נכון. 45 00:02:33,480 --> 00:02:37,260 זה מקום מצוין לתרגל שלך שאילתות SQL לפני כתיבתם לתוך 46 00:02:37,260 --> 00:02:39,990 הקוד שלך, כדי לוודא שאתה יש נכון בפורמט. 47 00:02:39,990 --> 00:02:42,080 >> לבסוף, באתר אחר אחד כאן. 48 00:02:42,080 --> 00:02:45,390 זהו האתר שבו אתה יכול ללכת ולבדוק כדי להפוך אותך בטוחה 49 00:02:45,390 --> 00:02:47,520 קוד ה-HTML הוא חוקי. 50 00:02:47,520 --> 00:02:51,250 אז לפני שפונה הבעיות שלך להגדיר השבוע, לעשות את כל בטוח 51 00:02:51,250 --> 00:02:52,690 HTML שלך תקף. 52 00:02:52,690 --> 00:02:55,840 >> בשבוע שעבר, אתה ניהל valgrind, כדי לוודא שאין לך דליפות זיכרון. 53 00:02:55,840 --> 00:02:59,050 השבוע, אתה צריך לוודא שכל הקוד שלך הוא HTML5 בתוקף. 54 00:02:59,050 --> 00:03:02,140 אם זה לא HTML5 תקף, אתה הולך לקבל נקודות משם. 55 00:03:02,140 --> 00:03:03,110 >> אז לוודא - 56 00:03:03,110 --> 00:03:05,700 רק בגלל שזה עובד לא אומר שזה חוקי לחלוטין. 57 00:03:05,700 --> 00:03:09,770 הפעל את הקוד שלך באמצעות אתר זה לפני הפעלתו פנימה 58 00:03:09,770 --> 00:03:10,810 שוב, הנה האתר. 59 00:03:10,810 --> 00:03:15,150 >> אם יש לך משוב בשבילי, יש לנו עוד כמה סעיפים עזבו, 60 00:03:15,150 --> 00:03:18,100 ואני תמיד רוצה לעשות את מה שאני יכול כדי לספק לך את החלק הטוב ביותר כל מה שאתה 61 00:03:18,100 --> 00:03:19,460 לחוות אפשרי. 62 00:03:19,460 --> 00:03:22,115 אז תן לי לדעת אם יש משהו שאני יכול לעשות כדי לשפר או אם יש 63 00:03:22,115 --> 00:03:24,730 דברים שאתה רואה שאני יכול לעשות טוב יותר. 64 00:03:24,730 --> 00:03:25,710 תודה לך, אבי. 65 00:03:25,710 --> 00:03:27,610 שים את זה באתר. 66 00:03:27,610 --> 00:03:31,870 >> זה היה האופניים היו לי כש היה, נניח, ארבעה בבית. 67 00:03:31,870 --> 00:03:34,500 זה הנינג'ה צב רכיבה על אופניים, במקרה שאתה לא יכול להגיד, 68 00:03:34,500 --> 00:03:35,345 כי זה קצת מטושטש. 69 00:03:35,345 --> 00:03:38,900 אתה יכול לקבל את זה עכשיו בToysRUs ל, אני חושב, כ -100 דולרים. 70 00:03:38,900 --> 00:03:42,690 >> אבל התכונה של האופנוע הזה שאני רוצה לך לשים לב אליהם הם אלה 71 00:03:42,690 --> 00:03:43,480 ממש כאן. 72 00:03:43,480 --> 00:03:44,980 אלה הם גלגלי העזר. 73 00:03:44,980 --> 00:03:50,230 עד עכשיו, יש לך כבר מחשב כף יד דרך ג ואנחנו כבר לקחנו ארוכים 74 00:03:50,230 --> 00:03:53,610 זמן, בתוספת שני חודשים, לעבור ג 75 00:03:53,610 --> 00:03:55,440 >> לזוג הבא אלה של שפות, אנחנו לא הולכים 76 00:03:55,440 --> 00:03:56,600 לבזבז כל כך הרבה זמן. 77 00:03:56,600 --> 00:03:58,350 גלגלי העזר הם יורדים. 78 00:03:58,350 --> 00:04:01,360 ואנחנו הולכים לצלול לתוך אלה שפות במהירות ולעבור 79 00:04:01,360 --> 00:04:04,720 אותם במהירות, וזה לא אומר ש אנחנו פשוט הולכים לעזוב את החייה 80 00:04:04,720 --> 00:04:07,590 בחוץ ללא דרך כדי לתמוך את עצמך או להבין איך אלה 81 00:04:07,590 --> 00:04:08,270 שפות עבודה. 82 00:04:08,270 --> 00:04:10,750 אני רק הראיתי לך רשימה של משאבים כדי לעזור לך. 83 00:04:10,750 --> 00:04:14,560 >> אבל יש לזכור כי PHP היא מאוד בדומה לג נלך על 84 00:04:14,560 --> 00:04:15,970 זה היום וחלק מההבדלים. 85 00:04:15,970 --> 00:04:17,990 אבל על פי רוב, יש ללולאות. 86 00:04:17,990 --> 00:04:18,750 ישנן אם תנאים. 87 00:04:18,750 --> 00:04:20,680 >> כשאתה רוצה לפתור את בעיה, אתה הולך להשתמש 88 00:04:20,680 --> 00:04:22,029 שילוב של אלה. 89 00:04:22,029 --> 00:04:22,920 זה דומה מאוד. 90 00:04:22,920 --> 00:04:26,040 ההיגיון צריך להיות דומה מאוד ל מה שעשית בעבר. 91 00:04:26,040 --> 00:04:29,810 מה באמת חדש השבוע הוא תחביר ואיך אתה מבטא את עצמך. 92 00:04:29,810 --> 00:04:32,850 ואתה רוצה לכתוב ללולאה, אבל זה עשוי להיראות קצת שונה. 93 00:04:32,850 --> 00:04:35,910 או שאתה רוצה ליצור מערך, אבל זה עשוי להיראות קצת שונה. 94 00:04:35,910 --> 00:04:39,920 >> אז יש לזכור כי, לנוע קדימה, ההיגיון הוא דומה מאוד למה 95 00:04:39,920 --> 00:04:41,020 מה שעשית בעבר. 96 00:04:41,020 --> 00:04:44,030 אבל אתה עכשיו הולך להיות מפגש הרבה תחביר חדש. 97 00:04:44,030 --> 00:04:47,600 ואנחנו לא הולכים לך ללכת דרך כל האלמנטים של התחביר. 98 00:04:47,600 --> 00:04:53,020 אז זה באמת תלוי בך כדי להבין, באינטרנט או דרך להגיע אל על 99 00:04:53,020 --> 00:04:58,770 דיון או דואר אלקטרוני אותי או מדבר אל אחד לשני, איך לכתוב דברים ב 100 00:04:58,770 --> 00:05:02,580 PHP ואיך לכתוב שאילתות SQL וכיצד להשתמש ב-HTML ו-CSS. 101 00:05:02,580 --> 00:05:06,160 >> אבל רק שתדעו, זה לא כל כך אנחנו מנסים לזרוק אותך לשם 102 00:05:06,160 --> 00:05:07,630 שוב לשחות כרישים. 103 00:05:07,630 --> 00:05:10,600 זה מה שסביר להניח שאתה תעשה עם פרויקט הגמר שלך, אם תבחר 104 00:05:10,600 --> 00:05:15,150 שפה שונה, כמו IOS ו Objective-C, או אם אתה מחליט להתחיל 105 00:05:15,150 --> 00:05:17,580 תכנות בעתיד ו לצלול לתוך שפות אחרות, 106 00:05:17,580 --> 00:05:19,210 כמו פייתון או רובי. 107 00:05:19,210 --> 00:05:23,380 >> לעתים קרובות, את ההיגיון דומה מאוד בכל השפות האלה, ו 108 00:05:23,380 --> 00:05:24,560 תחביר הוא מה שונה. 109 00:05:24,560 --> 00:05:27,560 וזה יהיה תלוי בך, כמו מתכנת, ללכת להשתמש באינטרנט 110 00:05:27,560 --> 00:05:30,790 משאבים העומדים לרשותך ודמות איך לבטא את מה שאתה יודע איך 111 00:05:30,790 --> 00:05:33,200 להביע ב-C, ב שפה שונה. 112 00:05:33,200 --> 00:05:36,410 אז זהו תרגול טוב, הן עבורך פרויקט גמר, ושוב, ל 113 00:05:36,410 --> 00:05:40,150 מה שסביר להניח שיעשה אחרי שאתה עוזב CS50. 114 00:05:40,150 --> 00:05:42,550 >> לפני שאנחנו עוברים, עושה לאף אחד יש לך שאלות על מה 115 00:05:42,550 --> 00:05:43,800 מה שעשיתי עד כה? 116 00:05:43,800 --> 00:05:52,450 117 00:05:52,450 --> 00:05:53,120 גדול. 118 00:05:53,120 --> 00:05:53,910 בואו נעבור הלאה. 119 00:05:53,910 --> 00:05:59,090 >> ראשית, אנחנו הולכים לדבר בקצרה על פקודת chmod. 120 00:05:59,090 --> 00:06:02,420 זה, אנחנו נעשה בתחילת מהבעיות שלך להגדיר. 121 00:06:02,420 --> 00:06:05,050 אחת ההוראות הראשונות בשבילך, אחרי שאתה מוריד 122 00:06:05,050 --> 00:06:09,280 קוד הפצה, הוא לשנות את הרשאות של הקבצים ו 123 00:06:09,280 --> 00:06:11,350 ספריות שאתה מקבל. 124 00:06:11,350 --> 00:06:16,430 >> מישהו יכול לנחש או לדעת מדוע זה חשוב כדי לשנות את 125 00:06:16,430 --> 00:06:20,012 הרשאות של קבצים מסוימים ו ספריות במחשב שלך? 126 00:06:20,012 --> 00:06:20,956 אבי - 127 00:06:20,956 --> 00:06:24,796 >> קהל: אז אף אחד מלבד אתה יכול לראות מה שאתה עושה? 128 00:06:24,796 --> 00:06:25,470 >> ג'ייסון הירשהורן: אישור. 129 00:06:25,470 --> 00:06:28,330 אז אם אנחנו רוצים לשים משהו על אינטרנט ויש לך הרשאות שנקבעו כי 130 00:06:28,330 --> 00:06:30,960 רק אתה יכול לראות משהו, אז אף אחד אחר לא יכול 131 00:06:30,960 --> 00:06:32,530 לראות מה שיצרת. 132 00:06:32,530 --> 00:06:33,380 מה עוד? 133 00:06:33,380 --> 00:06:34,320 כן. 134 00:06:34,320 --> 00:06:37,360 >> קהל: למנוע כל אחד אחר שאתה לא רוצה לראות משהו, מ 135 00:06:37,360 --> 00:06:37,870 רואה משהו. 136 00:06:37,870 --> 00:06:38,820 >> ג'ייסון הירשהורן: זה נכון גם. 137 00:06:38,820 --> 00:06:40,730 יש כנראה איזה קוד ש אתה כותב, שאתה לא יודע 138 00:06:40,730 --> 00:06:42,690 רוצה שאנשים יראו. 139 00:06:42,690 --> 00:06:46,190 אתה כנראה בסדר עם אנשים שראו ה-HTML ו-JavaScript שלך. 140 00:06:46,190 --> 00:06:50,360 אבל PHP שלך, קוד סוף חזרה, הרבה ההיגיון לקוד שלך, אולי 141 00:06:50,360 --> 00:06:53,200 דברים שלאחסן כמה סיסמאות שלך עבור מסד הנתונים שלך, אתה לא 142 00:06:53,200 --> 00:06:55,880 רוצה שאנשים יראו ש סוג של מידע. 143 00:06:55,880 --> 00:06:59,420 >> לכן חשוב שכל אחד מקבצים ו יש ספרייה אנו יוצרים הרשאות 144 00:06:59,420 --> 00:07:03,660 החלים על האם או לא אנחנו רוצים שאנשים יראו את אלה הסוגים של קבצים ו 145 00:07:03,660 --> 00:07:08,030 ספריות ותוכל לגשת אליהם ואולי אף לשנות אותם. 146 00:07:08,030 --> 00:07:09,920 >> אז יש שלושה סוגים של הרשאות. 147 00:07:09,920 --> 00:07:14,980 יש הרשאות קריאה, מה שאומר אתה יכול לקרוא את קובץ או רשימה 148 00:07:14,980 --> 00:07:16,490 תכולת הספרייה. 149 00:07:16,490 --> 00:07:20,820 יש אישור הכתיבה, אשר משמעו שאתה יכול לשנות את קובץ או שינוי 150 00:07:20,820 --> 00:07:24,910 ספרייה ולאחר מכן לבצע רשות, מה שאומר שאתה יכול 151 00:07:24,910 --> 00:07:31,060 להפעיל קובץ או ליתר דיוק, אתה יכול לעבור לספרייה. 152 00:07:31,060 --> 00:07:34,470 אז משהו תקליטור, אם יש לך רשות לבצע את זה, אתה יכול לעבור 153 00:07:34,470 --> 00:07:37,300 לספרייה זו. 154 00:07:37,300 --> 00:07:38,510 >> זוהי דוגמא קצרה. 155 00:07:38,510 --> 00:07:40,700 שוב, אתה כבר דברת על זה בבעיה מוגדרת. 156 00:07:40,700 --> 00:07:44,630 אבל אני יוצר ספרייה עם פקודת mkdir. 157 00:07:44,630 --> 00:07:46,320 אני משנה את ההרשאות. 158 00:07:46,320 --> 00:07:48,505 שני קווים אלה בעצם לעשות את אותו הדבר בדיוק. 159 00:07:48,505 --> 00:07:52,580 זה כדי להמחיש כי התחביר שינוי הרשאות, אם אתה עושה 160 00:07:52,580 --> 00:07:55,600 + X או 711, אלה הם אותו הדבר. 161 00:07:55,600 --> 00:07:57,550 >> אנחנו מסתכלים על טבלה זה נחמד. 162 00:07:57,550 --> 00:07:59,960 אנו רואים שיש משתמשים ההרשאות ראשונה. 163 00:07:59,960 --> 00:08:03,280 זה אתה, הפרט, ו השרת שלך, באופן פוטנציאלי. 164 00:08:03,280 --> 00:08:05,070 ויש גם את קבוצה ואחרים. 165 00:08:05,070 --> 00:08:09,350 ההבדלים בין מי שתי טריוויאליות. 166 00:08:09,350 --> 00:08:11,170 אז בדרך כלל, אנחנו גוש אלה יחד. 167 00:08:11,170 --> 00:08:14,380 >> אבל בעצם, אם יש לנו קובץ נקרא כולל שאנחנו רוצים להיות 168 00:08:14,380 --> 00:08:18,760 תוכל לערוך את עצמנו ושאנחנו רוצים אחרים כדי להיות מסוגל לבצע, 169 00:08:18,760 --> 00:08:20,560 זה האישור 711. 170 00:08:20,560 --> 00:08:22,390 ואנחנו רואים את זה כאן בטבלה זו. 171 00:08:22,390 --> 00:08:24,730 יש לנו קריאה, כתיבה וביצוע. 172 00:08:24,730 --> 00:08:26,790 לכל אחד מאתנו, אנחנו רוצים להיות מסוגל לעשות את אלה. 173 00:08:26,790 --> 00:08:30,160 קבוצה ואחרים, אנחנו רוצים רק שלהם כדי להיות מסוגלים לבצע. 174 00:08:30,160 --> 00:08:33,860 >> הדרך בה אנו מתרגמים את זה למספר 175 00:08:33,860 --> 00:08:36,870 רשות היא באמצעות בינארי. 176 00:08:36,870 --> 00:08:41,780 אז אם יש לנו שלושה אלה, זה 1 בעמודה אלה, 1 בזוגות 177 00:08:41,780 --> 00:08:43,049 עמודה, עמודת 1 ארבעה. 178 00:08:43,049 --> 00:08:45,180 זה 7 ממש שם. 179 00:08:45,180 --> 00:08:47,450 והרשאה זו היא 1. 180 00:08:47,450 --> 00:08:48,390 הרשאה זו היא 1. 181 00:08:48,390 --> 00:08:54,200 אז 711 כשהם אותו הדבר כמו לתת את עצמנו לקרוא, לכתוב, ולהוציא לפועל, 182 00:08:54,200 --> 00:08:56,660 וכל אחד אחר לבצע הרשאות. 183 00:08:56,660 --> 00:08:59,180 >> קו זה ממש כאן, אנחנו בדרך כלל יהיה לך לקרוא ולכתוב כשאנחנו 184 00:08:59,180 --> 00:09:00,250 ליצור ספרייה. 185 00:09:00,250 --> 00:09:04,650 אז הקו הזה כאן רק מוסיף לבצע הרשאות לכולם. 186 00:09:04,650 --> 00:09:07,450 כך שיהיה דומה ל, ב בנוסף למה שיש לנו, 187 00:09:07,450 --> 00:09:09,930 הוספת 1, 1, 1 לכולם. 188 00:09:09,930 --> 00:09:13,880 >> ואילו זה, זה מיותר להוסיף לקרוא ולכתוב. 189 00:09:13,880 --> 00:09:16,130 אבל אם אתה הולך להשתמש במספרים, אתה לא יכול פשוט להוסיף משהו. 190 00:09:16,130 --> 00:09:19,070 אתה לדרוס כל מה שהרשות היו יש וליישם אותם עם החדש 191 00:09:19,070 --> 00:09:20,920 מספר שאתה נותן. 192 00:09:20,920 --> 00:09:21,930 זה היה די מהיר. 193 00:09:21,930 --> 00:09:24,115 האם יש למישהו שאלות על שינוי הרשאות? 194 00:09:24,115 --> 00:09:28,460 195 00:09:28,460 --> 00:09:28,950 >> על אישור. 196 00:09:28,950 --> 00:09:32,480 אם יש לי קובץ PHP, מה הרשאות אני רוצה שאהיה לו? 197 00:09:32,480 --> 00:09:36,638 198 00:09:36,638 --> 00:09:38,780 זה במפרט סט בעיה. 199 00:09:38,780 --> 00:09:41,590 אז אתה יכול להסתכל במפרט ו לאחר מכן קרא לי את התשובה. 200 00:09:41,590 --> 00:09:45,820 201 00:09:45,820 --> 00:09:48,605 >> קהל: אתה רוצה שמשתמש יש הרשאות לקריאה לכתוב. 202 00:09:48,605 --> 00:09:51,080 ואתה רוצה שכולם אחר אין לי מה. 203 00:09:51,080 --> 00:09:53,060 >> ג'ייסון הירשהורן: ומה מספרים הוא ש? 204 00:09:53,060 --> 00:09:53,480 >> קהל: 600. 205 00:09:53,480 --> 00:09:54,840 >> ג'ייסון הירשהורן: 600. 206 00:09:54,840 --> 00:09:59,550 אז chmod 600 - בכל פעם שאתה מדפיס קובץ PHP, chmod זה 600. 207 00:09:59,550 --> 00:10:00,370 על אישור. 208 00:10:00,370 --> 00:10:01,890 יש לי בספרייה. 209 00:10:01,890 --> 00:10:04,870 מישהו מלבד ג'ף, יש לי קובץ בתיקייה. 210 00:10:04,870 --> 00:10:08,060 מה הרשאות שאני רוצה לתת לתיקייה ש-- 211 00:10:08,060 --> 00:10:11,620 גם בבעיה להגדיר מפרט, ממש מתחת לתשובה או זה 212 00:10:11,620 --> 00:10:14,840 התשובה הקודמת? 213 00:10:14,840 --> 00:10:16,160 גם פוטנציאל בשקופית - 214 00:10:16,160 --> 00:10:16,450 מרקוס. 215 00:10:16,450 --> 00:10:17,230 >> קהל: ל 216 00:10:17,230 --> 00:10:18,180 תיקייה, זה 711. 217 00:10:18,180 --> 00:10:19,590 ג'ייסון הירשהורן: 711 - 218 00:10:19,590 --> 00:10:21,230 כך תיקייה, אתה רוצה לתת 711. 219 00:10:21,230 --> 00:10:25,280 אתה רוצה להיות מסוגל לקרוא אותה התיקייה, שנת מדריכים, להעביר לתוך 220 00:10:25,280 --> 00:10:25,785 תיקייה זו. 221 00:10:25,785 --> 00:10:28,865 ואתה רוצה שכולם כדי להיות מסוגל כדי לנווט בתיקייה זו, אבל 222 00:10:28,865 --> 00:10:30,790 לא בהכרח לשנות את התוכן שלה. 223 00:10:30,790 --> 00:10:33,720 מה לגבי קובץ שאינו PHP, אומר, קובץ JavaScript? 224 00:10:33,720 --> 00:10:36,090 מה הרשאות אנחנו רוצים לתת סוג של קובץ? 225 00:10:36,090 --> 00:10:37,020 >> קהל: 644. 226 00:10:37,020 --> 00:10:38,030 >> ג'ייסון הירשהורן: 644 - 227 00:10:38,030 --> 00:10:40,010 למה אנחנו רוצים לתת לזה 644? 228 00:10:40,010 --> 00:10:42,880 >> קהל: כדי לתת לאנשים אחרים לקרוא אותו. 229 00:10:42,880 --> 00:10:44,840 ולך לקרוא או לכתוב אותו. 230 00:10:44,840 --> 00:10:48,540 >> ג'ייסון הירשהורן: אז נכון, לכולם אחר לא יכול לקרוא כי JavaScript להגיש. 231 00:10:48,540 --> 00:10:51,420 ואתה יכול לשנות את זה, בנוסף כדי להיות מסוגל לקרוא אותו. 232 00:10:51,420 --> 00:10:54,970 אז אחד אנשי באגים הנפוצים ביותר יש עם זה בעיה להגדיר ו 233 00:10:54,970 --> 00:10:58,880 פרויקט גמר, אם זה סופי מבוסס אינטרנט פרויקט, הם לא הגדירו 234 00:10:58,880 --> 00:11:00,170 ההרשאות הנכונות. 235 00:11:00,170 --> 00:11:03,180 והם לא יהיו מסוגלים כדי לראות את אתר האינטרנט שלהם. 236 00:11:03,180 --> 00:11:04,840 או בחלק מסוים של אתר האינטרנט שלהם. 237 00:11:04,840 --> 00:11:06,930 >> אז לוודא שאתה מגדיר הרשאות בצורה נכונה. 238 00:11:06,930 --> 00:11:10,730 האם לא פשוט להניח שזה יהיה לעשות את זה באופן אוטומטי עבורך. 239 00:11:10,730 --> 00:11:11,500 >> על אישור. 240 00:11:11,500 --> 00:11:15,100 זה היה דבר קטן שבילינו כמות טובה של זמן, כך 241 00:11:15,100 --> 00:11:16,190 נוכל להוקיע אותו. 242 00:11:16,190 --> 00:11:18,000 בואו נעבור ל-HTML. 243 00:11:18,000 --> 00:11:20,430 >> ושוב, לארבעה הנושאים הבאים אלה, אנחנו הולכים לעבור אותם 244 00:11:20,430 --> 00:11:21,600 במהירות יחסית. 245 00:11:21,600 --> 00:11:24,980 אז אל תהסס לעצור אותי בכל זמן, אם יש לך שאלות, 246 00:11:24,980 --> 00:11:27,900 בין אם הן קשורות למה שאני מכסה או משהו מהרצאה או 247 00:11:27,900 --> 00:11:29,440 אפילו מהבעיה מוגדרת. 248 00:11:29,440 --> 00:11:31,690 לעצור אותי בכל פעם שאתה צריך. 249 00:11:31,690 --> 00:11:34,370 כשאנחנו מגיעים לסוף, אנחנו פשוט להתחיל ללכת על סט הבעיה. 250 00:11:34,370 --> 00:11:38,100 >> אז HTML מייצג HyperText שפת סימון. 251 00:11:38,100 --> 00:11:41,360 זה לא שפת תכנות. 252 00:11:41,360 --> 00:11:45,800 האם כל זה הוא מבנה התוכן שלך וגם לספק כמה מטה. 253 00:11:45,800 --> 00:11:52,340 כך למשל, יש להניח, שרבים מן יש לך להשתמש בפייסבוק בעבר. 254 00:11:52,340 --> 00:11:56,810 ואתה יכול לכלול קישורים ב, או שאתה יכול לשים את קישור כסטטוס שלך. 255 00:11:56,810 --> 00:11:59,070 >> ולאחר מכן, תוכל להבחין כי קישור תמיד יש לו תמונה יפה 256 00:11:59,070 --> 00:12:00,450 לזה וחלק מטקסט. 257 00:12:00,450 --> 00:12:03,040 באופן כללי, כי הוא חלק ממטה עבור דף אינטרנט. 258 00:12:03,040 --> 00:12:05,250 וזה מטה פייסבוק ספציפי. 259 00:12:05,250 --> 00:12:07,780 ולאחר מכן, כאשר פייסבוק הוא קריאה ש דף והחדרת קישור זה, זה 260 00:12:07,780 --> 00:12:10,780 מחפש את מטה הספציפי, כך שזה יודע מה תמונה לתצוגה, מה 261 00:12:10,780 --> 00:12:13,820 כותרת לתצוגה, ומה טקסט מופשט לתצוגה. 262 00:12:13,820 --> 00:12:17,760 >> כדי שנוכל לכלול מטה עם דף האינטרנט שלנו באמצעות HTML. 263 00:12:17,760 --> 00:12:21,190 וזה גם עוזר לנו מבנה התוכן, בדרך כלל, מה 264 00:12:21,190 --> 00:12:25,400 אנחנו רוצים ללכת בו. 265 00:12:25,400 --> 00:12:28,240 >> הכל ב-HTML הוא אלמנט. 266 00:12:28,240 --> 00:12:30,690 ואלמנטים ממש כאן - 267 00:12:30,690 --> 00:12:33,410 CS50 זה, טקסט הוא האלמנט. 268 00:12:33,410 --> 00:12:35,140 ויש לו כמה תגיות. 269 00:12:35,140 --> 00:12:36,690 יש לו את זה תג. 270 00:12:36,690 --> 00:12:41,730 ואנו מבחינים שיש ב מתחיל ולאחר מכן קו נטוי, ולכן 271 00:12:41,730 --> 00:12:43,960 סוגר את תג בסוף. 272 00:12:43,960 --> 00:12:46,800 לפעמים, יש לא פתוח תג ותג קרוב. 273 00:12:46,800 --> 00:12:49,040 יש רק דבר אחד. 274 00:12:49,040 --> 00:12:50,640 >> נצטרך לראות דוגמא לכך בשקופית הבאה. 275 00:12:50,640 --> 00:12:52,640 אז אתה לא צריך פתוח ותג קרוב. 276 00:12:52,640 --> 00:12:59,570 אבל בשביל זה, אנחנו עוטפים את זה אלמנט CS50 בתג עוגן. 277 00:12:59,570 --> 00:13:03,270 ובעצם, אלה תגים לספר הדפדפן מה לעשות עם 278 00:13:03,270 --> 00:13:04,700 אלמנט המסוים. 279 00:13:04,700 --> 00:13:07,380 >> אז שוב, CS50 הוא הטקסט אנחנו הולכים לראות. 280 00:13:07,380 --> 00:13:10,060 וזה הולך להיות סוג של עוגן. 281 00:13:10,060 --> 00:13:13,920 עוגן משמש למעשה עבור קישורים למשהו. 282 00:13:13,920 --> 00:13:16,000 בפרט, כפי שאתה יכול כבר לספר, זה הוא 283 00:13:16,000 --> 00:13:18,950 קישור לאתר בית CS50. 284 00:13:18,950 --> 00:13:23,160 >> החלק הבא של התג - או בדרך כלל, חלק מהתגיות הם 285 00:13:23,160 --> 00:13:24,290 תכונות. 286 00:13:24,290 --> 00:13:27,080 ואנו רואים כאן, כי יש תג אחד 287 00:13:27,080 --> 00:13:29,680 מייחס, מאפיין href הזה. 288 00:13:29,680 --> 00:13:32,000 והם מנסים לשנות את תג מסוים. 289 00:13:32,000 --> 00:13:36,100 למעשה, אם אתה הולך לאחד אתרי אינטרנט או אזכור שנתתי לך 290 00:13:36,100 --> 00:13:39,480 לפני או לחפש את תג באינטרנט, תוכל להבחין שיש המון 291 00:13:39,480 --> 00:13:41,010 תכונות פוטנציאליות. 292 00:13:41,010 --> 00:13:42,310 >> זו כנראה אחת הנפוץ ביותר. 293 00:13:42,310 --> 00:13:46,090 זה אומר לי ליצירה קישור לאתר הספציפי. 294 00:13:46,090 --> 00:13:50,260 ומייחס בדרך כלל נתון, אם לא באופן בלעדי נתון, 295 00:13:50,260 --> 00:13:52,350 בזוגות מפתח ערך. 296 00:13:52,350 --> 00:13:55,380 >> אז הנה המפתח, href. 297 00:13:55,380 --> 00:13:57,320 והערך הוא זכות זו כאן. 298 00:13:57,320 --> 00:14:01,960 ושיהיה שימושי בהמשך, כאשר אנו מתחילים להשתמש בכמה ספריות כדי 299 00:14:01,960 --> 00:14:07,280 לעזור לנו הקוד ב-JavaScript או לכתוב תוכן HTML. 300 00:14:07,280 --> 00:14:11,120 לעתים קרובות אנו הולכים להיות - בדיוק כמונו אעשה סוגר מערך 0 וכי 301 00:14:11,120 --> 00:14:12,340 היה נותן לנו ערך כלשהו. 302 00:14:12,340 --> 00:14:17,190 >> בעתיד, יהיה לנו לעשות הרבה דברים כמו href סוגר משהו. 303 00:14:17,190 --> 00:14:21,180 וזה ייתן לנו את הערך של href, או אם ברצוננו לעדכן את href 304 00:14:21,180 --> 00:14:23,980 מפתח ולאחר מכן לתת אותו ערך מסוים. 305 00:14:23,980 --> 00:14:28,915 אז בדיוק כמו עם מערכים שבו היו לנו או אפילו עם מקש 0 או 1 או 2 מפתח המפתח 306 00:14:28,915 --> 00:14:33,480 חשיש שולחן, טוב, עם שולחנות החשיש וכן, סביר להניח שהיה - זה 307 00:14:33,480 --> 00:14:35,790 היה מגוון, ולכן מקש 0, 1 מפתח, מפתח 2. 308 00:14:35,790 --> 00:14:38,480 >> מדד שיש, אנחנו יכולים חשב על זה כמפתח. 309 00:14:38,480 --> 00:14:40,180 והערך הוא מה היה מאוחסן שם. 310 00:14:40,180 --> 00:14:42,760 את כל התכונות האלה הם זוגות מפתח ערך. 311 00:14:42,760 --> 00:14:47,370 ושיהיה חשוב לשינוי שלהם או לעדכן אותם או 312 00:14:47,370 --> 00:14:51,020 הוסיף אותם בהמשך. 313 00:14:51,020 --> 00:14:53,990 >> לבסוף, ראית את המבנה הזה בעבר, אך זו היא בסיסית ביותר 314 00:14:53,990 --> 00:14:55,350 מבנה של דף ה-HTML. 315 00:14:55,350 --> 00:14:58,700 בחלק העליון, אנו אומרים לכם כי זו היא למעשה ה-HTML. 316 00:14:58,700 --> 00:15:01,910 ואז יש לנו בתבנית HTML תג ותג HTML קרוב. 317 00:15:01,910 --> 00:15:04,940 אז כל מה שבתוך זה HTML. 318 00:15:04,940 --> 00:15:08,960 >> אנו רואים בראש ובגוף. 319 00:15:08,960 --> 00:15:12,350 ראש מסמך בדרך כלל כולל מה? 320 00:15:12,350 --> 00:15:16,980 321 00:15:16,980 --> 00:15:20,995 כל ניחושים על מה שאתה לשים בראש? 322 00:15:20,995 --> 00:15:23,060 >> קהל: אתה שם את הכותרת ואת הסגנון. 323 00:15:23,060 --> 00:15:23,790 >> ג'ייסון הירשהורן: הכותרת. 324 00:15:23,790 --> 00:15:26,110 זה היה ניחוש של גדול. 325 00:15:26,110 --> 00:15:27,200 אני אולי הטיתי אותך. 326 00:15:27,200 --> 00:15:28,150 מה הם כמה דברים אחרים? 327 00:15:28,150 --> 00:15:30,351 הזכרנו אחד מהם, כי יכול ללכת בראש. 328 00:15:30,351 --> 00:15:33,057 329 00:15:33,057 --> 00:15:35,225 >> קהל: הוא אמר, סגנונות. 330 00:15:35,225 --> 00:15:36,240 >> ג'ייסון הירשהורן: סגנונות - 331 00:15:36,240 --> 00:15:41,050 כך שאם אתה רוצה לקשר בJavaScript או אפילו CSS, שאתה מדבר 332 00:15:41,050 --> 00:15:42,610 על מתי אתה מדבר על סגנונות. 333 00:15:42,610 --> 00:15:45,670 קובץ אחר, אתה רוצה לקשר ב מחוץ קובץ, שכנראה הולכים 334 00:15:45,670 --> 00:15:46,920 בראשו. 335 00:15:46,920 --> 00:15:48,660 336 00:15:48,660 --> 00:15:51,070 >> מה עוד? 337 00:15:51,070 --> 00:15:52,960 הזכרנו כמה שקופיות לפני אחד הדברים ש 338 00:15:52,960 --> 00:15:54,510 HTML יכול לעשות בשבילך. 339 00:15:54,510 --> 00:15:58,180 340 00:15:58,180 --> 00:16:01,240 זה יכול לספק - 341 00:16:01,240 --> 00:16:02,874 מתחיל עם M - 342 00:16:02,874 --> 00:16:03,820 >> קהל: מידע. 343 00:16:03,820 --> 00:16:06,170 >> ג'ייסון הירשהורן: מידע נוסף - כך הרבה ממטה ילך בראש, 344 00:16:06,170 --> 00:16:08,990 בגלל שלא צריך בהכרח להיות חלק מהגוף של הקוד שלך. 345 00:16:08,990 --> 00:16:11,820 זה בדרך כלל - הגוף הוא תוכן, מה שרואה מישהו. 346 00:16:11,820 --> 00:16:14,210 ואז אני פשוט נתתי את התשובה לשאלה הבאה שלי. 347 00:16:14,210 --> 00:16:17,770 אבל בגוף הוא בדרך כלל התוכן זה הולך להיות מוצג 348 00:16:17,770 --> 00:16:19,750 בעמוד האינטרנט. 349 00:16:19,750 --> 00:16:26,120 >> כפי שנראה, אתרי אינטרנט מסובכים נוטה להתערבב או לשנות את מה 350 00:16:26,120 --> 00:16:27,170 הם שמו בראש ובגוף. 351 00:16:27,170 --> 00:16:30,360 אבל בדרך כלל, הראש מכיל דברים כי המשתמש לא הולך 352 00:16:30,360 --> 00:16:31,290 רואה על המסך. 353 00:16:31,290 --> 00:16:34,150 זה קישורים בקבצים אחרים ומספק מטה. 354 00:16:34,150 --> 00:16:37,690 ואילו, הגוף מכיל את כל מה המשתמש הוא הולך לראות. 355 00:16:37,690 --> 00:16:39,270 יש לך מושג מה תג p זה אומר? 356 00:16:39,270 --> 00:16:41,660 >> קהל: סעיף? 357 00:16:41,660 --> 00:16:42,780 >> קהל: הדפסה. 358 00:16:42,780 --> 00:16:44,120 >> קהל: זה לא אומר שהדפסה. 359 00:16:44,120 --> 00:16:45,380 >> קהל: האם זה אומר סעיף? 360 00:16:45,380 --> 00:16:47,620 >> ג'ייסון הירשהורן: פיסקה - אז זה פסק. 361 00:16:47,620 --> 00:16:50,920 ותג p זה, הייתי יכול פשוט הקלדתי זה על המסך ולאחר מכן 362 00:16:50,920 --> 00:16:52,630 כלל מעבר שורה בסופו של אותו. 363 00:16:52,630 --> 00:16:54,380 מישהו יודע איך לכלול מעבר שורה? 364 00:16:54,380 --> 00:16:55,240 >> קהל: יחסי ציבור - 365 00:16:55,240 --> 00:16:55,700 >> ג'ייסון הירשהורן: יחסי ציבור - 366 00:16:55,700 --> 00:16:57,080 >> קהל: סלאש יחסי הציבור? 367 00:16:57,080 --> 00:17:00,120 >> ג'ייסון הירשהורן: קו נטוי יחסי ציבור עומד על מעבר שורה. 368 00:17:00,120 --> 00:17:03,270 אבל יש לי ספציפי פסקאות עיצוב. 369 00:17:03,270 --> 00:17:06,060 ועוד נגיע לעיצוב ב שני, כאשר אנו מדברים על ה-CSS. 370 00:17:06,060 --> 00:17:09,900 אבל הכל בתוך תגי p אלה יהיה כמה עיצוב ברירת מחדל 371 00:17:09,900 --> 00:17:13,210 הקשורים אליו, כנראה כמה מרווח בין שונה 372 00:17:13,210 --> 00:17:15,069 סעיפים. 373 00:17:15,069 --> 00:17:19,410 וזה יהיה בכיוון אחד כדי לבדל בלוקים של קוד. 374 00:17:19,410 --> 00:17:20,980 >> כל תגים אחרים - 375 00:17:20,980 --> 00:17:24,584 מה הם תגים אחרים שכבר ראו? 376 00:17:24,584 --> 00:17:26,609 >> ג'ייסון הירשהורן: H1 דרך H6. 377 00:17:26,609 --> 00:17:28,460 h1 דרך H6, ומה זה? 378 00:17:28,460 --> 00:17:31,560 >> קהל: זה יסמן כמה גדול ונועז האותיות. 379 00:17:31,560 --> 00:17:32,650 >> ג'ייסון הירשהורן: נכון, זה עומד על כותרת. 380 00:17:32,650 --> 00:17:34,960 וכך header1 היא כותרת גדולה. 381 00:17:34,960 --> 00:17:40,840 זה יהיה כנראה, כברירת מחדל, להיות נועז, גודל גופן גדול, כנראה שמרכז 382 00:17:40,840 --> 00:17:44,030 המסך, כל הדרך למטה עד h6, אשר הוא בגודל גופן קטן יותר, פחות 383 00:17:44,030 --> 00:17:44,780 הדגיש. 384 00:17:44,780 --> 00:17:50,290 כמובן, אתה יכול, אתה בקובץ CSS או איפשהו בקוד שלך - אשר, 385 00:17:50,290 --> 00:17:53,830 שוב, אנחנו נגיע לזה בשנייה - לשנות את מה שהתנהגות ברירת המחדל 386 00:17:53,830 --> 00:17:55,780 של תג h1 הוא. 387 00:17:55,780 --> 00:18:01,040 >> אבל יש לזכור כי הכרום, ספארי, Firefox, Internet Explorer לכולם יש 388 00:18:01,040 --> 00:18:04,030 ברירת מחדל נראית להרבה תגים סטנדרטיים אלה. 389 00:18:04,030 --> 00:18:07,110 אתה יכול, שוב, תמיד לשנות איך הם נראים. 390 00:18:07,110 --> 00:18:09,955 כל תגים אחרים, כי כולם ראה? 391 00:18:09,955 --> 00:18:10,350 כן - 392 00:18:10,350 --> 00:18:11,530 >> קהל: אתר div. 393 00:18:11,530 --> 00:18:15,830 >> ג'ייסון הירשהורן: תג div - תג div אין כל פורמט מובנה, לכל 394 00:18:15,830 --> 00:18:21,850 se, המשמש כדי לחסום את סוגים שונים של קוד. 395 00:18:21,850 --> 00:18:22,980 כל תגים אחרים? 396 00:18:22,980 --> 00:18:23,390 כן. 397 00:18:23,390 --> 00:18:24,333 >> קהל: לי - 398 00:18:24,333 --> 00:18:24,850 >> ג'ייסון הירשהורן: li - 399 00:18:24,850 --> 00:18:25,580 מה לי ל? 400 00:18:25,580 --> 00:18:26,210 >> קהל: רשימה. 401 00:18:26,210 --> 00:18:26,930 >> קהל: רשימה 402 00:18:26,930 --> 00:18:29,510 >> ג'ייסון הירשהורן: li הוא לאלמנטי רשימה. 403 00:18:29,510 --> 00:18:30,720 ישנם שני סוגים של רשימות. 404 00:18:30,720 --> 00:18:31,970 מה הם שני סוגים? 405 00:18:31,970 --> 00:18:34,165 406 00:18:34,165 --> 00:18:35,806 >> קהל: מסודר ולא מסודר. 407 00:18:35,806 --> 00:18:37,780 >> ג'ייסון הירשהורן: הורה ו דוכנים כך ul - לא מסודרים 408 00:18:37,780 --> 00:18:38,560 לרשימה לא מסודרת. 409 00:18:38,560 --> 00:18:41,120 זה אם אתה רוצה כדור להצביע, רשימה של כדורים. 410 00:18:41,120 --> 00:18:43,180 רשימה ממוספרת היא רשימה ממוספרת. 411 00:18:43,180 --> 00:18:47,930 וכך תוכל לעשות תג ul פתוח ולאחר מכן טונות של אלמנטי רשימה ולאחר מכן 412 00:18:47,930 --> 00:18:50,450 לסגור את תג ul. ושרצונו ליצור רשימה לא מסודרת. 413 00:18:50,450 --> 00:18:52,380 >> אנחנו הולכים לראות כמה דוגמאות של ה-HTML בקצת. 414 00:18:52,380 --> 00:18:55,800 אבל לפני כן, אני רוצה להגיע ל-CSS. 415 00:18:55,800 --> 00:18:58,530 וCSS מייצג מדורג גיליונות סגנון. 416 00:18:58,530 --> 00:19:03,010 וזה קרוב מאוד ל-HTML, אבל שונה במקצת. 417 00:19:03,010 --> 00:19:06,920 זה עוזר לך לעצב את כל התוכן שמבני ה-HTML. 418 00:19:06,920 --> 00:19:14,940 >> אז ב-CSS, אנחנו בדרך כלל לא רוצים סגנון בכל כותרת או כל 419 00:19:14,940 --> 00:19:17,250 תמונה אחת או כל פסקה אחת. 420 00:19:17,250 --> 00:19:21,210 אנחנו רוצים לעצב את חלק מהרכיבים או אולי אלמנט ספציפי. 421 00:19:21,210 --> 00:19:25,250 והדרך בה אנו סגנון ספציפי רכיב הוא לתת לו תעודת זהות. 422 00:19:25,250 --> 00:19:26,070 >> אז זה תכונה. 423 00:19:26,070 --> 00:19:27,960 יש לה מפתח וערך. 424 00:19:27,960 --> 00:19:29,130 זהות היא המפתח. 425 00:19:29,130 --> 00:19:30,220 לוגו הוא הערך. 426 00:19:30,220 --> 00:19:32,410 הרמתי את הלוגו באופן אקראי. 427 00:19:32,410 --> 00:19:36,780 ואם אתה נותן משהו מזהה, בדרך כלל, כי יש לתת רק 428 00:19:36,780 --> 00:19:38,800 לאלמנט אחד. 429 00:19:38,800 --> 00:19:42,340 >> ולאחר מכן, בגיליון הסגנון שלך, אתה יכול סגנון שאלמנט מסוים, לעומת זאת 430 00:19:42,340 --> 00:19:44,090 אתה רוצה שזה ייראה. 431 00:19:44,090 --> 00:19:49,560 אם אתה רוצה לעצב את מספר אלמנטים, אולי זה סוג מסוים 432 00:19:49,560 --> 00:19:51,310 של כותרות, רק חלק מהכותרות שלך. 433 00:19:51,310 --> 00:19:56,780 אולי זה כותרת ותמונה ו פסקה כל מה שאתה רוצה להיות מרוכז. 434 00:19:56,780 --> 00:20:00,700 אז אתה יכול לתת אותן קבוצות אלמנטים כל כיתה. 435 00:20:00,700 --> 00:20:04,300 ואתה יכול לתת הכיתה סגנונות מסוימים. 436 00:20:04,300 --> 00:20:08,860 אז זהות ומעמד שתי דרכים לשבור את הקוד שלך, כך שאתה יכול לעזור להיות 437 00:20:08,860 --> 00:20:11,990 יותר ספציפי במה שאתה הסגנון. 438 00:20:11,990 --> 00:20:13,830 >> ישנן שלוש דרכים לסגנון. 439 00:20:13,830 --> 00:20:17,530 הראשון הוא, עם תכונת הסגנון הזה. 440 00:20:17,530 --> 00:20:21,200 אז אתה רואה, מפתח הסגנון הוא סגנון. 441 00:20:21,200 --> 00:20:24,370 ערך הסגנון הוא למעשה עוד רשימת ערכי מפתח. 442 00:20:24,370 --> 00:20:26,570 >> במקרה זה, הרמתי מפתח אחד, יישור טקסט. 443 00:20:26,570 --> 00:20:27,730 ואני אמרתי, מרכז. 444 00:20:27,730 --> 00:20:30,280 ייתכן שאתה שואל את עצמך בשלב זה נקודה, איך אני יודע על 445 00:20:30,280 --> 00:20:31,230 יישור טקסט. 446 00:20:31,230 --> 00:20:32,280 מה זה עושה אפילו? 447 00:20:32,280 --> 00:20:35,350 זאת שאלה מצוינת לשאול, ו אנחנו הולכים להגיע לשם תוך שני. 448 00:20:35,350 --> 00:20:39,740 אז זו דרך אחת לסגנון משהו, פשוט לתת לו את תכונת הסגנון. 449 00:20:39,740 --> 00:20:43,490 >> דרך נוספת לסגנון משהו - זה Akshar שהוזכר קודם לכן. 450 00:20:43,490 --> 00:20:49,660 אתה יכול להשתמש בתגים בסגנון ולשים את זה בראש מסמך ה-HTML שלך. 451 00:20:49,660 --> 00:20:52,220 אז אתה בעצם אומר, התוכן בתוך כאן 452 00:20:52,220 --> 00:20:53,870 הוא קצת תוכן בסגנון. 453 00:20:53,870 --> 00:20:59,520 והמתכונת לזה הדבר שאתה רוצה לעצב ולאחר מכן, בתוך 454 00:20:59,520 --> 00:21:03,460 סוגריים מסולסלים, זוג ערך המפתח של תכונות שאתה רוצה לתת ל 455 00:21:03,460 --> 00:21:05,920 כי סוג מסוים של אלמנט. 456 00:21:05,920 --> 00:21:07,370 >> לבסוף, וזה דרך הנפוצה ביותר. 457 00:21:07,370 --> 00:21:10,320 וזו היא הדרך בה אנו לעשות את זה בסט עמ '7. 458 00:21:10,320 --> 00:21:12,370 זה גיליון סגנונות חיצוני. 459 00:21:12,370 --> 00:21:14,370 אז יש לך קובץ css.. 460 00:21:14,370 --> 00:21:18,050 ובתוך זה, אתה רואה הרבה דברים שנראים כמו זה, שם 461 00:21:18,050 --> 00:21:22,730 של איזה סוג של אלמנט או זהות או בכיתה ולאחר מכן, בתוך מתולתל 462 00:21:22,730 --> 00:21:28,040 פלטה, רשימה של זוגות ערך מפתח. 463 00:21:28,040 --> 00:21:30,065 >> כמובן, אם אתה יוצר חיצוני קובץ, אתה הולך 464 00:21:30,065 --> 00:21:31,310 צריך לכלול אותו - 465 00:21:31,310 --> 00:21:34,860 חדה כוללת, שהיית להיות האנלוגיה C - 466 00:21:34,860 --> 00:21:36,250 בקובץ ה-HTML שלך. 467 00:21:36,250 --> 00:21:39,820 אז אתה צריך לכלול את זה קוד בקובץ ה-HTML שלך. 468 00:21:39,820 --> 00:21:46,080 זה להיות השם של הקובץ ו בהנחה שזה באותה הספרייה. 469 00:21:46,080 --> 00:21:47,100 >> על אישור. 470 00:21:47,100 --> 00:21:48,200 זה היה הרבה. 471 00:21:48,200 --> 00:21:52,440 ואנחנו עכשיו הולכים לנשום ולחפש בחלק מהאתר אמיתי, חי ו 472 00:21:52,440 --> 00:21:53,720 לחקור את זה יותר. 473 00:21:53,720 --> 00:21:55,470 אבל לפני שאנחנו עושים את זה, עושה לאף אחד יש לך שאלות? 474 00:21:55,470 --> 00:22:00,830 475 00:22:00,830 --> 00:22:04,970 >> אז אם אתה רוצה לעשות את זה יחד עם לי, אנחנו יכולים ללכת למכשיר. 476 00:22:04,970 --> 00:22:08,950 ואני בחרתי בדף בית CS50. 477 00:22:08,950 --> 00:22:10,020 אתה יכול לעשות את זה עם כל אתר אינטרנט. 478 00:22:10,020 --> 00:22:13,070 אבל למה שלא תתחילו עם דף הבית של CS50? 479 00:22:13,070 --> 00:22:14,650 >> בואו לרענן. 480 00:22:14,650 --> 00:22:18,030 אני דווקא מאוד ממליץ לך לעשות זה יחד איתי, כי מה שאנו 481 00:22:18,030 --> 00:22:22,720 הולכים לעשות עכשיו הוא הולך להיות שימושי מאוד עבורך, לא רק ב 482 00:22:22,720 --> 00:22:24,450 7 P-הגדר, אבל בP-סט 8 גם כן. 483 00:22:24,450 --> 00:22:24,810 כן. 484 00:22:24,810 --> 00:22:29,560 >> קהל: האם יש דרך לעשות את הדברים ב-HTML, ללא שימוש PHP? 485 00:22:29,560 --> 00:22:31,130 >> ג'ייסון הירשהורן: כן, אתה יכול להעיר הערות ב-HTML. 486 00:22:31,130 --> 00:22:32,690 >> קהל: מה התחביר? 487 00:22:32,690 --> 00:22:34,340 >> קהל: מקף מקף סימן קריאה. 488 00:22:34,340 --> 00:22:36,125 >> קהל: אישור. 489 00:22:36,125 --> 00:22:37,100 >> ג'ייסון הירשהורן: כן. 490 00:22:37,100 --> 00:22:38,350 זה התחביר. 491 00:22:38,350 --> 00:22:40,630 492 00:22:40,630 --> 00:22:41,900 אתה יכול להעיר הערות ב-HTML. 493 00:22:41,900 --> 00:22:43,310 אתה יכול להעיר הערות ב-PHP. 494 00:22:43,310 --> 00:22:46,590 >> כפי שתראה, להגיב ב-HTML יהיה עדיין מופיע, כאשר אנו מסתכלים על 495 00:22:46,590 --> 00:22:49,960 קוד מקור של ה-HTML של אתר מסוים. 496 00:22:49,960 --> 00:22:51,610 אז cs50.net זה. 497 00:22:51,610 --> 00:22:57,360 אם אתה לוחץ לחיצה ימני ברוב מודרני דפדפנים ביותר על כל דף, אתה מציג 498 00:22:57,360 --> 00:22:58,820 המקור של הדף. 499 00:22:58,820 --> 00:23:01,480 אז בואו לעשות את זה בCS50. 500 00:23:01,480 --> 00:23:05,060 >> וראה זה פלא, אנחנו תראה את דבר ענק. 501 00:23:05,060 --> 00:23:07,420 CS50 נראה דווקא די נחמד. 502 00:23:07,420 --> 00:23:08,920 הרבה אתרים לא יהיה נראה נחמד הזה. 503 00:23:08,920 --> 00:23:10,540 אם אתה רוצה ללכת לדף הבית של גוגל ולפתוח אותו. 504 00:23:10,540 --> 00:23:11,960 זה לא נראה יפה זה. 505 00:23:11,960 --> 00:23:13,830 >> אבל אתה שם לב ש, בחלק העליון - 506 00:23:13,830 --> 00:23:16,650 זה סוג של קטן. 507 00:23:16,650 --> 00:23:17,900 בואו נעשיתי את זה גדול יותר. 508 00:23:17,900 --> 00:23:22,660 509 00:23:22,660 --> 00:23:23,570 על אישור. 510 00:23:23,570 --> 00:23:26,660 בחלק העליון, DOCTYPE HTML, זה מוכר. 511 00:23:26,660 --> 00:23:30,650 ואז אנחנו רואים את תג ה-HTML והפתוח הראש, ממש כאן, כל 512 00:23:30,650 --> 00:23:34,350 של תגי ה-meta אלה. 513 00:23:34,350 --> 00:23:38,000 ואתם יכולים לראות עוג הזה, לא הולך להיכנס לזה עכשיו. 514 00:23:38,000 --> 00:23:42,110 אבל אני כמעט חיובי באותה אלה יהיו פייסבוק. 515 00:23:42,110 --> 00:23:42,900 >> זה הוא למעשה פייסבוק. 516 00:23:42,900 --> 00:23:44,870 אני חושב שעומד על גרף פתוח. 517 00:23:44,870 --> 00:23:48,930 אז תזכור, הייתי להזכיר שיש Faceboook הספציפי metadata שאתה יכול 518 00:23:48,930 --> 00:23:49,800 לתת לדף. 519 00:23:49,800 --> 00:23:51,150 זה מה שהוא כאן. 520 00:23:51,150 --> 00:23:54,580 >> לכן, כאשר אתה מקשר לדף הזה בפייסבוק, התמונה שזה הולך להראות 521 00:23:54,580 --> 00:23:56,630 הוא הדימוי הזה ממש כאן. 522 00:23:56,630 --> 00:23:58,310 ואתה באמת רואה שזה פייסבוק, כי זה 523 00:23:58,310 --> 00:23:59,470 תמונת פייסבוק. 524 00:23:59,470 --> 00:24:00,880 >> אבל בכל מקרה, אנחנו מקבלים בצד. 525 00:24:00,880 --> 00:24:03,220 אז יש לנו כמה תגים מטה כאן. 526 00:24:03,220 --> 00:24:05,570 אנו רואים את כותרת CS50. 527 00:24:05,570 --> 00:24:09,830 ושוב, הכותרת היא מה שקורה עד כאן בלשונית הדפדפן. 528 00:24:09,830 --> 00:24:14,770 אנחנו רואים את זה הוא קישור ב, ממש כאן, קובץ JavaScript חיצוני. 529 00:24:14,770 --> 00:24:17,640 >> לא דברנו על JavaScript הרבה, אבל בשבוע הבא - ובוודאי אם 530 00:24:17,640 --> 00:24:20,350 שאתה עושה סט בעיה מבוסס אינטרנט, אתה תהיה באמצעות JavaScript. 531 00:24:20,350 --> 00:24:23,540 זה איך אתה מקשר בחיצוני JavaScript קבצים. 532 00:24:23,540 --> 00:24:31,970 אנו רואים כאן, סוף סוף, את ה-CSS גיליון סגנונות, כי מסמכים אלה 533 00:24:31,970 --> 00:24:32,830 סגנונות של קוד זה. 534 00:24:32,830 --> 00:24:37,190 >> בואו באמת לפתוח את זה ו תסתכל ממש מהר. 535 00:24:37,190 --> 00:24:38,440 זה נראה מטורף. 536 00:24:38,440 --> 00:24:40,840 537 00:24:40,840 --> 00:24:42,790 אין שום סיכוי שהייתי הצליח לקרוא עד הסוף. 538 00:24:42,790 --> 00:24:46,930 אז אתה בעצם אף יכול, אם אתה לוקח מראה, אתה יכול לראות את זה סוג של 539 00:24:46,930 --> 00:24:48,650 יש - 540 00:24:48,650 --> 00:24:49,790 שם אנחנו הולכים. 541 00:24:49,790 --> 00:24:53,440 >> זה נראה כמו משהו שראינו לפני, צבע רקע, הגדרת אותו 542 00:24:53,440 --> 00:24:55,550 שווה ערך כלשהו אדום ירוק כחול. 543 00:24:55,550 --> 00:24:59,070 החומר הזה סוג של צריך לא נראה כי זר, למרות ש, כאשר הציגו 544 00:24:59,070 --> 00:25:00,850 ככה, זה יכול להיות קצת מוחץ. 545 00:25:00,850 --> 00:25:03,340 אנחנו לא הולכים להסתכל על קובץ CSS זה או לבזבז זמן רב על זה, כי 546 00:25:03,340 --> 00:25:06,030 זה, שוב, די קשה לקריאה. 547 00:25:06,030 --> 00:25:09,090 >> בואו נחזור לזה דף ה-HTML לCS50. 548 00:25:09,090 --> 00:25:10,930 ובואו לגלול למטה לגוף. 549 00:25:10,930 --> 00:25:14,730 ובתוך אנו רואים תג div זה. 550 00:25:14,730 --> 00:25:18,370 אנחנו רואים את כותרת כאן. 551 00:25:18,370 --> 00:25:21,060 אנחנו רואים את תג העוגן. 552 00:25:21,060 --> 00:25:26,050 >> ואלמנט ברשימה זו הוא בהתחשב ברמה מסוימת. 553 00:25:26,050 --> 00:25:28,370 ואנו רואים ברמה שחזרה שוב ושוב. 554 00:25:28,370 --> 00:25:29,730 הנה אתה קרטיס. 555 00:25:29,730 --> 00:25:32,730 יש התגובה ב-HTML5. 556 00:25:32,730 --> 00:25:36,280 >> וכפי שאתם שמים לב, אנחנו עדיין יכולים לראות את זה, אבל זה לא מופיע. 557 00:25:36,280 --> 00:25:37,960 זה ממש ממש מעניין. 558 00:25:37,960 --> 00:25:40,760 זה נראה כמו רשימת ציונים זו אלמנט בהערות. 559 00:25:40,760 --> 00:25:45,110 אם נלך לדף זה, שוב, זה עדיין מופיע שם, כל כך מעניין. 560 00:25:45,110 --> 00:25:47,830 >> אה, זה למה, כי של קו זה הבא. 561 00:25:47,830 --> 00:25:50,680 562 00:25:50,680 --> 00:25:52,735 מה עוד שאנו רואים עניין? 563 00:25:52,735 --> 00:25:56,640 564 00:25:56,640 --> 00:26:00,180 שאר זה יותר מבלבל, ב התמודדות עם מחצית זכות זו של 565 00:26:00,180 --> 00:26:03,280 באתר, שהוא קטן קצת יותר מורכב. 566 00:26:03,280 --> 00:26:08,890 >> אז זה מה שקצת HTML הוא הולך להיראות. 567 00:26:08,890 --> 00:26:10,990 למרות שבשבילי, זה קצת מכריע, וזה לא 568 00:26:10,990 --> 00:26:12,350 תעזור לי כל כך הרבה. 569 00:26:12,350 --> 00:26:16,560 עם זאת, יש משהו ש אין, למעשה, לעזור לי הרבה. 570 00:26:16,560 --> 00:26:20,490 >> וזה מה שאני משתמש בכל פעם שאני מנסה להבין איך משהו 571 00:26:20,490 --> 00:26:24,270 נראה כמו שהוא נראה, או איך יכול אני עושה שינויים באתר האינטרנט שלי. 572 00:26:24,270 --> 00:26:29,280 וזה הוא כלי מפתח כי הוא בנוי ל-Chrome. 573 00:26:29,280 --> 00:26:33,960 אז אם אתה הולך לשלושה ברים זה תקין פה ולרדת לכלים לחץ על 574 00:26:33,960 --> 00:26:40,120 כלי פיתוח, חלון קטן יהיה צצים בחלק התחתון של הדף. 575 00:26:40,120 --> 00:26:46,910 ובפרט, Chrome, שכן הוא נפלא, יהיה לעצב את החלון הזה ו 576 00:26:46,910 --> 00:26:49,580 לקחת את ה-HTML ולגרום לזה להיראות הרבה יותר נחמד בשבילך. 577 00:26:49,580 --> 00:26:54,860 אז עכשיו זה בעצם חלק מתקפלים HTML, כי אתה יכול לחקור כדי לבדוק 578 00:26:54,860 --> 00:26:56,620 האלמנטים של הדף. 579 00:26:56,620 --> 00:26:59,400 >> אם אנחנו רוצים להסתכל על הגוף, הוא מדגיש למעשה. 580 00:26:59,400 --> 00:27:03,240 בעת גלילה על חלק של ה-HTML, למטה בחלון זה, זה יהיה 581 00:27:03,240 --> 00:27:06,530 להדגיש את חלקו מדבר על בחלון הגדול. 582 00:27:06,530 --> 00:27:10,800 אז תן לי לנסות שוב ו לפוצץ את זה קצת. 583 00:27:10,800 --> 00:27:12,170 על אישור. 584 00:27:12,170 --> 00:27:13,550 >> אז בואו לפתוח את הגוף. 585 00:27:13,550 --> 00:27:17,280 ואני גלילה על div השמאלי זה. 586 00:27:17,280 --> 00:27:21,420 ואתה שם לב שהוא מדגיש החצי שמאלי של המסך. 587 00:27:21,420 --> 00:27:25,710 אז בואו לחצו על זה ולהרחיב את זה. 588 00:27:25,710 --> 00:27:27,280 >> בתוכו, זה נראה כמו יש שני אלמנטים div. 589 00:27:27,280 --> 00:27:29,790 יש div הראשון הזה. 590 00:27:29,790 --> 00:27:30,760 אני לא רואה את זה מודגש. 591 00:27:30,760 --> 00:27:35,900 אני לא יודע, אבל זה נראה כך שנייה אחת, עזב פנימי, הוא התוכן 592 00:27:35,900 --> 00:27:37,700 בצד השמאל של המסך. 593 00:27:37,700 --> 00:27:39,360 >> ואז יש את הדבר הזה שנקרא כותרת. 594 00:27:39,360 --> 00:27:41,890 זה נראה כמו שההדגשה חלק CS50. 595 00:27:41,890 --> 00:27:46,600 אם נפתחנו את זה, אנחנו רואים שזה לא יותר מאשר כותרת 1. 596 00:27:46,600 --> 00:27:51,140 זה ניתנה תעודת זהות, וזה ניתנו cs50 הטקסט. 597 00:27:51,140 --> 00:27:57,240 >> אז שוב, מסתכל עליו דרך זה קונסולה או שימוש בכלי הפיתוח 598 00:27:57,240 --> 00:28:00,710 חלונית בחלק התחתון של המסך עושה לחקור את האתר הזה, בתקווה, 599 00:28:00,710 --> 00:28:02,990 הרבה פחות מאיים ו הרבה יותר נגיש. 600 00:28:02,990 --> 00:28:06,360 זה גם מאפשר לנו להבין כי אתר זה, למרות שזה נראה מאוד 601 00:28:06,360 --> 00:28:09,210 יפה ונחמד, לא כל כך הרבה יותר ממה שאתה הולך להיות 602 00:28:09,210 --> 00:28:10,430 עושה על הבעיה 7 סט. 603 00:28:10,430 --> 00:28:13,080 וזה לגמרי בתוך היכולת שלך ליצור. 604 00:28:13,080 --> 00:28:14,110 >> אם אנחנו רוצים - 605 00:28:14,110 --> 00:28:18,270 הדבר מגניב האחר על שימוש באלה כלים הוא, אם אתה לחץ לחיצה ימנית על 606 00:28:18,270 --> 00:28:22,270 כותרת, אתה יכול לערוך את ה-HTML. 607 00:28:22,270 --> 00:28:25,660 אז בואו נקראים לזה ג'ייסון. 608 00:28:25,660 --> 00:28:28,990 ועכשיו אתה תשים לב ששיניתי את HTML בדף זה. 609 00:28:28,990 --> 00:28:31,020 >> אני, כמובן, לא השתנה זה באופן קבוע. 610 00:28:31,020 --> 00:28:34,570 אם אני לרענן את הדפדפן שלי, אז זה היית לחזור לHTML המקורי. 611 00:28:34,570 --> 00:28:38,860 אבל לפעמים אני רוצה לאתר באגים בקוד שלי, ואני לא רוצה להיראות פשוט צריכה 612 00:28:38,860 --> 00:28:41,370 חלון gedit ולנסות ולהבין מה קורה. 613 00:28:41,370 --> 00:28:42,705 >> אני רוצה לראות מה יקרה בשידור חי. 614 00:28:42,705 --> 00:28:45,880 אז אני לערוך קוד כזה ולקבל את זה בדרך שאני רוצה שזה ייראה. 615 00:28:45,880 --> 00:28:47,960 ואז אני אכין לי שינויים בקוד שלי. 616 00:28:47,960 --> 00:28:50,010 >> ואני מוצא שזה הרבה יותר קל כאשר אתה יכול לעשות את הדברים 617 00:28:50,010 --> 00:28:52,400 באופן מיידי, כמו זה. 618 00:28:52,400 --> 00:28:58,410 תגיד, שוב, אנחנו רוצים לעשות עוד סיכוי, כי אנחנו בוחנים עם 619 00:28:58,410 --> 00:29:00,340 HTML ו-CSS עכשיו. 620 00:29:00,340 --> 00:29:02,600 אני יכול לערוך את ה-HTML עכשיו. 621 00:29:02,600 --> 00:29:06,680 ואני הולך לכלול קישור. 622 00:29:06,680 --> 00:29:10,650 >> אז אני הולך לשנות את הבית של CS50 דף, כך שזה יהיה קישור ל-- 623 00:29:10,650 --> 00:29:12,060 נניח - דף הבית שלי. 624 00:29:12,060 --> 00:29:16,700 מה שמו, אם מישהו זוכר, או מה התכונה שאני רוצה לתת לי 625 00:29:16,700 --> 00:29:18,850 לכרטיסיית עוגן מתי שאני רוצה זה לקשר במקום אחר? 626 00:29:18,850 --> 00:29:19,562 >> קהל: href? 627 00:29:19,562 --> 00:29:20,812 >> ג'ייסון הירשהורן: href - 628 00:29:20,812 --> 00:29:32,520 629 00:29:32,520 --> 00:29:35,750 אז עכשיו, אתה תראה שיש הוא קו תחתון מתחת לג'ייסון. 630 00:29:35,750 --> 00:29:40,170 זה בגלל כרום, כברירת מחדל, נותן עוגנים קו תחתון. 631 00:29:40,170 --> 00:29:41,990 בטח כבר ראה את זה קודם כשאתה כבר הלך לדף אינטרנט. 632 00:29:41,990 --> 00:29:44,200 דברים שהם קישורים בקו תחתון ובצבע כחול. 633 00:29:44,200 --> 00:29:47,300 סגנון ברירת המחדל עבור קישור הוא להדגיש בדרך 634 00:29:47,300 --> 00:29:48,830 ולשים אותו בכחול. 635 00:29:48,830 --> 00:29:50,050 >> אם אני לא אוהב את זה, אני יכול לשנות את זה. 636 00:29:50,050 --> 00:29:51,220 ואנחנו נשנה את זה בשנייה. 637 00:29:51,220 --> 00:29:54,660 אבל עכשיו, גם שם לב שאם אני מרחף מעל זה, בפינה שמאלית התחתונה של 638 00:29:54,660 --> 00:29:58,580 מסך, ממש מעל מילת האלמנטים הוא הקישור שנתתי לו. 639 00:29:58,580 --> 00:30:03,080 >> אז אם אני עשיתי ללחוץ על זה - ואנחנו יכולים לחץ לחיצה ימנית על זה, לפתוח כרטיסייה חדשה. 640 00:30:03,080 --> 00:30:04,520 זה לא ממש הבית שלי. 641 00:30:04,520 --> 00:30:06,700 זה פשוט השם שלי. 642 00:30:06,700 --> 00:30:07,210 הנה לך. 643 00:30:07,210 --> 00:30:10,440 עכשיו יש לנו להפוך אותו לקישור. 644 00:30:10,440 --> 00:30:13,220 >> בואו לחקור כמה CSS גם כן. 645 00:30:13,220 --> 00:30:15,680 הדבר היפה - ואני הולך להפוך את זה לקצת יותר קטן - כ 646 00:30:15,680 --> 00:30:19,480 קונסולה זו היא, שגיליון CSS המטורף שראינו קודם, שהיה באמת 647 00:30:19,480 --> 00:30:24,130 קשה לנתח, הוא עכשיו יפה הניח לנו בצד שמאל 648 00:30:24,130 --> 00:30:25,270 של חלונית זו. 649 00:30:25,270 --> 00:30:27,230 אז אנחנו יכולים להסתכל. 650 00:30:27,230 --> 00:30:33,690 ואם ירחיבו כרטיסיית סגנונות זה, יכול לראות את כל הסגנונות השונים 651 00:30:33,690 --> 00:30:37,940 המשויכים, במקרה זה, אלמנט המסוים הזה, זה 652 00:30:37,940 --> 00:30:39,700 קישור אלמנט. 653 00:30:39,700 --> 00:30:44,240 >> אם אנחנו עושים את כרטיסיית סגנונות המורכבים, ה רק מראה לנו, ולא שבו הכל 654 00:30:44,240 --> 00:30:47,450 בא, אבל בעצם כל אלה סגנונות הפועלים על 655 00:30:47,450 --> 00:30:51,220 האלמנט הזה בפרט עכשיו. 656 00:30:51,220 --> 00:30:55,050 ונניח, שאנו רוצים כדי לשנות אותו קצת. 657 00:30:55,050 --> 00:30:58,870 658 00:30:58,870 --> 00:31:02,740 אז זה כל הסגנונות הפועל על אלמנט המסוים הזה. 659 00:31:02,740 --> 00:31:04,800 אומר שאנחנו רוצים לשנות את זה, כי אנחנו רוצה לראות איך נראה משהו. 660 00:31:04,800 --> 00:31:06,050 ואנחנו רק משחקים סביב עכשיו. 661 00:31:06,050 --> 00:31:08,720 או שאנחנו רוצים לבדוק משהו, לפני כותב את זה בקוד ודוחף 662 00:31:08,720 --> 00:31:10,150 שלו ולהפוך אותו לחיות. 663 00:31:10,150 --> 00:31:11,780 >> אנחנו יכולים ללכת לכרטיסיית הסגנונות. 664 00:31:11,780 --> 00:31:14,270 ובתיבה הראשונה אותו אומר, element.style. 665 00:31:14,270 --> 00:31:17,020 וכאן, אתה יכול להוסיף, אתה יכול להוסיף משהו. 666 00:31:17,020 --> 00:31:18,550 >> אז אני רוצה - 667 00:31:18,550 --> 00:31:22,360 בואו נלך לקישור ו להגדיר את צבע הרקע. 668 00:31:22,360 --> 00:31:25,830 וזה ממש autofills את זה בשבילך, כל התכונות אפשריות. 669 00:31:25,830 --> 00:31:29,360 צבע רקע, ואני רוצה כדי להפוך את כחול ש. 670 00:31:29,360 --> 00:31:31,520 Blus הוא לא מילה. 671 00:31:31,520 --> 00:31:32,400 כחול הוא מילה. 672 00:31:32,400 --> 00:31:34,490 >> האם אני רואה אותה לבוא? 673 00:31:34,490 --> 00:31:35,800 אה, הוא שבגלל שזה בhref? 674 00:31:35,800 --> 00:31:36,550 על אישור. 675 00:31:36,550 --> 00:31:40,220 אז אני לא רואה שום שינוי כאן. 676 00:31:40,220 --> 00:31:45,100 וזה משום שאם אנו מדגישים את קישור, תוכל להבחין כי את הקישור 677 00:31:45,100 --> 00:31:48,430 הוא לא ממש שולט מאפיינים של אלמנט המסוים הזה. 678 00:31:48,430 --> 00:31:52,430 זה בעצם, אם אנחנו פותחים את הקישור, כותרת זו ממש כאן זה 679 00:31:52,430 --> 00:31:53,590 שליטה במה שזה נראה. 680 00:31:53,590 --> 00:31:56,380 >> אז אם אני רוצה לעשות את הרקע כחול, אני בעצם צריך לשנות 681 00:31:56,380 --> 00:31:59,640 צבע רקע על אלמנט כותרת. 682 00:31:59,640 --> 00:32:02,700 ועכשיו אנחנו רואים את זה רקע הוא כחול. 683 00:32:02,700 --> 00:32:06,770 >> אז שוב, זה במהירות אולי הולך באמצעות חומר זה די מהר. 684 00:32:06,770 --> 00:32:08,580 אבל זה בעצם מה אתה הולך לעשות. 685 00:32:08,580 --> 00:32:10,860 זה לא בבעיה 7 סט, אבל בהחלט כשאתה 686 00:32:10,860 --> 00:32:12,080 קידוד באינטרנט. 687 00:32:12,080 --> 00:32:12,360 >> על אישור. 688 00:32:12,360 --> 00:32:13,780 אני רוצה להפוך את הרקע הכחול. 689 00:32:13,780 --> 00:32:16,180 למרות, במקרה זה, כחול נראה די מכוער. 690 00:32:16,180 --> 00:32:17,740 אני יכול ללכת לכאן, לשחק. 691 00:32:17,740 --> 00:32:20,515 אני רואה שמשנה אותו לכחול לא עובד על. 692 00:32:20,515 --> 00:32:26,710 אני צריך בעצם לשנות את הכותרת אלמנט לכלול הכחול 693 00:32:26,710 --> 00:32:28,200 רקע. 694 00:32:28,200 --> 00:32:34,450 >> ולאחר מכן, אם לאחר מכן אני חוזר לCSS שלי קובץ, איך אני בעצם להגדיר את זה 695 00:32:34,450 --> 00:32:37,520 רקע להיות כחול ו לעשות שינוי זה מקל? 696 00:32:37,520 --> 00:32:44,840 כי אם אנחנו שמים לב אם אני לרענן את דף, כל השינויים שעשיתי נעלמו. 697 00:32:44,840 --> 00:32:47,220 אז הבנתי, בסדר, שלי רקע הוא כחול. 698 00:32:47,220 --> 00:32:51,260 >> אני צריך להיכנס לזה אלמנט header1 ולשנות את צבע רקע לכחול. 699 00:32:51,260 --> 00:32:52,710 איך אני בעצם עושה את השינוי? 700 00:32:52,710 --> 00:32:57,040 ובכן, זוכר את זה, אם אנחנו הולכים בתוך מכאן, כותרת זו, 701 00:32:57,040 --> 00:32:59,280 יש כותרת זהות. 702 00:32:59,280 --> 00:33:00,890 וזה כותרת. 703 00:33:00,890 --> 00:33:09,010 >> וכך, בקובץ CSS שלנו, אנו יכולים לומר, בסדר, לקחת שום דבר עם תעודת זהות של כותרת ו 704 00:33:09,010 --> 00:33:11,330 נותן לו תכונה נוספת. 705 00:33:11,330 --> 00:33:18,010 איך אפשר להפנות משהו עם תעודת זהות של כותרת, כל רעיון, או מישהו 706 00:33:18,010 --> 00:33:24,406 יודע איך להתייחס תעודות זהות בקובץ CSS שלנו? 707 00:33:24,406 --> 00:33:26,290 >> חשיש, זה בדיוק נכון. 708 00:33:26,290 --> 00:33:28,710 ויש לך שמץ של שממש כאן. 709 00:33:28,710 --> 00:33:32,810 אז איפשהו בקובץ CSS זה, יש הקו הזה של קוד - 710 00:33:32,810 --> 00:33:34,150 # # # עזב את הכותרת # כותרת שמאלית פנימית. 711 00:33:34,150 --> 00:33:36,810 712 00:33:36,810 --> 00:33:40,590 וזה נותן לו מרווח תחתון, הגדרת תחתית השוליים של זה 713 00:33:40,590 --> 00:33:42,220 אלמנט מסוים. 714 00:33:42,220 --> 00:33:46,580 >> ובכן, אם אני רוצה לשנות את זה, הייתי הולך לקובץ CSS זה. 715 00:33:46,580 --> 00:33:49,510 ואני גם יכול למצוא את זה חלק מקובץ CSS. 716 00:33:49,510 --> 00:33:50,300 או שאני יכול לכתוב שלי. 717 00:33:50,300 --> 00:33:54,670 >> אני יכול לעשות סד הכותרת מתולתל חשיש ו לאחר מכן מעי גס בצבע רקע כחול 718 00:33:54,670 --> 00:33:57,250 פסיק וקרוב שסד מתולתל. 719 00:33:57,250 --> 00:34:02,790 וזה יהיה לשנות את הרקע צבע של האלמנט הזה לכחול. 720 00:34:02,790 --> 00:34:06,690 הסיבה שהם נותנים לך כל כך הרבה כאן היא כי, זה הכרחי במקרה הזה, 721 00:34:06,690 --> 00:34:08,690 בגלל הכותרת היא זיהוי ייחודי. 722 00:34:08,690 --> 00:34:11,190 >> אבל מה אתה יכול לעשות הוא דברים קן. 723 00:34:11,190 --> 00:34:14,760 אז זה אומר, בסדר, תלך לצד השמאל. 724 00:34:14,760 --> 00:34:15,350 זה קטן מאוד. 725 00:34:15,350 --> 00:34:16,150 אני מתנצל על כך. 726 00:34:16,150 --> 00:34:17,750 >> אבל ללכת לדבר עם שמאל מזהה. 727 00:34:17,750 --> 00:34:20,420 בתוך כך, חפש דבר עם תעודת זהות עזב פנימי. 728 00:34:20,420 --> 00:34:22,630 בתוך המבט הזה, חפש הדבר עם כותרת מזהה. 729 00:34:22,630 --> 00:34:27,560 בתוך כך, מחפש את הדבר הכותרת מזהה ולשנות את כותרת הזהות. 730 00:34:27,560 --> 00:34:29,120 אז זה רק דרך דברים קינון. 731 00:34:29,120 --> 00:34:32,719 יש אנשים שאוהבים את קינו, כי זה עושה את זה קצת יותר ברור. 732 00:34:32,719 --> 00:34:37,980 >> אתה תראה כאן למטה גם, נכון כאן, אין חשיש. 733 00:34:37,980 --> 00:34:39,449 זה פשוט H1. 734 00:34:39,449 --> 00:34:44,060 זה בגלל h1 הוא נתון שמו של תג גנריות. 735 00:34:44,060 --> 00:34:48,080 ויש כמה מאפייני CSS הקשורים לכל אחד וh1. 736 00:34:48,080 --> 00:34:51,889 אז אם מצאתי את h1 אחר בדף זה, אני רוצה גם לראות שסגנון זה היה 737 00:34:51,889 --> 00:34:54,280 להחיל את זה גם כן. 738 00:34:54,280 --> 00:34:59,290 >> אם אני רוצה להחיל סגנון לכיתה, איך אני התייחסות בכיתה או 739 00:34:59,290 --> 00:35:02,469 מדבר על כיתה בקובץ CSS? 740 00:35:02,469 --> 00:35:03,315 >> קהל: דוט. 741 00:35:03,315 --> 00:35:05,340 >> ג'ייסון הירשהורן: זה עם נקודה. 742 00:35:05,340 --> 00:35:08,630 אז בואו נחזור לדף הזה בעבר. 743 00:35:08,630 --> 00:35:11,160 אם אני עושה את זהות חשיש. 744 00:35:11,160 --> 00:35:14,760 זה משתנה בסגנון של הדבר עם תעודת זהות. 745 00:35:14,760 --> 00:35:21,390 או מצטער, אם אני עושה את הלוגו של חשיש, זה מציאת הדבר עם זיהוי של לוגו 746 00:35:21,390 --> 00:35:24,010 ונותן לו סגנון CSS בפרט. 747 00:35:24,010 --> 00:35:28,280 >> אם אני עושה משהו. עליון, שמוצא הכל בכיתה של עליון ו 748 00:35:28,280 --> 00:35:30,190 שינוי הסגנונות שלה. 749 00:35:30,190 --> 00:35:35,950 אם אני פשוט H1, שמוצא בכל h1 יחיד ונותן לו את כל מה 750 00:35:35,950 --> 00:35:37,940 סגנון שאני רוצה לתת לו. 751 00:35:37,940 --> 00:35:43,260 אם אני עושה את שטח H1 ולאחר מכן. עליונה. 752 00:35:43,260 --> 00:35:47,670 שילך למצוא את כל h1s ולאחר מכן כל אלה עם הכיתה של עליון ו 753 00:35:47,670 --> 00:35:51,690 לאחר מכן לשנות רק סגנונות אלה כדי כל מה שאני רוצה לתת לו. 754 00:35:51,690 --> 00:35:54,600 >> ושוב, אנחנו יכולים לכתוב חלק מזה בכוחות עצמנו. 755 00:35:54,600 --> 00:35:55,790 אבל אנחנו לא היינו מקבלים כל כך רחוקים. 756 00:35:55,790 --> 00:35:59,180 הרבה יותר טוב, זה נראה בעצם ללכת באתר אינטרנט חי ואמיתי ולראות איך 757 00:35:59,180 --> 00:36:02,800 הם עושים את זה ולהסתכל על כל דברים נפלאים שאתה מקבל לעשות. 758 00:36:02,800 --> 00:36:06,570 >> בואו נסתכל על אתר אחד יותר לפני שאנחנו עוברים. 759 00:36:06,570 --> 00:36:10,150 ואת זה הוא אחד שאתה בטח להכיר. 760 00:36:10,150 --> 00:36:12,310 זה CS50 האוצר. 761 00:36:12,310 --> 00:36:16,120 אז שוב, למעשה אתה יכול להיכנס ו להתבונן קובץ CSS זה עליך 762 00:36:16,120 --> 00:36:19,390 מחשב, בגלל שהורדת את זה קובץ CSS, אם הוריד 763 00:36:19,390 --> 00:36:20,270 בעיה מוגדרת. 764 00:36:20,270 --> 00:36:26,850 >> אנחנו יכולים ללכת לכלים ו כלים למפתחים. 765 00:36:26,850 --> 00:36:30,280 ואנחנו רואים את פריסת ה-HTML הרבה יותר פשוט. 766 00:36:30,280 --> 00:36:32,020 יש לנו למעלה, באמצע, ובתחתית. 767 00:36:32,020 --> 00:36:34,490 ושוב, משהו שאתה צריך להיות מכיר, כי אתה כבר נראה 768 00:36:34,490 --> 00:36:37,680 באמצעות קוד ההפצה לבעיה של השבוע שנקבעה. 769 00:36:37,680 --> 00:36:43,360 >> בחלק העליון הוא, לקוד, תמונה אחת בשם. 770 00:36:43,360 --> 00:36:47,170 וזה מקור של התמונה. 771 00:36:47,170 --> 00:36:52,170 להגיד שסיימתי את כל מה רציתי לבעיה 7 סט. 772 00:36:52,170 --> 00:36:55,500 וזה עובד בצורה נכונה, אבל אני רוצה לשנות את איך שזה נראה. 773 00:36:55,500 --> 00:36:58,900 ואני רוצה לשנות את הרקע מהחלק העליון של הדף ל, 774 00:36:58,900 --> 00:37:01,000 לדוגמא, כחול. 775 00:37:01,000 --> 00:37:04,860 אם היה לי, הייתי בא ב כאן ולהבין, על אישור מה 776 00:37:04,860 --> 00:37:05,890 אני רוצה לשנות. 777 00:37:05,890 --> 00:37:08,700 >> בואו נראה, div עליון זהות, שנראה כמו החלק העליון של הדף. 778 00:37:08,700 --> 00:37:09,910 אז בואו נלך לשם. 779 00:37:09,910 --> 00:37:13,940 בואו ננסה לשנות את צבע רקע. 780 00:37:13,940 --> 00:37:16,360 בואו נלך לעשות אליס כחולה, כי זה אחד יותר נחמד. 781 00:37:16,360 --> 00:37:18,010 >> ותוכל להבחין כי - 782 00:37:18,010 --> 00:37:19,190 אתה כנראה לא יכול לראות את זה. 783 00:37:19,190 --> 00:37:23,430 אבל יש אור כחול, לצד הלוגו של CS50. 784 00:37:23,430 --> 00:37:25,810 בואו לשנות אותו במקום לאדום. 785 00:37:25,810 --> 00:37:28,790 ותשימו לב עכשיו אני רק שיניתי את צבע הרקע לאדום. 786 00:37:28,790 --> 00:37:37,050 >> אז עכשיו אני אלך לקובץ CSS שלי ו הקלד # סוגריים מסולסלים ימני העליונים כאן. 787 00:37:37,050 --> 00:37:42,170 אתה יכול לראות את הקוד נכון כאן, סד מתולתל. 788 00:37:42,170 --> 00:37:44,530 ואז, הייתי מוסיף רקע צבע, אדום. 789 00:37:44,530 --> 00:37:47,500 ולאחר מכן, לא יהיו להיות סד מתולתל. 790 00:37:47,500 --> 00:37:52,230 אז זה איך הייתי לחקור ו להתנסות בעיצוב בCS50 791 00:37:52,230 --> 00:37:53,070 אתר האוצר. 792 00:37:53,070 --> 00:37:55,060 >> אני יכול לעשות את זה כאן ומבחן את זה בדפדפן שלי. 793 00:37:55,060 --> 00:37:58,130 ואז, אני יכול להיכנס לקוד שלי בפועל ולבצע את השינויים שיהיו 794 00:37:58,130 --> 00:38:01,940 בעצם ללכת בשידור חי ושאנשים ממש לראות, אם הם היו באים אל 795 00:38:01,940 --> 00:38:04,280 האתר הספציפי שלי. 796 00:38:04,280 --> 00:38:05,390 >> על אישור. 797 00:38:05,390 --> 00:38:06,850 זה היה הרבה. 798 00:38:06,850 --> 00:38:09,380 אני מתנצל על עובר זה כל כך מהר. 799 00:38:09,380 --> 00:38:12,560 האם יש למישהו שאלות בכלל על HTML או CSS? 800 00:38:12,560 --> 00:38:15,830 801 00:38:15,830 --> 00:38:24,728 >> קהל: אתה יכול פשוט ללכת על איך אתה מקושר מה הפך ג'ייסון, שוב? 802 00:38:24,728 --> 00:38:26,180 >> ג'ייסון הירשהורן: מה זאת אומרת קשורה? 803 00:38:26,180 --> 00:38:29,765 >> קהל: אתה סיפק קישור למשנהו באתר, תוך שימוש בעוגן. 804 00:38:29,765 --> 00:38:32,980 >> ג'ייסון הירשהורן: אז אתה שואל, רק בשמה הגנרי, איך אתה עושה את קישור? 805 00:38:32,980 --> 00:38:33,560 >> קהל: כן. 806 00:38:33,560 --> 00:38:34,150 >> ג'ייסון הירשהורן: אישור. 807 00:38:34,150 --> 00:38:35,575 הקוד ליצירת קשר - 808 00:38:35,575 --> 00:38:38,180 809 00:38:38,180 --> 00:38:40,590 >> קהל: לא, כמו ב-HTML. 810 00:38:40,590 --> 00:38:43,140 >> ג'ייסון הירשהורן: כאן למטה, אתה מתכוון? 811 00:38:43,140 --> 00:38:46,960 אז אם אני רוצה לכלול קישור איפשהו, נניח, זה HTML עליי 812 00:38:46,960 --> 00:38:50,210 דף ממש כאן. 813 00:38:50,210 --> 00:38:51,010 זה HTML. 814 00:38:51,010 --> 00:38:53,720 אולי זה פתוח בקובץ, index.html. 815 00:38:53,720 --> 00:38:56,100 אני נכנס פנימה 816 00:38:56,100 --> 00:38:58,990 >> בואו זכויות יוצרים זה ג'ון קישור הרווארד למשהו. 817 00:38:58,990 --> 00:39:02,230 כך תהיה לנו לערוך את כל זה כ-HTML. 818 00:39:02,230 --> 00:39:08,480 כל שעליך לעשות הוא כולל, ולכן סוגר סוגר בהישג 819 00:39:08,480 --> 00:39:12,700 התחלה, ולאחר מכן קו נטוי סוגר סוגר קרוב בסוף. 820 00:39:12,700 --> 00:39:13,930 >> אז עכשיו צירפתי תג עוגן. 821 00:39:13,930 --> 00:39:15,475 ובעצם, אם תלחץ על מתוך זה, עכשיו זה יהיה 822 00:39:15,475 --> 00:39:22,110 לעצב אותו לערוך כ-HTML. 823 00:39:22,110 --> 00:39:24,020 ואומרים, אנחנו רוצים לקשר אותו. 824 00:39:24,020 --> 00:39:25,760 שלנו הייתי לך תכונת href. 825 00:39:25,760 --> 00:39:27,010 ואנחנו אומרים - 826 00:39:27,010 --> 00:39:42,600 827 00:39:42,600 --> 00:39:47,600 >> ועכשיו, כפי שאתה שם לב, זכויות יוצרים ג'ון הרווארד הוא כחול. 828 00:39:47,600 --> 00:39:50,870 וכשאני לגלול על זה, עכשיו זה קישור. 829 00:39:50,870 --> 00:39:53,140 אז אתה יכול לכתוב קוד ש. 830 00:39:53,140 --> 00:39:57,030 אתה יכול להקיף כמעט כל דבר אתה רוצה בתג עוגן ולהפעיל אותו 831 00:39:57,030 --> 00:39:57,700 לקישור. 832 00:39:57,700 --> 00:39:58,246 >> קהל: אישור. 833 00:39:58,246 --> 00:39:58,520 קיבלתי את זה. 834 00:39:58,520 --> 00:40:01,300 >> ג'ייסון הירשהורן: ואם אני לא רוצה זה - כמובן, לפעמים אנשים נוטים 835 00:40:01,300 --> 00:40:04,090 לחשוב על דברים אלה כי רק להסתכל כחול הגנרי ועם הקו התחתי הם 836 00:40:04,090 --> 00:40:05,860 לא הדרך הכי יפה לעשות קישור. 837 00:40:05,860 --> 00:40:11,380 אז אם אני בא לכאן, אתה רואה את זה, אי שם בקובץ CSS, יש 838 00:40:11,380 --> 00:40:14,500 כתב את זה ואז שני סוגריים מסולסלים. 839 00:40:14,500 --> 00:40:20,700 אז בואו נגיד את זה, לקישורים, אני לא רוצה שהם יהפכו לכחולים, ולא אני 840 00:40:20,700 --> 00:40:23,645 רוצה את צבעו של קישור ל להיות מגנט זה נחמד. 841 00:40:23,645 --> 00:40:28,320 842 00:40:28,320 --> 00:40:30,640 >> בואו לתת לו את הצבע. 843 00:40:30,640 --> 00:40:34,060 844 00:40:34,060 --> 00:40:35,110 בואו לבחור מגנטה. 845 00:40:35,110 --> 00:40:38,440 עכשיו, יש את כל הקישורים בדף שלי הפך צבע זה נחמד של מגנטה. 846 00:40:38,440 --> 00:40:40,170 יש אנשים שלא אוהבים את הצבעים בכלל. 847 00:40:40,170 --> 00:40:41,340 יש אנשים שלא אוהבים את הקו תחתון. 848 00:40:41,340 --> 00:40:42,510 אתה מקבל לבחור. 849 00:40:42,510 --> 00:40:44,990 >> עם קישורים, אתה יכול לעצב איך הם נראה ברגע שביקרת אותם. 850 00:40:44,990 --> 00:40:47,820 כפי שאתה שם לב בהרבה דפים, קישורים יהפכו סגולים עליך לבקר אותם. 851 00:40:47,820 --> 00:40:49,190 ניתן לשנות את צבע זה גם כן. 852 00:40:49,190 --> 00:40:49,450 כן. 853 00:40:49,450 --> 00:40:51,790 >> קהל: אז אתה משנה אותו לכל קישור. 854 00:40:51,790 --> 00:40:56,310 אבל אם אתה רק רוצה לעשות קישור כי עצמו, היית פשוט עושה בזיהוי 855 00:40:56,310 --> 00:40:58,720 תחתון או משהו? 856 00:40:58,720 --> 00:41:01,070 >> ג'ייסון הירשהורן: שאלה כל כך גדולה. 857 00:41:01,070 --> 00:41:05,090 כפי שמת לב כאן, שיניתי קצת חלק מCSS שחל על 858 00:41:05,090 --> 00:41:11,530 כל מה שA. אם אני רוצה פשוט לעשות את הקישור שבתחתית, אני 859 00:41:11,530 --> 00:41:14,500 אלך לקובץ CSS שלי וכנראה תעשה בדיוק כמו שאמרת, חשיש 860 00:41:14,500 --> 00:41:16,040 חלל תחתון. 861 00:41:16,040 --> 00:41:18,400 ושתיתן לי כל כמו בתחתית. 862 00:41:18,400 --> 00:41:30,720 >> או שאני יכול, לחלופין, לתת לו זהות ייחודית ואז פשוט לעשות את קישור חשיש. 863 00:41:30,720 --> 00:41:32,050 ושתאפשר לי כדי לשנות את זה. 864 00:41:32,050 --> 00:41:36,170 עם זאת, רק מחלק את תעודות זהות של בעל כרחו הוא בדרך כלל רע 865 00:41:36,170 --> 00:41:37,730 בפועל, כי אלה צריך להיות ייחודי. 866 00:41:37,730 --> 00:41:40,940 וככל שיש לך אותם, זה יכול להיות קצת מבלבל. 867 00:41:40,940 --> 00:41:41,270 כן. 868 00:41:41,270 --> 00:41:43,725 >> קהל: האם אתה יכול לתת את אותו זיהוי לבעלים מרובים? 869 00:41:43,725 --> 00:41:45,820 >> ג'ייסון הירשהורן: מבחינה טכנית, כן. 870 00:41:45,820 --> 00:41:50,700 שום דבר לא הולך לעצור אותך, אבל אתה לא צריך אתה צריך לתת לו מעמד. 871 00:41:50,700 --> 00:41:55,330 872 00:41:55,330 --> 00:41:57,655 בסדר, כל שאלות אחרות על HTML או CSS? 873 00:41:57,655 --> 00:42:05,660 874 00:42:05,660 --> 00:42:06,310 >> על אישור. 875 00:42:06,310 --> 00:42:09,950 תן לנו לעבור ל-PHP. 876 00:42:09,950 --> 00:42:10,575 אה, כן. 877 00:42:10,575 --> 00:42:13,800 >> קהל: מה זה על אלה אתרים שאומר שאנחנו יכולים לערוך 878 00:42:13,800 --> 00:42:15,440 אותם לפני שאנחנו לרענן. 879 00:42:15,440 --> 00:42:18,270 אבל ברגע שנרענן אותו חוזר לגבות לHTML הראשוני? 880 00:42:18,270 --> 00:42:19,900 >> ג'ייסון הירשהורן: שאלה גדולה - 881 00:42:19,900 --> 00:42:24,810 ולכן כאשר אנו טעון זה דף אינטרנט, זה HTML. 882 00:42:24,810 --> 00:42:25,900 וזה ב-JavaScript. 883 00:42:25,900 --> 00:42:29,060 PHP מבוצע לתת כל מה סוג של אתר אינטרנט שאנו רואים. 884 00:42:29,060 --> 00:42:33,130 וזה יצר קצת HTML, חלקם JavaScript, CSS ועוד כמה. 885 00:42:33,130 --> 00:42:35,990 ושנגיש כעת במחשב שלנו. 886 00:42:35,990 --> 00:42:40,700 >> ועותק של קבצים אלה נשמר באופן מקומי על המחשב שלנו, 887 00:42:40,700 --> 00:42:41,910 לעת עתה. 888 00:42:41,910 --> 00:42:44,030 כדי שנוכל לערוך את העותק מקומי. 889 00:42:44,030 --> 00:42:46,530 אבל כמובן, אנחנו לא עורכים העותק בשרת. 890 00:42:46,530 --> 00:42:49,420 >> וכאשר אנו לרענן את הדף, אנחנו מקבלים עותק בשרת אחר. 891 00:42:49,420 --> 00:42:51,250 וכך אנו רואים את הדברים בחזרה כפי שהיו. 892 00:42:51,250 --> 00:42:55,200 אם היינו יכול, מכאן, כדי לערוך את אתר רשמי, שיש לנו הרבה 893 00:42:55,200 --> 00:42:55,800 של בעיות. 894 00:42:55,800 --> 00:42:58,670 >> קהל: כן, כדי שנוכל לקרוא ולכתוב עותק זה. 895 00:42:58,670 --> 00:43:00,140 >> ג'ייסון הירשהורן: נכון. 896 00:43:00,140 --> 00:43:04,380 אנחנו עושים רק שינויים מקומיים כאן, אבל שוב, מאוד מועיל עבור לחקור, 897 00:43:04,380 --> 00:43:05,690 לעתים קרובות. 898 00:43:05,690 --> 00:43:08,900 כשאני כותב את פרויקט הגמר שלי, עבור למשל, אני רוצה לראות איך כמה 899 00:43:08,900 --> 00:43:11,270 אתר עשוי להיראות משהו הדרך שהם עשו. 900 00:43:11,270 --> 00:43:17,350 אני אלך ובשימוש בחלונית זו למטה כאן, להסתכל על מה שהם נתנו לCSS 901 00:43:17,350 --> 00:43:20,890 אותו או באיזה צבע הם בחרו או איך הם קיבלתי את זה כל כך, שכאשר אתה ריחף 902 00:43:20,890 --> 00:43:24,180 על משהו, הרשימה ירדה באופן מדורג נחמד. 903 00:43:24,180 --> 00:43:27,220 זוהי דרך מצוינת לבדוק מה אחר אתרים לעשות וללוות מהם. 904 00:43:27,220 --> 00:43:30,590 905 00:43:30,590 --> 00:43:33,690 >> בואו נעבור ל-PHP. 906 00:43:33,690 --> 00:43:38,560 PHP מייצג, במובן רקורסיבית, מעבד PHP Hypertext. 907 00:43:38,560 --> 00:43:42,060 ו-PHP, מה שהוא הולך לעשות הוא לבצע בצד שרת קוד. 908 00:43:42,060 --> 00:43:44,490 אז אנחנו אף פעם לא הולכים לראות את קוד ה-PHP. 909 00:43:44,490 --> 00:43:47,210 >> עם זאת, זה לשחק יפה עם HTML ולעתים קרובות יוצר 910 00:43:47,210 --> 00:43:48,210 הרבה קוד ה-HTML. 911 00:43:48,210 --> 00:43:52,570 אבל כפי שאתה אהיה מכיר את הבעיה הגדר 7, קוד PHP שלך לבצע, 912 00:43:52,570 --> 00:43:56,200 ליצור כמה HTML, וזה מה המשתמש יהיה בסופו של דבר לראות. 913 00:43:56,200 --> 00:44:00,510 >> PHP היא דומה להפליא לג עם זאת, ישנם כמה 914 00:44:00,510 --> 00:44:04,400 הבדלים, והבדלים אלה חשובים לשים לב. 915 00:44:04,400 --> 00:44:09,420 הבדל אחד הוא שמשתנים ב-PHP מוקלדים באופן רופף. 916 00:44:09,420 --> 00:44:11,275 האם יש למישהו תחושה של מה זה אומר? 917 00:44:11,275 --> 00:44:14,245 >> קהל: אין צורך להפיל אותו בעצמך. 918 00:44:14,245 --> 00:44:16,400 כמו שאין צורך לכתוב בטקסט. 919 00:44:16,400 --> 00:44:19,070 >> ג'ייסון הירשהורן: לא הייתי משתמש מילה יצוקה, אבל כן, אין צורך להכריז 920 00:44:19,070 --> 00:44:20,930 סוג למשתנה מסוימת. 921 00:44:20,930 --> 00:44:22,300 איך במקום אנחנו מכריזים על משתנה? 922 00:44:22,300 --> 00:44:23,860 >> קהל: השתמש בסימן דולר. 923 00:44:23,860 --> 00:44:25,270 >> ג'ייסון הירשהורן: השתמש בסימן דולר. 924 00:44:25,270 --> 00:44:27,540 אז x $ הוא משתנה. 925 00:44:27,540 --> 00:44:29,580 $ 1 הוא משתנה. 926 00:44:29,580 --> 00:44:31,910 $ string הוא משתנה. 927 00:44:31,910 --> 00:44:36,280 >> יכול אלה משתנים, x $ להיות מספר שלם. 928 00:44:36,280 --> 00:44:38,010 ואז, זה יכול להיות מחרוזת. 929 00:44:38,010 --> 00:44:39,420 ואז, זה יכול להיות אופי. 930 00:44:39,420 --> 00:44:40,790 זה לא משנה באמת. 931 00:44:40,790 --> 00:44:46,360 >> כמו כן, הדבר מגניב על PHP הוא, נניח, x $ הוא מיתר אחד. 932 00:44:46,360 --> 00:44:48,920 ו$ y הוא התו אחד. 933 00:44:48,920 --> 00:44:54,370 אתה יכול להוסיף $ x ו-y $, וזה יהיה אתן לך 2, מה שהיית מצפה. 934 00:44:54,370 --> 00:44:56,160 אז יש פעולות ב-PHP. 935 00:44:56,160 --> 00:45:00,810 כי זה באופן רופף הקליד משתנים, כמה ליהוק סמוי נעשה בשבילך 936 00:45:00,810 --> 00:45:02,330 וכמה פעולות. 937 00:45:02,330 --> 00:45:04,240 >> אתה יכול לעשות פעולות על דברים מסוגים שונים. 938 00:45:04,240 --> 00:45:08,740 בעוד שבעבר, לעתים קרובות אתה מקבל הודעת שגיאה באמרת C, זה לא הסוג 939 00:45:08,740 --> 00:45:09,610 זה אמור ללכת כאן. 940 00:45:09,610 --> 00:45:11,510 רק דברים מסוג זה יכול ללכת לכאן. 941 00:45:11,510 --> 00:45:14,900 אתה לא הולך לקבל סוג זה של שגיאה, בדרך כלל, ב-PHP. 942 00:45:14,900 --> 00:45:17,420 אז זה הבדל גדול אחד - כיצד אנו מתמודדים עם משתנים. 943 00:45:17,420 --> 00:45:20,850 >> ההבדל הגדול השני הוא כי קוד PHP מתפרש. 944 00:45:20,850 --> 00:45:23,110 Wheres, קוד C הידור. 945 00:45:23,110 --> 00:45:23,910 מה זה אומר? 946 00:45:23,910 --> 00:45:26,700 >> ובכן, לקוד C שרצת זה דרך מהדר. 947 00:45:26,700 --> 00:45:29,010 אתה נוצרת קובץ בינארי. 948 00:45:29,010 --> 00:45:30,770 ואתה רץ שקובץ בינארי. 949 00:45:30,770 --> 00:45:35,500 אתה דאג לכל השגיאות לפני אתה יצר את הקובץ בינארי. 950 00:45:35,500 --> 00:45:37,810 >> כמובן, יכול להיות שהיו פילוח תקלות, כאשר אתה רץ 951 00:45:37,810 --> 00:45:39,020 קובץ בינארי. 952 00:45:39,020 --> 00:45:45,780 אבל זה לא כמו שאתה שכחת לכלול ההגדרה של printf, או 953 00:45:45,780 --> 00:45:48,735 לא השתמש במשתנה ורק יצר משתנים בזבזן. 954 00:45:48,735 --> 00:45:51,830 או שאתה לא הגדרת אב טיפוס פונקציה. 955 00:45:51,830 --> 00:45:53,590 >> כל מה שקרה לפני שההידור. 956 00:45:53,590 --> 00:45:56,830 זה נתן לך את כל השגיאות או רעה דברים שחשב שעלול לקרות. 957 00:45:56,830 --> 00:45:59,900 ולאחר מכן, היו לך 0 ו קובץ 1 שאתה רץ. 958 00:45:59,900 --> 00:46:01,690 קוד PHP לא עובד ככה. 959 00:46:01,690 --> 00:46:03,750 >> אתה הולך לכתוב קוד PHP שלך. 960 00:46:03,750 --> 00:46:05,820 לאחר מכן, אתה הולך לשמור אותו, ככל הנראה. 961 00:46:05,820 --> 00:46:09,160 ולפחות ב -7 P-סט, אתה הולך כדי לרענן את דפדפן האינטרנט שלך, ו 962 00:46:09,160 --> 00:46:11,110 אתה הולך לראות מה קרה. 963 00:46:11,110 --> 00:46:14,110 אתה הולך לראות את הפלט שמקוד PHP. 964 00:46:14,110 --> 00:46:17,450 >> ייתכן שתראה גם, בחלק העליון של הדף שלך, שגיאה. 965 00:46:17,450 --> 00:46:19,960 בגלל שהיה לך כמה שגיאה ב-PHP שלך. 966 00:46:19,960 --> 00:46:22,390 ייתכן שעדיין לראות את שאר דף האינטרנט הוא בסדר להסתכל. 967 00:46:22,390 --> 00:46:25,130 אבל חלק אחד הוא שגוי, ויש שגיאה באותו מקום. 968 00:46:25,130 --> 00:46:28,320 וזה בגלל שחלק זה של קוד PHP שלך לא עובד. 969 00:46:28,320 --> 00:46:31,680 >> ואכן, בעת ביצוע, כאשר אתה ללכת למשהו כמו by.php. 970 00:46:31,680 --> 00:46:34,950 זה הולך לעבור PHP שלך קובץ שורה האחר שורה ולבצע אותה 971 00:46:34,950 --> 00:46:36,210 אז ורק אז. 972 00:46:36,210 --> 00:46:39,890 זה לא הולך לקמפל אותו מראש או זמן לקמפל עותק אחד ולאחר מכן לתת 973 00:46:39,890 --> 00:46:41,570 שנאסף על העתק לכולם. 974 00:46:41,570 --> 00:46:43,830 בכל פעם, זה הולך לעבור שורה אחרת שורה ולבצע את זה. 975 00:46:43,830 --> 00:46:46,620 >> אז אולי כמה שורות ולעבוד פלט משהו נכון. 976 00:46:46,620 --> 00:46:49,500 ויכולים להיות שבורים קווים אחרים ופלט שגיאה במקום. 977 00:46:49,500 --> 00:46:52,650 לכן, כאשר באגים עם PHP, שנתנו לך כמה דברים מועילים 978 00:46:52,650 --> 00:46:54,580 כדי לעזור לך באגים, כמו פונקצית ה-dump. 979 00:46:54,580 --> 00:46:56,900 >> אבל בדרך כלל, אתה הולך כדי לראות את השגיאות האלה. 980 00:46:56,900 --> 00:46:58,340 וככה אתה הולך יודע שעשית משהו לא בסדר. 981 00:46:58,340 --> 00:47:00,740 אבל אתה הולך רק כדי לראות את השגיאה ברגע שאתה בעצם מריץ את הקוד. 982 00:47:00,740 --> 00:47:03,420 983 00:47:03,420 --> 00:47:08,880 >> היבט חשוב נוסף של PHP ו- התפתחות האינטרנט היא הרעיון של גט 984 00:47:08,880 --> 00:47:09,920 לעומת הודעה. 985 00:47:09,920 --> 00:47:13,250 מישהו יכול להסביר מה ההבדל בין לקבל ולפרסמם? 986 00:47:13,250 --> 00:47:17,530 987 00:47:17,530 --> 00:47:18,780 אף אחד לא - 988 00:47:18,780 --> 00:47:21,710 989 00:47:21,710 --> 00:47:21,970 כן. 990 00:47:21,970 --> 00:47:24,495 >> קהל: זה לא אחד מהם לאפשר למשתמש לראות את הנתונים, 991 00:47:24,495 --> 00:47:26,080 ואחד מהם לא? 992 00:47:26,080 --> 00:47:27,310 >> ג'ייסון הירשהורן: נהדר. 993 00:47:27,310 --> 00:47:28,400 כן, יש לך משהו להוסיף? 994 00:47:28,400 --> 00:47:32,622 >> קהל: דק לאחר שאני הוא משתנה סופר גלובלי. 995 00:47:32,622 --> 00:47:34,740 >> ג'ייסון הירשהורן: אז שני אלה ניתנים משתנים אליך. 996 00:47:34,740 --> 00:47:35,630 אלה הם רק משתנים. 997 00:47:35,630 --> 00:47:37,740 ואתה יודע שהם משתנים, כי כאן אני 998 00:47:37,740 --> 00:47:38,780 להשתמש בסימן הדולר. 999 00:47:38,780 --> 00:47:41,950 >> אלה הם משתנים נתון לך על ידי PHP. 1000 00:47:41,950 --> 00:47:45,990 וכאשר אתה עובר בין דפי אינטרנט, אתה רוצה לחסוך קצת מידע. 1001 00:47:45,990 --> 00:47:47,960 אתה כנראה רוצה לחסוך אם המשתמש מחובר פנימה 1002 00:47:47,960 --> 00:47:49,270 זה לא נשמר בלקבל ולפרסם. 1003 00:47:49,270 --> 00:47:51,390 מה שהציל במשהו אחר, משתנה שונה. 1004 00:47:51,390 --> 00:47:55,170 >> מכיר אף אחד מה שמשתנה זה נשמר ב, או מה שמשתנה לך להשתמש ב 1005 00:47:55,170 --> 00:47:57,728 P Set-7, על מנת לוודא כי המשתמש מחובר? 1006 00:47:57,728 --> 00:48:00,360 1007 00:48:00,360 --> 00:48:03,690 _SESSION $, זה בדיוק נכון, חשוב כנראה להיות מוכר עם 1008 00:48:03,690 --> 00:48:06,060 השמות של הדברים האלה אתה משתמש לעתים קרובות. 1009 00:48:06,060 --> 00:48:10,070 >> אז אתה משתמש במשתנה ההפעלה לשמור מידע מדף לדף. 1010 00:48:10,070 --> 00:48:11,075 זה משתנה סופר. 1011 00:48:11,075 --> 00:48:15,250 היא קיימת בכל דף, אולי כמו משתנים גלובלי, אם אתה רוצה לחשוב 1012 00:48:15,250 --> 00:48:16,900 על זה ככה. 1013 00:48:16,900 --> 00:48:19,260 >> יש כמה משתנים אחרים שיאפשר לך להעביר מידע 1014 00:48:19,260 --> 00:48:20,710 מדף לדף. 1015 00:48:20,710 --> 00:48:24,260 בפרט, אלה אנחנו מתמקדים הם מקבלים ואת משתני POST. 1016 00:48:24,260 --> 00:48:29,330 ב-PHP הם נראים כמו _GET $ _POST ו$. 1017 00:48:29,330 --> 00:48:33,610 ואת ההבדל, כמו מרקוס הצביע החוצה, בין שניהם הוא ש, 1018 00:48:33,610 --> 00:48:37,670 מידע ב_GET $ הוא מוצג ב-URL. 1019 00:48:37,670 --> 00:48:41,380 >> אז אם אנחנו מסתכלים כאן למטה, אנו רואים קישור של YouTube. 1020 00:48:41,380 --> 00:48:43,760 אנחנו רואים את סימן השאלה הזה. 1021 00:48:43,760 --> 00:48:47,730 אנו רואים v = ולאחר מכן ערך כלשהו. 1022 00:48:47,730 --> 00:48:53,460 חזרה לרעיון הזה של ערך מפתח זוג, v הוא המפתח. 1023 00:48:53,460 --> 00:48:56,970 וכאן הוא הערך. 1024 00:48:56,970 --> 00:49:01,030 >> אז אם היינו הולכים לדף זה או הקידוד בדף זה, יהיה לנו 1025 00:49:01,030 --> 00:49:04,000 משתנים בשם _GET $. 1026 00:49:04,000 --> 00:49:11,030 אם הלכנו ל_GET $ "v" סוגר פתוח קרוב סוגר, דומה מאוד למערך 1027 00:49:11,030 --> 00:49:15,000 סימון, זה מערך לשייך כי אנחנו לא משתמשים במדדים. 1028 00:49:15,000 --> 00:49:16,710 השתמש בחוטים כמפתחות. 1029 00:49:16,710 --> 00:49:17,940 אבל רעיון דומה מאוד. 1030 00:49:17,940 --> 00:49:20,520 אם הלכנו לנו, היית מקבל את הערך הזה. 1031 00:49:20,520 --> 00:49:23,276 >> בדף זה, שנהיה מסוגל להשתמש בערך הזה. 1032 00:49:23,276 --> 00:49:32,200 אם אנחנו באמת נראים, בואו לעבור לדף ב-YouTube. 1033 00:49:32,200 --> 00:49:35,140 מה אנחנו צריכים לצפות בוידאו? 1034 00:49:35,140 --> 00:49:37,350 זה אחד, הם אנשים ההוביט אוהדים? 1035 00:49:37,350 --> 00:49:40,731 >> קהל: כן. 1036 00:49:40,731 --> 00:49:44,750 >> ג'ייסון הירשהורן: אז אני מעתיק כתובת האתר של המניות ושלהם 1037 00:49:44,750 --> 00:49:46,000 הדבקתו בחלון חדש. 1038 00:49:46,000 --> 00:49:48,550 1039 00:49:48,550 --> 00:50:00,470 ועכשיו, אם אתה מסתכל פה, תוכל להבחין כי, שוב - 1040 00:50:00,470 --> 00:50:03,170 אני הולך להעתיק ולהדביק את זה לתוך gedit, כדי שנוכל לראות אותו גדול יותר. 1041 00:50:03,170 --> 00:50:16,530 1042 00:50:16,530 --> 00:50:19,720 אתה שם לב שיש לו סימן השאלה הזה. 1043 00:50:19,720 --> 00:50:22,150 סימן השאלה מציין כי כל מה שאחרי זה הולך להיות 1044 00:50:22,150 --> 00:50:23,530 נשמר במשתנה הגט. 1045 00:50:23,530 --> 00:50:29,130 >> אז יש לו את v, זה ראשון מפתח וערך הראשון זה. 1046 00:50:29,130 --> 00:50:30,710 האמפרסנד הוא מיוחד. 1047 00:50:30,710 --> 00:50:34,340 אמפרסנד אומר, בסדר, אנחנו סיימתי את הערך הראשון. 1048 00:50:34,340 --> 00:50:37,170 עכשיו אנחנו ממשיכים הלאה למקום אחר זוג ערך מפתח. 1049 00:50:37,170 --> 00:50:41,135 כאן, המפתח נקרא תכונה, והערך הוא youtu.be. 1050 00:50:41,135 --> 00:50:44,010 1051 00:50:44,010 --> 00:50:50,710 >> אז אם אני היה קידוד דף זה ו מישהו הלך לכתובת זו ולא היה לי 1052 00:50:50,710 --> 00:50:53,190 אולי watch.php. 1053 00:50:53,190 --> 00:50:54,150 ואני קידוד זה. 1054 00:50:54,150 --> 00:50:57,060 ואני יכול להשתמש במשתנת _GET $. 1055 00:50:57,060 --> 00:51:02,740 ושאהיה לי V, ו תהיה לי תכונה. 1056 00:51:02,740 --> 00:51:07,080 >> ואם אני משתמש במפתח v, אני היית מקבל את הערך הזה. 1057 00:51:07,080 --> 00:51:14,145 ואם עשיתי _GET $ "תכונה" סוגר קרוב סוגר, הייתי מקבל את הערך הזה. 1058 00:51:14,145 --> 00:51:17,530 שוב, זה לא בהכרח תחול על - 1059 00:51:17,530 --> 00:51:21,460 כמובן, את המפתחות של YouTube והערכים ולקבל מידע אינו חל על 1060 00:51:21,460 --> 00:51:22,700 הבעיה שלנו הגדרת 7. 1061 00:51:22,700 --> 00:51:28,450 אבל יש דברים מסוימים שאנחנו תעבור דרך GET בבעיה שלנו 7 סט. 1062 00:51:28,450 --> 00:51:33,120 ובוודאי, כשאתה הולך לדף אינטרנט או קידוד דף משלך, 1063 00:51:33,120 --> 00:51:36,440 _GET $ יהיו שימושיים כאשר הקידוד שלך. 1064 00:51:36,440 --> 00:51:41,030 >> מהי אחת סיבות לשימוש _GET $ אז, אם זה מקנה אין פרטיות? 1065 00:51:41,030 --> 00:51:43,170 אתה רואה את כל המידע הזה שמועבר. 1066 00:51:43,170 --> 00:51:44,170 כל זה מוצג למשתמש. 1067 00:51:44,170 --> 00:51:49,060 אבל מה סיבה אחת שאולי רוצה לחסוך משהו ב_GET $, כפי 1068 00:51:49,060 --> 00:51:50,310 בניגוד ל_POST $? 1069 00:51:50,310 --> 00:51:52,650 1070 00:51:52,650 --> 00:51:53,900 למה שתרצה לעשות את זה? 1071 00:51:53,900 --> 00:51:58,065 1072 00:51:58,065 --> 00:51:58,540 >> בסדר. 1073 00:51:58,540 --> 00:52:00,310 שאלתי אותך בחידון 1. 1074 00:52:00,310 --> 00:52:02,210 מהו הפרו של _GET $? 1075 00:52:02,210 --> 00:52:04,250 מה פרו אחד? 1076 00:52:04,250 --> 00:52:04,700 כן - 1077 00:52:04,700 --> 00:52:06,180 >> קהל: קל יותר לשתף מידע. 1078 00:52:06,180 --> 00:52:07,040 >> ג'ייסון הירשהורן: אני חושב זה נהדר. 1079 00:52:07,040 --> 00:52:07,870 זה קל יותר לשתף מידע. 1080 00:52:07,870 --> 00:52:09,360 זה יותר קל לסימנייה. 1081 00:52:09,360 --> 00:52:15,260 >> תוכל לסמן עכשיו, YouTube.com / watch? V = משהו וללכת 1082 00:52:15,260 --> 00:52:16,900 כדי שוידאו ספציפי. 1083 00:52:16,900 --> 00:52:22,020 אם YouTube תמיד עשה בקשות POST כדי דפים שונים, כל כתובת אתר YouTube 1084 00:52:22,020 --> 00:52:22,985 יהיה YouTube.com. 1085 00:52:22,985 --> 00:52:25,750 אתה לא יכול לסמן וידאו אחד. 1086 00:52:25,750 --> 00:52:28,160 כי אם אתה אומר שקישור משותף עם מישהו אחר, הם לא 1087 00:52:28,160 --> 00:52:30,160 באופן אוטומטי תקבל ההודעה משתנית. 1088 00:52:30,160 --> 00:52:33,570 הם פשוט מקבלים את הקישור הזה, ו קישור הוא זהה עבור כולם. 1089 00:52:33,570 --> 00:52:35,180 >> אז זה פרו אחד. 1090 00:52:35,180 --> 00:52:38,850 זה מאפשר לך סימנייה זו מידע או לחלוק את המידע הזה 1091 00:52:38,850 --> 00:52:40,840 או להפוך אותו קצת יותר ידידותי למשתמש. 1092 00:52:40,840 --> 00:52:43,890 כמובן, אין פרטיות, אז יש לנו הודעה במשתנה זה. 1093 00:52:43,890 --> 00:52:47,570 ופוסט מידע אינו מוצג ב-URL. 1094 00:52:47,570 --> 00:52:49,200 >> זה לא פרטי לחלוטין. 1095 00:52:49,200 --> 00:52:51,710 אבל זה שולי יותר פרטי. 1096 00:52:51,710 --> 00:52:55,030 ואז אתה תראה את כתובת אתר כאן למטה, cs50.net. 1097 00:52:55,030 --> 00:52:59,200 בין אם אתה מחובר ל אתר אינטרנט, זה הולך לקבל את אותו 1098 00:52:59,200 --> 00:53:02,600 כתובת אתר, cs50.net. 1099 00:53:02,600 --> 00:53:05,940 >> ברור, משהו שונה, אם אתה מחובר לאתר. 1100 00:53:05,940 --> 00:53:08,690 יש לך, אחד, כנראה הקוד הסודי שלך קלט. 1101 00:53:08,690 --> 00:53:10,600 וזה אישר כי עם השרת. 1102 00:53:10,600 --> 00:53:12,650 וזה כנראה חיסכון קצת מידע אחר. 1103 00:53:12,650 --> 00:53:14,810 אבל את כתובת האתר אינו משתנה כלל. 1104 00:53:14,810 --> 00:53:17,080 >> וכדי שזה המקרה, כאשר משהו נשלח בדואר. 1105 00:53:17,080 --> 00:53:18,800 כתובת האתר אינו משתנה. 1106 00:53:18,800 --> 00:53:21,100 מידע הודעה זו הוא לא מוצג ב-URL. 1107 00:53:21,100 --> 00:53:26,150 אבל כמה מדינה השתנתה, ואולי יש כמה פרטים שנשמרו ב 1108 00:53:26,150 --> 00:53:27,400 משתנה POST. 1109 00:53:27,400 --> 00:53:30,460 1110 00:53:30,460 --> 00:53:36,880 >> סליחה. לפני שאני הולך לSQL, כל שאלות על PHP, בפרט, 1111 00:53:36,880 --> 00:53:41,850 שאלות על דברים שלא לעבור על כי אתה כבר נמצא או כל תחביר או 1112 00:53:41,850 --> 00:53:43,855 שאלות היגיון על PHP? 1113 00:53:43,855 --> 00:53:49,300 1114 00:53:49,300 --> 00:53:50,050 על אישור. 1115 00:53:50,050 --> 00:53:54,400 >> השפה הסופית אתה תהיה אינטראקציה עם השבוע היא 1116 00:53:54,400 --> 00:53:58,920 שפת שאילתות מובנית, SQL, מבוטא המשך לעתים קרובות. 1117 00:53:58,920 --> 00:54:01,740 המאפשר לך אינטראקציה עם מסד הנתונים באופן רשמי. 1118 00:54:01,740 --> 00:54:04,390 וזה משחק מאוד יפה עם PHP. 1119 00:54:04,390 --> 00:54:09,950 >> כפי שתראה בבעיה 7 סט, יש לנו נתתי לך פונקציה שנקראת שאילתה. 1120 00:54:09,950 --> 00:54:14,990 וזה לוקח מחרוזת SQL ומבצע שאילתה שעל מסד הנתונים. 1121 00:54:14,990 --> 00:54:17,470 בשנים האחרונות, שלא היית בהתחשב בפונקציה זו. 1122 00:54:17,470 --> 00:54:22,250 אתה צריך להשתמש בפונקציות PHP לעשות השאילתה על מסד הנתונים ובדיקה 1123 00:54:22,250 --> 00:54:24,230 לשגיאות ולאחר מכן לקבל את התוצאות. 1124 00:54:24,230 --> 00:54:26,120 >> ובעצם, זה לא כל כך קשה, כי שוב, זה משחק 1125 00:54:26,120 --> 00:54:27,080 יפה מאוד עם PHP. 1126 00:54:27,080 --> 00:54:31,240 וPHP נותן לך הרבה פונקציות כדי לקיים אינטראקציה עם מסד נתונים SQL. 1127 00:54:31,240 --> 00:54:34,810 לעתים קרובות כל כך, שניהם אלה הולכים יחד. 1128 00:54:34,810 --> 00:54:37,090 כמובן, אתה יכול לקיים אינטראקציה עם מסד הנתונים SQL עם כל 1129 00:54:37,090 --> 00:54:38,400 מספר שפות אחרות. 1130 00:54:38,400 --> 00:54:41,420 אבל PHP הוא אחד גדול לבחירה. 1131 00:54:41,420 --> 00:54:42,290 >> מסד הנתונים - 1132 00:54:42,290 --> 00:54:46,030 אנחנו נעבור על זה מהר, כי זו היא מילה באז אנחנו הולכים 1133 00:54:46,030 --> 00:54:48,030 להתחיל להשתמש לעתים קרובות - 1134 00:54:48,030 --> 00:54:50,140 הוא אוסף של שולחנות. 1135 00:54:50,140 --> 00:54:53,960 אז אנחנו יכולים לחשוב על זה כקובץ Excel. 1136 00:54:53,960 --> 00:54:57,260 יש קובץ Excel לשוניות מרובות בחלקו התחתון של המסך. 1137 00:54:57,260 --> 00:55:03,090 כל כרטיסייה אנחנו עכשיו נתקשר אל שולחן, שבו שולחן הוא אוסף של שורות. 1138 00:55:03,090 --> 00:55:04,060 >> ומה היא שורה? 1139 00:55:04,060 --> 00:55:06,890 ובכן, שורה היא שאותו דבר בקובץ אקסל. 1140 00:55:06,890 --> 00:55:10,380 כי פשוט יש ערכים מסוימים עבור כל נתן שדה או כל עמודה נתון. 1141 00:55:10,380 --> 00:55:12,010 זה כמו כניסה בטבלה. 1142 00:55:12,010 --> 00:55:16,570 זה תלמיד, שיש לו תעודת זהות, זיהוי ספציפי, ושם ספציפי ו 1143 00:55:16,570 --> 00:55:17,910 בית ספציפי. 1144 00:55:17,910 --> 00:55:19,790 >> אז מסד נתונים הוא אוסף של טבלאות. 1145 00:55:19,790 --> 00:55:22,685 ושולחנות עצמם מספר השורות או רשומות. 1146 00:55:22,685 --> 00:55:25,470 1147 00:55:25,470 --> 00:55:28,280 יש גם, בכל אחד שולחן, תחומים מסוימים. 1148 00:55:28,280 --> 00:55:32,130 ושמציין מה היא כל רשומה הולך להיות, שדות המכונים לעתים 1149 00:55:32,130 --> 00:55:33,890 עמודות אבל שדות נקראים בדרך כלל. 1150 00:55:33,890 --> 00:55:38,270 >> בשולחן זה פשוט מאוד, יש לי שלוש שדות, שדה מזהה, שם משתמש 1151 00:55:38,270 --> 00:55:39,780 שדה, ושדה חשיש. 1152 00:55:39,780 --> 00:55:41,300 ויש לי שלוש שורות. 1153 00:55:41,300 --> 00:55:42,100 נכון לעכשיו, הם ריקים. 1154 00:55:42,100 --> 00:55:44,850 הם כנראה לא יהיו ריקים אם זה היה מסד נתונים האמיתיים שלי. 1155 00:55:44,850 --> 00:55:50,530 >> אז רעיון אם השתמשו Excel, דומה למה שאתה עושה ב-Excel, אם כי, 1156 00:55:50,530 --> 00:55:54,300 כמובן, עכשיו אנחנו הולכים להיות מסוגלים לעשות הרבה יותר חזק בדברים 1157 00:55:54,300 --> 00:55:56,430 מידע המאוחסן במסד הנתונים שלנו. 1158 00:55:56,430 --> 00:56:00,270 אתה תהיה יצירת עצמך אחד מסד הנתונים לבעיה 7 סט. 1159 00:56:00,270 --> 00:56:02,820 אבל אתה תהיה יצירת מרובה טבלאות בתוך מסד הנתונים. 1160 00:56:02,820 --> 00:56:06,950 >> אתה תהיה יצירת מסד נתונים או שולחן למשתמשים. 1161 00:56:06,950 --> 00:56:12,830 אתה תהיה גם יצירת טבלה עבור כנראה עסקות במניות, כדי לשמור על 1162 00:56:12,830 --> 00:56:15,580 מסלול שלהם, כי אתה צריך ליישם תכונת היסטוריה. 1163 00:56:15,580 --> 00:56:18,370 שניהם יצטרכו טבלאות אלה תחומים שונים. 1164 00:56:18,370 --> 00:56:22,190 לדוגמא, בשדה משתמש, אתה בטח רוצים שם המשתמש ו 1165 00:56:22,190 --> 00:56:24,220 זיהוי וחשיש של הסיסמה שלהם. 1166 00:56:24,220 --> 00:56:28,450 >> בטבלת המניות שעוקבת אחר היסטוריה או שולחן ההיסטוריה, אתה 1167 00:56:28,450 --> 00:56:31,620 כנראה לא צריך את שם המשתמש והחשיש ואת הזהות. 1168 00:56:31,620 --> 00:56:34,460 אתה כנראה צריך אחד מאותם בלבד ערכים שהם ייחודיים, כדי לשייך 1169 00:56:34,460 --> 00:56:35,830 אותו עם משתמש מסוים. 1170 00:56:35,830 --> 00:56:38,100 >> אבל אז, ברצונך לאחסן אחרים דברים כמו, מה שעה 1171 00:56:38,100 --> 00:56:40,630 הייתה עסקה שנעשתה. 1172 00:56:40,630 --> 00:56:42,380 מה המניות נקנתה או נמכר? 1173 00:56:42,380 --> 00:56:44,150 מניות כמה מהמניות נקנה או נמכר? 1174 00:56:44,150 --> 00:56:48,360 מה היה המחיר שבו מניות נקנו או נמכרו? 1175 00:56:48,360 --> 00:56:50,180 >> אז שוב, אתה הולך להיות באינטראקציה עם מסדי נתונים זה 1176 00:56:50,180 --> 00:56:51,350 הולך להיות מספר רב של שולחנות. 1177 00:56:51,350 --> 00:56:54,340 כל טבלה הוא הולכת להיות סט משלו של שדות. 1178 00:56:54,340 --> 00:56:58,430 עם זאת, יהיה ככל הנראה דומה שדה בכל שולחן, כי 1179 00:56:58,430 --> 00:57:00,130 מתייחס אותם אחד לשני. 1180 00:57:00,130 --> 00:57:02,660 בדרך כלל, זה הוא שדה מזהה. 1181 00:57:02,660 --> 00:57:07,000 >> כי אם כל משתמש יש זיהוי ייחודי ואתה מקשר את הזהות שעם כל 1182 00:57:07,000 --> 00:57:09,365 עסקה שהמשתמש עושה או כל ההיסטוריה של אותו המשתמש. 1183 00:57:09,365 --> 00:57:12,760 1184 00:57:12,760 --> 00:57:13,830 ויש לך תעודת הזהות של המשתמש. 1185 00:57:13,830 --> 00:57:15,365 אתה יכול לקבל מידע מכל אחת מהטבלאות. 1186 00:57:15,365 --> 00:57:19,770 אתה יכול לקבל את שם המשתמש שלהם, ואתה ניתן לקבל את כל העסקות שלהם. 1187 00:57:19,770 --> 00:57:24,410 >> כל שאלות על מסדי נתונים, או שאלות ספציפיות? 1188 00:57:24,410 --> 00:57:25,240 בעצם, בואו נחזיק את זה. 1189 00:57:25,240 --> 00:57:27,410 אנחנו נהיה שם בשני צדדים. 1190 00:57:27,410 --> 00:57:31,210 >> אז יש ארבע פעולות על מסדי נתונים שאתה תהיה באמצעות ב 1191 00:57:31,210 --> 00:57:34,790 בעיה הגדרת 7 וסביר אי פעם אשתמש. 1192 00:57:34,790 --> 00:57:38,040 הדבר הראשון שאתה רוצה לעשות הוא להוסיף שיא חדש לטבלה או 1193 00:57:38,040 --> 00:57:39,960 שורה החדשה לטבלה. 1194 00:57:39,960 --> 00:57:46,070 זוהי הפונקציה גנרית, צורה גנרית, שמשאילתא SQL. 1195 00:57:46,070 --> 00:57:52,240 >> INSERT INTO השולחן, מה שעמודות ברצונך להוסיף ולאחר מכן 1196 00:57:52,240 --> 00:57:58,740 הערכים שאתה הולך רוצה הכניס לתוך אלה עמודות או שדות. 1197 00:57:58,740 --> 00:58:03,980 אם יש לך מספר רב של שולחנות ב מסד נתונים או מסדי נתונים מרובים, 1198 00:58:03,980 --> 00:58:06,630 גם ייתכן שיצטרך לציין את מסד הנתונים והטבלה שברצון 1199 00:58:06,630 --> 00:58:07,980 כדי לשים את הדברים ב. 1200 00:58:07,980 --> 00:58:11,390 אבל מאוד פשוט, אם ברצונך להוסיף למשהו, אתה אומר, הנה 1201 00:58:11,390 --> 00:58:12,890 שדות שאני רוצה להכניס אליו. 1202 00:58:12,890 --> 00:58:14,740 וכאן הם הערכים. 1203 00:58:14,740 --> 00:58:18,840 >> בטבלאות מסוימות, גם, והמשתמש הזה של שולחן הוא דוגמא טובה. 1204 00:58:18,840 --> 00:58:21,940 כנראה בשולחן זה למשתמש ו כנראה בשולחן של המשתמש שלך בP-Set 1205 00:58:21,940 --> 00:58:24,200 7, יש לא רק ערך שם משתמש. 1206 00:58:24,200 --> 00:58:27,100 יש לא רק ערך מזומנים, או בשדה, ולא. 1207 00:58:27,100 --> 00:58:29,140 יש גם שדה מזהה. 1208 00:58:29,140 --> 00:58:31,110 >> אני לא מתכוון להוסיף את השדה מזהה. 1209 00:58:31,110 --> 00:58:34,020 זה הולך להיות נתון ל לי באופן אוטומטי, כאשר 1210 00:58:34,020 --> 00:58:35,810 השיא חדש נוסף. 1211 00:58:35,810 --> 00:58:37,820 אז יש איזה שדה שאתה ניתן להגדיר להיות אוטומטי. 1212 00:58:37,820 --> 00:58:41,740 >> אולי אתה רוצה לתת לכל משתמש $ 10,000 במזומן את הבת. 1213 00:58:41,740 --> 00:58:43,470 אז אני לא צריך להכניס מספר המזומנים כאן. 1214 00:58:43,470 --> 00:58:45,860 כל מה שאני צריך להכניס את שם המשתמש. 1215 00:58:45,860 --> 00:58:49,230 ולאחר מכן, שדה המזומנים יהיה טרום מאוכלס, והשדה מזהה יהיה 1216 00:58:49,230 --> 00:58:50,590 מראש מאוכלס. 1217 00:58:50,590 --> 00:58:53,640 >> אז לעתים קרובות, אנחנו לא מכניסים משהו בכל תחום, כי 1218 00:58:53,640 --> 00:58:55,400 תחומים אחרים אלה הם מראש מאוכלסים. 1219 00:58:55,400 --> 00:58:58,320 כי ככה אנחנו להגדיר את הטבלה הזאת. 1220 00:58:58,320 --> 00:59:01,280 >> הדבר השני שאתה הולך רוצה לעשות הוא למחוק את רשומה. 1221 00:59:01,280 --> 00:59:02,900 מחיקת משהו היא מאוד פשוט. 1222 00:59:02,900 --> 00:59:05,660 אתה נותן לשולחן שבו אתה רוצה כדי למחוק משהו מ. 1223 00:59:05,660 --> 00:59:11,202 ואתה אומר, אוקיי, אני רוצה למחוק שיא שיש לו את שם המשתמש של מילוא. 1224 00:59:11,202 --> 00:59:16,180 או שאני רוצה למחוק את כל הרשומות ש יש את שם המשתמש של מילו או שהיו 1225 00:59:16,180 --> 00:59:18,700 עסקה מזיהוי משתמש מספר 2. 1226 00:59:18,700 --> 00:59:21,950 1227 00:59:21,950 --> 00:59:24,809 כל שאלות על אלה שני סוגים של שאילתות? 1228 00:59:24,809 --> 00:59:26,059 >> קהל: [לא ברור]. 1229 00:59:26,059 --> 00:59:28,721 1230 00:59:28,721 --> 00:59:30,770 >> ג'ייסון הירשהורן: כן. 1231 00:59:30,770 --> 00:59:33,530 אז אני הולך להשתמש בשורה ושיא לסירוגין וחלק 1232 00:59:33,530 --> 00:59:35,400 עם עמודה ושדה. 1233 00:59:35,400 --> 00:59:37,650 אבל שורה אחת היא רשומה אחת. 1234 00:59:37,650 --> 00:59:40,080 עמודה אחת היא תחום אחד, הולך חזרה לטבלה זו. 1235 00:59:40,080 --> 00:59:44,210 1236 00:59:44,210 --> 00:59:45,420 >> על אישור. 1237 00:59:45,420 --> 00:59:47,310 הדבר הבא שאתה כנראה הולך לעשות הוא לקבל קצת 1238 00:59:47,310 --> 00:59:48,400 מידע מהשולחן. 1239 00:59:48,400 --> 00:59:50,090 זה שאילתת בחירה. 1240 00:59:50,090 --> 00:59:52,330 ושוב, מה ששולחן אני בחירה מ? 1241 00:59:52,330 --> 00:59:58,370 ומה עמודה אני רוצה לבחור, או מה ערך שאני רוצה לבחור ו 1242 00:59:58,370 --> 00:59:59,530 מאיזו שורה? 1243 00:59:59,530 --> 01:00:01,120 >> אז בחר הוא קצת ספציפי. 1244 01:00:01,120 --> 01:00:03,620 אני אומר, אוקיי, אני רוצה את הטבלה. 1245 01:00:03,620 --> 01:00:09,350 ולאחר מכן אני רוצה את שם המשתמש של הטור, ו אני רוצה את זה מהשורה עם תעודת זהות 2. 1246 01:00:09,350 --> 01:00:11,030 זאת דרך אחת לעשות את בחירה. 1247 01:00:11,030 --> 01:00:14,180 >> או שאני יכול לומר, תן לי כל שם משתמש אחד. 1248 01:00:14,180 --> 01:00:18,200 או שאני יכול לומר, תן לי כל שורה מטבלה זו, שבה 1249 01:00:18,200 --> 01:00:19,460 שם המשתמש הוא 1. 1250 01:00:19,460 --> 01:00:22,300 אז יש כמה דרכים שונות כדי לעשות שאילתות בחירה, תלוי כמה 1251 01:00:22,300 --> 01:00:24,130 כמות מידע שאתה רוצה, 1252 01:00:24,130 --> 01:00:29,410 >> אתה תמיד יכול פשוט לבחור את כל מה שמטבלה מסוימת ולאחר מכן הלולאה 1253 01:00:29,410 --> 01:00:31,320 דרכו, בוחרים הדברים שאתה רוצה. 1254 01:00:31,320 --> 01:00:33,940 אבל יש לזכור, אם אתה בוחר הרבה דברים משולחן ולך 1255 01:00:33,940 --> 01:00:37,400 יש שולחן ממש גדול, שייקח כמה זמן, ולכן עדיף לבחור רק 1256 01:00:37,400 --> 01:00:40,000 דברים שאתה הולך בסופו של דבר באמצעות. 1257 01:00:40,000 --> 01:00:43,580 >> כמו כן, עם בחירה ועם כל אלה SQL האחר פקודות, כמו גם, אני 1258 01:00:43,580 --> 01:00:45,760 נותן לך את הגרסה המנוונת. 1259 01:00:45,760 --> 01:00:51,600 אבל לומר, אני בחירת משתמשים ואני רוצה כדי להדפיס אותם לפי סדר אלפביתי, 1260 01:00:51,600 --> 01:00:56,710 אני יכול לבחור את כל המשתמשים ולאחר מכן למיין אותם בסדר אלפביתי בקוד שלי. 1261 01:00:56,710 --> 01:01:01,990 >> או שיש דרך לכתוב את בחר שאילתה, שבוחר דברים ב 1262 01:01:01,990 --> 01:01:06,580 האופנה אלפביתי, המבוססת על הנחה של עמודה ספציפית, עולה או 1263 01:01:06,580 --> 01:01:07,490 יורד. 1264 01:01:07,490 --> 01:01:11,660 אז יש לזכור כי, הרבה ממה שאתה רוצה לעשות כנראה יכול להיעשות ב 1265 01:01:11,660 --> 01:01:15,070 השאילתה באמצעות נוסף מייחס. 1266 01:01:15,070 --> 01:01:19,120 אז אל לחפש שאילתות אלה באינטרנט או הדברים האחרים שאתה יכול לעשות עם אלה 1267 01:01:19,120 --> 01:01:21,410 שאילתות להרחיב אותם. 1268 01:01:21,410 --> 01:01:25,020 >> לבסוף, הדבר האחרון שאתה רוצה לעשות לא להכניס משהו או למחוק 1269 01:01:25,020 --> 01:01:26,700 משהו, אלא לעדכן משהו. 1270 01:01:26,700 --> 01:01:30,380 ושנעשה עם העדכון שאילתה, ושוב, מה שטבלה. 1271 01:01:30,380 --> 01:01:32,530 ומה שינוי שאני רוצה לעשות? 1272 01:01:32,530 --> 01:01:35,915 ואיזו שורה או להקליט לעשות אני רוצה לעשות את השינוי? 1273 01:01:35,915 --> 01:01:38,720 1274 01:01:38,720 --> 01:01:40,300 כל שאלות על SQL? 1275 01:01:40,300 --> 01:01:47,070 1276 01:01:47,070 --> 01:01:47,310 >> על אישור. 1277 01:01:47,310 --> 01:01:49,080 אז יש לנו -15 דקות. 1278 01:01:49,080 --> 01:01:51,460 וזו השקופית האחרונה יש לי. 1279 01:01:51,460 --> 01:01:55,380 ובתקווה, השקופית האחרונה זה היא את קונצרט טוב לבעיה מוגדרת, 1280 01:01:55,380 --> 01:01:58,820 בגלל הבנה שבו אנו רוצים להוסיף רשומות, מחק אותן, בחר 1281 01:01:58,820 --> 01:02:03,420 שלהם, ולעדכן אותם יעזרו לנו להבין את ההיגיון הגדול יותר וזרימה 1282 01:02:03,420 --> 01:02:05,570 של הבעיה 7 סט. 1283 01:02:05,570 --> 01:02:08,330 >> אז אני יודע את כל התשובות לשאלות אלו. 1284 01:02:08,330 --> 01:02:10,570 אני לא הולך לספר לכם את כל התשובות. 1285 01:02:10,570 --> 01:02:15,530 אבל אם מישהו אחר הייתי רוצה להציג את שאלה לקבוצה או 1286 01:02:15,530 --> 01:02:18,700 תשובה לאחת מהשאלות האלה, אנחנו יכולים להשתמש בזה כנקודה לקפיצה 1287 01:02:18,700 --> 01:02:20,311 מדבר על סט הבעיה. 1288 01:02:20,311 --> 01:02:24,159 1289 01:02:24,159 --> 01:02:27,260 או אם למישהו יש כללי יותר שאלה את קבוצת הבעיה, מרגיש 1290 01:02:27,260 --> 01:02:28,210 חופשי לשאול את זה גם. 1291 01:02:28,210 --> 01:02:29,460 ואנחנו יכולים להתחיל שם. 1292 01:02:29,460 --> 01:02:32,840 1293 01:02:32,840 --> 01:02:35,973 זכור כי אתה שותק כואב לכולם. 1294 01:02:35,973 --> 01:02:36,376 כן. 1295 01:02:36,376 --> 01:02:39,540 >> קהל: אז זו הדרך היחידה לעבור משתנים ומאינטרנט שונה 1296 01:02:39,540 --> 01:02:44,532 דפים, או הנוח ביותר אגב, באמצעות POST או GET? 1297 01:02:44,532 --> 01:02:52,380 >> ג'ייסון הירשהורן: אז כן, זה הוא רוב הדרך הנוחה לומר - כש 1298 01:02:52,380 --> 01:02:53,970 מישהו ממלא טופס - 1299 01:02:53,970 --> 01:02:57,540 לקבל מידע על אתר אחר דף, באמצעות GET או POST. 1300 01:02:57,540 --> 01:03:00,400 1301 01:03:00,400 --> 01:03:04,320 בגלל מסגרתו אנו משתמשים בסט בעיה זו, תוכל להבחין 1302 01:03:04,320 --> 01:03:08,630 כי, הרבה פעמים, אנחנו להפוך את דף אחר. 1303 01:03:08,630 --> 01:03:12,420 שלנו או שאנחנו הופכים את קובץ אחר, לא בהכרח דף אחר. 1304 01:03:12,420 --> 01:03:14,050 >> אז אנחנו עוברים במשתנה. 1305 01:03:14,050 --> 01:03:16,400 ואז, זה הופך דף HTML, באמצעות 1306 01:03:16,400 --> 01:03:18,220 מידע ממשתנה זה. 1307 01:03:18,220 --> 01:03:20,790 כי הוא לא מבחינה טכנית עובר מידע בין 1308 01:03:20,790 --> 01:03:21,910 דפי אינטרנט שונים. 1309 01:03:21,910 --> 01:03:24,600 כי הוא עובר מידע בין קבצים שונים. 1310 01:03:24,600 --> 01:03:26,710 >> וכך אנחנו יכולים להשתמש בכל משתנה כדי לעשות את זה. 1311 01:03:26,710 --> 01:03:33,230 אבל כן, אם אנחנו רוצים לעבור מידע מדף מסוים ל 1312 01:03:33,230 --> 01:03:36,850 דף אחר, לקבל ולפרסם היית להיות הדרך לעשות את זה. 1313 01:03:36,850 --> 01:03:43,060 1314 01:03:43,060 --> 01:03:45,765 שאלות אחרות על הבעיה להגדיר? 1315 01:03:45,765 --> 01:03:49,490 1316 01:03:49,490 --> 01:03:50,150 >> על אישור. 1317 01:03:50,150 --> 01:03:53,660 בואו נעבור, אם כן, ספציפי חלק מהבעיה מוגדר. 1318 01:03:53,660 --> 01:04:00,260 אתה הולך צריך, בשלב מסוים, להציג התיק של מישהו על 1319 01:04:00,260 --> 01:04:01,710 המסך. 1320 01:04:01,710 --> 01:04:06,454 למה אני מתכוון כשאני אומר תיק, נקבע בהקשר של בעיה זו? 1321 01:04:06,454 --> 01:04:11,350 >> קהל: זה כמו במניות שהם יש כמה, הרבה מניות שבבעלותם, 1322 01:04:11,350 --> 01:04:13,760 את המחיר, וכמה כסף שנשאר להם. 1323 01:04:13,760 --> 01:04:15,235 >> ג'ייסון הירשהורן: זה נשמע נהדר. 1324 01:04:15,235 --> 01:04:19,640 אז אני רוצה להציג את כל המניות שבבעלותם לכל חברת מניות 1325 01:04:19,640 --> 01:04:23,770 מניות וכנראה עד כמה זה שווה, ולאחר מכן משתנה בנפרד, 1326 01:04:23,770 --> 01:04:25,960 כמה כסף שבבעלותם. 1327 01:04:25,960 --> 01:04:27,150 אז להגיד שאני רוצה לתאר את זה. 1328 01:04:27,150 --> 01:04:29,660 בואו נתחיל לדבר על איך שיכולתי ללכת על עושה את זה, מה שולחנות אני 1329 01:04:29,660 --> 01:04:31,210 הולך צריך צריך להיות מסוגל לעשות את זה. 1330 01:04:31,210 --> 01:04:34,070 1331 01:04:34,070 --> 01:04:34,460 כן - 1332 01:04:34,460 --> 01:04:37,970 >> קהל: משתמשים ובכן, ולאחר מכן, אני מניח אתה יכול להפוך את טבלה בשם 1333 01:04:37,970 --> 01:04:41,920 מניות או משהו כזה, שבו יהיה כמה שהם קנו. 1334 01:04:41,920 --> 01:04:42,660 >> ג'ייסון הירשהורן: אישור. 1335 01:04:42,660 --> 01:04:46,530 אז אני הולך לצריך טבלה בשם משתמשים, אשר עוקב אחר 1336 01:04:46,530 --> 01:04:50,640 שם משתמש, מן הסתם, כנראה כמה זהות, כנראה הסיסמה של פרט. 1337 01:04:50,640 --> 01:04:52,850 מה זה משהו אחר, כי אתה רק אמר שהוא קשור? 1338 01:04:52,850 --> 01:04:55,510 מישהו מלבד מייקל, מה הוא משהו אחר שמשויך 1339 01:04:55,510 --> 01:04:58,270 כל משתמש, ייחודי להם? 1340 01:04:58,270 --> 01:05:00,050 >> קהל: זהות. 1341 01:05:00,050 --> 01:05:01,170 >> ג'ייסון הירשהורן: ID - 1342 01:05:01,170 --> 01:05:03,540 מה הדבר השני שאנחנו כנראה הולך רוצה 1343 01:05:03,540 --> 01:05:05,685 להציג בדף זה? 1344 01:05:05,685 --> 01:05:06,990 >> קהל: השם שלהם. 1345 01:05:06,990 --> 01:05:10,550 >> ג'ייסון הירשהורן: השם שלהם - מה עוד דבר שקשור לזה 1346 01:05:10,550 --> 01:05:11,420 בעיה מסוימת שנקבעה? 1347 01:05:11,420 --> 01:05:14,110 >> קהל: מה מניות שבבעלותם - 1348 01:05:14,110 --> 01:05:16,650 >> ג'ייסון הירשהורן: יש הולכים להיות הרבה מה במניות שבבעלותם. 1349 01:05:16,650 --> 01:05:19,670 אם כי מה הערך אחד הספציפי, שהם הולכים להיות 1350 01:05:19,670 --> 01:05:22,640 הקשורים בהם? 1351 01:05:22,640 --> 01:05:25,709 איך הם הולכים לקנות ולמכור את המניות שלהם? 1352 01:05:25,709 --> 01:05:26,595 >> קהל: מזומן. 1353 01:05:26,595 --> 01:05:28,100 >> ג'ייסון הירשהורן: הם הולך להיות במזומן. 1354 01:05:28,100 --> 01:05:31,020 אז כל משתמש הוא הולך להיות ערך אחד במזומן. 1355 01:05:31,020 --> 01:05:32,360 וזה הולך להיות ייחודי לכל משתמש. 1356 01:05:32,360 --> 01:05:35,040 אז בשולחן של המשתמש, זה עושה תחושה לשים במזומן. 1357 01:05:35,040 --> 01:05:39,100 >> אתה יכול, כמובן, ליצור עוד שולחן שיש לו תעודות ומשתמש שלהם 1358 01:05:39,100 --> 01:05:40,200 ערך של כסף מזומן. 1359 01:05:40,200 --> 01:05:41,070 אבל זה לא הגיוני. 1360 01:05:41,070 --> 01:05:43,410 זה הגיוני רק כדי לשים כל זה בשולחן אחד. 1361 01:05:43,410 --> 01:05:46,860 >> אז אנחנו הולכים להיות שולחן עם מידע זה. 1362 01:05:46,860 --> 01:05:48,360 ואז, מה זה השולחן האחר אנחנו הולכים להיות? 1363 01:05:48,360 --> 01:05:49,430 אתה אמר, טבלת מניות. 1364 01:05:49,430 --> 01:05:50,680 מה אנחנו מכניסים שולחן המניות? 1365 01:05:50,680 --> 01:05:55,860 1366 01:05:55,860 --> 01:05:57,530 אף אחד, רעיונות - 1367 01:05:57,530 --> 01:05:58,796 >> קהל: החברה. 1368 01:05:58,796 --> 01:06:00,020 >> ג'ייסון הירשהורן: אנחנו הולכים לשים את שמו של 1369 01:06:00,020 --> 01:06:03,620 חברה, ולכן AAPL עבור אפל. 1370 01:06:03,620 --> 01:06:04,050 כן. 1371 01:06:04,050 --> 01:06:05,390 >> קהל: כמה מניות וב כמה הם שווים. 1372 01:06:05,390 --> 01:06:08,590 >> ג'ייסון הירשהורן: כמה מניות, כמה הם שווים - 1373 01:06:08,590 --> 01:06:10,630 מה עוד משהו שאנו צריך בטבלה ש? 1374 01:06:10,630 --> 01:06:12,770 >> קהל: זיהוי משתמש למדד זה. 1375 01:06:12,770 --> 01:06:14,000 >> ג'ייסון הירשהורן: זיהוי משתמש. 1376 01:06:14,000 --> 01:06:16,070 אז בטבלה ש, אנחנו סביר להניח שיש - 1377 01:06:16,070 --> 01:06:18,610 נניח, אם זה מישהו שבבעלותו שלוש מניות, שלוש שורות, כל אחד עם 1378 01:06:18,610 --> 01:06:23,730 שמזהים שימוש או הוראות שימוש של הפרט מזהה, אבל שם חברה שונה, 1379 01:06:23,730 --> 01:06:28,570 מספר שונה של מניות ככל הנראה, וערך מחיר שונה עבור כל 1380 01:06:28,570 --> 01:06:29,820 של מניות אלה. 1381 01:06:29,820 --> 01:06:34,690 1382 01:06:34,690 --> 01:06:37,130 שוב, מה שאני אומר עכשיו זה לא בהכרח היישום, 1383 01:06:37,130 --> 01:06:39,150 בגלל שאתה מבין שיש עוד קצת דרכים יעילים לביצועו. 1384 01:06:39,150 --> 01:06:41,020 אבל זה מקום טוב להתחיל. 1385 01:06:41,020 --> 01:06:41,430 >> על אישור. 1386 01:06:41,430 --> 01:06:42,830 אז אלה הם שני שולחנות שיש לנו. 1387 01:06:42,830 --> 01:06:44,470 עכשיו אנחנו רוצים להציג דף זה. 1388 01:06:44,470 --> 01:06:48,510 מה הוא הסוג הראשון של שאילתה היינו צריך לעשות. 1389 01:06:48,510 --> 01:06:52,190 בכל עמוד, הניח כי הוא משתמש הוא נכנס למערכת, יש לנו את מזהה המשתמש שלהם. 1390 01:06:52,190 --> 01:06:55,480 אז מה הוא הסוג הראשון של שאילתה אנחנו צריכים לעשות? 1391 01:06:55,480 --> 01:06:55,910 כן. 1392 01:06:55,910 --> 01:06:56,936 >> קהל: זיהוי המשתמש שלהם. 1393 01:06:56,936 --> 01:07:00,090 >> ג'ייסון הירשהורן: יש לנו את מזהה המשתמש שלהם, כאשר אנחנו מתחילים בקוד 1394 01:07:00,090 --> 01:07:01,340 תחילתו של הדף שלנו. 1395 01:07:01,340 --> 01:07:03,880 1396 01:07:03,880 --> 01:07:06,470 אז מה את הסוג הראשון שלנו שאילתה צריך לעשות, בהתחשב בזהותו של משתמש? 1397 01:07:06,470 --> 01:07:09,580 1398 01:07:09,580 --> 01:07:10,530 ניגשנו ארבעה הסוגים. 1399 01:07:10,530 --> 01:07:11,860 יש רק ארבע תשובות אפשריות. 1400 01:07:11,860 --> 01:07:13,230 >> קהל: זה לבחור רשומה. 1401 01:07:13,230 --> 01:07:14,710 >> ג'ייסון הירשהורן: בחר - 1402 01:07:14,710 --> 01:07:19,110 אנחנו רוצים לבחור מהמשתמש של שולחן כדי לקבל, נניח, 1403 01:07:19,110 --> 01:07:20,040 סכומם של מזומנים. 1404 01:07:20,040 --> 01:07:22,450 ואנחנו יכולים להדפיס את כמות המזומנים בחלק העליון של המסך. 1405 01:07:22,450 --> 01:07:22,720 על אישור. 1406 01:07:22,720 --> 01:07:24,210 מה סוג הבא שאילתה שאנחנו רוצים לעשות? 1407 01:07:24,210 --> 01:07:34,650 1408 01:07:34,650 --> 01:07:36,160 >> יש לנו כמה דברים אחרים אנחנו צריכים להציג. 1409 01:07:36,160 --> 01:07:37,480 אלה נשמרים בטבלה אחרת. 1410 01:07:37,480 --> 01:07:38,300 אז איך אנחנו הולכים לקבל את זה? 1411 01:07:38,300 --> 01:07:40,106 >> קהל: אתה בוחר עבורם. 1412 01:07:40,106 --> 01:07:42,490 >> ג'ייסון הירשהורן: בחר - שוב, יש רק ארבע אפשרויות. 1413 01:07:42,490 --> 01:07:44,180 בחר כנראה צלילים כמו את האדם הנכון. 1414 01:07:44,180 --> 01:07:47,510 אז אנחנו צריכים לעשות עוד שאילתת בחירה, שוב באמצעות שזיהוי המשתמש. 1415 01:07:47,510 --> 01:07:50,370 ועכשיו, אנחנו רוצים לחזור ולא רק אחד שורה, bu כל השורות התואמות את שלנו 1416 01:07:50,370 --> 01:07:53,200 קריטריונים, שבו זיהוי משתמש שווה 1. 1417 01:07:53,200 --> 01:07:56,790 >> ואז אנחנו יכולים ללכת ולתת לולאה רק להדפיס את כל אלה על המסך, 1418 01:07:56,790 --> 01:07:59,250 אולי להדפיס את החברה מ כל אחד מאלה שעל המסך. 1419 01:07:59,250 --> 01:08:02,430 נהדר, זה נשמע כמו זה מוצגות תיק, לא הרבה יותר 1420 01:08:02,430 --> 01:08:03,810 מסובך מזה. 1421 01:08:03,810 --> 01:08:07,460 >> על אישור, המשתמש ואז מחליט שהם יש הרבה כסף שנשאר. 1422 01:08:07,460 --> 01:08:09,900 והם רוצים לקנות מניות נוספות של מניות. 1423 01:08:09,900 --> 01:08:12,580 בואו נגיד, שהם כבר בבעלותך המניות של חברה זו מדי. 1424 01:08:12,580 --> 01:08:14,110 >> אז הם הולכים לדף שלך לקנות. 1425 01:08:14,110 --> 01:08:16,830 שמה של החברה הם קלט. 1426 01:08:16,830 --> 01:08:20,380 מהי השאילתה, לאחר הקלט שמה של החברה, שאתה צריך 1427 01:08:20,380 --> 01:08:22,819 ביצוע הבא? 1428 01:08:22,819 --> 01:08:23,180 כן. 1429 01:08:23,180 --> 01:08:23,960 >> קהל: עדכון. 1430 01:08:23,960 --> 01:08:26,670 >> ג'ייסון הירשהורן: עדכון - ומה שולחן אתה רוצה לעדכן? 1431 01:08:26,670 --> 01:08:29,018 >> קהל: השולחן שלהם, המבוסס על מספר תעודת הזהות שלהם? 1432 01:08:29,018 --> 01:08:31,880 >> ג'ייסון הירשהורן: אז לעדכן לא השולחן של המשתמש - 1433 01:08:31,880 --> 01:08:36,029 1434 01:08:36,029 --> 01:08:40,899 כך לעדכן את טבלת המניות, שבו זיהוי המשתמש מתאים לא רק, אבל 1435 01:08:40,899 --> 01:08:43,160 שם המניה גם גפרורים. 1436 01:08:43,160 --> 01:08:45,660 אתה תקבל ערך כלשהו. 1437 01:08:45,660 --> 01:08:48,270 ואז, אתה רוצה לקחת את הערך ש ולהוסיף מניות אולם רבות הם 1438 01:08:48,270 --> 01:08:49,890 רוצה לקנות ממנו. 1439 01:08:49,890 --> 01:08:53,420 >> אז אתה לא רוצה באופן עיוור לדרוס ערך זה. 1440 01:08:53,420 --> 01:08:56,330 אבל אתה יכול, למעשה, לקחת ראשוני כי מעריך ורק לעדכן אותו. 1441 01:08:56,330 --> 01:09:00,790 אתה יכול לעשות כמו בתוספת שווה, ולא רק שווים. 1442 01:09:00,790 --> 01:09:03,689 >> למרות מהו משהו - אם יהיו לנו חשבתי על זה ואנחנו רוצים להיות 1443 01:09:03,689 --> 01:09:08,090 חזק ככל האפשר - שאנחנו צריכים לעשות לפני שאנחנו רצים ששאילתא העדכון? 1444 01:09:08,090 --> 01:09:09,859 הם רוצים לקנות חמש שנים של אפל. 1445 01:09:09,859 --> 01:09:11,030 כל מניות של אפל היא 200 דולרים. 1446 01:09:11,030 --> 01:09:12,762 >> קהל: אנחנו קודם צריכים לבדוק כסף. 1447 01:09:12,762 --> 01:09:15,130 >> ג'ייסון הירשהורן: אנחנו צריכים קודם לבדוק כסף. 1448 01:09:15,130 --> 01:09:16,680 אנחנו צריכים להפוך אותם בטוחים יש לי מספיק כסף. 1449 01:09:16,680 --> 01:09:20,766 איזה סוג של שאילתה אנו יכולים לבצע כדי לוודא שיש להם מספיק כסף? 1450 01:09:20,766 --> 01:09:22,143 >> קהל: בחר אחר. 1451 01:09:22,143 --> 01:09:23,680 >> ג'ייסון הירשהורן: בחר - 1452 01:09:23,680 --> 01:09:26,580 אנו בוחרים המבוססים על זיהוי המשתמש שלהם, כדי לקבל את ערכם של מזומנים. 1453 01:09:26,580 --> 01:09:27,620 לעשות קצת מתמטיקה מהירה. 1454 01:09:27,620 --> 01:09:30,279 ואם זה עובר לגייס, יש להם מספיק כסף. 1455 01:09:30,279 --> 01:09:31,580 אז אנחנו יכולים להפעיל העדכון שלנו. 1456 01:09:31,580 --> 01:09:33,850 או אולי, אם לא, אז אנחנו עוברים. 1457 01:09:33,850 --> 01:09:35,370 אנחנו נותנים להם אזהרה. 1458 01:09:35,370 --> 01:09:35,710 >> על אישור. 1459 01:09:35,710 --> 01:09:36,560 אומר שאין להם חברה. 1460 01:09:36,560 --> 01:09:37,310 הם קונים חברה חדשה. 1461 01:09:37,310 --> 01:09:39,910 הם קונים מיקרוסופט. 1462 01:09:39,910 --> 01:09:41,910 איזה סוג של שאילתות שאנחנו רוצים לעשות, אם הם רוצים לקנות את מיקרוסופט? 1463 01:09:41,910 --> 01:09:43,350 והם לא לבד כל Microsoft. 1464 01:09:43,350 --> 01:09:47,520 לא מנו, אף אחד אחר, אף אחד חוץ מזה מרקוס? 1465 01:09:47,520 --> 01:09:48,229 קרלוס - 1466 01:09:48,229 --> 01:09:50,870 >> קהל: בחירה, כדי לוודא יש להם מספיק כסף. 1467 01:09:50,870 --> 01:09:51,770 >> ג'ייסון הירשהורן: נשמע טוב. 1468 01:09:51,770 --> 01:09:54,815 >> קהל: ואז אתה מכניס על [לא ברור]. 1469 01:09:54,815 --> 01:09:56,500 >> ג'ייסון הירשהורן: בדיוק, אנחנו הולך ברצונך להוסיף 1470 01:09:56,500 --> 01:09:57,800 לטבלת המניות. 1471 01:09:57,800 --> 01:09:59,370 ואנחנו הולכים ברצונך להוסיף. 1472 01:09:59,370 --> 01:10:02,510 אנחנו יכולים להכניס את מזהה המשתמש שלהם, את השם של החברה, וכמה מניות 1473 01:10:02,510 --> 01:10:03,940 הם רוצים לקנות. 1474 01:10:03,940 --> 01:10:08,040 >> מה הן כמה פעולות אחרות ש הם דפים או פונקציונלי אתה 1475 01:10:08,040 --> 01:10:10,420 אצטרך ליישם בP-Set 7, כי אנחנו צריכים ללכת על? 1476 01:10:10,420 --> 01:10:12,160 >> קהל: למעשה, אני סוג של יש לי שאלה לגבי זה. 1477 01:10:12,160 --> 01:10:18,000 לפני שתציג את התיק, צריך אתה בודק באתר הבית של יאהו 1478 01:10:18,000 --> 01:10:19,920 לוודא את מחירי המניות לא השתנה? 1479 01:10:19,920 --> 01:10:21,660 >> ג'ייסון הירשהורן: זה נשמע כמו רעיון טוב. 1480 01:10:21,660 --> 01:10:27,260 אז מה מרקוס באמת אומר זה בסדר, המניה מחירים משתנים כל הזמן. 1481 01:10:27,260 --> 01:10:32,840 במניות שבבעלותם שולחן, טבלה בשם מניות, אנחנו יכולים להציל את 1482 01:10:32,840 --> 01:10:35,360 מחיר של המניה שהם קנו אותו ב. 1483 01:10:35,360 --> 01:10:37,990 >> אבל זה לא נראה כי חזק, כי את המחיר של המניה הוא 1484 01:10:37,990 --> 01:10:39,490 כל הזמן הולך להשתנות. 1485 01:10:39,490 --> 01:10:41,990 אז למעשה, אתה כנראה לא צריך כדי לחסוך את המחיר של המניה. 1486 01:10:41,990 --> 01:10:45,230 אבל בכל פעם שאתה מציג תיק, רענון או לעדכן 1487 01:10:45,230 --> 01:10:46,280 מחיר של המניה. 1488 01:10:46,280 --> 01:10:48,720 >> ואם יש לך - ו יש לך כבר. 1489 01:10:48,720 --> 01:10:51,330 אני יודע שכולכם כבר הסתכלתי ב בעיה כבר קובע בחזרה. 1490 01:10:51,330 --> 01:10:55,410 יש לך הבין שיש לנו בכתב קצת קוד בשבילך שיאפשר לך 1491 01:10:55,410 --> 01:10:57,650 כדי לקבל את המחיר של המניה, קבל את השם של חברה. 1492 01:10:57,650 --> 01:10:59,620 >> אז כן, זה בטח נשמע קצת יותר חזק. 1493 01:10:59,620 --> 01:11:04,260 אבל טבלה שלא צריכה בהכרח כדי לחסוך את המחיר של המניה. 1494 01:11:04,260 --> 01:11:04,720 על אישור. 1495 01:11:04,720 --> 01:11:07,590 מה הן כמה פונקציות אחרות שאתה צריך ליישם את זה בשבוע ש 1496 01:11:07,590 --> 01:11:10,340 אנחנו יכולים לדבר עליו? 1497 01:11:10,340 --> 01:11:11,590 אני רוצה לדבר עליהם. 1498 01:11:11,590 --> 01:11:14,342 1499 01:11:14,342 --> 01:11:16,516 >> מה אתה רוצה לדבר? 1500 01:11:16,516 --> 01:11:17,810 זה כנראה במפרט הזה. 1501 01:11:17,810 --> 01:11:20,600 הייתי לגלול למטה רק לתחתית של המפרט ושואל אותי את המילה הראשונה 1502 01:11:20,600 --> 01:11:21,850 אתה רואה שזה לא הגיוני. 1503 01:11:21,850 --> 01:11:55,130 1504 01:11:55,130 --> 01:11:56,960 פונקציונלי אחר אחד - 1505 01:11:56,960 --> 01:11:57,840 בואו נדבר על אחד. 1506 01:11:57,840 --> 01:12:00,775 נתחיל שם. 1507 01:12:00,775 --> 01:12:02,065 >> קהל: הקלטת ההיסטוריה. 1508 01:12:02,065 --> 01:12:03,960 >> ג'ייסון הירשהורן: הקלטה ההיסטוריה, אחד גדול. 1509 01:12:03,960 --> 01:12:06,920 אז אתה תצטרך לעקוב אחר של היסטוריה של עסקות. 1510 01:12:06,920 --> 01:12:10,840 1511 01:12:10,840 --> 01:12:14,270 אז אתה רוצה לעקוב אחר כל הפעם הם לקנות או למכור מניות. 1512 01:12:14,270 --> 01:12:15,160 >> קניתי המניות שלי. 1513 01:12:15,160 --> 01:12:18,580 פשוט אמרנו, זה כנראה הגיוני כדי לכלול בחירה, כדי לקבל אותם 1514 01:12:18,580 --> 01:12:20,220 כמות המזומנים ולבדוק שוב. 1515 01:12:20,220 --> 01:12:25,270 זה כנראה הוא חכם אז לכלול להכניס או עדכון, בהתאם 1516 01:12:25,270 --> 01:12:27,720 אם הם בעלי המניות. 1517 01:12:27,720 --> 01:12:32,740 אם אנחנו רוצים גם כדי לעקוב אחר היסטוריה, איך אנחנו יכולים לעשות את זה? 1518 01:12:32,740 --> 01:12:37,530 1519 01:12:37,530 --> 01:12:38,720 האם זה הולך בטבלת המניות? 1520 01:12:38,720 --> 01:12:39,822 >> קהל: לא. 1521 01:12:39,822 --> 01:12:42,130 >> ג'ייסון הירשהורן: לא זה כנראה הולך בטבלה שונה. 1522 01:12:42,130 --> 01:12:44,040 מכיוון שאומר שאתה קונה 10 מניותיה של אפל. 1523 01:12:44,040 --> 01:12:45,370 ואז אתה קונה עוד 10 מניות. 1524 01:12:45,370 --> 01:12:46,610 אתה רוצה לגרור את הרשומות נפרדות. 1525 01:12:46,610 --> 01:12:47,610 אלה הם שתי עסקות נפרדות. 1526 01:12:47,610 --> 01:12:50,510 >> אז יש לנו שולחן אחר, שולחן היסטוריה. 1527 01:12:50,510 --> 01:12:51,880 אז שוב, שאנחנו קונים. 1528 01:12:51,880 --> 01:12:54,080 אנו לבצע בחירה, ולאחר מכן הוספה או עדכון. 1529 01:12:54,080 --> 01:12:56,410 מה שאנחנו עושים עכשיו? 1530 01:12:56,410 --> 01:13:00,410 מה השאילתה הבאה שנבצע כשאנחנו קונים משהו? 1531 01:13:00,410 --> 01:13:01,430 אנחנו רוצים לעקוב אחר ההיסטוריה. 1532 01:13:01,430 --> 01:13:01,570 כן. 1533 01:13:01,570 --> 01:13:05,195 >> קהל: אתה רוצה לשמור על מסלול של עסקות כושלות מדי. 1534 01:13:05,195 --> 01:13:07,700 >> ג'ייסון הירשהורן: ובכן, לפנינו אומר איזה סוג של עסקה, 1535 01:13:07,700 --> 01:13:11,080 מה שאנחנו רוצים - 1536 01:13:11,080 --> 01:13:13,910 איזה סוג של שאילתה, קרלוס, היית תאפשר לנו לעקוב אחר 1537 01:13:13,910 --> 01:13:16,216 דברים באופן כללי? 1538 01:13:16,216 --> 01:13:17,860 יש לך ארבעה ניחושים. 1539 01:13:17,860 --> 01:13:18,660 איזה מהם אתה חושב? 1540 01:13:18,660 --> 01:13:20,835 >> קהל: עדכון. 1541 01:13:20,835 --> 01:13:22,400 >> ג'ייסון הירשהורן: לא לעדכן. 1542 01:13:22,400 --> 01:13:25,250 מה הניחוש השני שלך? 1543 01:13:25,250 --> 01:13:26,730 >> קהל: בחירה. 1544 01:13:26,730 --> 01:13:30,020 >> ג'ייסון הירשהורן: אם אתה רוצה לשמור על אחר משהו, אתה בטח רוצה 1545 01:13:30,020 --> 01:13:33,310 לכתוב את זה באיזה מקום או לשמור אותו למועד מאוחר יותר. 1546 01:13:33,310 --> 01:13:37,054 אז אם לא לעדכן, ולאחר מכן - 1547 01:13:37,054 --> 01:13:38,310 >> קהל: הכנס אותו. 1548 01:13:38,310 --> 01:13:39,553 >> ג'ייסון הירשהורן: הוספה, שם אנחנו הולכים. 1549 01:13:39,553 --> 01:13:44,230 כן, אז אתה בוחר את כמות מזומנים שיש להם, נשמע נהדרים. 1550 01:13:44,230 --> 01:13:45,320 אין להם מספיק כסף. 1551 01:13:45,320 --> 01:13:46,720 העסקה כי הוא לא הולכת לעבודה. 1552 01:13:46,720 --> 01:13:49,440 לא, אתה לא צריך לעקוב אחר עסקה אם זה לא עובד. 1553 01:13:49,440 --> 01:13:52,280 או שאתה יכול, אם אתה רוצה לתת להם תקופה קשה. 1554 01:13:52,280 --> 01:13:53,430 אבל אין לך. 1555 01:13:53,430 --> 01:13:55,820 >> לאחר מכן, עליך להוסיף או עדכון בטבלת המניות שלהם. 1556 01:13:55,820 --> 01:13:57,260 ועכשיו, יש לך השולחן האחר שלך. 1557 01:13:57,260 --> 01:13:59,790 יש לך השולחן או את ההיסטוריה שלך כל מה שאתה רוצה לקרוא לזה. 1558 01:13:59,790 --> 01:14:02,920 ובשולחן זה, אתה הולך כדי להוסיף שורה חדשה. 1559 01:14:02,920 --> 01:14:04,205 >> זה כנראה הולך יש זיהוי של המשתמש. 1560 01:14:04,205 --> 01:14:05,840 זה כנראה הולך להיות שמו של המלאי. 1561 01:14:05,840 --> 01:14:08,760 זה כנראה הולך להיות זמן שהם עשו את זה. 1562 01:14:08,760 --> 01:14:11,500 ובמקרה זה, סביר להניח ש"ל ברצונך להוסיף את המחיר. 1563 01:14:11,500 --> 01:14:13,960 כי בשביל היסטוריה, אתה לא אכפת לי מה הוא המחיר הנוכחי. 1564 01:14:13,960 --> 01:14:17,140 אכפת לך מהו המחיר שבי הם קנו או מכרו משהו. 1565 01:14:17,140 --> 01:14:21,530 >> אז זה נשמע כמו, ליישם קנייה כרוך במספר שונה באופן מלא 1566 01:14:21,530 --> 01:14:25,530 שאילתות SQL, אבל בכנות, לא כל כך הרבה כולל קוד. 1567 01:14:25,530 --> 01:14:26,330 על אישור. 1568 01:14:26,330 --> 01:14:28,840 ושמטפל בהיסטוריה. 1569 01:14:28,840 --> 01:14:30,450 >> בואו נגיד, שאנחנו רוצים להציג את ההיסטוריה שלנו. 1570 01:14:30,450 --> 01:14:31,670 דברנו על בו מוצגות תיק העבודות שלנו. 1571 01:14:31,670 --> 01:14:33,902 איך היינו מציגה את ההיסטוריה שלנו? 1572 01:14:33,902 --> 01:14:36,312 >> קהל: יש להניח באופן כרונולוגי. 1573 01:14:36,312 --> 01:14:37,920 >> ג'ייסון הירשהורן: יש להניח מבחינה כרונולוגית - 1574 01:14:37,920 --> 01:14:39,400 מה שאילתה אתה חושב שהייתי משתמש? 1575 01:14:39,400 --> 01:14:40,675 >> קהל: בחר. 1576 01:14:40,675 --> 01:14:41,840 >> ג'ייסון הירשהורן: בחר - 1577 01:14:41,840 --> 01:14:46,590 בחר אולי כל השורות מהטבלה כי התואמים את זיהוי המשתמש ולאחר מכן 1578 01:14:46,590 --> 01:14:49,510 להציג אותם בסדר כרונולוגי, נשמע טוב. 1579 01:14:49,510 --> 01:14:52,590 האם אנחנו צריכים לכתוב קוד כדי למיין את הרשימה? 1580 01:14:52,590 --> 01:14:55,084 >> קהל: לא, בגלל שאתה אמרת לי לנו יש עולה 1581 01:14:55,084 --> 01:14:57,320 ויורד דבר. 1582 01:14:57,320 --> 01:14:58,230 >> ג'ייסון הירשהורן: דבר? 1583 01:14:58,230 --> 01:14:59,190 >> קהל: כן. 1584 01:14:59,190 --> 01:15:01,270 >> ג'ייסון הירשהורן: כן. 1585 01:15:01,270 --> 01:15:09,300 בסדר, לא פונה בקוד לי, כי ידני ממיין באמצעות השאילתות שלך, 1586 01:15:09,300 --> 01:15:09,820 כדי למיין אותם. 1587 01:15:09,820 --> 01:15:12,480 הקוד כי הוא כבר נתון. 1588 01:15:12,480 --> 01:15:15,310 אתה יכול לכתוב שאילתת בחירה שממיין את הדברים. 1589 01:15:15,310 --> 01:15:18,900 למיין אותם מראש ו לאחר מכן להדפיס אותם. 1590 01:15:18,900 --> 01:15:22,070 זה עושה כל כך הרבה יותר הגיוני לעשות זה ככה, מאשר בדרך אחרת. 1591 01:15:22,070 --> 01:15:22,375 כן. 1592 01:15:22,375 --> 01:15:23,925 >> קהל: האם אנחנו צריכים למיין אותם לפני כן? 1593 01:15:23,925 --> 01:15:25,976 האם זה אומר שאתה ממיין אותם במסד הנתונים? 1594 01:15:25,976 --> 01:15:30,510 >> ג'ייסון הירשהורן: שאילתת בחירה מחזיר לך אותם ממוינת. 1595 01:15:30,510 --> 01:15:34,990 אז לעשות את זה, ולא רק להם אחזור אליך בסדר אקראי ו 1596 01:15:34,990 --> 01:15:36,150 לאחר מכן למיין אותם בעצמך. 1597 01:15:36,150 --> 01:15:36,405 כן. 1598 01:15:36,405 --> 01:15:39,925 >> קהל: האם יש דרך לשמור את זה מסודרים באתר עצמו, כך ש 1599 01:15:39,925 --> 01:15:41,355 אתה לא צריך למיין זה כל פעם שאתה - 1600 01:15:41,355 --> 01:15:43,065 >> קהל: אתה יכול להכניס אותו ממוין? 1601 01:15:43,065 --> 01:15:45,740 >> ג'ייסון הירשהורן: שאלה - 1602 01:15:45,740 --> 01:15:49,796 זה משנה שדברים מסודרים באתר? 1603 01:15:49,796 --> 01:15:50,700 >> קהל: לא. 1604 01:15:50,700 --> 01:15:52,240 >> ג'ייסון הירשהורן: ובכן, הם מסודרים. 1605 01:15:52,240 --> 01:15:53,100 הם מסודרים באופן כרונולוגי. 1606 01:15:53,100 --> 01:15:55,060 אבל בואו נניח שדברים מסודרים 1607 01:15:55,060 --> 01:15:57,640 כרונולוגי, מלמעלה עד למטה. 1608 01:15:57,640 --> 01:15:58,930 יש לנו טופס של גוגל. 1609 01:15:58,930 --> 01:16:01,400 כל פעם שמישהו מגיב לגוגל שלנו יוצר, זה פשוט מקבל לשים 1610 01:16:01,400 --> 01:16:02,480 חלק תחתון של הטבלה. 1611 01:16:02,480 --> 01:16:07,318 האם זה משנה שדברים מסודרים לא כרונולוגי? 1612 01:16:07,318 --> 01:16:11,290 >> קהל: אם זה לא כרונולוגי, אתה לא צריך למיין אותו בכל פעם 1613 01:16:11,290 --> 01:16:12,920 אתה לוקח את המידע. 1614 01:16:12,920 --> 01:16:16,730 אבל אם זה כבר מסודרים, אתה לא יכול לא צריך לעשות את זה נוסף 1615 01:16:16,730 --> 01:16:17,570 קריאה לפונקציה? 1616 01:16:17,570 --> 01:16:20,690 >> ג'ייסון הירשהורן: אז זה למעשה נקודה טובה. 1617 01:16:20,690 --> 01:16:23,690 לנו כמתכנתים, זה אולי חשוב. 1618 01:16:23,690 --> 01:16:26,190 ואנחנו אולי רוצים למצוא באתר זה לא לסדר את העניינים 1619 01:16:26,190 --> 01:16:26,900 באופן כרונולוגי. 1620 01:16:26,900 --> 01:16:30,100 או להגדיר את מסד הנתונים שלנו, כך שהוא שומר דברים מסודרים על ידי זיהוי משתמש. 1621 01:16:30,100 --> 01:16:34,060 >> אז ככה, נניח, שיש לנו 1,000 תעודות זהות של משתמש. 1622 01:16:34,060 --> 01:16:36,690 או פייסבוק, יש לנו מיליון של תעודות זהות של משתמש. 1623 01:16:36,690 --> 01:16:39,560 אנחנו לא רוצים שהשולחן שלנו רק כדי להיות אקראי או מסד הנתונים שלנו להיות אקראי. 1624 01:16:39,560 --> 01:16:41,630 זה יהיה נחמד אם כל מזהי משתמשים מוינו. 1625 01:16:41,630 --> 01:16:46,020 אז אנחנו יכולים לבצע חיפושים בינארי על השולחן שלנו ולאחר מכן פשוט למצוא 1626 01:16:46,020 --> 01:16:47,050 נתח מסוים. 1627 01:16:47,050 --> 01:16:50,640 >> אז כן, בהתאם - אם אנחנו מדורגים עד, אנחנו אולי רוצים למצוא באתר 1628 01:16:50,640 --> 01:16:53,370 כי דברים שמרו מסודרים בשונה דרך, כך ששאילתות אלה 1629 01:16:53,370 --> 01:16:54,140 ייקח פחות זמן. 1630 01:16:54,140 --> 01:16:56,820 ואנחנו לא צריכים לעבור אותנו מסד הנתונים כולו בכל שורה ב 1631 01:16:56,820 --> 01:16:58,260 טבלת נתונה. 1632 01:16:58,260 --> 01:17:01,640 אבל ברמה שאנחנו עובדים ב, אנחנו לא צריך לדאוג לשמירה על 1633 01:17:01,640 --> 01:17:02,270 דברים מיון. 1634 01:17:02,270 --> 01:17:06,100 אפשר להניח שהזמן שלוקח שאילתה שכדי להפעיל הולכת להיות 1635 01:17:06,100 --> 01:17:08,910 זניח, בהתחשב במה עם יש לנו עסק. 1636 01:17:08,910 --> 01:17:13,550 אבל כן, רעיון מצוין - כפי שאנו בהיקף של עד, זה אולי הגיוני לעיצוב שלנו 1637 01:17:13,550 --> 01:17:15,390 מסד הנתונים בקצת דרך שונה. 1638 01:17:15,390 --> 01:17:18,520 >> דבר אחד סופי באתר עיצוב שאני רוצה לדבר, כמו גם, כי אתה יהיה 1639 01:17:18,520 --> 01:17:22,660 להיות מדורג, או כבש ולא, על את העיצוב של מסד הנתונים שלך. 1640 01:17:22,660 --> 01:17:24,160 דברנו על זה. 1641 01:17:24,160 --> 01:17:27,490 המזומן הוא ייחודי לכל משתמש. 1642 01:17:27,490 --> 01:17:30,820 אז יש לך מזומן טבלה בשם ש יש זיהוי המשתמש שלהם וכמותם של 1643 01:17:30,820 --> 01:17:33,370 במזומן ולאחר מכן טבלה בשם משתמשים שיש לו המשתמש שלהם 1644 01:17:33,370 --> 01:17:34,810 זהות ושם המשתמש שלהם. 1645 01:17:34,810 --> 01:17:37,390 >> טבלאות אלה המפה על כל אחר של אחד לאחד. 1646 01:17:37,390 --> 01:17:39,520 כנראה שזה הגיוני להם להיות אחד בטבלה. 1647 01:17:39,520 --> 01:17:42,750 1648 01:17:42,750 --> 01:17:44,830 אז בואו נניח שיש לך משתמש טבלה שעוקבת אחר 1649 01:17:44,830 --> 01:17:46,220 שמות משתמש ומזומן. 1650 01:17:46,220 --> 01:17:49,960 כעת יש לך שולחן שיש מניות בודדות בעלותה. 1651 01:17:49,960 --> 01:17:52,130 >> ואדם יכול לבד יותר מ מניות אחד. 1652 01:17:52,130 --> 01:17:54,900 אז אלה לא מפה על כל אחד מהם אחד על השני. 1653 01:17:54,900 --> 01:18:00,140 זה לא הגיוני שיש אחד ענק שולחן שיש 30 רשומות ה 1654 01:18:00,140 --> 01:18:02,960 כל לחזור על שם משתמש, שכל לחזור על סיסמא, שכל 1655 01:18:02,960 --> 01:18:04,680 לחזור על מספר במזומן. 1656 01:18:04,680 --> 01:18:08,360 אבל לכל אחד יש אולי מניות שונות שם או מחיר המניה שונה. 1657 01:18:08,360 --> 01:18:11,310 >> זה לא הגיוני שיהיה לי כי רבות רשומות גדולות. 1658 01:18:11,310 --> 01:18:14,880 להיות חכם על כשאתה יוצר אלה מאגרי מידע, כך שאתה לא עושה 1659 01:18:14,880 --> 01:18:20,050 משהו טיפשי כזה, חוזר הרבה מידע מיותר. 1660 01:18:20,050 --> 01:18:20,570 >> על אישור. 1661 01:18:20,570 --> 01:18:22,570 יש לנו שתי דקות לסיום. 1662 01:18:22,570 --> 01:18:26,580 אנשים מחוץ שמחים להצטרף שלנו או כנראה, ככל הנראה, 1663 01:18:26,580 --> 01:18:27,650 תתחיל בכיתה שלהם. 1664 01:18:27,650 --> 01:18:30,110 האם יש למישהו שאלות לפני שנסיים? 1665 01:18:30,110 --> 01:18:35,520 1666 01:18:35,520 --> 01:18:38,620 >> אוקיי, זה אכן היה מערבולת דרך כל דבר. 1667 01:18:38,620 --> 01:18:43,510 אני מתנצל שזה היה צריך להיות כל כך מהר ושאנחנו לא יכולים להיות כמו ידיים על 1668 01:18:43,510 --> 01:18:46,640 השבוע שהייתי מצפה לי אהבתי להיות. 1669 01:18:46,640 --> 01:18:50,610 אבל אם יש לך שאלות כלשהן על כל דבר שאנו ניגשנו או כל דבר ב 1670 01:18:50,610 --> 01:18:52,090 בעיה זו מוגדרת - 1671 01:18:52,090 --> 01:18:54,900 בהנחה שיש לך לקרוא אותו ולשים את במאמץ בתום לב - 1672 01:18:54,900 --> 01:18:57,920 אל תהסס שלח לי או צור איתי קשר. 1673 01:18:57,920 --> 01:19:00,960 אני יותר משמח לעבוד דרך הקוד שלך איתך או לענות על כל 1674 01:19:00,960 --> 01:19:02,330 שאלות שיש לך. 1675 01:19:02,330 --> 01:19:06,160 >> זכור כי, בשבוע זה, הרבה הזמן שלך יוקדש למידה 1676 01:19:06,160 --> 01:19:10,730 תחביר חדש ומנסה להבין איך לכתוב שאילתות SQL או PHP 1677 01:19:10,730 --> 01:19:14,280 פונקציות או עסקה עם מסגרת MVC. 1678 01:19:14,280 --> 01:19:17,290 הרבה הזמן שלך השבוע כנראה לא מנסה להבין 1679 01:19:17,290 --> 01:19:19,380 היגיון מטורף שאנחנו מבקש ממך לעשות. 1680 01:19:19,380 --> 01:19:23,820 מזה הרבה פשוט הלכנו על זה פשוט יחסית. 1681 01:19:23,820 --> 01:19:25,790 >> אז זה לא אומר שתחכה עד הרגע האחרון. 1682 01:19:25,790 --> 01:19:29,710 אבל זה כן אומר להתאים איך אתה עושה את שלך עובד בהתאם לכך, על מנת לוודא 1683 01:19:29,710 --> 01:19:30,970 אתם מבינים ו לימוד התחביר. 1684 01:19:30,970 --> 01:19:33,640 אז אתה לא, פתאום, בידיעה בדיוק מה שאתה רוצה לעשות, 1685 01:19:33,640 --> 01:19:37,200 אבל עם אין לי מושג איך בדיוק לכתוב את זה. 1686 01:19:37,200 --> 01:19:38,450 בסדר, אני אראה אותך בשבוע הבא. 1687 01:19:38,450 --> 01:19:40,438