1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [MUSIC پخش] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J مالان: خوب، خوش آمدید. 5 00:00:12,580 --> 00:00:13,600 این CS50 است. 6 00:00:13,600 --> 00:00:15,540 این پایان هفته هفت است. 7 00:00:15,540 --> 00:00:18,180 و این پایان است که روبنده شکار از مشکل تنظیم چهار 8 00:00:18,180 --> 00:00:19,220 که شما ممکن است به یاد. 9 00:00:19,220 --> 00:00:21,650 پس از دوره نقاهت بعد از همه کسانی که عکس JPEG از کارکنان، 10 00:00:21,650 --> 00:00:24,820 شما، به چالش کشیده شد اگر شما می خواهم، به خودتان عکس با عنوان بسیاری از 11 00:00:24,820 --> 00:00:25,981 از آن مردمی که می توانید. 12 00:00:25,981 --> 00:00:28,480 ما یک دسته کامل از ارسالی کردم در طول چند هفته گذشته، 13 00:00:28,480 --> 00:00:32,980 در واقع، کاملا چند درست قبل از ظهر امروز، که برخی از آنها کسانی که اینجا هستید، 14 00:00:32,980 --> 00:00:37,670 گرفتار در اینجا به نظر می رسد in-- like-- آننبرگ سالن در ساعات اداری، در اینجا 15 00:00:37,670 --> 00:00:39,530 در لاول خانه با نیک. 16 00:00:39,530 --> 00:00:41,750 در اینجا رامون که در تلفن گرفتار. 17 00:00:41,750 --> 00:00:43,870 این در ناهار CS50 بود. 18 00:00:43,870 --> 00:00:46,840 این جیسون Skyping با همکلاسی خلاق تر، 19 00:00:46,840 --> 00:00:48,280 که او را در این راه زنگ زد. 20 00:00:48,280 --> 00:00:49,690 ما نمی دانیم که آنچه در این بود. 21 00:00:49,690 --> 00:00:51,940 >> [خنده حضار] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J مالان: اما که ارزش یک گیگابایت. 23 00:00:54,570 --> 00:00:56,960 در اینجا چانگ، است که به معنای واقعی کلمه فرار از صحنه 24 00:00:56,960 --> 00:01:00,480 برای جلوگیری از یک عکس روز، اما در نهایت گرفتار شد. 25 00:01:00,480 --> 00:01:02,050 در اینجا نیک است. 26 00:01:02,050 --> 00:01:03,480 در اینجا نیک است. 27 00:01:03,480 --> 00:01:04,080 در اینجا نیک است. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 و در اینجا آلیسون توسط زمینه است. 30 00:01:07,670 --> 00:01:11,840 و Zamyla حتی پیدا شد در یک رقابت سالن. 31 00:01:11,840 --> 00:01:14,100 بنابراین ما از طریق رفتن این عکس، کشف کردن 32 00:01:14,100 --> 00:01:16,690 کسی که مشاهده کنید بیشتر اولین، و پاداش 33 00:01:16,690 --> 00:01:20,662 جایزه یکی افسانه، به عنوان وعده داده شده در تنظیمات. 34 00:01:20,662 --> 00:01:23,120 و ما نیز پیگیری مورد فضای آن دست داشت. 35 00:01:23,120 --> 00:01:26,860 >> زن و شوهر از announcements-- تا ناهار است، باز هم، این جمعه در 13:15. 36 00:01:26,860 --> 00:01:30,420 اگر شما می خواهم برای پیوستن به ما، پاسخ دهید که در آن URL در اینجا. 37 00:01:30,420 --> 00:01:33,730 جیسون در اینجا به نظر می رسد دوباره از یک از بخش های یک زن و شوهر از سال 38 00:01:33,730 --> 00:01:35,510 بازگشت، که اتفاق افتاده است به هالووین می گیرند. 39 00:01:35,510 --> 00:01:38,950 و در واقع، او به عنوان یک لباس کدو تنبل که در آن سال خاص است. 40 00:01:38,950 --> 00:01:42,700 اگر این بخش را شما تماشا از سال 2011 از بخش خود را 41 00:01:42,700 --> 00:01:46,480 هشت، اگر شما کنجکاو هستند، در CS50.tv، من فکر می کنم 42 00:01:46,480 --> 00:01:49,730 این سال بود که در آن پمپ هوا خود مشغول به کار بود. 43 00:01:49,730 --> 00:01:52,490 >> اگر شما پس از تماشای بخش مشابه در سال 2012، 44 00:01:52,490 --> 00:01:55,620 شما این جیسون خیلی تخلیه خواهید دید، از کت و شلوار دیگر عمل، 45 00:01:55,620 --> 00:01:58,060 است که فقط می گویند این جمعه، اگر شما می خواهم 46 00:01:58,060 --> 00:02:02,720 دوست به حک کردن یک کدو تنبل با Daven و گیب و دیگران، پاسخ دهید به سر 47 00:02:02,720 --> 00:02:04,480 در آدرس cs50.harvard.edu. 48 00:02:04,480 --> 00:02:06,200 آن وعده را سرگرم کننده بزرگ است. 49 00:02:06,200 --> 00:02:08,660 Daven، به ما گفته، حک شده است کدو تنبل تمام عمر خود را. 50 00:02:08,660 --> 00:02:11,930 گابریل از برزیل هرگز یک کدو تنبل برای هالووین حک شده است. 51 00:02:11,930 --> 00:02:14,700 پس با آنها وجود داشته باشد به عنوان او می آموزد. 52 00:02:14,700 --> 00:02:16,830 >> سمینارها، meanwhile-- بنابراین شما به زودی یاد خواهید گرفت 53 00:02:16,830 --> 00:02:20,650 در مورد آنچه که انتظارات ما هستند پروژه نهایی، که در اصل 54 00:02:20,650 --> 00:02:23,150 به جوش خواهد شد طراحی و پیاده سازی 55 00:02:23,150 --> 00:02:26,440 بیشتر هر پروژه مورد علاقه شما، البته منوط به تایید 56 00:02:26,440 --> 00:02:28,490 و ارشاد از دیگر آموزش های خود را. 57 00:02:28,490 --> 00:02:32,110 در اواخر ترم، معرفی می کنیم به تعداد 58 00:02:32,110 --> 00:02:35,610 سمینارها، که کلاس های اختیاری هستند رهبری همراهان آموزش و دانشگاه هاروارد 59 00:02:35,610 --> 00:02:38,570 کارکنان، دوستان از این دوره در سراسر دانشگاه، در مورد موضوعات مختلف است که 60 00:02:38,570 --> 00:02:41,470 مماس هستند برنامه درسی زمینه درس 61 00:02:41,470 --> 00:02:45,590 اما با این وجود قابل اجرا، سرگرمی، و های مختلف برای پروژه های نهایی بالقوه است. 62 00:02:45,590 --> 00:02:49,530 >> به عنوان مثال، برای اولین بار، اگر شما می خواهم ثبت نام، سر به URL که وجود دارد. 63 00:02:49,530 --> 00:02:53,010 و این ترکیب برای است سمینارها این سال به تنهایی. 64 00:02:53,010 --> 00:02:56,060 اما متوجه ما ده ها تن از سمینارها از سال گذشته، همه از آن 65 00:02:56,060 --> 00:02:59,774 در منوی سمینارها مرتبط گزینه وب سایت درس. 66 00:02:59,774 --> 00:03:02,190 بنابراین اگر شما در حال فکر کردن در مورد فراتر رفتن از منطقه راحتی خود 67 00:03:02,190 --> 00:03:05,060 و یا برداشتن برخی از مهارت های جدید، به عنوان مثال، برنامه نویسی آیفون 68 00:03:05,060 --> 00:03:08,100 برنامه با سویفت، یک زبان جدید از اپل یا هدف-C 69 00:03:08,100 --> 00:03:11,230 و یا نرم افزار های آندرویید یا برنامه نویسی [؟ نشانه؟] لامپ، یا هر یک از موضوعات 70 00:03:11,230 --> 00:03:15,490 تا اینجا و بیشتر، به دلیل از صفحه ثبت نام. 71 00:03:15,490 --> 00:03:19,730 >> بنابراین ما آغاز شد و به این نتیجه رسیدند در دوشنبه با نگاه HTTP. 72 00:03:19,730 --> 00:03:22,675 بنابراین سریع HTTP refresher--، پروتکل انتقال ابرمتن. 73 00:03:22,675 --> 00:03:24,045 اما آنچه که واقعا چیست؟ 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 چه که واقعا چیست؟ 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 این است که یک دست؟ 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 من می دانم که شما فقط سر خود را خراش. 80 00:03:34,740 --> 00:03:36,400 اما شما می خواهید به پیشنهاد چه HTTP است؟ 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> رسید چگونه کامپیوتر ارتباط با [نامفهوم]. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J مالان: من از دست رفته آخرین قسمت. 85 00:03:43,100 --> 00:03:45,774 کامپیوتر چگونه ارتباط برقرار with-- 86 00:03:45,774 --> 00:03:47,325 >> سرویس دهنده اینترنت: مخاطبان. 87 00:03:47,325 --> 00:03:50,450 DAVID J مالان: Good-- با اینترنت سرویس دهنده ها، و به طور خاص، سرویس دهنده وب است. 88 00:03:50,450 --> 00:03:53,533 از آنجا که به یاد بیاورید، یک دسته از وجود دارد خدمات در اینترنت، که برخی از آنها 89 00:03:53,533 --> 00:03:57,349 شما با استفاده از احتمالا روزانه بین چت و پیام، چت و وب و ایمیل، 90 00:03:57,349 --> 00:03:57,890 و مانند آن. 91 00:03:57,890 --> 00:04:00,900 و HTTP فقط پروتکلی است که مرورگرهای وب 92 00:04:00,900 --> 00:04:03,750 صحبت در هنگام برقراری ارتباط با وب سرور، و بالعکس. 93 00:04:03,750 --> 00:04:05,580 و آنالوگ در جهان انسان ممکن است، 94 00:04:05,580 --> 00:04:08,730 من دست نیاز خود را به لرزش برخی از دیگر انسان و او 95 00:04:08,730 --> 00:04:11,970 اذعان گسترش خود و یا دست خود را به عنوان به خوبی. 96 00:04:11,970 --> 00:04:13,970 به طوری که فقط یک پروتکل است، مجموعه ای از قراردادهای. 97 00:04:13,970 --> 00:04:15,630 >> و آنچه در واقع کسانی که کنوانسیون هستند؟ 98 00:04:15,630 --> 00:04:18,640 خوب، آن را فقط جوش پایین به ارسال پیام به عقب و جلو، 99 00:04:18,640 --> 00:04:19,770 همانطور که ما در اینجا به تصویر کشیده. 100 00:04:19,770 --> 00:04:22,520 و یک زن و شوهر از راه در آن وجود دارد که شما می توانید این پیام ارسال کنند. 101 00:04:22,520 --> 00:04:24,360 و شاید بیشتر به عنوان شایع است GET شناخته شده است. 102 00:04:24,360 --> 00:04:26,510 و ما کنتراست را ببینید این قبل از اینکه طولانی. 103 00:04:26,510 --> 00:04:30,010 >> اما یک درخواست GET از یک مرورگر به سرور مثل این به نظر می رسد. 104 00:04:30,010 --> 00:04:32,960 این یک دسته از متن است که در آن قرار می دهد در داخل یک پاکت مجازی. 105 00:04:32,960 --> 00:04:35,854 در خارج از پاکت به یک زن و شوهر قطعه از جزئیات. 106 00:04:35,854 --> 00:04:37,770 چه نیاز به رفتن در پاکت، پس به صحبت می کنند، 107 00:04:37,770 --> 00:04:41,820 به منظور رسیدن به یک درخواست مانند این را از من به یک وب سرور؟ 108 00:04:41,820 --> 00:04:42,320 آره. 109 00:04:42,320 --> 00:04:43,270 >> رسید آدرس IP شما. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J مالان: آدرس IP من در از میدان، پس به صحبت می کنند، 111 00:04:45,890 --> 00:04:49,490 و البته، آدرس IP گیرنده. 112 00:04:49,490 --> 00:04:52,710 اما در مورد یک بسته وب، ما نیاز به یک کمی جزئیات بیشتر 113 00:04:52,710 --> 00:04:55,254 این کافی نیست فقط به ارسال یک پاکت نامه به سرور، 114 00:04:55,254 --> 00:04:57,670 چرا که ممکن است سرور گوش دادن به انواع مختلف 115 00:04:57,670 --> 00:04:59,180 از ترافیک اینترنت. 116 00:04:59,180 --> 00:05:01,370 پس چه چیز دیگری ما نیاز علاوه بر IP گیرنده؟ 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 آره؟ 119 00:05:03,222 --> 00:05:04,241 >> رسید: آیا TCP؟ 120 00:05:04,241 --> 00:05:05,074 DAVID J مالان: خوب. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> رسید آدرس. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J مالان: آدرس، و یا پورت، آن را به عنوان نامیده می شود. 124 00:05:09,340 --> 00:05:11,010 نزدیک، اما شماره پورت TCP. 125 00:05:11,010 --> 00:05:12,220 و یک دسته از این وجود دارد. 126 00:05:12,220 --> 00:05:14,310 اما مطمئنا بیشتر آشنا باید نهایت 127 00:05:14,310 --> 00:05:17,590 80، که به طور پیش فرض برای ترافیک وب استفاده می شود. 128 00:05:17,590 --> 00:05:20,040 و یکی دیگر از آشنا یکی به زودی خواهد شد 443، 129 00:05:20,040 --> 00:05:24,280 است که برای وب امن استفاده ترافیک، URL هایی که با https شروع می شود. 130 00:05:24,280 --> 00:05:26,650 >> پس این همان چیزی است که می رود در داخل آن پاکت. 131 00:05:26,650 --> 00:05:29,780 و / حالت فقط بدان معناست، را من صفحه وب به طور پیش فرض. 132 00:05:29,780 --> 00:05:32,700 من ریشه سخت است رانندگی که در وب سرور. 133 00:05:32,700 --> 00:05:36,050 و امیدوارم در وب سرور با، OK پاسخ خواهد داد 134 00:05:36,050 --> 00:05:39,630 و تعداد 200، است که فقط کنوانسیون و گفت: بله، همه 135 00:05:39,630 --> 00:05:40,470 در واقع خوب است. 136 00:05:40,470 --> 00:05:41,680 در اینجا صفحه. 137 00:05:41,680 --> 00:05:45,510 نوع صفحه وب است که به متن باشد، اما به طور خاص، HTML، 138 00:05:45,510 --> 00:05:47,010 که ما در مورد به شیرجه رفتن دوباره به هستی. 139 00:05:47,010 --> 00:05:49,877 و نقطه نقطه نقطه فقط ابزار، در اینجا HTML است. 140 00:05:49,877 --> 00:05:51,710 و این که در آن ما انتخاب کنید تا به داستان امروز، 141 00:05:51,710 --> 00:05:55,740 در واقع نوشتن HTML، زبان نشانه گذاری ابرمتن، که 142 00:05:55,740 --> 00:05:57,727 زبان است که در آن صفحات وب نوشته شده است. 143 00:05:57,727 --> 00:05:59,060 این یک زبان برنامه نویسی نیست. 144 00:05:59,060 --> 00:06:01,270 هیچ توابع وجود دارد و یا حلقه و یا شرایط. 145 00:06:01,270 --> 00:06:03,800 این یک زبان نشانه گذاری است، و همچنین امروز دوباره ببینم، 146 00:06:03,800 --> 00:06:07,240 که اجازه می دهد تا شما را به مشخص چگونه به ساختار و سبک خاصی دراوردن 147 00:06:07,240 --> 00:06:09,300 زیبا و یک صفحه وب. 148 00:06:09,300 --> 00:06:11,470 >> پس این یکی از آنها بود و تنها صفحه ما واقعا 149 00:06:11,470 --> 00:06:13,930 نگاه، اگر به طور خلاصه، در روز دوشنبه. 150 00:06:13,930 --> 00:06:16,250 و متوجه چند ویژگی های برجسته. 151 00:06:16,250 --> 00:06:20,170 در بسیاری از باز زاویه دار وجود دارد براکت براکت زاویه دار و نزدیک است. 152 00:06:20,170 --> 00:06:23,160 در بین کسانی که زاویه دار براکت کلمات هستند. 153 00:06:23,160 --> 00:06:25,660 و ما قصد داریم به شروع تماس کسانی که برچسب کلمات. 154 00:06:25,660 --> 00:06:28,800 سر براکت پس باز و سر براکت بسته 155 00:06:28,800 --> 00:06:33,620 تگ باز و بسته هستند، و یا شروع و پایان برچسب ها 156 00:06:33,620 --> 00:06:37,660 به ترتیب، یک عنصر HTML، به عنوان ما آن را، سر نامیده می شود. 157 00:06:37,660 --> 00:06:41,760 و اصطلاحات مخصوص یک صنف همین امر به بدن در HTML و غیره. 158 00:06:41,760 --> 00:06:43,970 >> و چه خوب است HTML-- و در واقع، ما به شما 159 00:06:43,970 --> 00:06:47,187 صرف زمان وحشتناکی بر روی آن، چون شما بیشتر فقط از شکل 160 00:06:47,187 --> 00:06:49,770 چه ویژگی آن است زمانی که شما در واقع یک مشکل بتن 161 00:06:49,770 --> 00:06:52,820 به solve-- پیدا خواهید کرد که یک مرورگر بسیار گنگ است. 162 00:06:52,820 --> 00:06:56,450 این فقط رفتن به do-- بر خلاف computer-- آنچه شما به آن بگویید تا انجام دهد. 163 00:06:56,450 --> 00:06:59,279 و تا زمانی که شما باز HTML براکت در بالاترین 164 00:06:59,279 --> 00:07:01,320 وجود دارد، که در اصل فقط بدان معناست، با سلام، مرورگر، 165 00:07:01,320 --> 00:07:04,090 در اینجا می آید یک صفحه وب نوشته شده در HTML. 166 00:07:04,090 --> 00:07:06,130 >> هنگامی که آن را می بیند براکت باز سر، فقط بدان معناست که، 167 00:07:06,130 --> 00:07:10,350 با سلام، مرورگر، در اینجا می آید سر، و یا بالاترین بخش از صفحه وب من است. 168 00:07:10,350 --> 00:07:14,192 هنگامی که آن را می بیند براکت بسته سر، فقط بدان معناست که، با سلام، 169 00:07:14,192 --> 00:07:15,150 که آن را برای سر. 170 00:07:15,150 --> 00:07:16,420 آماده به کار برای چیز دیگری. 171 00:07:16,420 --> 00:07:18,878 و این چیز دیگری است ظاهرا برای رفتن به بدن است. 172 00:07:18,878 --> 00:07:22,630 و هنگامی که شما یک برچسب، مانند ندارد شما فقط سلام، کاما، جهان، 173 00:07:22,630 --> 00:07:26,610 این فقط رفتن به متن اولیه که در نهایت در روی صفحه نمایش نمایش داده شود. 174 00:07:26,610 --> 00:07:29,220 >> در حال حاضر، شما توجه بیش از حد دندانه در اینجا. 175 00:07:29,220 --> 00:07:32,160 شما احتمالا می تواند استنباط چگونه ما آن را stylizing. 176 00:07:32,160 --> 00:07:34,850 هر بار که من باز یک برچسب، پس به صحبت، من تو رفتگی. 177 00:07:34,850 --> 00:07:38,540 و هر بار که من نزدیک برچسب، من غیر دندانه دار کردن، 178 00:07:38,540 --> 00:07:40,690 در روح به آکولاد مشابه. 179 00:07:40,690 --> 00:07:43,470 و فراتر از آن، من هستم نوع استفاده از قضاوت من. 180 00:07:43,470 --> 00:07:48,380 توجه کنید که من را خسته نکنید ضربه در داخل آن تگ عنوان را وارد کنید. 181 00:07:48,380 --> 00:07:48,990 چرا؟ 182 00:07:48,990 --> 00:07:51,920 خب، من فقط تصمیم گرفت از آن نگاه پاک کن کمی به من، انسان، 183 00:07:51,920 --> 00:07:53,181 فقط به زحمت نمی انجام این کار. 184 00:07:53,181 --> 00:07:54,930 بنابراین دوباره، وجود دارد برخی از قضاوت تماس ها فقط 185 00:07:54,930 --> 00:07:57,670 مثل این است که در C یا هر زبان وجود دارد. 186 00:07:57,670 --> 00:08:04,110 >> اما توجه کنید که این دندانه بیش از حد خود را به یک مدل ذهنی آشنایی، 187 00:08:04,110 --> 00:08:05,670 به بیش از نه پیچیده است. 188 00:08:05,670 --> 00:08:07,020 اما یک درخت، درست است؟ 189 00:08:07,020 --> 00:08:09,290 اگر شما از یک وب فکر می کنم صفحه، ظاهرا نوشته 190 00:08:09,290 --> 00:08:12,050 مانند این، به عنوان سادگی فاصله دار که در راه، 191 00:08:12,050 --> 00:08:17,390 شما تقریبا می توانید از براکت باز فکر می کنم HTML تگ براکت بسته است demarcating 192 00:08:17,390 --> 00:08:21,380 ریشه یک گره، یک شجره نامه گره سبک در سبک درختان 193 00:08:21,380 --> 00:08:22,900 ما در روز جمعه گذشته نگاه کرد. 194 00:08:22,900 --> 00:08:27,630 >> و در واقع، ما در سمت راست در اینجا آنچه که ما می خواهیم یک DOM، D-O-M، سند تماس بگیرید 195 00:08:27,630 --> 00:08:31,680 مدل شی، راه فانتزی گفتن یک درخت است که نشان دهنده که HTML. 196 00:08:31,680 --> 00:08:36,140 و توجه کنید که HTML است، ما به شما می گویند، مانند یک درخت خانواده، دو فرزند. 197 00:08:36,140 --> 00:08:37,659 در سمت چپ سر می باشد. 198 00:08:37,659 --> 00:08:39,179 در سمت راست بدن است. 199 00:08:39,179 --> 00:08:44,220 >> و فقط به عنوان یک ورزش فکری بی، سر، البته، است که چگونه بسیاری از کودکان 200 00:08:44,220 --> 00:08:46,070 با توجه به این ساختار؟ 201 00:08:46,070 --> 00:08:48,200 پس فقط یک، title-- و به همین دلیل ما 202 00:08:48,200 --> 00:08:50,580 فلش رفتن از سر به عنوان. 203 00:08:50,580 --> 00:08:55,110 پس از آن به عنوان هر چند که شخص در درخت خانواده فقط یک فرزند داشتند. 204 00:08:55,110 --> 00:08:58,230 و پس از آن عنوان خود را می توان گفت که یک کودک بیش از حد. 205 00:08:58,230 --> 00:09:01,780 >> به یاد بیاورید که HTML به حال سلام، کاما، جهان در زیر آن. 206 00:09:01,780 --> 00:09:06,090 و من به سادگی آن را در درون کشیده ام بیضی شکل به جای یک مستطیل فقط 207 00:09:06,090 --> 00:09:10,559 برای انتقال معنایی است که حتی اگر آن یک گره در درخت است، پس به صحبت می کنند، 208 00:09:10,559 --> 00:09:12,100 این نوع اساسا متفاوت است. 209 00:09:12,100 --> 00:09:12,800 این یک برچسب نیست. 210 00:09:12,800 --> 00:09:14,780 و یا به درستی بیشتر، آن را به یک عنصر نیست. 211 00:09:14,780 --> 00:09:16,590 این اگر شما فقط یک گره متن است. 212 00:09:16,590 --> 00:09:18,990 اما این ها به طور کامل کنوانسیون های دلخواه انسان است. 213 00:09:18,990 --> 00:09:23,180 این فقط در حال حاضر راه من است نمایندگی چیزی است که من به عنوان یک دانه 214 00:09:23,180 --> 00:09:24,340 سند تماس بگیرید. 215 00:09:24,340 --> 00:09:27,750 >> و به عنوان یک به کنار، چیزی که در گوشه سمت چپ فوق العاده بالا، 216 00:09:27,750 --> 00:09:32,080 براکت به علامت تعجب باز توضیحات نوع HTML، این به نظر می رسد مثل یک برچسب، 217 00:09:32,080 --> 00:09:35,560 اما در مورد گوشه احمق که در آن است آن است که فقط وجود دارد، کپی و جا به جا 218 00:09:35,560 --> 00:09:38,460 به منظور نشان دادن مرورگر این نسخه HTML 5 است. 219 00:09:38,460 --> 00:09:41,540 جهان را نگه می دارد در حال تغییر چه اولین خط از کد در یک صفحه باید باشد. 220 00:09:41,540 --> 00:09:43,820 این حالت فقط بدان معناست نسخه 5. 221 00:09:43,820 --> 00:09:45,950 پس از آن نه کاملا مانند دیگران نگاه کنید. 222 00:09:45,950 --> 00:09:48,120 >> همه حق است، بنابراین با توجه به گفت، اکنون شما قدردانی 223 00:09:48,120 --> 00:09:50,767 این نسبتا این احمق خال کوبی کسی کردم. 224 00:09:50,767 --> 00:09:51,990 >> [خنده حضار] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J مالان: خوب، و در حال حاضر اجازه دهید در واقع شیرجه 226 00:09:54,210 --> 00:09:55,710 به انجام کاری با این. 227 00:09:55,710 --> 00:09:58,610 شما آن زمان گذشته به خاطر بیاورید من باز لوازم خانگی CS50 228 00:09:58,610 --> 00:10:01,650 و من چیزی به عنوان انجام ساده باز کردن جیادیت. 229 00:10:01,650 --> 00:10:05,190 و من فایل حتی در ذخیره desktop-- من هیچ جا special-- 230 00:10:05,190 --> 00:10:05,870 به عنوان hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> بنابراین، اجازه دهید کار را انجام دهید again-- hello.html را وارد کنید. 233 00:10:10,984 --> 00:10:13,900 و در حال حاضر در این فایل، من قصد دارم به جلو بروید و تکرار چیزی است که ما فقط 234 00:10:13,900 --> 00:10:18,850 saw-- توضیحات نوع HTML سپس من قصد دارم به انجام براکت براکت HTML باز بسته. 235 00:10:18,850 --> 00:10:21,890 و پس از آن من قصد دارم به پیشگیرانه باز کردن و بستن تگ. 236 00:10:21,890 --> 00:10:22,390 چرا؟ 237 00:10:22,390 --> 00:10:23,598 فقط تا من فراموش نکنید که بعد از آن. 238 00:10:23,598 --> 00:10:26,850 این فقط عمل خوب است، مانند باز کردن و بسته شدن آکولاد همه در یک بار. 239 00:10:26,850 --> 00:10:28,900 >> و پس از آن چه شد که بعد؟ 240 00:10:28,900 --> 00:10:30,582 شما می توانید از خال کوبی فکر می کنم. 241 00:10:30,582 --> 00:10:31,450 >> رسید سر. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J مالان: سر. 243 00:10:32,500 --> 00:10:36,020 و سپس در اینجا، من حال عنوان، من فکر می کنم. 244 00:10:36,020 --> 00:10:39,886 و عنوان را خودسرانه بود، سلام، عنوان نزدیک جهان است. 245 00:10:39,886 --> 00:10:42,760 و پس از آن در اینجا، بدن، از course-- پس ما تگ body بسته. 246 00:10:42,760 --> 00:10:45,660 و پس از آن فقط تا حدودی زیادی، من در اینجا به حال همین. 247 00:10:45,660 --> 00:10:47,150 >> پس من ادعا می کنند که این یک صفحه وب است. 248 00:10:47,150 --> 00:10:49,050 این چیزی است که در حال حاضر می تواند در وب زندگی می کنند، 249 00:10:49,050 --> 00:10:51,925 حتی اگر البته، آن را به معنای واقعی کلمه در حال حاضر زندگی می کنند را بر روی میز من است. 250 00:10:51,925 --> 00:10:55,837 اما در واقع، اگر جیادیت حداقل رساندن I، من بر روی میز من آیکون آن را مشاهده کنید. 251 00:10:55,837 --> 00:10:58,420 اگرچه این دستگاه است، شما می توانید از این در سیستم عامل مک انجام 252 00:10:58,420 --> 00:11:01,580 بدون TextEdit یا ویندوز با Notepad حتی. 253 00:11:01,580 --> 00:11:06,115 >> و اگر من به جلو و دوبار کلیک کنید که حتی، و select-- خوب، اجازه دهید 254 00:11:06,115 --> 00:11:07,990 را انتخاب کنید که به دلیل کروم باز کردن نیست. 255 00:11:07,990 --> 00:11:09,281 اجازه دهید پیش بروید و باز کردن کروم. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 و سپس فرمان-O برای باز و حرکت به دسکتاپ من 258 00:11:14,040 --> 00:11:15,320 و باز آن فایل. 259 00:11:15,320 --> 00:11:20,120 این است که چگونه از یک مرورگر تفسیر HTML، بالا به پایین، از چپ به راست. 260 00:11:20,120 --> 00:11:21,314 با سلام، در اینجا مرورگر HTML است. 261 00:11:21,314 --> 00:11:21,980 در اینجا سر است. 262 00:11:21,980 --> 00:11:23,250 در اینجا عنوان می شود. 263 00:11:23,250 --> 00:11:24,090 در اینجا بدن است. 264 00:11:24,090 --> 00:11:26,620 و در واقع، این است که چگونه ارائه آن را که صفحه وب. 265 00:11:26,620 --> 00:11:27,800 >> اما متوجه URL. 266 00:11:27,800 --> 00:11:32,430 هیچ یک از شما می تواند بالا بکشد این خاص صفحه بر روی لپ تاپ شما در حال حاضر، 267 00:11:32,430 --> 00:11:34,910 حتی در داخل خود لوازم خانگی از طریق URL که، 268 00:11:34,910 --> 00:11:40,130 زیرا فایل: // نشان می دهد که در واقع در فایل سیستم من، دیسک سخت من، 269 00:11:40,130 --> 00:11:40,990 نه مال شما. 270 00:11:40,990 --> 00:11:42,440 پس این همه که مفید نیست. 271 00:11:42,440 --> 00:11:44,940 >> اجازه دهید در حال حاضر به سمت حرکت با استفاده از یک وب سرور واقعی است. 272 00:11:44,940 --> 00:11:48,309 و معلوم CS50 لوازم خانگی بیش از یک محیط که در آن است 273 00:11:48,309 --> 00:11:51,100 شما می توانید کد C ارسال و تدوین و اجرای آن را مانند شما انجام شده است. 274 00:11:51,100 --> 00:11:55,500 این نیز بوده است توسط پیکربندی کارکنان برای نشان دادن یک وب سایت معمولی 275 00:11:55,500 --> 00:11:58,290 سرور که بر روی اینترنت، یکی که شما ممکن است برای پرداخت 276 00:11:58,290 --> 00:12:00,210 یا یکی که در ابر به اصطلاح. 277 00:12:00,210 --> 00:12:02,600 >> و آن را در حال اجرا استاندارد منبع باز رایگان 278 00:12:02,600 --> 00:12:06,160 نرم افزار، به عنوان مثال، چیزی به نام آپاچی، که شاید 279 00:12:06,160 --> 00:12:08,700 هنوز هم محبوب ترین وب نرم افزار سرور در جهان 280 00:12:08,700 --> 00:12:11,030 که هزاران نفر از وب سایت های امروز استفاده کنید. 281 00:12:11,030 --> 00:12:13,420 و آن را نیز حتی تا نرم افزار هایی همچون MySQL، 282 00:12:13,420 --> 00:12:16,240 که یک سرور پایگاه داده است که ما در نهایت شما را بگیرید، 283 00:12:16,240 --> 00:12:18,330 است که فقط می گویند من می توانم شروع درمان 284 00:12:18,330 --> 00:12:22,040 لوازم خانگی من به عنوان یک سرور کامل تکامل یافته که من در جاهای دیگر برای پرداخت نیست. 285 00:12:22,040 --> 00:12:25,980 این فقط بر روی لپ تاپ خود من برای زندگی توسعه و راحتی اهداف. 286 00:12:25,980 --> 00:12:27,870 >> بنابراین اجازه دهید پیش بروید و استفاده از این. 287 00:12:27,870 --> 00:12:30,120 من قصد دارم به جلو بروید و باز کردن یک پنجره ترمینال. 288 00:12:30,120 --> 00:12:33,030 و من قصد دارم به جلو بروید و move-- در واقع، برای اولین بار من 289 00:12:33,030 --> 00:12:34,860 رفتن به حرکت به دسکتاپ من. 290 00:12:34,860 --> 00:12:36,400 اگر من LS، در hello.html وجود دارد. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 و من قصد دارم برای رفتن جلو و شروع به استفاده از 293 00:12:38,730 --> 00:12:40,800 یک دایرکتوری جدید ایم قبل از امروز استفاده نمی شود. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- من قصد دارم به حرکت به ../vhosts برای hosts-- مجازی 295 00:12:46,840 --> 00:12:50,940 بیشتر در مورد که در future-- و سپس به یک دایرکتوری با نام localhost را، 296 00:12:50,940 --> 00:12:54,420 است که نام مستعار داده شده به تقریبا هر کامپیوتر، که آیا آن را مک، PC، 297 00:12:54,420 --> 00:12:57,560 یا کامپیوتر لینوکس، و پس از آن به طور خاص به یک دایرکتوری است که ما، 298 00:12:57,560 --> 00:13:01,260 کارکنان در حال حاضر برای شما در هنگام ایجاد شما دانلود دستگاه نام 299 00:13:01,260 --> 00:13:01,760 عمومی است. 300 00:13:01,760 --> 00:13:04,551 و به عنوان نام آن نشان می دهد، هر چیزی من در این پوشه، قرار دادن در تئوری، 301 00:13:04,551 --> 00:13:07,790 در حال رفتن به در حال حاضر است عمومی، حداقل به مردم 302 00:13:07,790 --> 00:13:10,030 که مستقیم اتصال به کامپیوتر من. 303 00:13:10,030 --> 00:13:13,160 >> بنابراین در حال حاضر اجازه دهید من به جلو و انجام سی دی است که همان 304 00:13:13,160 --> 00:13:15,490 بنابراین من می توانید ببینید چه چیزی رفتن و نوع LS. 305 00:13:15,490 --> 00:13:17,630 و در واقع، که تنها چیزی که در آن وجود دارد. 306 00:13:17,630 --> 00:13:23,250 من ادعا می کنم که در حال حاضر به خاطر من این قرار داده اند فایل hello.html درون یک دایرکتوری 307 00:13:23,250 --> 00:13:26,940 نام داخل عمومی از یک دایرکتوری localhost به نام درون یک دایرکتوری 308 00:13:26,940 --> 00:13:29,810 نام vhosts، که با تشکر از کارکنان CS50 309 00:13:29,810 --> 00:13:34,390 شده است پیش پیکربندی شده باشد ریشه وب سرور شما، 310 00:13:34,390 --> 00:13:36,900 من در حال حاضر می تواند امیدوارم این کار. 311 00:13:36,900 --> 00:13:38,390 >> من قصد دارم به باز کردن یک تب جدید است. 312 00:13:38,390 --> 00:13:40,090 و من قصد دارم برای رفتن به فایل نیست: //. 313 00:13:40,090 --> 00:13:44,520 من قصد دارم به استفاده واقعی HTTP / localhost را، که 314 00:13:44,520 --> 00:13:47,470 دوباره، نام مستعار است برای سرور خود من. 315 00:13:47,470 --> 00:13:51,085 و پس از آن من قصد دارم برای رفتن به آنچه نام فایل، فقط به روشن باشد؟ 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 که در آن است که این داستان احتمالا؟ 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> بنابراین به عبارت دیگر، من در حال حاضر به این می خواهید کامپیوتر خود من، دستگاه خود من است، 322 00:14:04,270 --> 00:14:05,660 به عنوان هر چند که یک سرور واقعی است. 323 00:14:05,660 --> 00:14:07,490 نام مستعار خود را localhost است. 324 00:14:07,490 --> 00:14:10,210 اما از localhost به فکر می کنم به عنوان مثل Facebook.com google.com، هر آنچه. 325 00:14:10,210 --> 00:14:11,600 این فقط نام محلی من است. 326 00:14:11,600 --> 00:14:14,810 و پس از آن نهایی من می خواهم در ریشه درایو سخت، پس به صحبت می کنند، 327 00:14:14,810 --> 00:14:17,729 یا ریشه وب سرور، بنابر اسلش و سپس 328 00:14:17,729 --> 00:14:18,770 hello.html نام فایل. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> به من اجازه زوم کردن و ضربه را وارد کنید. 331 00:14:21,930 --> 00:14:24,266 و در واقع، در حال حاضر صفحه وب من وجود دارد. 332 00:14:24,266 --> 00:14:25,390 پس از آن کمی متفاوت است. 333 00:14:25,390 --> 00:14:26,880 و آن را فقط به عنوان underwhelming. 334 00:14:26,880 --> 00:14:27,904 این نسخه قدیمی است. 335 00:14:27,904 --> 00:14:29,070 به من اجازه کوچک شدن فونت بازگشت. 336 00:14:29,070 --> 00:14:29,745 این قدیمی است. 337 00:14:29,745 --> 00:14:30,890 این جدید است. 338 00:14:30,890 --> 00:14:35,430 اما آنچه اساسا اتفاق می افتد در حال حاضر این است که HTTP استفاده شده است. 339 00:14:35,430 --> 00:14:39,344 >> اجازه دهید این است که یک کمی روشن تر و یا به آن، اگر شما خواهد شد، کمی پیچیده تر است. 340 00:14:39,344 --> 00:14:41,760 اجازه بدهید من به سمت راست پایین بروید گوشه از دستگاه من است. 341 00:14:41,760 --> 00:14:44,000 و توجه کنید که تمام این زمان، بوده است تعداد وجود دارد. 342 00:14:44,000 --> 00:14:47,330 که آدرس منحصر به فرد است لوازم CS50 شما. 343 00:14:47,330 --> 00:14:50,800 این آدرس خصوصی است، که توسط 172.16 ضمنی، 344 00:14:50,800 --> 00:14:53,860 که فقط فقط شما از لحاظ جسمی به این معنی است می توانید از این وب سرور دسترسی داشته باشید. 345 00:14:53,860 --> 00:14:56,340 همه چیز firewalled است و سادگی را از بقیه محافظت 346 00:14:56,340 --> 00:14:58,130 جهان به این دلیل پرداختن. 347 00:14:58,130 --> 00:15:01,920 >> و در حال حاضر متوجه هر چند اگر من به رفتن این آدرس، نه در دستگاه من، 348 00:15:01,920 --> 00:15:04,340 اما در مک OS-- من قصد دارم برای رفتن به عقب در اینجا. 349 00:15:04,340 --> 00:15:05,930 این مک من در حال حاضر است. 350 00:15:05,930 --> 00:15:08,460 و در حال حاضر من قصد دارم برای باز کردن این نسخه از کروم در اینجا. 351 00:15:08,460 --> 00:15:17,370 و من قصد دارم برای رفتن به http: //172.16.25 / و من را فراموش کرده ام rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> بنابراین من قصد دارم به مک از من مراجعه کنید که آدرس IP /hello.html را وارد کنید. 353 00:15:25,210 --> 00:15:29,850 و در حال حاضر من از مک من را ببینید لوازم خانگی CS50 که من، که 354 00:15:29,850 --> 00:15:32,600 آدرس IP است که تعداد، در واقع رفتار 355 00:15:32,600 --> 00:15:34,320 مانند یک وب سرور در اینترنت است. 356 00:15:34,320 --> 00:15:36,944 این کار آسان به خوبی نمی نام به یاد داشته باشید مانند Facebook.com، 357 00:15:36,944 --> 00:15:40,370 اما آن را با استفاده از HTTP ظاهرا، حتی اگر کروم 358 00:15:40,370 --> 00:15:43,560 از نوع ساده جهان برای ما، اما ما نشان نمی HTTP. 359 00:15:43,560 --> 00:15:46,210 اما این در واقع دقیقا همان است که. 360 00:15:46,210 --> 00:15:48,470 کروم است تنها صرفه جویی در برخی از کلید این روز است. 361 00:15:48,470 --> 00:15:50,530 و این چیزی است که ما در حال حاضر را مشاهده کنید. 362 00:15:50,530 --> 00:15:51,890 >> به طوری که همه خوب و خوب است. 363 00:15:51,890 --> 00:15:53,740 اما این صفحه بسیار underwhelming است. 364 00:15:53,740 --> 00:15:56,230 اجازه دهید من در رفته و کاری کمی متفاوت در حال حاضر. 365 00:15:56,230 --> 00:15:57,910 بنابراین، اجازه دهید به بازگشت به جیادیت. 366 00:15:57,910 --> 00:16:00,580 و به جای سلام، جهان، اجازه دهید یک تصویر قرار داده است. 367 00:16:00,580 --> 00:16:05,880 و من از before-- بذار ادعا به من دایرکتوری localhost به مردم است. 368 00:16:05,880 --> 00:16:10,580 و اجازه دهید من به جلو و کپی تمام دسته از فایل ها از امروز 369 00:16:10,580 --> 00:16:15,633 از پوشه Dropbox من به اینجا. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> اگر من به نوع LS، نگاه در تمام این فایل ها 372 00:16:21,680 --> 00:16:24,940 که من از توزیع ام وب سایت دوره پیش از امروز، 373 00:16:24,940 --> 00:16:26,830 که یکی از آنها هنوز هم hello.html. 374 00:16:26,830 --> 00:16:27,830 بنابراین است که یک وجود دارد. 375 00:16:27,830 --> 00:16:30,730 و به خاطر این احمقانه از آخرین cat.jpg time--. 376 00:16:30,730 --> 00:16:34,550 بنابراین، اجازه دهید سعی کنید به جاسازی cat.jpg داخل صفحه وب من است. 377 00:16:34,550 --> 00:16:37,690 >> من قصد دارم به جلو بروید و انجام cat.jpg، نجات دهد. 378 00:16:37,690 --> 00:16:38,950 به من اجازه بازگشت به کروم. 379 00:16:38,950 --> 00:16:41,140 و اجازه دهید من در زوم فونت و در حال حاضر بارگیری مجدد کنید. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 اوه، جایی که من این را؟ 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- من هنوز قدیمی نسخه از باز دسکتاپ من. 384 00:16:51,520 --> 00:16:56,020 بنابراین، اجازه دهید به vhost من، من در localhost، عمومی من، و hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 بنابراین در حال حاضر اجازه دهید من به جلو و می گویند در داخل بدن cat.jpg 387 00:17:00,670 --> 00:17:02,830 که در آن من می خواهم آن را به نمایش داده شده و دوباره بارگیری کنید. 388 00:17:02,830 --> 00:17:04,560 البته، این درست نیست. 389 00:17:04,560 --> 00:17:08,050 >> بنابراین من نیاز به مرورگر بگویید که کمی عمدا بیشتر آنچه من می خواهم آن را به انجام. 390 00:17:08,050 --> 00:17:10,210 به سادگی با تایپ نام است بدیهی است که کافی نیست. 391 00:17:10,210 --> 00:17:15,134 بنابراین به خاطر این بود که دیگر وجود دارد برچسب، تصویر، IMG برای کوتاه است. 392 00:17:15,134 --> 00:17:17,550 که فقط به خاطر انسان از نوع کلمات کامل را دوست ندارد. 393 00:17:17,550 --> 00:17:19,050 و پس از آن ما می توانیم منبع انجام = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> و در حال حاضر من قصد دارم به انجام یک چیز متفاوت است در اینجا. 396 00:17:23,550 --> 00:17:25,390 حتی اگر همه برچسب ها ما را تا کنون داشته 397 00:17:25,390 --> 00:17:28,086 حال این تصور از شروع تگ و تگ پایانی، 398 00:17:28,086 --> 00:17:30,210 که واقعا نمی را حس یک تصویر، درست است؟ 399 00:17:30,210 --> 00:17:32,430 یک تصویر است یا وجود دارد و یا وجود ندارد. 400 00:17:32,430 --> 00:17:36,650 و به این ترتیب انسان آمده اند با یک قرارداد ساده تر. 401 00:17:36,650 --> 00:17:40,310 هنگامی که شما یک تگ است که می تواند هر دو شروع و پایان در همان time-- 402 00:17:40,310 --> 00:17:43,790 می توان آن را خالی، تا به speak-- فقط قرار دادن اسلش داخل برچسب 403 00:17:43,790 --> 00:17:44,710 در پایان بسیار. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 حالا به من اجازه بازگشت به مرورگر. 406 00:17:47,150 --> 00:17:50,377 آمار بازنگری لعنت، چیزی اشتباه است. 407 00:17:50,377 --> 00:17:52,460 شما احتمالا این را دیده ام گاهی اوقات بر روی وب، 408 00:17:52,460 --> 00:17:53,600 حتی اگر تقصیر شما نبوده است. 409 00:17:53,600 --> 00:17:54,766 این گسل وب سرور است. 410 00:17:54,766 --> 00:17:56,240 چه غزل این به نظر می رسد نشان می دهد؟ 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 این شکسته. 413 00:17:58,009 --> 00:17:59,300 این جایی است که تصویر تعلق دارد. 414 00:17:59,300 --> 00:17:59,700 آره؟ 415 00:17:59,700 --> 00:18:01,560 >> رسید اما آن را نمی کند دسترسی به تصویر داشته باشد. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J مالان: آن را نمی کند دسترسی به تصویر داشته باشد. 417 00:18:03,070 --> 00:18:05,230 که، و یا حتی بدتر، شاید آن وجود ندارد. 418 00:18:05,230 --> 00:18:06,729 بیایید ببینیم که اگر ما می توانیم تشخیص نیست. 419 00:18:06,729 --> 00:18:09,390 به یاد بیاورید که از زمان گذشته است که اگر در کروم، در دستگاه، 420 00:18:09,390 --> 00:18:11,870 و یا حتی بر روی مک یا PC خود را، شما به منوی برنامه بروید 421 00:18:11,870 --> 00:18:14,650 و به ابزارهای برنامه نویسی گزینه، که احتمالا اید 422 00:18:14,650 --> 00:18:16,850 حد و یا تا به حال استفاده نشده است. 423 00:18:16,850 --> 00:18:20,780 و اگر من به شبکه و صفحه، 424 00:18:20,780 --> 00:18:24,110 اجازه دهید در واقع در HTTP نگاه درخواست که در حال ساخته شده است. 425 00:18:24,110 --> 00:18:28,400 >> به نظر می رسد hello.html است در واقع OK، از این رو 200. 426 00:18:28,400 --> 00:18:30,630 اما cat.jpg 403 است. 427 00:18:30,630 --> 00:18:31,650 پس از آن یک 404 نیست. 428 00:18:31,650 --> 00:18:33,490 فایل احتمالا وجود دارد. 429 00:18:33,490 --> 00:18:35,250 403 به معنی ممنوع است. 430 00:18:35,250 --> 00:18:37,790 پس این است که کمی گیج کننده است. 431 00:18:37,790 --> 00:18:42,340 من قصد دارم برای رفتن به عقب به پنجره ترمینال من. 432 00:18:42,340 --> 00:18:43,700 به من اجازه زوم کردن در اینجا. 433 00:18:43,700 --> 00:18:44,750 و به من اجازه انجام LS. 434 00:18:44,750 --> 00:18:46,430 در این فایل وجود دارد. 435 00:18:46,430 --> 00:18:49,410 >> حالا به من اجازه انجام LS-L، که شما احتمالا 436 00:18:49,410 --> 00:18:53,350 قبل از به فایل نگاه استفاده اندازه شاید یا مهر زمانی. 437 00:18:53,350 --> 00:18:55,590 و ما یک دسته کامل از دیدن اطلاعات قریب به اتفاق. 438 00:18:55,590 --> 00:18:57,040 اما متوجه چند جزئیات. 439 00:18:57,040 --> 00:19:01,660 در اینجا hello.html در این ردیف در اینجا و اینجا cat.jpg است. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 و آن را فقط به دستگاه بودن کاربر پسند با برجسته به JPEG 442 00:19:05,850 --> 00:19:07,380 در بنفش مثل این. 443 00:19:07,380 --> 00:19:11,470 اما چه چیز دیگری متفاوت است در کنار حجم فایل و نام فایل؟ 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> رسید [نامفهوم]. 446 00:19:14,754 --> 00:19:16,920 DAVID J مالان: بله، وجود دارد دو R را اینجا. 447 00:19:16,920 --> 00:19:20,170 توجه کنید که چه hello.html تا به در رفتن. 448 00:19:20,170 --> 00:19:24,050 پس معلوم است که به نام این شاخه های عمومی مهم است. 449 00:19:24,050 --> 00:19:26,400 هر چیزی در این شاخه به معنای عمومی است. 450 00:19:26,400 --> 00:19:28,790 اما این کافی نیست فقط به رها کردن فایل در آن وجود دارد. 451 00:19:28,790 --> 00:19:31,480 شما همچنین نیاز به تغییر حالت از فایل ها، 452 00:19:31,480 --> 00:19:35,180 تغییر مجوز از فایل به نمیدهیم 453 00:19:35,180 --> 00:19:37,650 است تنظیمات پیش فرض، این است که فقط من می توانم به عنوان خوانده شده 454 00:19:37,650 --> 00:19:39,220 و ارسال آن، من به عنوان مالک. 455 00:19:39,220 --> 00:19:43,540 من می خواهم تمام دنیا را به همه قادر به خواندن فایل من است، پس به صحبت می کنند. 456 00:19:43,540 --> 00:19:44,950 فقط بدان معناست خوانده شده مشاهده آن. 457 00:19:44,950 --> 00:19:49,780 >> و در واقع، به عنوان شما را در مشکل را مشاهده کنید مجموعه هفت، که چه این R را است. 458 00:19:49,780 --> 00:19:53,160 میانگین این دو R است همه اجازه دیگری در جهان نیز آن را بخوانید، 459 00:19:53,160 --> 00:19:55,300 به ویژه حالا که آن را در این شاخه است. 460 00:19:55,300 --> 00:19:59,620 بنابراین ساده ترین راه برای حل این مشکل این است که به رفتن به موقع من و انجام سطح دسترسی برای تغییر 461 00:19:59,620 --> 00:20:05,580 حالت و سپس انجام یک + R، روی هم رفته، همه، همه، به علاوه R برای خواندن، 462 00:20:05,580 --> 00:20:07,944 و سپس cat.jpg را وارد کنید. 463 00:20:07,944 --> 00:20:10,360 هیچ چیز به نظر می رسد اتفاق می افتد، که معمولا به معنای چیز خوبی است. 464 00:20:10,360 --> 00:20:13,850 بنابراین LS-L again-- کن اجازه دهید نگاهی به cat.jpg نگاه کنید. 465 00:20:13,850 --> 00:20:15,750 و این اجازه به نظر می رسد تغییر کرده است. 466 00:20:15,750 --> 00:20:18,670 از سوی دیگر، اگر شما یک اشتباه و شما، به عنوان مثال، 467 00:20:18,670 --> 00:20:23,210 فقط your-- من مقاله know-- نمی عمومی به طور تصادفی در دسترس، 468 00:20:23,210 --> 00:20:25,480 شما می توانید در مقابل انجام دهید، سطح دسترسی-R. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 هر چند صادقانه بگویم، آن را باید نه در شاخه عمومی 471 00:20:28,200 --> 00:20:29,760 به هر حال اگر این نگرانی است. 472 00:20:29,760 --> 00:20:32,475 >> بنابراین در حال حاضر اجازه بازگشت به مرورگر و بارگذاری کنم. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 و من قصد دارم به کلیک کنید کمی شکارچیان روح 475 00:20:34,820 --> 00:20:38,030 نماد روشن است که بخشی از صفحه نمایش به طوری که ما می توانیم درخواست جدید را ببینید. 476 00:20:38,030 --> 00:20:40,630 و در واقع، در اینجا است گربه رنجیدگی از قبل. 477 00:20:40,630 --> 00:20:43,010 اما مهمتر از آن، فنی وجود دارد، 478 00:20:43,010 --> 00:20:45,565 تعداد 200، که معنی است که ما آن را OK کردم. 479 00:20:45,565 --> 00:20:47,190 همه حق است، به طوری که همه خوب و خوب است. 480 00:20:47,190 --> 00:20:48,940 اما ما در حال ساخت نیست بهترین وب سایت ها، 481 00:20:48,940 --> 00:20:51,967 و نه می خواهیم به تلاش بیش از حد سخت به را جذابترین وب سایت امروز. 482 00:20:51,967 --> 00:20:54,550 اما اجازه دهید حداقل انجام کاری فوق العاده قبل از تند آشنا 483 00:20:54,550 --> 00:20:56,030 یک چند تگ دیگر. 484 00:20:56,030 --> 00:20:58,470 بنابراین گمان می کنم نه تنها می خواهید یک گربه در اینجا. 485 00:20:58,470 --> 00:21:02,530 فرض کنید من در واقع می خواهم این گربه به لینک به چیزی. 486 00:21:02,530 --> 00:21:07,210 >> من، به عنوان مثال ممکن است چیزی شبیه به این. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 برای لنگر عکاس هنگام عکسبرداری برای equals-- بیش از حد مرجع 489 00:21:12,890 --> 00:21:17,440 و اجازه دهید فقط انجام کاری مانند www.google.com نزدیک 490 00:21:17,440 --> 00:21:19,540 نقل قول براکت نزدیک است. 491 00:21:19,540 --> 00:21:22,000 و در حال حاضر برای گربه جستجو. 492 00:21:22,000 --> 00:21:23,520 بستن برچسب Anchor. 493 00:21:23,520 --> 00:21:26,760 پس این تنها یک مرتب سازی بر جزئیات اساسا جدید. 494 00:21:26,760 --> 00:21:28,190 برچسب البته، متفاوت است. 495 00:21:28,190 --> 00:21:31,770 این نام برای لنگر است عکاس هنگام عکسبرداری و یا بیش از حد مرجع. 496 00:21:31,770 --> 00:21:35,269 >> اما مهمتر از آن، وجود دارد این ویژگی نحوی در اینجا. 497 00:21:35,269 --> 00:21:37,810 این چیزی است که ما شروع به تماس نه یک برچسب، اما یک ویژگی. 498 00:21:37,810 --> 00:21:40,830 و یک ویژگی چیزی است که تغییر رفتار برچسب. 499 00:21:40,830 --> 00:21:45,400 و این ویژگی، عکاس هنگام عکسبرداری، به معنای تغییر رفتار این لنگر 500 00:21:45,400 --> 00:21:48,430 به طوری که وقتی آن را کلیک، آن را به این URL در اینجا می رود. 501 00:21:48,430 --> 00:21:50,330 و البته، که URL گوگل است. 502 00:21:50,330 --> 00:21:53,951 >> در همین حال، این چیست متن خواهد بود؟ 503 00:21:53,951 --> 00:21:55,950 خوب، که برای رفتن به آنچه انسان در واقع 504 00:21:55,950 --> 00:21:58,470 می بیند به عنوان خط دار لینک، به همین سادگی است. 505 00:21:58,470 --> 00:21:59,220 بنابراین اجازه دهید این را امتحان کنید. 506 00:21:59,220 --> 00:21:59,980 اجازه دهید آن را ذخیره کنید به من. 507 00:21:59,980 --> 00:22:01,650 من هنوز هم در hello.html هستم. 508 00:22:01,650 --> 00:22:05,360 اما در نسخه های آنلاین، شما خواهید دید نام فایل واقعی ما از قبل آماده. 509 00:22:05,360 --> 00:22:06,805 اجازه بدهید من به جلو و دوباره. 510 00:22:06,805 --> 00:22:08,680 و در حال حاضر آن را بسیار صفحه underwhelming هنوز. 511 00:22:08,680 --> 00:22:10,910 اما اگر من موشواره را روی there-- و آن را کمی کوچک، 512 00:22:10,910 --> 00:22:13,576 but-- شما می توانید در پایین مشاهده کنید گوشه سمت چپ صفحه کلیک کنید، 513 00:22:13,576 --> 00:22:15,242 آن را در واقع رفتن به google.com. 514 00:22:15,242 --> 00:22:19,280 و اگر من کلیک کنید که آن را راه را به گوگل واقعی ماهوت پاک کن زدن من. 515 00:22:19,280 --> 00:22:22,610 >> اما متوجه یک فرصت برای اینجا بهره برداری، فقط به عنوان یک کنار. 516 00:22:22,610 --> 00:22:25,150 و ما به دیگر آمده مسائل امنیتی قبل از اینکه طولانی. 517 00:22:25,150 --> 00:22:29,290 از آنجا که این دوگانگی وجود دارد بین که در آن شما بروید و چه به شما می گویند، 518 00:22:29,290 --> 00:22:34,722 شما می توانید چیزی شبیه به انجام this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 OK، و در حال حاضر اگر من را مجدد بارگذاری پس از ذخیره آن صفحه، 520 00:22:37,134 --> 00:22:38,800 به نظر می رسد مانند من قصد دارم برای رفتن به گوگل. 521 00:22:38,800 --> 00:22:40,966 اما هیچ دلیلی وجود من برای رفتن به گوگل، درست است؟ 522 00:22:40,966 --> 00:22:47,460 من در واقع می تواند به چیزی شبیه به badguy.com، صفحه را دوباره بارگیری بیش از اینجا. 523 00:22:47,460 --> 00:22:49,750 و مقررات، آن را هنوز هم مانند گوگل به نظر می رسد. 524 00:22:49,750 --> 00:22:52,020 و تنها اگر من SHARP هستم به اندازه کافی به شناور در اینجا 525 00:22:52,020 --> 00:22:54,770 من آن را حتی از رفتن به رفتن به مکان های مختلف. 526 00:22:54,770 --> 00:22:57,400 >> بنابراین اگر شما همیشه بدست یک ایمیل، به خصوص 527 00:22:57,400 --> 00:22:59,610 یکی از پی پال، یا به ظاهر از پی پال 528 00:22:59,610 --> 00:23:01,830 درخواست شما را به سیستم وارد شوید به حساب کاربری خود، این 529 00:23:01,830 --> 00:23:06,380 به همین دلیل است که شما هرگز نباید تا کنون کلیک کنید لینک در ایمیل، 530 00:23:06,380 --> 00:23:07,930 رک و پوست کنده، هر لینک در ایمیل. 531 00:23:07,930 --> 00:23:10,380 اگر شما می دانید که شما باید واقعی پول در پی پال یا بانک 532 00:23:10,380 --> 00:23:14,250 از امریکا یا وفاداری یا هر وب سایت، دستی آن را در وارد کنید. 533 00:23:14,250 --> 00:23:17,530 از آنجا نگاه کنید که چگونه از آن آسان است به فریب کسی را به ارائه آنچه که 534 00:23:17,530 --> 00:23:18,526 به نظر می رسد مانند یک لینک. 535 00:23:18,526 --> 00:23:20,400 اما در واقع می تواند رفتن مطلقا در هر نقطه. 536 00:23:20,400 --> 00:23:23,301 >> و بسیار بیشتر وجود دارد تهدید از این. 537 00:23:23,301 --> 00:23:25,300 در واقع، این یک بیت است یک مماس در حال حاضر، اما یک 538 00:23:25,300 --> 00:23:28,430 از بهترین آنهایی که من تا به حال دیدم که از آن زمان بسته شده است، 539 00:23:28,430 --> 00:23:34,060 کسی به رهبری مردم است to-- بنابراین این ممکن است بگویید، 540 00:23:34,060 --> 00:23:37,660 اینجا کلیک کنید برای ورود به شما حساب، یک حساب بانکی. 541 00:23:37,660 --> 00:23:40,985 و این بانک از غرب بود. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> بنابراین کسی که این را خریدم. 544 00:23:44,250 --> 00:23:47,090 و آن را یک کمی آسان تر برای دیدن آن را در یک فونت تک فاصله زوم 545 00:23:47,090 --> 00:23:49,190 در یک پروژکتور 30-پا. 546 00:23:49,190 --> 00:23:51,720 اما زمانی که آن فونت کوچک در ایمیل که شما دریافت، 547 00:23:51,720 --> 00:23:54,690 این به نظر می رسد مانند bankofthewest.com، نمی bankofthevvest.com، 548 00:23:54,690 --> 00:23:58,230 که کسی 10 دلار خرید پرداخت کرده بود. 549 00:23:58,230 --> 00:24:00,840 و سپس این آنها را به رهبری معادل برخی از وب سایت بد است. 550 00:24:00,840 --> 00:24:05,540 >> و شما خواهید دید too-- در واقع ما می توانیم انجام this-- اگر من به وب سایت واقعی برود، 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com، دوباره، فراخوان از زمان گذشته 552 00:24:10,335 --> 00:24:13,210 که اگر این صفحه وب خود است و شما کنجکاو که چگونه کار می کند هستید، 553 00:24:13,210 --> 00:24:15,610 شما قطعا می توانید به رفتن ابزارهای برنامهنویسی Chrome است. 554 00:24:15,610 --> 00:24:18,890 و شما می توانید تمام از دیدن HTML سادگی وجود دارد فرمت. 555 00:24:18,890 --> 00:24:20,890 >> اما بیشتر به این نقطه، شما cam-- اجازه دهید نزدیک 556 00:24:20,890 --> 00:24:24,760 this-- شما می توانید به مشاهده بروید توسعه مشخصات منبع. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 چرا من فقط کپی کنید همه از آن و پس از آن من 559 00:24:28,350 --> 00:24:31,630 می توانید به پنجره جیادیت من کمی در اینجا و در صفحه وب خود من را. 560 00:24:31,630 --> 00:24:33,210 ذخیره سازی این در hello.html. 561 00:24:33,210 --> 00:24:36,770 و احتمالا این است که برای شکستن، زیرا این این آسان معمولا نیست. 562 00:24:36,770 --> 00:24:41,590 اما در حال حاضر اگر من بازنگری صفحه خود من در خود من CS50 لوازم خانگی و بازنگری ضربه، 563 00:24:41,590 --> 00:24:42,990 OK، برخی از مسائل را شکست. 564 00:24:42,990 --> 00:24:45,750 اما من بسیار نزدیک به داشتن هستم وب سایت بانکی خود من، درست است؟ 565 00:24:45,750 --> 00:24:46,570 همه از این HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [خنده حضار] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J مالان: --I آیا actually-- نیست و شما 568 00:24:49,210 --> 00:24:52,210 می دانم که کسی وجود دارد خارج وجود دارد که که در واقع این لینک ها کلیک کنید بیش از حد. 569 00:24:52,210 --> 00:24:54,864 بنابراین به وضوح، برخی چیزهای شکست. 570 00:24:54,864 --> 00:24:56,780 اما این که در آینده منجر به ما را به بحث و گفتگو، 571 00:24:56,780 --> 00:25:00,810 بی ارزش در حال حاضر، به آنچه به عنوان CSS، شیوه نامه آبشاری، هستند، 572 00:25:00,810 --> 00:25:03,410 و چگونه شما در واقع دانلود سایر فایل های HTML 573 00:25:03,410 --> 00:25:06,140 و JPEG فایل های GIF که وب سایت ممکن است با استفاده از. 574 00:25:06,140 --> 00:25:07,960 اما همه که accomplishable است. 575 00:25:07,960 --> 00:25:11,110 اما واقعا جوش پایین به این فن آوری هوشمند بسیار ساده است. 576 00:25:11,110 --> 00:25:14,450 >> بنابراین در حال حاضر اجازه دهید فقط از طریق یک شیر خامه گرفته چند مثال دیگر از HTML 577 00:25:14,450 --> 00:25:16,680 فقط به شما یک حس را از چه چیز دیگری می توانید انجام دهید. 578 00:25:16,680 --> 00:25:18,670 به عنوان مثال، این list.html است. 579 00:25:18,670 --> 00:25:23,240 فرض کنید من می خواستم به یک صفحه وب با یک لیست از خانه ها در چهار. 580 00:25:23,240 --> 00:25:28,960 من ممکن است از تگ UL برای استفاده بدون شماره لیست و پس از آن کودک از اقلام لیست قلم 581 00:25:28,960 --> 00:25:33,760 و پس از آن تکرار over-- یا لیست، rather-- خانه در سوال. 582 00:25:33,760 --> 00:25:36,080 >> و اگر من این باز کردن، اجازه دهید این کار را انجام. 583 00:25:36,080 --> 00:25:40,670 بیایید به hello.html نیست، اما به list.html. 584 00:25:40,670 --> 00:25:42,160 لعنت به آن. 585 00:25:42,160 --> 00:25:43,000 چگونه می توانم این مشکل را رفع کنم؟ 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 این همان موضوع را به عنوان قبل از، درست است؟ 588 00:25:47,220 --> 00:25:52,510 بنابراین به من اجازه انجام oops-- chmod-- سطح دسترسی + R از list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 و در حال حاضر اگر من به بازگشت به مرورگر من کلیک کنید و بازنگری، وجود دارد آن است. 591 00:25:59,610 --> 00:26:02,360 بنابراین اگر شما همیشه می خواستم به یک لیست، شما می توانید انجام دهید. 592 00:26:02,360 --> 00:26:06,210 اگر می خواهید فوق العاده فانتزی و لیست مرتب شده است و نه یک لیست نامرتب، 593 00:26:06,210 --> 00:26:10,170 تغییر آن به OL، بارگیری مجدد صفحه، و در حال حاضر مرورگر آن را برای شما شماره. 594 00:26:10,170 --> 00:26:11,241 >> چه چیز دیگری می توانیم انجام دهیم؟ 595 00:26:11,241 --> 00:26:13,990 خوب، یک زن و شوهر از others-- اگر شما پاراگراف طولانی text-- کردم 596 00:26:13,990 --> 00:26:15,698 به عنوان مثال، برخی از متن لاتین مانند this-- 597 00:26:15,698 --> 00:26:20,730 و شما آن را می خواهم در پاراگراف جداگانه، P باز، ص نزدیک برای برچسب پاراگراف. 598 00:26:20,730 --> 00:26:22,010 و این کار را دوباره و دوباره. 599 00:26:22,010 --> 00:26:26,600 و اگر من در حال حاضر باز کردن این فایل، paragraphs.html، خوب، این 600 00:26:26,600 --> 00:26:27,570 گرفتن آزار دهنده است. 601 00:26:27,570 --> 00:26:34,320 بنابراین در حال حاضر اجازه دهید فقط به بازگشت به من سریع، سطح دسترسی + R R ستاره .html-- 602 00:26:34,320 --> 00:26:36,099 یک کارت وحشی کمی خوب پس به صحبت می کنند. 603 00:26:36,099 --> 00:26:37,890 آن را باید همه از تعمیر این مشکلات برای من. 604 00:26:37,890 --> 00:26:38,990 بیایید دوباره بارگیری کنید. 605 00:26:38,990 --> 00:26:40,500 سه پاراگراف وجود دارد. 606 00:26:40,500 --> 00:26:42,930 >> و در حال حاضر اجازه دهید پیش بروید و باز کردن یکی دیگر. 607 00:26:42,930 --> 00:26:44,310 چگونه در مورد جدول؟ 608 00:26:44,310 --> 00:26:46,440 شما به نظر می رسد جدول متوجه کمی پیچیده تر است. 609 00:26:46,440 --> 00:26:49,110 اما این همان است idea-- تگ باز، برچسب باز، 610 00:26:49,110 --> 00:26:51,360 باز، باز، باز، برچسب نزدیک، برچسب باز. 611 00:26:51,360 --> 00:26:54,410 و این اتفاق می افتد برای ایستادن جدول، که مرز ظاهرا 612 00:26:54,410 --> 00:26:58,500 برای رفتن به یک ضخامت 1-- هر که سطر جدول means--، جدول 613 00:26:58,500 --> 00:27:00,320 داده ها، که به معنی یک سلول. 614 00:27:00,320 --> 00:27:03,840 و اگر من به بازگشت به مرورگر من در اینجا و به table.html، 615 00:27:03,840 --> 00:27:05,840 شما می توانید چیزی را ببینید مثل این، زشت. 616 00:27:05,840 --> 00:27:07,840 اما ما به نقطه که در آن ما می تواند در حقیقت 617 00:27:07,840 --> 00:27:09,260 همه چیز زیباتر از آن. 618 00:27:09,260 --> 00:27:10,530 >> بنابراین اجازه دهید من در حال حاضر تصریح. 619 00:27:10,530 --> 00:27:11,870 این مجموعه ای از برچسب های بیشتر وجود دارد. 620 00:27:11,870 --> 00:27:15,225 و HTML فوق العاده را انتخاب کنید تا است زیرا، رک و پوست کنده، همه شما باید انجام دهید 621 00:27:15,225 --> 00:27:17,600 در صفحات وب موجود نگاه که شما با آن آشنا هستید. 622 00:27:17,600 --> 00:27:20,340 و تو مثل هستیم، آه، این که چگونه آنها این زیبا بود. 623 00:27:20,340 --> 00:27:23,159 >> یا شما می توانید نگاه کردن به هر آنلاین منابع که چگونه کار می کند HTML، 624 00:27:23,159 --> 00:27:25,700 و شما خواهید دید که وجود دارد تمام واژگان دیگر برچسب ها. 625 00:27:25,700 --> 00:27:30,110 اما با مدل ذهنی ساده تنهایی که تقریبا هر تگ را باز می کنید 626 00:27:30,110 --> 00:27:33,620 تا به بسته می شود، آن را واقعا کافی به خود آموزش 627 00:27:33,620 --> 00:27:36,950 HTML پس از درک این ایده اساسی برچسب ها 628 00:27:36,950 --> 00:27:40,520 و صفات و برجستگی خوش که ما در مورد صحبت کردیم، 629 00:27:40,520 --> 00:27:44,697 بسته شدن هر چیزی را که ما ممکن است باز به طوری که ما می توانم در یک مرورگر را گیج نکنید. 630 00:27:44,697 --> 00:27:46,780 بنابراین اجازه دهید در حال حاضر این را به سطح جالب تر 631 00:27:46,780 --> 00:27:48,100 با رفتن به واقعی. 632 00:27:48,100 --> 00:27:51,095 و اجازه دهید به مک من به در اینجا، به google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 و در حال حاضر notice-- اجازه دهید این کار را انجام. 635 00:27:54,020 --> 00:27:57,280 من گونگ برای رفتن به تنظیمات، تنظیمات جستجو. 636 00:27:57,280 --> 00:28:01,070 من می خواهم برای خاموش کردن این طریق مسنجر مزاحم نتایج چیزی که آن را بلافاصله 637 00:28:01,070 --> 00:28:02,450 شروع می شود در پاسخ به تایپ کردن خود را. 638 00:28:02,450 --> 00:28:05,300 اجازه دهید این کار را تا مدرسه قدیمی ما در واقع ببینید چه خبر است. 639 00:28:05,300 --> 00:28:08,260 >> من می خواهم برای صرفه جویی در من تنظیمات Google اینجا. 640 00:28:08,260 --> 00:28:11,160 و در حال حاضر notice-- من قصد دارم به جستجو برای چیزی شبیه به گربه. 641 00:28:11,160 --> 00:28:14,500 و هنوز هم انجام خودکار کامل در اینجا، اما بر اساس همه چیز 642 00:28:14,500 --> 00:28:15,970 مردم در گذشته تایپ. 643 00:28:15,970 --> 00:28:17,490 اما متوجه چه چیزی اتفاق خواهد افتاد. 644 00:28:17,490 --> 00:28:20,272 >> در URL در حال حاضر این است، فقط google.com. 645 00:28:20,272 --> 00:28:22,650 و به لحاظ فنی، آن بریده بریده است. 646 00:28:22,650 --> 00:28:25,910 گوگل فقط صرفه جویی در شخصیت و ما که نشان نیست. 647 00:28:25,910 --> 00:28:30,400 آنها به ما نشان HTTPS، فقط به فوق العاده اطمینان بخش است که ما هستیم 648 00:28:30,400 --> 00:28:32,850 در یک صفحه امن و یا رمزگذاری شده است. 649 00:28:32,850 --> 00:28:35,690 >> بنابراین، اجازه دهید پیش بروید و جستجو برای گربه. 650 00:28:35,690 --> 00:28:37,670 در حال حاضر این واقعا قریب به اتفاق به سرعت. 651 00:28:37,670 --> 00:28:39,470 در طول این URL است. 652 00:28:39,470 --> 00:28:43,070 اما معلوم است که بسیاری از این مسائل در URL است که در واقع کاملا بی فایده است. 653 00:28:43,070 --> 00:28:45,320 من قصد دارم برای شروع حذف چیزهایی که من نمی فهمم. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 من گربه ها را ببینید. 656 00:28:47,360 --> 00:28:48,470 من درک می کنم گربه. 657 00:28:48,470 --> 00:28:50,380 من نمی دانم که چرا گربه دوباره وجود دارد. 658 00:28:50,380 --> 00:28:52,620 من واقعا نمی دانم آنچه این بی معنی است. 659 00:28:52,620 --> 00:28:56,030 بنابراین من فقط رفتن به نگه داشتن برجسته و حذف مواد 660 00:28:56,030 --> 00:28:59,905 که من نمی فهمم، تقطیر URL را فقط این. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> حالا اجازه دهید من دوباره وارد کنید. 663 00:29:02,270 --> 00:29:03,814 به نظر می رسد گوگل هنوز هم کار می کند. 664 00:29:03,814 --> 00:29:06,980 بنابراین برای برخی از این دلیل، آنها با اضافه کردن بسیاری از مسائل را به طور پیش فرض URL خود را. 665 00:29:06,980 --> 00:29:09,000 اما آن را به شدت مورد نیاز نیست. 666 00:29:09,000 --> 00:29:10,340 پس چه خوب است در مورد این؟ 667 00:29:10,340 --> 00:29:13,630 خوب، اجازه دهید پیش بروید و باز کردن بازرس کروم. 668 00:29:13,630 --> 00:29:15,960 یک میانبر موس کمی برای آن وجود دارد. 669 00:29:15,960 --> 00:29:17,360 >> رفتن به برگه شبکه. 670 00:29:17,360 --> 00:29:19,340 و در حال حاضر اجازه دهید من دوباره بارگذاری این صفحه یک بار دیگر. 671 00:29:19,340 --> 00:29:20,280 و من نگه داشتن Shift. 672 00:29:20,280 --> 00:29:22,520 از سوی دیگر، مرورگرهای تمایل به کش یا ذخیره 673 00:29:22,520 --> 00:29:24,697 اطلاعات فقط به خاطر بهره وری است. 674 00:29:24,697 --> 00:29:27,280 اما معمولا، نگه داشتن Shift و بارگذاری مجدد همه چیز را به زور 675 00:29:27,280 --> 00:29:28,994 به بیش از شروع از ابتدا. 676 00:29:28,994 --> 00:29:30,410 و این چیزی است که من می خواهم به انجام این کار در اینجا. 677 00:29:30,410 --> 00:29:33,550 >> و متوجه همه این ردیف که فقط به نظر می رسد. 678 00:29:33,550 --> 00:29:37,920 به نظر می رسد که در هر وب داده صفحه، ممکن است فقط یک فایل وجود دارد 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- و یا وجود دارد ممکن است 52، به عنوان در این مورد. 680 00:29:43,500 --> 00:29:45,820 وقتی که من بازدید google.com، ظاهرا، مرورگر من 681 00:29:45,820 --> 00:29:49,650 آغاز 52 درخواست HTTP جداگانه. 682 00:29:49,650 --> 00:29:50,520 است که چرا؟ 683 00:29:50,520 --> 00:29:53,380 >> خب، در چه در داخل نگاه از این صفحه وب تا بالا. 684 00:29:53,380 --> 00:29:55,620 فقط متن وجود ندارد، اما تصاویر واقعی وجود دارد 685 00:29:55,620 --> 00:29:57,130 گربه را به سمت راست. 686 00:29:57,130 --> 00:29:59,110 یک لوگوی رنگارنگ تا در اینجا در سمت چپ وجود دارد. 687 00:29:59,110 --> 00:30:01,750 همه از این آیکون ها وجود دارد برای یک میکروفون و غیره. 688 00:30:01,750 --> 00:30:05,130 در بسیاری از قطعات وجود دارد، ساختمان بلوک، قطعه ابتدا، اگر شما خواهد شد، 689 00:30:05,130 --> 00:30:06,250 این صفحه وب است. 690 00:30:06,250 --> 00:30:10,310 و آنچه را که مرورگر در حال انجام بر گرفتن فایل اول که 691 00:30:10,310 --> 00:30:16,180 این سطر در اینجا این است، آن است که اساسا شمارش بالای HTML 692 00:30:16,180 --> 00:30:19,880 به پایین، چپ به راست، به دنبال چیزهایی مثل برچسب یا تصویری برچسب ها 693 00:30:19,880 --> 00:30:23,160 که به ذکر سایر فایل ها و هنگامی که آن را می بیند آنها را، می رود و بازخوانی آنها 694 00:30:23,160 --> 00:30:26,050 از طریق HTTP، تمام زنده استعاره پاکت، 695 00:30:26,050 --> 00:30:29,670 و سپس آنها را در نمایش محل مناسب در صفحه وب. 696 00:30:29,670 --> 00:30:33,370 >> اما متوجه اینجا اگر تمرکز من بر روی اولین گربه پرتاب، جستجو، 697 00:30:33,370 --> 00:30:37,090 توجه کنید که، در واقع آن را با استفاده از HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 و متاسفانه، گوگل کروم در حال حاضر در نسخه 39 699 00:30:41,690 --> 00:30:45,110 نوع چیز dumbing پایین و ما هدر واقعی نشان دادن نیست. 700 00:30:45,110 --> 00:30:49,680 اما آنچه در واقع فرستاده شده یک درخواست است برای بریده بریده نیست، اما / جستجو کنم؟ Q = گربه. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> در حال حاضر، به همین دلیل مهم است که؟ 703 00:30:54,340 --> 00:30:57,110 خب، من قصد دارم برای پی بردن به از این که اگر شما گوگل 704 00:30:57,110 --> 00:31:01,520 پشتیبانی از نمایش داده شد از این فرم، به همین دلیل من نمی توانم جستجوی خود من اجرا 705 00:31:01,520 --> 00:31:06,420 موتور برای CS50، اما فقط در جبهه پایان، فقط رابط کاربر گرافیکی. 706 00:31:06,420 --> 00:31:09,610 و ما در پایان به برون سپاری، جستجو واقعی نتایج را به گوگل. 707 00:31:09,610 --> 00:31:10,510 >> پس چگونه می توانم این را انجام دهید؟ 708 00:31:10,510 --> 00:31:13,820 خوب، اجازه دهید من به جیادیت بروید اینجا. 709 00:31:13,820 --> 00:31:19,180 و اجازه دهید من به جلو و باز کردن تا، اجازه دهید بگویم، یک فایل جدید. 710 00:31:19,180 --> 00:31:22,280 و من قصد دارم برای نجات این به طور موقت به عنوان جستجو 0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 و سپس در نهایت، ما سریع به جلو به یک من از قبل آماده. 713 00:31:27,860 --> 00:31:30,190 >> و من قصد دارم به سرعت تا شلاق زدن از نوع توضیحات 714 00:31:30,190 --> 00:31:33,840 HTML غیر براکت باز HTML HTML غیر براکت نزدیک است. 715 00:31:33,840 --> 00:31:38,390 سپس من قصد دارم به سر سر نزدیک عنوان باز CS50 716 00:31:38,390 --> 00:31:40,150 جستجو به جای جستجوی گوگل. 717 00:31:40,150 --> 00:31:43,480 در اینجا من قصد دارم به بدن، بدن را در اینجا نزدیک است. 718 00:31:43,480 --> 00:31:45,835 و اکنون من باید CS50 جستجو. 719 00:31:45,835 --> 00:31:47,710 و در واقع، اجازه دهید ساخت این تدریجی. 720 00:31:47,710 --> 00:31:51,043 من قصد دارم به جلو بروید و بستن این و در واقع آن را در دایرکتوری های عمومی من. 721 00:31:51,043 --> 00:31:52,730 بنابراین من فقط یک لحظه به من بدهید. 722 00:31:52,730 --> 00:31:55,390 جستجو 0.html-- من قصد دارم به موقت آن search.html تماس بگیرید. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 من قصد دارم به سطح دسترسی آن search.html + R. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 و در حال حاضر من قصد دارم آن را باز کنید. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 همه حق است، به طوری که سریع بود. 729 00:32:04,390 --> 00:32:06,800 اما هدف، به سادگی بود تا ما را به نقطه 730 00:32:06,800 --> 00:32:09,630 داشتن این متن فایل با نام search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 خیلی نیست که در عین حال نگاه کنید. 733 00:32:12,790 --> 00:32:16,970 در واقع، اگر من به مرورگر من، و رفتن به search.html، که همه در آن است. 734 00:32:16,970 --> 00:32:17,720 اما شما می دانید چه؟ 735 00:32:17,720 --> 00:32:19,000 من می تواند یک کمی خیال باف. 736 00:32:19,000 --> 00:32:22,710 من در یک کتاب خواندن وجود دارد که برچسب عنوان H1 نامیده می شود. 737 00:32:22,710 --> 00:32:26,100 و من قصد دارم به جلو بروید و استفاده از آن H1 باز و H1 نزدیک است. 738 00:32:26,100 --> 00:32:27,220 بازنگری صفحه. 739 00:32:27,220 --> 00:32:29,600 و در حال حاضر از آن بزرگتر و جسورانه، نه همه که جالب توجه است، 740 00:32:29,600 --> 00:32:32,399 اما حداقل به لحاظ ساختاری جالب تر. 741 00:32:32,399 --> 00:32:33,940 اما در حال حاضر اجازه تگ دیگری را معرفی کنم. 742 00:32:33,940 --> 00:32:36,500 به نظر می رسد یک تگ فرم وجود دارد. 743 00:32:36,500 --> 00:32:38,400 و اجازه دهید که برچسب را ببندید. 744 00:32:38,400 --> 00:32:40,830 و معلوم وجود دارد برچسب های ورودی است که 745 00:32:40,830 --> 00:32:44,600 دارای ویژگی به نام نوع، که نوع داده از میدان است، 746 00:32:44,600 --> 00:32:45,200 اگر شما خواهد شد. 747 00:32:45,200 --> 00:32:47,050 و در حال رفتن به از نوع متن باشد. 748 00:32:47,050 --> 00:32:52,200 و ارزش آن در جریان است به CS50 جستجو. 749 00:32:52,200 --> 00:32:53,850 بستن تگ. 750 00:32:53,850 --> 00:32:57,100 و در آنجا برای رفتن به هیچ مفهوم باز و بسته شدن با تگ های جداگانه. 751 00:32:57,100 --> 00:33:00,300 >> به من اجازه بازگشت به اینجا و ببینید چه خبر است، دوباره بارگیری کنید. 752 00:33:00,300 --> 00:33:01,380 جالب. 753 00:33:01,380 --> 00:33:02,950 به نظر می رسد آن است که یک فیلد متنی است. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 و در واقع، من نمی خواستم برای قرار دادن یک مقدار وجود ندارد. 756 00:33:06,999 --> 00:33:10,040 به من اجازه بازگشت به اینجا بروید و در واقع خلاص شدن از شر این مقدار را به نگه داشتن آن ساده است. 757 00:33:10,040 --> 00:33:12,939 به جای ارزش، چیزی است که من می خواستم به این چیزی که یک نام بود. 758 00:33:12,939 --> 00:33:15,230 و من نمی دانم آنچه در آن است، بنابراین من به آن می گردد. 759 00:33:15,230 --> 00:33:18,270 >> اما زیر که، من می خواهم به انجام نوع ورودی = ارسال کنید. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 و این مقدار خواهد بود CS50 جستجو. 762 00:33:22,120 --> 00:33:24,850 و ما به همین دلیل من را ببینید ارزش این نقل مکان کرد. 763 00:33:24,850 --> 00:33:28,900 وقتی که من را مجدد بارگذاری، من به نظر می رسد در حال حاضر آغاز جستجو خود من 764 00:33:28,900 --> 00:33:30,820 موتور، فوق العاده زشت، هر چند رک و پوست کنده، آن را 765 00:33:30,820 --> 00:33:34,260 نه پرتاب دور از آنچه صفحه پیش فرض گوگل به نظر می رسد. 766 00:33:34,260 --> 00:33:37,950 >> اگر من در حال حاضر در اینجا، من می توانم تایپ گربه و امیدوارم کلیک کنید جستجو. 767 00:33:37,950 --> 00:33:40,380 اما من کاملا انجام نشده است، چرا که من اجرا نمی کند، 768 00:33:40,380 --> 00:33:41,045 بدیهی است، یک پایگاه داده. 769 00:33:41,045 --> 00:33:42,940 من نمی خزید وب را برای نتایج جستجو. 770 00:33:42,940 --> 00:33:44,840 بنابراین من نیاز به برون سپاری است که به گوگل. 771 00:33:44,840 --> 00:33:46,290 پس چگونه این کار را انجام دهم؟ 772 00:33:46,290 --> 00:33:49,170 >> خب، اول از همه من نیاز به اضافه کردن و عمل 773 00:33:49,170 --> 00:33:58,460 نسبت به تگ فرم من که http://www.google.com/search است. 774 00:33:58,460 --> 00:34:01,180 و من می دانم که تنها از داشتن استنباط با نگاه از نزدیک 775 00:34:01,180 --> 00:34:02,505 در خود URL است. 776 00:34:02,505 --> 00:34:03,380 و در حال حاضر یک حدس را. 777 00:34:03,380 --> 00:34:09,090 این فیلد متنی چه باید احتمالا به نام، بر اساس آن ما آمد 778 00:34:09,090 --> 00:34:09,754 از قبل؟ 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> رسید؟ س. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J مالان: س. 782 00:34:14,370 --> 00:34:17,800 و ما در واقع نیاز به سوال نیست علامت که معلوم است، اما پرسش این است که در واقع آن، 783 00:34:17,800 --> 00:34:20,489 پرسش برای پرس و جو احتمالا توسط به طور پیش فرض، فقط به خاطر این که 784 00:34:20,489 --> 00:34:23,060 چه لری و سرگئی با سال پیش آمد. 785 00:34:23,060 --> 00:34:24,739 بنابراین در حال حاضر اجازه دهید من این صفحه را مجدد بارگذاری. 786 00:34:24,739 --> 00:34:26,409 این کار که متفاوت به نظر نمی آید. 787 00:34:26,409 --> 00:34:28,120 اما در حال حاضر به تماشای چه اتفاقی می افتد. 788 00:34:28,120 --> 00:34:32,360 >> اگر من در گربه ها و کلیک تایپ CS50 جستجو و اجازه رفتن، 789 00:34:32,360 --> 00:34:35,770 متوجه من whisked دور تا واقعی گوگل. 790 00:34:35,770 --> 00:34:38,150 در حال حاضر، گوگل است که کمی آزار دهنده که آنها در 791 00:34:38,150 --> 00:34:41,877 افزودن یک پارامتر اضافی، اگر شما خواهد شد، به URL. 792 00:34:41,877 --> 00:34:43,960 که همه اتفاق می افتد است به طور خودکار در کنار گوگل. 793 00:34:43,960 --> 00:34:48,730 >> بخش مهم این است که من به نظر می رسد به این درخواست در اینجا تولید کرده اند. 794 00:34:48,730 --> 00:34:50,179 و در واقع، این چیزی است که اتفاق می افتد. 795 00:34:50,179 --> 00:34:53,040 هنگامی که شما HTML که به نظر می رسد شبیه به این، این 796 00:34:53,040 --> 00:34:57,620 مرتب کردن بر اساس نماد توسعه دهندگان وب است برای گفتن، به جلو و ایجاد یک فرم 797 00:34:57,620 --> 00:34:59,990 که هنگامی که آن را مشاهده کنید، آن را برای رفتن به این URL. 798 00:34:59,990 --> 00:35:03,430 و زمانی که URL را فراهم کرده است ارزش برای چیزهایی مانند Q، 799 00:35:03,430 --> 00:35:05,440 فقط به این URL نیست. 800 00:35:05,440 --> 00:35:08,210 در واقع، به سوال علامت و سپس Q = گربه. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 اضافه کردن پارامتر، پارامتر HTTP که می خواهم. 803 00:35:13,060 --> 00:35:15,590 >> و تنها به فوق العاده دقیق، آنچه که استنباط here-- 804 00:35:15,590 --> 00:35:18,130 اما من explicit-- تر است که روش من می خواهم به استفاده از 805 00:35:18,130 --> 00:35:22,270 این است که، به جای چیزی شبیه به پست، که ما در نهایت خواهید دید. 806 00:35:22,270 --> 00:35:27,710 بنابراین در کوتاه مدت، به سادگی با درک HTML و با استفاده از برچسب ها نسبتا ساده است، 807 00:35:27,710 --> 00:35:30,610 ما در حال حاضر می توانید شروع به ایجاد خود کاربر نهایی مقابل ما 808 00:35:30,610 --> 00:35:32,850 رابط با جستجو موتور در پشت آن. 809 00:35:32,850 --> 00:35:34,800 >> اما این البته، بسیار زشت. 810 00:35:34,800 --> 00:35:37,259 بنابراین، اجازه دهید در واقع باز کردن نسخه کمی بهتر است. 811 00:35:37,259 --> 00:35:39,800 این که من آماده در است پیشبرد است که برخی از نظرات. 812 00:35:39,800 --> 00:35:41,900 اما شما که من می بینم تقریبا آن را دوباره. 813 00:35:41,900 --> 00:35:44,150 پس این است که در حال حاضر در دسترس آنلاین. 814 00:35:44,150 --> 00:35:48,050 و من پیشگیرانه اتفاق می افتد به به رفتن به صفحه ی تنها به نگه داشتن آن ساده است. 815 00:35:48,050 --> 00:35:50,610 >> و در حال حاضر اجازه دهید باز کردن تکرار بعد از این. 816 00:35:50,610 --> 00:35:52,510 آیا نسخه 1 به جای 0. 817 00:35:52,510 --> 00:35:55,315 چه بیرون می پرد در شما به عنوان کمی در این مثال های مختلف؟ 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> رسید [نامفهوم]. 820 00:36:00,440 --> 00:36:03,020 >> بله، در این تراز به مرکز متن وجود دارد. 821 00:36:03,020 --> 00:36:04,590 این است که کمی عجیب و غریب اینجا. 822 00:36:04,590 --> 00:36:06,150 اما این در واقع جدید. 823 00:36:06,150 --> 00:36:07,800 و شاید حدس بزنید چه اتفاقی خواهد افتاد. 824 00:36:07,800 --> 00:36:11,730 اگر من در حال حاضر به مرورگر من برو و بازدید از جستجو 1.html، 825 00:36:11,730 --> 00:36:13,090 آن را تقریبا همان چیزی است. 826 00:36:13,090 --> 00:36:15,705 ولی این یک قدم نزدیک تر به که کمی زیبا تر. 827 00:36:15,705 --> 00:36:19,150 این هنوز هم زشت است، اما در آن زیباتر حداقل در حال حاضر همه چیز متمرکز شده است. 828 00:36:19,150 --> 00:36:23,470 >> پس معلوم است که من با استفاده از زبان دیگر در دسترس نباشد نام 829 00:36:23,470 --> 00:36:25,680 CSS، شیوه نامه آبشاری. 830 00:36:25,680 --> 00:36:28,310 و CSS، رک و پوست کنده است نوع، از، به نظر شخصی من، 831 00:36:28,310 --> 00:36:29,775 زبان طرز فجیعی طراحی شده است. 832 00:36:29,775 --> 00:36:33,110 این بسیار آزار دهنده است به خاطر داشته باشید تمام جزئیات مختلف است. 833 00:36:33,110 --> 00:36:38,479 اما این چیزی است که stylizes کل وب در سراسر جهان است. 834 00:36:38,479 --> 00:36:39,270 من کسی به جرم. 835 00:36:39,270 --> 00:36:39,769 همه راست. 836 00:36:39,769 --> 00:36:43,180 بنابراین اجازه دهید به عقب بروید اینجا و ببینید چگونه ما در واقع با استفاده از این. 837 00:36:43,180 --> 00:36:45,940 و معلوم است، حداقل آن را در واقع یک زبان بسیار ساده است. 838 00:36:45,940 --> 00:36:49,470 این فقط جفت ارزش کلیدی، خواص است و ارزش ها، خواص و ارزش ها. 839 00:36:49,470 --> 00:36:52,080 در واقع، در اینجا یکی است مانند اموال و ارزش. 840 00:36:52,080 --> 00:36:55,890 >> به سادگی و با استفاده از سبک ویژگی در تگ body من 841 00:36:55,890 --> 00:37:00,360 و به آن مقدار یک روده کلمه و کلمه ای دیگر، 842 00:37:00,360 --> 00:37:03,730 یا یک ویژگی و یک مقدار، من می توانم از زیبایی شناسی را تحت تاثیر قرار 843 00:37:03,730 --> 00:37:06,210 از صفحه وب، نه لزوما ساختار در عین حال، 844 00:37:06,210 --> 00:37:07,550 اما زیبایی شناسی آن است. 845 00:37:07,550 --> 00:37:10,960 و فقط با گوگل کردن به اطراف، من می دانم که ورق CSS، سبک آبشاری، 846 00:37:10,960 --> 00:37:14,170 پشتیبانی از یک ویژگی به نام تراز متن را، که می تواند ارزش 847 00:37:14,170 --> 00:37:16,980 به سمت چپ، راست، یا مرکز، به عنوان مثال. 848 00:37:16,980 --> 00:37:19,990 >> بنابراین در حال حاضر زمانی که من را مجدد بارگذاری این صفحه، آنچه که من انجام می 849 00:37:19,990 --> 00:37:22,730 یک صفحه متمرکز بود، اما هنوز هم بسیار زشت است. 850 00:37:22,730 --> 00:37:25,770 اجازه دهید پیش بروید و باز تا نسخه (2) جستجو. 851 00:37:25,770 --> 00:37:28,570 و در حال حاضر متوجه من کمی بیشتر انجام داده ام. 852 00:37:28,570 --> 00:37:33,760 توجه کنید که در اینجا در داخل سر برچسب وجود دارد، می تواند بیش از عنوان. 853 00:37:33,760 --> 00:37:35,400 در واقع، یک برچسب به سبک وجود دارد. 854 00:37:35,400 --> 00:37:38,630 و این جایی است که آن را فقط می شود یک کمی کثیف CSS دیدن گاهی اوقات. 855 00:37:38,630 --> 00:37:41,971 >> توجه کنید که من به نظر می رسد چیزی به نظر می رسد که از لحاظ ساختاری بسیار متفاوت است. 856 00:37:41,971 --> 00:37:44,095 اما در اینجا به نام است برچسب من می خواهم به تلطیف. 857 00:37:44,095 --> 00:37:47,570 در اینجا دوستان قدیمی ما هستند مجعد پرانتز و آکولاد بسته. 858 00:37:47,570 --> 00:37:50,290 و سپس در اینجا این است که اموال و ارزش خود را. 859 00:37:50,290 --> 00:37:56,300 >> اگر من این فایل بار، search2.html، نتیجه نهایی یکسان است. 860 00:37:56,300 --> 00:37:59,300 اما این یک گام به سوی طراحی بهتر است. 861 00:37:59,300 --> 00:38:04,560 با فاکتورگیری از این CSS، من آن را با من مخلوط HTML نیست. 862 00:38:04,560 --> 00:38:07,560 و در واقع، به عنوان خواهیم دید، من می توانم استفاده مجدد از این خواص و ارزش ها. 863 00:38:07,560 --> 00:38:10,420 اگر من می خواستم به مجموعه ای از بخش های صفحه وب من محور، 864 00:38:10,420 --> 00:38:13,630 من لازم نیست به نوع سبک = تراز متن مرکز همه جا. 865 00:38:13,630 --> 00:38:16,580 من می توانم در یک مکان قرار داده شاید، خواهم تا در بالای صفحه. 866 00:38:16,580 --> 00:38:18,210 >> اما حتی این بهترین طراحی نیست. 867 00:38:18,210 --> 00:38:21,720 در واقع، یکی از چیزهایی که شما باید یاد بگیرند که شما صرف زمان بیشتر و بیشتر با 868 00:38:21,720 --> 00:38:25,730 برنامه نویسی تحت وب می باشد که بیشتر شما می توانید modularize چیز و همه چیز از عامل 869 00:38:25,730 --> 00:38:30,610 مانند فایل های حسین اجازه دهید ما چیزهای عامل است، دوست helpers.c اجازه دهید ما همه چیز عامل از 870 00:38:30,610 --> 00:38:31,880 چند psets پیش. 871 00:38:31,880 --> 00:38:34,200 به طور مشابه، ممکن است ما می خواهم برای رسیدن به این. 872 00:38:34,200 --> 00:38:37,920 >> بنابراین اطلاع در نسخه سه search.html من 873 00:38:37,920 --> 00:38:40,610 تمیز کردن سر صفحه و فقط با قرار دادن 874 00:38:40,610 --> 00:38:43,320 در این، یک برچسب لینک، که بر خلاف نام، 875 00:38:43,320 --> 00:38:44,700 به شما یک لینک را نمی دهد. 876 00:38:44,700 --> 00:38:49,150 آن را به یک فایل دیگر لینک از طریق عکاس هنگام عکسبرداری که ارزش در این مورد، 877 00:38:49,150 --> 00:38:51,586 جستجو 3.css است 878 00:38:51,586 --> 00:38:52,960 بنابراین من می دانم که ما قصد داریم به سرعت. 879 00:38:52,960 --> 00:38:54,600 اما همه من انجام است نوع حرکت همه چیز در اطراف. 880 00:38:54,600 --> 00:38:55,760 اجازه بدهید من باز جستجو 3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 آن، هیچ چیز واقعا به آن وجود ندارد. 883 00:38:58,530 --> 00:39:02,270 من فقط کپی و آن را به یک جدید جا به جا فایل، بسیار شبیه به ما چیزهای عامل از 884 00:39:02,270 --> 00:39:03,509 به فایل های دیگر قبل از. 885 00:39:03,509 --> 00:39:05,300 و result-- به طور کامل underwhelming-- 886 00:39:05,300 --> 00:39:06,730 در حال رفتن به دقیقا همان. 887 00:39:06,730 --> 00:39:10,490 اما ما در حال حرکت toward-- نه، این طور نیست. 888 00:39:10,490 --> 00:39:11,930 آه، من می دانم چرا. 889 00:39:11,930 --> 00:39:13,790 >> پس از آن به نظر می رسد اشکال. 890 00:39:13,790 --> 00:39:15,010 و آن را در برخی از حس است. 891 00:39:15,010 --> 00:39:17,730 اما به من اجازه باز کردن زبانه های شبکه من. 892 00:39:17,730 --> 00:39:19,660 به من اجازه دهید صفحه را بارگیری مجدد. 893 00:39:19,660 --> 00:39:23,315 آه، چرا که اعمال CSS نه؟ 894 00:39:23,315 --> 00:39:26,920 خب، فایل CSS، به طور مشابه، دارای به جهان قابل خواندن، پس به صحبت می کنند. 895 00:39:26,920 --> 00:39:28,440 و آن را بیش از حد در حال حاضر ممنوع است. 896 00:39:28,440 --> 00:39:33,760 بنابراین اجازه دهید من می توانم در یک سطح دسترسی + R ستاره نقطه CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 ما نقطه CSS تنها فرمت فایل برای فایل های CSS. 898 00:39:37,067 --> 00:39:38,900 حالا به من اجازه بازگشت به مرورگر و بارگذاری کنم. 899 00:39:38,900 --> 00:39:40,910 OK، کمی بهتر است. 900 00:39:40,910 --> 00:39:42,282 >> حالا به من اجازه انجام یک کار. 901 00:39:42,282 --> 00:39:42,990 در جستجوی-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 من نسخه ای که من فقط فکر راه کولر، البته راه بود 904 00:39:48,220 --> 00:39:48,980 پیچیده است. 905 00:39:48,980 --> 00:39:50,690 اجازه دهید در نتیجه در اولین نگاه. 906 00:39:50,690 --> 00:39:52,290 بستن این برای ما فضای بیشتری به شما بدهد. 907 00:39:52,290 --> 00:39:54,275 این را به جستجو-4، وارد کنید. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> و در حال حاضر یک دسته از چیزهای شکسته. 910 00:39:57,200 --> 00:39:59,910 من قصد دارم برای رفتن به عقب به پوشه من در اینجا. 911 00:39:59,910 --> 00:40:04,190 و در حال حاضر من فقط رفتن را به انجام سطح دسترسی یک + R در file-- 912 00:40:04,190 --> 00:40:07,450 چون من می دانم آن exists-- نام logo.gif است که یک تصویر. 913 00:40:07,450 --> 00:40:08,590 و در حال حاضر بارگیری مجدد کنید. 914 00:40:08,590 --> 00:40:11,040 و wow-- بنابراین در حال حاضر من بسیار نزدیک، رک و پوست کنده، 915 00:40:11,040 --> 00:40:15,860 به دوست نسخه 1999 از گوگل، و رک و پوست کنده، نسخه 2014 از گوگل، 916 00:40:15,860 --> 00:40:16,360 درست است؟ 917 00:40:16,360 --> 00:40:21,920 >> پس از آن در حال حاضر رفتن به وب سایت خود را، در نهایت، اگر من برای گربه جستجو. 918 00:40:21,920 --> 00:40:23,900 و در واقع آن است. 919 00:40:23,900 --> 00:40:26,410 اما چی کار کردم متفاوت در این نسخه 4؟ 920 00:40:26,410 --> 00:40:28,020 بنابراین ما نمی خواهد در آن ساکن بیش از حد در اینجا. 921 00:40:28,020 --> 00:40:30,100 شما این مشکل را مشاهده کنید در مجموعه هفت در نهایت. 922 00:40:30,100 --> 00:40:31,350 اما توجه کنید من چند چیز را انجام داد. 923 00:40:31,350 --> 00:40:33,690 >> من معرفی یک div برچسب، که تقسیم بندی، 924 00:40:33,690 --> 00:40:35,450 در روح به یک تگ پاراگراف مشابه. 925 00:40:35,450 --> 00:40:38,220 اما تقسیم بندی شده است درست مثل، در اینجا منطقه نامرئی مستطیل 926 00:40:38,220 --> 00:40:39,150 از روی صفحه نمایش. 927 00:40:39,150 --> 00:40:41,680 اجازه دهید آن را منحصر به فرد شناسه، بالا و پایین صفحه، فقط 928 00:40:41,680 --> 00:40:44,700 به طوری که ما می توانیم در مورد آن صحبت آن را در HTML ما در جای دیگر. 929 00:40:44,700 --> 00:40:47,952 در اینجا DIV دیگری از صفحه است که ID است برای رفتن به محتوا. 930 00:40:47,952 --> 00:40:49,160 این محتوای صفحه است. 931 00:40:49,160 --> 00:40:51,090 و در اینجا هدر از صفحه است. 932 00:40:51,090 --> 00:40:54,960 >> به عبارت دیگر، من اساسا در HTML ذهنی هستم 933 00:40:54,960 --> 00:40:57,700 مشاهده این صفحه وب به عنوان سه قسمت، یک ضربه 934 00:40:57,700 --> 00:41:01,200 تا اینجا با این مستطیل نامرئی، محتوای در وسط، و پس از آن 935 00:41:01,200 --> 00:41:04,800 در پایین صفحه به پایین، حتی هر چند ما آن چیزهایی را نمی بینند. 936 00:41:04,800 --> 00:41:09,940 از آنجا که من در سر من از می خواهید صفحه در اینجا، و یا در یک فایل شخصی .css، 937 00:41:09,940 --> 00:41:11,460 من می توانم این نحو استفاده کنید. 938 00:41:11,460 --> 00:41:13,070 >> هدر است یک برچسب نیست. 939 00:41:13,070 --> 00:41:17,060 این یک ID است بنابراین آن را تبدیل که با انجام #header، 940 00:41:17,060 --> 00:41:20,840 من در حال حاضر می توانید یک یا چند اعمال می شود خواص به هدر. 941 00:41:20,840 --> 00:41:24,130 من می توانم محتوای مشابه انجام دهید، همین کار را برای محتوا در اینجا. 942 00:41:24,130 --> 00:41:27,230 >> بنابراین به عنوان مثال، در بالا و پایین صفحه، اطلاع همه این خواص من اضافه کردن. 943 00:41:27,230 --> 00:41:30,660 و من می دانم که فقط با خواندن وجود دارد تا در اسناد و مدارک برای CSS. 944 00:41:30,660 --> 00:41:33,450 اندازه فونت در حال رفتن به smaller-- بنابراین برخی از اندازه فونت نسبی. 945 00:41:33,450 --> 00:41:34,741 وزن در حال رفتن به تیره می کند. 946 00:41:34,741 --> 00:41:37,340 Margin-- که چگونه بسیاری از پیکسل اطراف it-- 20 پیکسل است. 947 00:41:37,340 --> 00:41:38,590 و آن را به محور شود. 948 00:41:38,590 --> 00:41:40,256 >> اما در حال حاضر، به نظر می رسد صفحه مثل این. 949 00:41:40,256 --> 00:41:42,840 اگر من با خوشحال نیستم کپی من سمت راست وجود دارد، 950 00:41:42,840 --> 00:41:46,560 من می تواند چیزی شبیه به رنگ قرمز انجام دهد. 951 00:41:46,560 --> 00:41:50,570 و پس از آن من می توانم این را نجات دهد، بازنگری، و در حال حاضر من در پایین صفحه را تلطیف کرده است. 952 00:41:50,570 --> 00:41:54,130 پس این است که فقط اشاره به قدرت از آنچه شما می توانید در یک صفحه وب انجام 953 00:41:54,130 --> 00:41:55,510 به چیزهای اطراف تغییر دهید. 954 00:41:55,510 --> 00:41:59,080 >> و حتی سردتر از این، اگر شما می خواهید به بهم زدن در اطراف با وب سایت های واقعی، 955 00:41:59,080 --> 00:42:00,810 شما نمی توانید به طور دائم آنها را تغییر دهید. 956 00:42:00,810 --> 00:42:03,640 اما اگر باز من بازرس کروم دوباره 957 00:42:03,640 --> 00:42:07,610 و من به سمت چپ نمی در اینجا، نشان می دهد که HTML فیس بوک، 958 00:42:07,610 --> 00:42:11,380 اما نشان می دهد در سمت راست سمت تمام CSS های آن، 959 00:42:11,380 --> 00:42:13,789 شما می توانید هر دو و همه چیز در پرواز تغییر دهید. 960 00:42:13,789 --> 00:42:15,080 بنابراین، اجازه دهید پیش بروید و این کار را. 961 00:42:15,080 --> 00:42:18,670 >> اجازه بدهید من به جلو و کنترل به در این کلمه اینجا را کلیک کنید، 962 00:42:18,670 --> 00:42:21,230 ثبت نام کنید، بر روی بازرسی عنصر. 963 00:42:21,230 --> 00:42:25,130 کروم بسیار به راحتی به میپرد برچسب H1 که فیس بوک با استفاده از. 964 00:42:25,130 --> 00:42:27,290 و در اینجا متوجه فیس بوک دارای نوع lazily 965 00:42:27,290 --> 00:42:29,960 سخت به عنوان یک ملک در اینجا رمزی اندازه فونت. 966 00:42:29,960 --> 00:42:33,530 >> بنابراین نکته جالب این است که اگر من در واقع در اینجا 967 00:42:33,530 --> 00:42:39,560 و می گویند، آه، فیس بوک، من دوست ندارم که 64 پیکسل، ما در حال حاضر می توانید تغییر دهید فیس بوک. 968 00:42:39,560 --> 00:42:42,590 البته، ما تنها تغییر آن برای من شخصا در حال حاضر. 969 00:42:42,590 --> 00:42:45,150 اما این فقط یک ابزار در جعبه ابزار ما 970 00:42:45,150 --> 00:42:48,360 که رفتن به ما اجازه می دهد به نیشگون گرفتن و کشیدن و کشف کردن و نیز تشخیص 971 00:42:48,360 --> 00:42:49,729 مسائل در صفحات وب خود ما. 972 00:42:49,729 --> 00:42:52,270 و ما به همین ترتیب می تواند بیش از در اینجا، که همان چیزی است. 973 00:42:52,270 --> 00:42:55,830 اگر شما واقعا می خواهید برای دریافت فانتزی، I معنی، در حال حاضر شما می توانید واقعا جهش به صفحه 974 00:42:55,830 --> 00:42:57,380 و انجام کارهای دیوانه. 975 00:42:57,380 --> 00:42:59,870 >> پس چرا این همه مفید است؟ 976 00:42:59,870 --> 00:43:02,330 خب، در نهایت، ما هستیم رفتن به می خواهم به 977 00:43:02,330 --> 00:43:07,110 قادر به ایجاد صفحات وب است که توسط قسمت عقب خود ما رانده می شود، 978 00:43:07,110 --> 00:43:10,520 نه تنها گوگل و برون سپاری پایان عقب وجود دارد. 979 00:43:10,520 --> 00:43:13,510 ما در واقع می خواهیم ارزش، به عنوان مثال، 980 00:43:13,510 --> 00:43:18,830 عمل موتور جستجو ما نسبت به رفتن به کسی نمی دیگری، 981 00:43:18,830 --> 00:43:24,270 اما به چیزی شبیه به search.php می، که در آن search.php می باشد را بر روی سرور خود ما، 982 00:43:24,270 --> 00:43:25,670 نه بر شخص دیگری. 983 00:43:25,670 --> 00:43:30,316 >> و به این ترتیب برای رسیدن به آنجا، ما در واقع نیاز به معرفی یک زبان جدید است. 984 00:43:30,316 --> 00:43:33,190 بنابراین ما در حال حاضر در یکی از جدید نگاه کرده ام زبان در اینجا، یا دو واقعا، HTML 985 00:43:33,190 --> 00:43:33,700 و CSS. 986 00:43:33,700 --> 00:43:36,330 اما آنها واقعا تنها زبان ساختاری و زیبایی. 987 00:43:36,330 --> 00:43:38,360 آنها برنامه نویسی نمی زبان به خودی خود. 988 00:43:38,360 --> 00:43:41,160 و این در مورد به اندازه رسمی زمان به عنوان ما بر روی آنها صرف می کنند. 989 00:43:41,160 --> 00:43:44,910 از آنجا که ما در حال حاضر شما شروع انتقال به PHP. 990 00:43:44,910 --> 00:43:48,160 >> بنابراین PHP واقعی است زبان های برنامه نویسی. 991 00:43:48,160 --> 00:43:50,750 این یک زبان اسکریپت به این معنا که این 992 00:43:50,750 --> 00:43:52,855 به معنای وزن سبک تر از چیزی شبیه C. 993 00:43:52,855 --> 00:43:56,082 و آن را یک زبان تفسیر شده است، که بدان معنی است که آن را وارد نمی کند. 994 00:43:56,082 --> 00:43:58,790 بنابراین به طور خلاصه، آنچه که آن را هنگامی که ما یک زبان مانند C استفاده 995 00:43:58,790 --> 00:44:00,290 و ما تا به حال به آن کامپایل؟ 996 00:44:00,290 --> 00:44:02,120 به چه معنی است کد منبع C؟ 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 رسید [نامفهوم]. 999 00:44:04,780 --> 00:44:06,184 DAVID J مالان: بگو دوباره آن را؟ 1000 00:44:06,184 --> 00:44:07,100 رسید [نامفهوم]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J مالان: کامل. 1003 00:44:08,920 --> 00:44:10,180 آن را تبدیل به باینری. 1004 00:44:10,180 --> 00:44:14,200 آن را تبدیل به صفر و یک از کد منبع واقعی انگلیسی مانند. 1005 00:44:14,200 --> 00:44:16,424 و سپس ما در واقع می تواند اجرای آن صفر و 1006 00:44:16,424 --> 00:44:18,840 با عبور آنها را از طریق CPU توسط دوبار کلیک روی آیکون 1007 00:44:18,840 --> 00:44:19,980 و یا در حال اجرا یک دستور. 1008 00:44:19,980 --> 00:44:23,770 >> PHP و Python و Ruby و پرل و جاوا اسکریپت 1009 00:44:23,770 --> 00:44:26,250 و مجموعه ای از دیگر زبان تفسیر 1010 00:44:26,250 --> 00:44:29,290 زبان است که می گویند شما آنها را کامپایل کند. 1011 00:44:29,290 --> 00:44:34,220 در عوض، شما به آنها غذا به عنوان ورودی به برنامه ای به نام مترجم. 1012 00:44:34,220 --> 00:44:36,640 و مترجم، که شخص دیگری نوشت، 1013 00:44:36,640 --> 00:44:40,930 خواند منبع کد بالا خود را به پایین، چپ به راست و درست تفسیر 1014 00:44:40,930 --> 00:44:43,000 کسانی که خطوط و آنچه به شما می گویند. 1015 00:44:43,000 --> 00:44:45,360 >> بنابراین اگر شما روبرو می شوند خط که می گوید چاپ، 1016 00:44:45,360 --> 00:44:48,660 این لزوما به تبدیل چاپ نمی به صفر متناظر و آنهایی. 1017 00:44:48,660 --> 00:44:51,910 این فقط به این مفسر مانند اگر شرط بزرگ است که می گوید، 1018 00:44:51,910 --> 00:44:56,110 اگر آموزش برنامه نویس است چاپ، پس از انجام موارد زیر. 1019 00:44:56,110 --> 00:44:58,170 بنابراین آن را فقط تفسیر توسط نوع استدلال 1020 00:44:58,170 --> 00:44:59,800 از آنچه شما را به گفتن انجام دهد. 1021 00:44:59,800 --> 00:45:01,320 >> و PHP یکی از این زبان است. 1022 00:45:01,320 --> 00:45:05,310 و سال PHP پیش طراحی شده بود دقیقا برای برنامه نویسی وب. 1023 00:45:05,310 --> 00:45:08,160 و آن را در ابتدا بود زبان کثیف بسیار درهم و برهم. 1024 00:45:08,160 --> 00:45:10,940 و در واقع، یک بزرگ وجود دارد مقدار کد PHP بد وجود دارد. 1025 00:45:10,940 --> 00:45:13,520 اما خود زبان در طول سال بالغ، 1026 00:45:13,520 --> 00:45:16,200 به طوری که در حال حاضر آن را در واقع در گام بعدی فوق العاده 1027 00:45:16,200 --> 00:45:19,970 آموزشی را از C به خاطر آن تا سر در گم به همه چیز آشنا 1028 00:45:19,970 --> 00:45:22,380 شما فقط در چند هفته گذشته دیده می شود. 1029 00:45:22,380 --> 00:45:25,724 >> یک تفاوت اولیه خواهیم دید از آن دیگر هیچ عملکرد اصلی وجود دارد. 1030 00:45:25,724 --> 00:45:28,890 هنگامی که شما شروع به نوشتن کد، آن را فقط رفتن به اعدام بدون توجه به آنچه دریافت، 1031 00:45:28,890 --> 00:45:30,220 که ما را در یک لحظه ببینید. 1032 00:45:30,220 --> 00:45:33,320 در همین حال، در اینجا چه متغیر به نظر می رسد در PHP. 1033 00:45:33,320 --> 00:45:35,840 این کمی متفاوت است، اما تنها به سختی. 1034 00:45:35,840 --> 00:45:39,380 >> در پی اچ پی، را تایپ قوی وجود ندارد. 1035 00:45:39,380 --> 00:45:41,430 هفته تایپ وجود دارد، که فقط به معنی وجود دارد 1036 00:45:41,430 --> 00:45:44,030 انواع داده ها مانند رشته و شماره و چیزهای دیگر. 1037 00:45:44,030 --> 00:45:47,030 اما شما را به زحمت نمی مشخص آنچه که آنها دیگر می باشد. 1038 00:45:47,030 --> 00:45:48,980 PHP آن ارقام را برای شما. 1039 00:45:48,980 --> 00:45:52,030 علامت دلار فقط یک تصمیم است که مردم PHP سال ساخته شده 1040 00:45:52,030 --> 00:45:54,890 پیش چنین است که هر متغیر در PHP فقط با یک علامت دلار شروع می شود. 1041 00:45:54,890 --> 00:45:58,130 این در واقع نوعی در آن مفید این جهش در شما کمی بیشتر است. 1042 00:45:58,130 --> 00:46:01,315 >> اما پس از آن، این وضعیت در PHP است. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 چه در مقابل C متفاوت است؟ 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 فریب question-- هیچ چیز، که در واقع واقعا خوب. 1047 00:46:09,600 --> 00:46:12,140 عبارات بولی در PHP-- همان. 1048 00:46:12,140 --> 00:46:19,354 عبارات بولی و در مقابل یا، سوئیچ ها، حلقه ها، حلقه ها، loops-- OK، 1049 00:46:19,354 --> 00:46:20,270 این یکی متفاوت است. 1050 00:46:20,270 --> 00:46:22,660 >> پس از آن که معلوم است وجود دارد زن و شوهر از ویژگی های دیگر در PHP. 1051 00:46:22,660 --> 00:46:25,243 یکی از آنها است که در واقع این، که زیبا و راحت است. 1052 00:46:25,243 --> 00:46:29,250 اگر $ اعداد یک آرایه که شما ام پیش از این در یک برنامه اعلام کرد، 1053 00:46:29,250 --> 00:46:33,350 شما این فانتزی را برای هر سازه که به جای انجام همه از آن 1054 00:46:33,350 --> 00:46:37,020 من مزاحم برابر 0، I است کمتر از این، [؟ من ++، 1055 00:46:37,020 --> 00:46:40,320 برای هر شماره به عنوان شماره، که در آن هر از آن ارزشها علامت دلار است که فقط 1056 00:46:40,320 --> 00:46:42,790 یک متغیر و دومی شما می توانید از فکر می کنم به عنوان I. 1057 00:46:42,790 --> 00:46:44,290 شما می توانید هر چیزی را که می خواهید تماس بگیرید. 1058 00:46:44,290 --> 00:46:45,770 من آن را به نام تعداد. 1059 00:46:45,770 --> 00:46:48,825 این است که به تکرار بیش از آرایه به نام اعداد. 1060 00:46:48,825 --> 00:46:51,200 و در هر تکرار، آن را رفتن به طور خودکار به روز رسانی 1061 00:46:51,200 --> 00:46:54,340 برای شما تعداد علامت دلار متغیر به طوری که شما به طور مداوم 1062 00:46:54,340 --> 00:46:58,210 دسترسی به متغیر که شما می خواهید بدون نیاز به انجام هر گونه براکت 1063 00:46:58,210 --> 00:47:00,980 نماد و یا نمایه سازی را به یک آرایه. 1064 00:47:00,980 --> 00:47:04,950 >> فراتر از آن، ما حتی چیزهایی مثل دارند آرایه، که نگاه تقریبا یکسان است، 1065 00:47:04,950 --> 00:47:08,210 به جز آن بسیار معمول است، به عنوان ما به شما ببینید، هر دو در PHP و جاوا اسکریپت 1066 00:47:08,210 --> 00:47:10,750 به قبل از مقداردهی اولیه آرایه ای با استفاده از براکت مربع است. 1067 00:47:10,750 --> 00:47:12,040 C با استفاده از آکولاد. 1068 00:47:12,040 --> 00:47:15,330 پس از آن کمی متفاوت است، حتی اگر ما واقعا بسیار استفاده از ترفندی که هم نیست. 1069 00:47:15,330 --> 00:47:20,090 >> اما حتی بیشتر قدرت، PHP دارای آرایه های انجمنی، 1070 00:47:20,090 --> 00:47:23,100 که راه فانتزی گفت: جداول هش. 1071 00:47:23,100 --> 00:47:31,610 در واقع، اگر شما می خواهید به اعلام هش جدول در PHP برخلاف سی-- که چگونه بسیاری از 1072 00:47:31,610 --> 00:47:34,775 خط کد آن را به جدول هش در C واقع پیاده سازی؟ 1073 00:47:34,775 --> 00:47:38,310 و یا چه تعداد خط از کد آن را گرفتن به پیاده سازی یک جدول هش در C؟ 1074 00:47:38,310 --> 00:47:39,820 پس از آن به احتمال فراوان، درست است؟ 1075 00:47:39,820 --> 00:47:41,680 این چند ده است، شاید 100 یا 200. 1076 00:47:41,680 --> 00:47:42,980 این کوچک اما با اهمیت. 1077 00:47:42,980 --> 00:47:45,420 و یا آن را در مورد می شود، به عنوان شما به زودی خواهید دید، کوچک اما با اهمیت 1078 00:47:45,420 --> 00:47:48,080 برای پیاده سازی یک جدول هش [نامفهوم] و نیز امتحان کنید. 1079 00:47:48,080 --> 00:47:50,580 اما در PHP-- و رک و پوست کنده، من احتمالا باید به شما بگویم این نه 1080 00:47:50,580 --> 00:47:53,630 تا Monday-- در PHP، اگر شما می خواهید یک جدول، انجام می شود. 1081 00:47:53,630 --> 00:47:56,431 که یک رشته هش table-- تا با یک خط کد. 1082 00:47:56,431 --> 00:47:56,930 و 1083 00:47:56,930 --> 00:47:58,810 >> بسیاری از زبان انجام دهد. 1084 00:47:58,810 --> 00:48:00,190 از آن لذت ببرید با pset پنج. 1085 00:48:00,190 --> 00:48:01,980 بنابراین تعداد زیادی از زبان این کار. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 آنها به شما این انتزاعی را که افراد دیگر، دیگر برنامه نویسان، 1088 00:48:06,140 --> 00:48:09,870 را برای شما ایجاد به طوری که شما می توانید بر روی شانه های خود تحمل 1089 00:48:09,870 --> 00:48:13,290 و شروع به استفاده از ایده هایی که فوق العاده هستند فوتی و فوری، مانند جداول هش و درختان 1090 00:48:13,290 --> 00:48:14,140 و تلاش می کند. 1091 00:48:14,140 --> 00:48:17,790 اما شما لزوما به کسانی که همه چیز خود را اجرا می کنند. 1092 00:48:17,790 --> 00:48:20,850 >> و به این ترتیب در نهایت، آنچه ما در حال رفتن به استفاده از PHP برای 1093 00:48:20,850 --> 00:48:23,580 است به طور بالقوه نوشتن برنامه از به اصطلاح خط فرمان. 1094 00:48:23,580 --> 00:48:26,600 ما می تواند هر برنامه از نو خلق ما این ترم نوشته ام تا کنون، 1095 00:48:26,600 --> 00:48:30,410 به جز شاید برک آوت استفاده می کند که SPL، که مخصوص C در حال حاضر است. 1096 00:48:30,410 --> 00:48:33,100 اما هر مشکل دیگر تعیین می کنند، قطعا ماریو و سزار 1097 00:48:33,100 --> 00:48:35,300 و Vigenere و [؟ کرک؟] و بعد، ما 1098 00:48:35,300 --> 00:48:39,520 می تواند دوباره اجرا در PHP، و احتمالا کمی آسان تر. 1099 00:48:39,520 --> 00:48:43,050 >> اما آنچه که ما در حال رفتن در نهایت برای استفاده از PHP برای برنامه نویسی تحت وب می باشد. 1100 00:48:43,050 --> 00:48:46,420 و ما قصد داریم به معرفی بعدی هفته یک مدل ذهنی، یک الگوی نام 1101 00:48:46,420 --> 00:48:49,610 MVC، مدل کنترل مشاهده، که اگر شما برنامه نویسی انجام داده ام 1102 00:48:49,610 --> 00:48:51,610 قبل از در پایتون یا روبی و یا در جای دیگر، شما 1103 00:48:51,610 --> 00:48:54,112 ممکن است از این تیم با دانم ریل و جنگو و مانند آن. 1104 00:48:54,112 --> 00:48:55,820 اما اگر شما تازه به هستی این بیش از حد، شما خواهید دید 1105 00:48:55,820 --> 00:48:59,652 که این است که در واقع بسیار طبیعی گسترش فاکتور 1106 00:48:59,652 --> 00:49:01,360 و نوع طراحی کد ایم که 1107 00:49:01,360 --> 00:49:04,670 در C. انجام ما قصد داریم به کن درخواست برخی از کسانی که درس به PHP 1108 00:49:04,670 --> 00:49:07,190 به طوری که در نهایت، ما اجرای وب سایت های خود ما. 1109 00:49:07,190 --> 00:49:09,080 و اگر شما مرتب کردن بر اساس هستید مسخ شده و یا شگفت زده 1110 00:49:09,080 --> 00:49:10,954 که ما قصد انجام همه تا به سرعت، 1111 00:49:10,954 --> 00:49:13,410 متوجه است که تقریبا در هر ترم، نزدیک به 90٪ 1112 00:49:13,410 --> 00:49:16,560 از CS50 دانش آموزان، از جمله که قبل از برنامه ریزی کرده اند هرگز، 1113 00:49:16,560 --> 00:49:20,329 تا پایان پروژه نهایی که در برنامه نویسی مبتنی بر وب. 1114 00:49:20,329 --> 00:49:23,120 و به این ترتیب خواهید دید که بازده بالا در هفته به آمده است. 1115 00:49:23,120 --> 00:49:24,965 بنابراین ما به شما در روز دوشنبه ببینید. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> SPEAKER 1: و اکنون، عمیق افکار توسط Daven فارنام، کبک. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 جداول هش. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [خنده حضار] 1122 00:49:38,402 --> 00:49:38,902