>> SPEAKER 1: همه، درست خوش آمدید.
این CS50 است.
و این آغاز هفته نهم است.
و این شروع از بقیه وقت خود را در CS50، که در آن ما
انتقال در حال حاضر، در نهایت، به وب سایت جنبه از این دوره، جایی که شما
دریابید که بسیاری از اصول که ما شده است صادرات برای هفته ها
هنوز هم می آیند به دیدار، یا امد و شد زیاد، به ما.
اما در حال حاضر، شما را پیدا خواهید کرد که آن را منظور از قدر راحت تر به
وظایف خاص انجام و حل برخی از مشکلات -
به طوری که حتی اگر شما فکر می کنید مجموعه مسائل خاص خود را سرگرم کننده بود
راه خود، من فکر می کنم که شما را پیدا خواهید کرد که p مجموعه 7، ص 8، و پس از آن،
در نهایت، پروژه نهایی خواهد شد تمام لذت بخش تر از آنجا که شما
پیدا کردن که ما شروع به را برای مسلم در حال حاضر همه چیز مانند مدیریت حافظه، و
اشاره گر، و چه خبر است در زیر هود.
و دوباره، موضوعی، در تمام طول ترم تا این لایه بندی شده
و لایه بندی.
و در حال حاضر ما مرتب سازی بر اساس هستید در اینجا، ایستاده در
شانه ها از هفته گذشته است.
>> در حال حاضر، به یاد بیاورید از زمان گذشته است که ما در مورد چگونگی اینترنت مشغول به کار است، صحبت کرد.
و این شاید بود ساده، اما به یاد داشته باشید که
هر کامپیوتر در جهان دارای یک IP آدرس، هر چند که یک بیت از
هنوز هم ساده.
و کسانی که آدرس منحصر به فرد استفاده می شود ماشین های شناسایی به طوری که
هنگامی که شما ارسال اطلاعات، و یا بسته، پس به صحبت می کنند، آنها می توانند منشاء
آدرس و آدرس مقصد.
و کسانی که آدرس آی پی را می توان مورد استفاده قرار گیرد هر دو خوب و بد،
به شما پیگیری، به عنوان مثال.
در واقع، هر یک از شما با لپ تاپ باز در حال حاضر، و یا تلفن خود را در
جیب، یک آدرس IP شبکه دانشگاه هاروارد.
و این همه که به سختی نیست مرتبط که به چه کسی و در کجا شما
این روزها هستند.
اما بیشتر که شاید در آینده است.
>> در حال حاضر من فکر کردم من می خواهم بازگرداندن برخی از خاطرات [؟ افزایش؟] و شما را
کلیپ دیگری از شما نشان می دهد ممکن است دریابید آشنا باشد.
اگر ما می تواند چراغ کم نور برای فقط چند ثانیه.
Numb3rs نشان می دهد.
>> SPEAKER 2: این IPP4 یک آدرس 32 بیتی است.
>> SPEAKER 3: IPP، به عنوان در اینترنت؟
>> SPEAKER 2: شبکه خصوصی.
به شبکه خصوصی Amita است.
او خیلی شگفت انگیز است.
>> SPEAKER 3: بیا، چارلی.
>> SPEAKER 2: آن است.
آدرس آینه IP.
او اجازه تماشای ما چه او در زمان واقعی انجام.
>> SPEAKER 1: خوب، بنابراین چند چیز با این تصویر اشتباه است.
بنابراین یکی است، و این یکی قابل قبول است، این است که در واقع
یک آدرس IP معتبر است.
یک آدرس IP معتبر به اعداد به صورت w.x.y.z، که در آن هر یک از
این نامه ها از 0 تا 255 است.
اما این خوب است زیرا درست مانند فیلم جایی که آنها شماره تلفن جعلی،
آنها جعلی آدرس IP است.
شما در واقع ضربه سرور واقعی نیست.
>> اما ذهن شما، این مرورگر است.
و مرورگر شروع به انجام نمی خروجی کد کامپیوتری شبیه به این.
و اگر ما نگاه کمی عمیق تر، توجه که زبانی که آنها شاهد
بر روی صفحه نمایش یک زبان به نام هدف C، که زبان در
که برنامه های آی فون نوشته شده اند، به خصوص آنهایی که مربوط به
مداد رنگی ها، به عنوان شما می توانید از دیدن کد منبع در اینجا.
>> خوب، من فکر کردم این خنده دار بود.
بنابراین این قطعه کد کاملا هیچ چیزی برای انجام با آن چه که
قسمت خاص بود.
بنابراین شوخی مرتب سازی بر اساس مردمی گرفتن برای این اعطا شده است.
اما این که سخت نیست برای به دست آوردن این جزئیات فنی درست است.
و من می خواهم شما را تشویق کنند.
و در واقع، 50 بسیار خوب ممکن است از بین بردن بسیاری از نشان می دهد تلویزیون و فیلم و یا شما
دلیل این که شما را پیدا خواهید کرد که آن را فقط ممکن نیست آنچه آنها
انجام این کار بر روی صفحه نمایش.
اما در واقع، این کد این است که شما ممکن است آن را در نرم افزار آیفون
یا مک نرم افزار سیستم عامل.
این هیچ چیز در همه به انجام با امنیت.
بنابراین چشم برای بیشتر نگه داشتن چنین چیزهایی سرگرم کننده است که می خواهم.
>> اما امروز ما شروع به شیرجه رفتن در واقعا عمیقا به طیف وسیعی از زبان.
در واقع، یکی از فراگیر takeaways از این بخش از
البته به یاد بگیرند که چگونه برای برنامه ریزی در پی اچ پی، نه برای یادگیری SQL فی نفسه، نه
برای یادگیری جاوا اسکریپت را فی نفسه، بلکه به خودتان آموزش دهید که چگونه برای تدریس
خود را زبان های جدید به دلیل، در واقع، ما شروع به گرفتن شرکت
چرخ های آموزش خاموش به طوری که پس از پایان البته، شما انتظار نداریم که 20
مشخصات صفحه به شما بگویم که چگونه برای اجرای برخی از برنامه.
شما باید مواد اولیه به اندازه کافی خود را در ذهن، و ابزار به اندازه کافی در ابزار خود را
کیت، که با آن شروع به ساخت راه حل برای مشکلات علاقه به
شما برای برخی از گروه های دانش آموزان، برای برخی از پروژه تحقیقاتی، یا واقعا هر چیزی
مورد علاقه شما.
>> بنابراین برای دستیابی به این پایان، به یاد داشته که این تصویر ما آن را در زمان گذشته را به خود جلب کرد.
و این دو کامپیوتر، نرم افزار و قطع، صحبت کردن به یکدیگر.
و پروتکل، زبان، پس به صحبت می کنند، که این دو کامپیوتر اتفاق می افتد
به صحبت کردن نامیده می شود HTTP است.
و این فقط پروتکل مورد استفاده در کامپیوتر برای انتقال اطلاعات بر
شبکه جهانی وب است.
وب، البته، فقط یکی از این سرویس است اجرا می شود که در بالای
اصطلاح اینترنت می باشد.
دیگر خدمات در دسترس بالا از اینترنت این روزها؟
برخی از پروتکل های دیگر و یا - که چه؟
>> مخاطبان: FTP.
>> SPEAKER 1: FTP.
بنابراین پروتکل انتقال فایل دیگر است.
بسیاری از شما احتمالا آن را استفاده نمی شود.
اما بسیاری از شما احتمالا استفاده کرده اند چیزهایی مانند Gchat یا فوری
پیام به طور کلی، قطعا ایمیل.
و کسانی که، بیش از حد، خدمات که در اجرا بالا از اینترنت است زیرا، در
پایان روز، اینترنت به خودی خود واقعا فقط دریافت اطلاعات از نقطه A به
نقطه ب و آن را با استفاده از تعدادی از ذرات خود، یکی از آنها یا دو
آنها معمولا به نام TCP / IP، که است که می گویند که یک کامپیوتر در
اینترنت در واقع می تواند انجام می شود چیزهای مختلف، ایمیل،
و وب، و غیره.
گوگل بسیاری از این.
پس چگونه این خدمات منحصر به فرد شناسایی، آیا ما می گویند، بر روی یک کامپیوتر
است که در واقع ممکن است انجام می شود چیزهایی چند؟
>> شماره پورت.
و این فقط انسان خودسرانه کنوانسیون مانند 80 وب است، 443
وب رمز، 25 ایمیل است.
و مجموعه ای از دیگران وجود دارد.
و تعداد کسانی که به سادگی در کسانی که بسته های اطلاعات، کسانی که
پاکت مجازی، که در واقع حاوی یک درخواست یا پاسخ.
>> بنابراین، هنگامی که شما به عقب بر گردیم پاسخ از وب، به طور معمول، شما هیچ نمی بینم
تعداد آنچه در شرایط کد وضعیت پاسخ.
شما در واقع نمی بینم فعالیت های داخلی
بسته آمده است که.
اما 200 می کند در واقع به معنای OK است.
و این بدان معناست که همه خوب است.
شما ممکن است را دیده اند، یک دسته از این است.
است که احتمالا رایج ترین شما را در وب دیده می شود؟
>> 404.
این فقط بدان معناست فایل یافت نشد.
این بدان معنی است کسی screwed تا.
شما با mistyping URL، یا کسی که دیگری را با دادن به شما
URL نامعتبر است، و یا آنها را حذف فایل ها و URL است هنوز
که توسط مردم استفاده می شود.
بنابراین هر تعداد از دلایل می تواند توضیح دهد چرا یک فایل یافت نشد.
و شما خواهید دید، در هفته آینده، این کد خطا دیگر، و شما
امکان استفاده از برخی از آنها.
بدترین 500 است.
اگر شما یک خطا 500 در کد شما باید نوشته شده است، فکر می کنم از آن به عنوان مرتب کردن بر اساس
آنالوگ گسل SEG در جهان برنامه نویسی وب.
این به آن وخیم نیست.
اما آن را فقط بدان معنی است که، در جایی، شما screwed تا.
پس به جلو نگاه به کسانی.
>> اما بیایید ببینید که اگر ما می توانیم دیدن این در زمینه.
اجازه بدهید من به یک مرورگر به اینجا بروید و زیر را انجام دهید.
بنابراین این کروم، که اتفاق می افتد در دستگاه نصب شده است.
اما هر مرورگر این روزها است برخی از قابلیت های معادل است.
من قصد دارم تا منو کروم، و به ابزار، و من قصد دارم به رفتن
به ابزارهای توسعهدهنده.
و شما خواهید دید که این پنل کوچک در پایین پنجره باز میشود.
یکی دیگر از میانبر، به صداقت، که من معمولا استفاده از خودم است که با کلیک راست
یا کنترل کلیک کنید و در هر نقطه بر روی وب صفحه و فقط به بازرسی عنصر.
و این نه تنها باز خواهد شد این کار را برای شما داشته باشد.
این نیز باز خواهد شد، به طور خاص، بخش عناصر
سمت چپ.
>> بنابراین ما البته دیدن گوگل هستید.
آنها امروز لوگوی خود را تغییر داد.
اما اگر من اینجا پایین، توجه که تحت عناصر، می بینید
آنچه به نام HTML، نشانه گذاری ابرمتن زبان، و این زبان است
که این و همه صفحات وب، در واقع، نوشته شده شوید.
اما این در واقع برای فرمت ما خیلی بیشتر readably
از آن به طور معمول است.
در واقع، اگر من زوم، و من به جای فقط کلیک راست یا کنترل کلیک کنید
با کلیک بر روی صفحه، و پس از آن بروید تا بتوانید لینک ها را ببینید سورس صفحه، این است که به معنای واقعی کلمه
گوگل به مرورگر من فرستاده شده است.
>> بنابراین برخی از شخص یا اشخاصی نوشته Google.com با استفاده از این کد منبع.
بیشتر از این است که HTML نیست.
این در واقع یک زبان به نام جاوا اسکریپت، که
ما را در روز چهارشنبه آمده است.
اما آنچه کروم، و آنچه هر مرورگر می تواند برای ما انجام دهد، نوع دیدن است
گذشته تمام حواس او را پرت از نحو دیوانه، و فضای سفید را reinsert
برای ما، و حتی برجسته نحو، یا رنگی همه چیز برای ما.
بنابراین شما باید دریابید که این به اصطلاح ابزار توسعه دهنده ساخته شده به مرورگرها
زندگی خود را به طوری، بسیار ساده تر را زیرا شما می توانید از طریق این منو کشف،
رابط کاربری، دقیقا همان چیزی است که زمینه کد منبع است
هر صفحه را بر روی اینترنت.
و در واقع، این یکی از مهم ترین است راه های موثر برای یادگیری نحوه ی به انجام
چیزی جدید، حداقل اگر صفحه بسیار زیاد و پیچیده به پایمال کردن نیست،
برای شروع مجبور اطراف آن HTML، نگاه در آن به اصطلاح CSS، که خواهیم آمد
به یک بیت به عنوان خوب، برای به دست آوردن درک چگونه است که برنامه نویس
پیاده سازی برخی از خاص از ویژگی های صفحه.
>> اما از لحاظ فنی حق جالب در حال حاضر آن را به رفتن به این.
اگر من به تب شبکه، اجازه دهید در حال حاضر این روشن.
من قصد دارم کمی کلیک کنید عبور از نماد در اینجا، و سپس
به وب سایت دیگر بروید.
و من فقط رفتن به تایپ در Facebook.com.
بدون HTTP، هیچ HTTPS، بدون WWW.
بیایید در واقع ببینید که چه اتفاقی می افتد.
>> را وارد کنید.
فقط در حال حاضر متوجه یک دسته کامل از مسائل به نظر می رسد در این پانل پایین، در
علاوه بر صفحه وب ظاهر شدن در بالا.
من قصد دارم برای حرکت به بالا و درون تب شبکه در اینجا، و من قصد دارم به
با کلیک بر روی سطر اول.
چه این ابزار را به ما نشان هر یک از درخواست های HTTP
که به سرعت به عقب رفت و چهارم بین مرورگر من
و سرور فیس بوک.
و به همین ترتیب هر یک از آن ردیف نشان دهنده یک درخواست یا
پاسخ، یک یا بیشتر از کسانی که پاکت مجازی.
یا خودمانی تر، آن را مانند یک شخص مانند یک فرد، یک مشتری در
رستوران، درخواست چیزی دوباره و دوباره، و دوباره.
و پیشخدمت را نگه می دارد آوردن آن را به عقب در یک زمان.
>> بنابراین در حال حاضر، اگر من در این زوم، توجه و این نوع از چیزی خواهد بود که
که شما به استقبال و تشویق برای بازی کردن با خود را، چرا که ما
نمی خواهد از طریق همه چیز در جزئیات بزرگ.
اما متوجه وجود دارد چند زبانه زیر در اینجا -
سرصفحه ها، پیش نمایش، پاسخ، کوکی ها، و زمان.
من فقط رفتن به هدر نگاه کنید در حال حاضر به دلیل این کمی
مواد تشکیل دهنده داخل پاکت که کمک به داده ها به و از مکان.
>> پس اول، اجازه دهید من این کلیک کنید، مشاهده منبع سرصفحه درخواست.
درخواست وجود دارد که مرورگر من، کروم، در این مورد، فرستاده شده در داخل
که پاکت مجازی.
شما در هفته گذشته را به یاد من صورت دستی آن را در حالی که تایپ
تظاهر به مرورگر.
سپس آن را یادآوری سرور است که آن را به دنبال میزبان به نام
Facebook.com.
و پس از آن کمی بیشتر محرمانه وجود دارد اطلاعاتی که ما موج خواهد
دست ما در حال حاضر.
>> اما اگر من شروع به پایین در حال حاضر در این پنجره، اجازه دهید من به
هدرهای.
این چیزی بود که در محیط مجازی پاکت که از پشت آمد
Facebook.com.
و اگر من کلیک کنید منبع مشخصات فقط برای دیدن متن خام آن،
متوجه چند چیز.
، فیس بوک نیز همین سخن می گوید پروتکل، نسخه 1.1 آن.
به طوری که خوب است.
اما کد وضعیت 301، به طور دائم نقل مکان کرد.
>> خوب، که در آن هک فیس بوک؟
چه این تلاش برای رساندن به ما؟
خوب، توجه کردن در اینجا وجود دارد یکی دیگر از نام محل سکونت هدر.
پس چرا فیس بوک به من گفتن که آنها به طور دائم به آن آدرس نقل مکان کرد
در کنار محل سکونت؟
من WWW فراموش.
>> به طوری که انتخاب من بود.
در واقع، بسیاری از ما به ندرت، احتمالا، نوع www.whatever.com این روزها.
اما معلوم است یک مدیر سیستم، مانند فیس بوک، می تواند
پیکربندی سرویس دهنده خود را در چنین راه که یا Facebook.com کار می کند، یا
www.Facebook.com کار می کند، و یا، در واقع، هر پیشوند از جمله در مقابل خود
نام دامنه.
به طوری که آنها برای ما انجام داده ایم که.
و آنها ما را هدایت، احتمالا برای برخی از فنی،
برخی از دلایل بازاریابی.
آنها فقط می خواهم به متعارف و استاندارد در www.Facebook.com.
>> اما این نه کاملا آن را.
اگر من در اینجا پایین، بیایید ببینید چه اتفاقی می افتد.
این است که به من گفتن ما به طور دائم نقل مکان کرد به
http://www.Facebook.com.
بنابراین اجازه دهید در درخواست دوم نگاه که مرورگر من می فرستد.
متاسفانه، آن را مانند فیس بوک به نظر می رسد بار دیگر به دلیل دوم نقل مکان کرد
درخواست، با انتخاب به جای آن URL، می گوید که، بیش از حد، نقل مکان کرد
برای همیشه.
و اجازه دهید من اینجا پایین به هدرهای پاسخ.
از کجا تا به فیس بوک رفته است در حال حاضر؟
>> پس HTTPS.
بنابراین در حال حاضر فیس بوک را آغاز کرده است، به خصوص در نور جریان
حوادث در ماه های اخیر، به خصوص و همچنین در چند سال گذشته
وادار تمام کاربران خود، در خوب راه، برای استفاده از HTTPS، که بیش
امن، اگر چه به طور کامل امن نیست.
و بنابراین در حال حاضر صفحه من، مرورگر من است رفتن به درخواست این URL سوم.
و در حال حاضر، در نهایت، ما در غیر این صورت نهان 200 OK.
>> بنابراین آنچه که در جهان یا همه این ردیف دیگر را در اینجا.
من به معنای واقعی کلمه تایپ یک چیز، و من مرورگر به نظر می رسد به مانند درخواست
20 برخی از چیزهای عجیب و غریب است.
چیست؟
>> مخاطبان: اسکریپت؟
>> SPEAKER 1: اسکریپت ها، فایل های دیگر نوشته شده در یک زبان به نام
جاوا اسکریپت، که، دوباره، خواهیم دیدن یک بیت از روز چهارشنبه.
چه چیز دیگری؟
شیوه نامه.
بنابراین چیزی در یک زبان به نام CSS، که ما آن را در یک بیت را ببینید.
GIF های عکس JPEG، و PNGs و تصاویر، و فایل های فیلم - هر آنچه یک صفحه وب
است به احتمال زیاد در به شکل یک فایل.
و بنابراین، آنچه ما می بینیم در سمت چپ طرف وجود دارد این است تمام فایل ها
که کروم به حال برای دانلود، به صورت بازگشتی، اگر شما خواهد شد، به منظور
کل صفحه را تشکیل می دهند.
>> بنابراین چیزی که ما یک لحظه پیش با گوگل دیدم، اگر من بر روی عناصر کلیک کنید
تب، این، مطمئن، HTML، زبانی که این صفحه موسیقی.
اما مجموعه ای از چیزهای دیگر وجود دارد.
آرم وجود دارد.
کسانی که به رنگ آبی حرکت وجود دارد آیکون بیش از وجود دارد.
و عناصر دیگر وجود دارد هنوز هم در صفحه ای که خود ممکن است
فایل های جداگانه.
>> پس چه خوب در مورد مرورگر است که آن را در زبان ما قصد داریم به نظر می رسد
برای شروع به نوشتن، و یا شما در حال حاضر نوشتن آغاز شده در سال P، 7، چهره
از جایی که این فایل ها زندگی می کنند، و می رود و آنها را کاغذ برداشته و همچنین.
و من نمی توانم تاکید به اندازه کافی، حتی هر چند برخی از این ممکن است کمی نگاه
محرمانه و یا قریب به اتفاق در نگاه اول، آموزش چگونه برنامه
برنامه های کاربردی برای وب سایت، آن را ارزشمند به درک که چگونه این
ابزار کمی کار می کنند.
این نوع مثل GDB مانند ابزار، اما بسیار ساده تر، در نهایت، به استفاده از -
و واقعا به شما می دهد چشم را به آنچه ما در نظر گرفتن ام اعطا
مدتی در حال حاضر.
>> پس چه می تواند ما در حال حاضر با انجام این اطلاعات؟
خوب، اجازه دهید در واقع نگاهی به مفاهیم HTML.
و تسلیم می کنیم، همانطور که ما در حال حاضر، به بخش های این هفته، به مشکل
تنظیم 7 خصوصیات، به برخی از بیش خاص از این زبان.
اما بیایید ببینیم که اگر ما نمی توانیم رنگ تصویری از آنچه که شما باید درک کنند
به طور کلی در اینجا.
>> بنابراین HTML، نشانه گذاری ابرمتن زبان، یک زبان برنامه نویسی نیست.
چه که واقعا چیست؟
بنابراین HTML به نظر می رسد مثل این.
و برخی از شما قبلا این را بدانید.
برخی از شما انجام شده است این کار را برای برخی از زمان.
اما بیایید ببینیم که اگر ما نمی توانیم را پر کنید در برخی از شاهد نیز هست.
بنابراین متوجه چند چیز در اینجا.
یکی، آن را فقط متن.
پس از آن درست مانند کد منبع در C، و یا برخی از زبان های دیگر است.
>> توجه کنید که وجود دارد به نظر می رسد به یک الگوی اینجا.
دندانه وجود دارد، اما از نظر فنی دندانه فقط انسان است
کنوانسیون.
مرورگر ها مراقبت می کند اگر جدید وجود دارد خطوط و زبانه ها می خواهم ما می بینیم.
اما توجه کنید که وجود دارد با تقارن در اینجا.
وجود دارد آنچه من تماس بگیرید، در بالای این فایل، برچسب باز، و یا شروع
برچسب، به نام HTML.
و سپس، به پایین، کاملا اندود شده بالا، بسیار شبیه به با آکولاد انجام،
ما می بینیم براکت باز، رو به جلو بریده بریده، HTML، براکت نزدیک.
به طوری که نزدیک مربوطه برچسب یا تگ پایان، برای چیزی که.
>> با هم، همه چیز را در داخل به اصطلاح تگ باز و تگ نزدیک
آهنگسازی آنچه ما می خواهیم یک عنصر تماس بگیرید.
و خواهیم دید، در یک لحظه، آن را واقعا دوست دارم یک گره در درخت است.
از آنجا که اگر شما در حال حاضر فکر می کنم دندانه که در اینجا به طور ضمنی، شما
نوع، مانند، پدربزرگ و مادر بزرگ گره به نام HTML.
چگونه بسیاری از کودکان ممکن است به شما می گویند، بر اساس در این تصویر، عنصر HTML است؟
>> پس احتمالا دو.
یک عنصر سر است، ظاهرا.
و یک عنصر بدن است.
و چرا دو فرزند؟
خوب، من فقط نوع استنتاج هستم که اگر من یک تگ سر باز و سپس
تگ head نزدیک، که یک عنصر است.
و پس از آن، یکی دیگر از بدن باز در صورت وجود برچسب و تگ نزدیک بدن، که مانند
عنصر دیگری.
بنابراین به این معنا که اگر نوع من از چرخش تصویر در کنار آن، آن را
مانند در اختیار داشتن یک تگ HTML، و سپس تگ سر، و سپس تگ body و
پس از آن برخی از متن، سلام جهان، آویزان خارج از تگ body خود است.
>> بنابراین ما می توانیم یک تصویر است که قرعه کشی ممکن است شبیه به این.
اشکال دلخواه هستند.
اما توجه کنید که من نوع استفاده می شود بیضی در بالای برای نشان دادن
خود را مستند کنید.
به نظر می رسد می تواند چیزهای دیگر وجود دارد در داخل یک صفحه وب که من نمی
کشیده شده در اینجا.
بنابراین ما قصد داریم به حتی قطع HTML گره کردن از یک گره سند به اصطلاح.
و پس از آن ما باید سر و بدن و عنوان، اطلاع،
است که بیشتر تو در تو.
من قرار دادن خط اضافی خسته نکنید معافیت در داخل تگ عنوان.
این فقط احساس بود کمی بیش از حد طولانی است.
پس من آن را در یک خط از سمت چپ وجود دارد، با عنوان باز، سلام جهان، عنوان نزدیک.
و پس از آن ما باید برخی از متن آویزان کردن از اینجا.
>> بنابراین این تصویر به دوباره ما هنگامی که ما به جاوا اسکریپت شیرجه رفتن.
و درک است که زمانی که شما نوشتن HTML مثل این، چه
یک مرورگر انجام شده است؟
خب، ما لازم نیست که به نگرانی در مورد چگونه آن را به انجام این کار، و یا با چه
الگوریتم، اما در پایان روز، هنگامی که یک مرورگر متنی مانند دریافت
که از فیس بوک یا گوگل، آن را تجزیه آن، پس به صحبت می کنند، آن را می خواند،
با چیزی مانند fread، بالا به پایین، چپ به راست، و آن را به عنوان
متوجه، آه، برچسب باز، و سپس بستن برچسب، آن را به malloc شروع می شود، پس به صحبت می کنند،
یک گره در درخت است.
و هنگامی که آن برخورد، به عنوان ما به طور ضمنی ام در اینجا با دندانه
گره فرزند، به آن mallocs گره که و متصل که به درخت.
>> بنابراین ساختار درخت، درختان دودویی، درختان سه تایی، و درختان بزرگتر، که
ما پیش در یک یا دو هفته نگاه، توجه که اصل همان است
آینده را به ما.
و هر کس اجرا شود، هر چه کروم تیم را انجام داد، احتمالا تا به حال
برای اجرای نوعی از ساختار درخت در زیر هود.
و این خود است که احتمالا در زبان مانند C، C + +، یا پایین تر
زبان سطح که خواهیم در حال حاضر در بالای وب استفاده کنید.
>> بنابراین در حال حاضر، شاید، این خواهد شد حس بیشتر.
خال کوبی واقعی از برخی از پسر که ممکن است پشیمانی آن را در نهایت، نوع.
خوب، همه حق است، بنابراین بسیاری از شوخ طبعی وب.
این واقعا قصد ندارم تا به خوبی امروز.
بنابراین ما حرکت می کند.
بسیار خوب.
>> بنابراین نگاهی به شرکت به چند مثال.
ساده ترین امکان پذیر چیزی که ممکن است این.
من قصد دارم به جلو بروید و باز کردن در نرمافزاری gedit یک فایل به نام hello.php.
و در داخل از اینجا، من قصد دارم به سرعت فقط این کار، چون printf، نقل قول
نقل قول را تمام کردن، "سلام جهان".
>> بنابراین اطلاع، و من بک اسلش من N را انجام دهد، من ناراحت نیست برای اعلام اصلی.
به نظر می رسد، در پی اچ پی، و بسیاری از زبان، شما یک اصلی را نیاز ندارد
تابع فی نفسه.
شما فقط می توانید شروع به نوشتن برنامه شما.
در حال حاضر، در زمانی که این فایل را ذخیره کنم، توجه من رفتن به مجبور به انجام موارد زیر است.
من قصد ندارم استفاده کنید، و من نیستم رفتن به استفاده از صدای جرنگ جرنگ به دلیل پی اچ پی، بر خلاف
C، یک زبان کامپایل شده است.
آن چیزی است که به نام تفسیر زبان، که بدان معنی است که شما آن را اجرا کنید
به عنوان یک ورودی از طریق یک برنامه دیگر نام مترجم.
و این برنامه آن را بار خوانده شده، بالا به پایین، چپ به راست، و
هر آنچه شما به آن می گویند را انجام دهد.
>> بنابراین در این مورد در اینجا من یک خط که می گوید چون printf.
بنابراین، هنگامی که من برای اجرای این کد منبع، hello.php، هر چند برنامه ای است که
اتفاق می افتد، به راحتی، به نام پی اچ پی، که برنامه های پی اچ پی در حال رفتن به خواندن
این فایل، بالا به پایین، از چپ به راست، و آن را به انجام آنچه که من
آن را به انجام - اجرای کد، و اگر آن چیزی را به رسمیت نمی شناسد، فقط
تف کردن آن را.
بنابراین من قصد دارم به جلو بروید و اجرا پی اچ پی hello.php.
را وارد کنید.
>> و این کاملا چیزی است که من در نظر گرفته شده است.
خوب، این است که چرا؟
خوب، پی اچ پی یک زبان که در واقع است طراحی شده است که نسبتا
در هم تنیده با وب.
هنگامی که ساخت صفحات وب با این زبان پی اچ پی، همانطور که ما به زودی خواهیم دید، خواهیم
می خواهم به انجام چیزی شبیه به نسخه قابل چاپ از خطوط مثل این.
>> بنابراین من قصد دارم برای انجام این کار.
براکت باز، علامت سوال، پی اچ پی، و در حال حاضر من فقط رفتن تورفتگی فقط برای نگه داشتن
چیزهای خوب.
و در حال حاضر من قصد دارم برای انجام یک سوال علامت براکت نزدیک.
پس یک کمی عدم تقارن در اینجا وجود دارد.
شما این کار را نکنید.
و شما یک اسلش کار را انجام ندهید، به طوری که پی اچ پی کمی متفاوت است.
>> اما در حال حاضر، در صورتی که این برنامه تکرار شده من، پی اچ پی hello.php، در حال حاضر من
در واقع سلام جهان.
و ما می بینیم خواهیم کرد که چرا این ارزشمند است.
یکی، آن را به من اجازه می دهد تا مشخص، فوق العاده به صراحت، این است که
کد، اجرا کند.
و این در واقع آنچه که در این تگ های خاص این مفهوم را میرسانند.
>> اما این همچنین بدان معنی است که اگر من فقط چیزی شبیه من هدف در اینجا، که
بدان معنی است که، به معنای واقعی کلمه، که فقط بدون نیاز به چاپ
در واقع چون printf تماس بگیرید و یا چاپ، و یا هر عملکردی مشابه.
بنابراین خواهیم که دوباره فقط یک لحظه.
>> اول، اجازه دهید این کار را.
در داخل دستگاه، ما باید دایرکتوری با نام Vhosts های مجازی
میزبان، بریده بریده میزبان محلی، بریده بریده عمومی است.
پس از آن دراز بیت است، اما داستان طولانی کوتاه، دستگاه طراحی شده است
تنها برای حمایت از C. همچنین طراحی شده برای حمایت از پی اچ پی.
اما آن را نیز طراحی شده است که یک وب سرور، و سرور پایگاه داده است.
و آن طراحی شده است، و واقعا پیکربندی، به یادآور از هر است
تجاری شرکت میزبانی وب که شما ممکن است برای پرداخت 5 دلار در ماه،
100 دلار در ماه برای.
هر چه این سرویس است، آن را پیکربندی بسیار شبیه به یک
سرور واقعی تولید جهان است.
>> و آنچه که به معنی این است که در حال اجرا بر روی لوازم خانگی نرم افزار وب سرور است.
این اتفاق می افتد به نام آپاچی.
این فقط رایگان و منبع باز است، و بسیار محبوب است.
و ما آپاچی پیکربندی به دانستن که اگر دیدار من یک URL خاص، با
Chrome یا هر مرورگر در داخل لوازم خانگی، به این دایرکتوری نگاه کنید
برای فایل های که کاربر درخواست می شود.
>> به عبارت دیگر، به من اجازه برو جلو و این کار را.
در داخل دایرکتوری های عمومی من، من قصد دارم به جلو بروید و ایجاد یک فایل
به نام index.html را.
که به من می دهد زبانه در اینجا.
و من قصد دارم برای رفتن بسیار به سرعت و رفتن جلو و بنگ
این برنامه در اینجا.
DOCTYPE HTML، که در حال حاضر، فقط با فرض اینکه شما به نوع.
فقط یک تگ محرمانه است، که نیست واقعا یک برچسب HTML را، که مشخص می کند که
در اینجا می آید برخی از HTML است.
>> من قصد دارم به جلو بروید و از نو خلق کردن چیزی است که ما یک لحظه پیش دیدم.
در اینجا سر صفحه است.
در داخل سر بود -
بنابراین عنوان.
بنابراین ما می گویند سلام، و جهان.
و سپس در اینجا برچسب بدن بود.
اجازه بدهید من تگ body نزدیک است.
و سپس در اینجا من هم می گویم، فقط برای وضوح، سلام جهان.
>> پس این است که، مسلما، ساده صفحه وب ممکن است شما
باعث می شود که که معتبر است.
آن را به نحوی معتبر است.
همه چیز که باز بسته است.
همه چیز به سادگی در مدل دهید و فاصله دار است.
بنابراین اجازه دهید را ببینید در حال حاضر چگونه من می توانید این فایل دسترسی داشته باشید.
>> خوب، اجازه دهید من به Chrome به اینجا بروید.
و اجازه دهید من برای رفتن http://localhost/index.html.
پس چه میزبان محلی؟
خوب، هر کامپیوتر در جهان، لینوکس، سیستم عامل مک، ویندوز، دارای نام مستعار
به نام میزبان محلی.
بنابراین اگر شما همیشه می خواهید به صحبت به کامپیوتر خود را -
البته، به بازاندیشانه عجیب -
شما خودتان را میزبان محلی تماس بگیرید.
مهم نیست که چه کامپیوتر واقعی خود را نامیده می شود، آن است که آیا دیوید مک بوک
هوا، و یا چیزی بیش از دراز مانند آن.
>> بنابراین این URL ظاهرا قصد استفاده از HTTP برای صحبت به میزبان های محلی،
همین کامپیوتر، لوازم خانگی، و آن را به رفتن برای درخواست، فقط
حدس می زنم، چه فایل؟
میکنید.
بنابراین دستگاه پیکربندی شده است در پیشبرد به می دانم که اگر من درخواست
برای چیزی شبیه به index.html را، برای نگاه در یک پوشه به نام Vhosts، در
پوشه به نام localhost را در یک پوشه در آن نام عمومی.
که در آن تمام مردم من فایل ها خواهد بود.
بنابراین من در حال حاضر رفتن به ضربه را وارد کنید.
>> و لعنتی، این است که ممنوع وجود دارد پیام، در غیر این صورت به عنوان 403 شناخته می شود
کد عددی برای آن.
بنابراین چه چیزی اشتباه است؟
خوب، آن را به اندازه کافی نیست که فقط با قرار دادن فایل داخل پوشه من.
من نیاز به واقع زیر را انجام دهید.
>> اجازه دهید من به دایرکتوری Vhosts من، به localhost را، به عموم مردم، و اجازه دهید
من LS DASH L.
و چند چیز دیگر وجود دارد در اینجا برای اهداف امروز.
اما اطلاع در سمت چپ، در کنار به میکنید، ما فقط یک RW را ببینید.
و در گذشته، چه RW ایستاده بود؟
>> فقط خواندن و نوشتن.
این واقعیت که آن را می گوید RW در سمت چپ یعنی من، صاحب این فایل، می تواند
خواندن و نوشتن آن.
اما من نیاز به اجازه دهید همه مردم در جهان به عنوان خوانده شده، هر چند آن را نوشتن نیست.
بنابراین من قصد دارم برای تغییر حالت از فایل، سطح دسترسی، همه به علاوه تحقیق را به
اجازه همه به عنوان خوانده شده فایلی به نام index.html را.
>> و اگر من در حال حاضر تکرار LS DASH L، توجه که، بیش از اینجا، برخی از
R ظهور.
و در حال حاضر، این تنظیمات می رود به جزئیات بیشتر.
برای P مجموعه 7، که فقط به معنای همه هم اکنون می توانید این فایل به عنوان خوانده شده.
اگر برگردم به مرورگر من در حال حاضر و بازنگری، هورا.
سلام جهان.
>> و من حتی می توانید ابزار کروم خود را باز و ببینید، درست مثل با گوگل و
فیس بوک که HTML مرا وجود دارد، کمی فرمت
متفاوت و رنگی.
اگر من به تب شبکه و بازنگری صفحه توجه کنید این است که وجود دارد دریافت کنید
که کروم در حال ارسال درخواست به دستگاه.
200 که وجود دارد فایل خاص.
بنابراین در کوتاه مدت، این است که چگونه این همه تکه های مختلف در می آیند با هم.
این فقط اتفاق می افتد که وب سرور ما با استفاده از در حال حاضر از راه دور نیست،
مانند فیس بوک.
این به معنای واقعی کلمه در همین کامپیوتر، که کاملا خوب است.
>> پس چه بیشتر می تواند ما را در یک صفحه وب انجام دهید؟
خوب، فقط، اجازه دهید از طریق نسیم یک زن و شوهر از این چیزها.
اما اجازه دهید من جلو بروید و بازگشایی نرمافزاری gedit با index.html را.
و اجازه دهید من جلو بروید و می گویند سلام CS50، صرفه جویی در این فایل، به
مرورگر واقعا underwhelming تغییر.
>> اما چه می شود اگر ما می خواهیم به واقع پیوند به چیزی در حال حاضر؟
بنابراین معلوم است که ما می توانیم لینک ها در HTML که تنها برچسب ها
خود را.
این اتفاق می افتد به آن می شود برچسب Anchor. یک عکاس هنگام عکسبرداری برابر
https://www.cs50.net، www.cs50.net نقل قول نزدیک براکت نزدیک.
و در حال حاضر اجازه دهید ببینیم که چه چیزی دیگری می آید.
>> من تگ باز کرده ام.
من در حال حاضر نیاز به آن را یک عبارت مانند CS50.
اجازه بدهید من تگ نزدیک است.
و متوجه چند چیز است.
حتی اگر این چیز مرموز وجود دارد در اینجا، من آن را به تکرار نیست که شما
بستن برچسب.
شما فقط بستن برچسب نام خود را به تنهایی.
و این همان چیزی است که شناخته می شود به عنوان یک ویژگی با ارزش است.
ویژگی های تغییر رفتار برخی از برچسب در داخل یک صفحه.
>> پس این مشخص است که بیش از حد مرجع، راه فانتزی گفت:
URL برای این لنگر، برای این لینک، باید CS50.net باشد.
و متن است که ما می خواهیم برای نشان دادن کاربر این است که URL خام نیست، بلکه
CS50 کلمه.
>> بنابراین اگر در حال حاضر من بازنگری، به من اجازه زوم در برای وضوح، اجازه دهید من صفحه را مجدد بارگذاری،
توجه کنید که ما باید این مدرسه قدیمی آبی تاکید پیوند ندارد.
و اگر من بیش از آن شناور، و آن را به سختی برای دیدن، در پایین و سمت چپ
گوشه سمت از صفحه نمایش، توجه که آن را می گوید URL که
من قصد دارم به آن بروید.
و اگر من کلیک کنید، هورا، در حال حاضر من در ساخت صفحات وب است.
و ما خودمان را به رهبری دادم به صفحه اصلی.
>> اما متوجه چه پتانسیل این به ما ارائه می دهد.
امنیت بسیار در رواج این روزها.
چه می شود اگر من به جای گفت چیزی شبیه به و من به جای رفتن، می گویند، بیایید
ببینید، fakeCS50.net.
بازنگری این صفحه.
>> خوب، پس متوجه آن هنوز هم به نظر می رسد مثل من رفتن به CS50، مگر چشم موشکاف
متوجه خواهید شد که من قصد دارم به CS50 جعلی.
من حدس می زنم این دامنه گرفته نشده است.
خوب، پس از آن در دسترس نیست.
به طوری که خوب است.
هیچ کس در واقع تا آن دامنه.
>> اما اجازه دهید کمی بیشتر مخرب چرا که نوع احمقانه است.
اگر ما این تغییر به پی پال چیست.
و اگر ما این تماس، مانند، www.paypal.badguy.com،
هر دامنه است.
که احتمالا در دنیا وجود دارد.
بنابراین در حال حاضر اجازه دهید من صفحه را مجدد بارگذاری.
و در اینجا ما باید نوع فیشینگ حمله، P-H-I-S-H-I-N-G است که
کلمه احمقانه داده شده برای حمله که تلاش می کند تا اطلاعات مربوط به ماهی، یا، بهتر
در عین حال، پول، از مردم با فریب آنها را به ارائه اطلاعات است که
آنها ممکن است در غیر این صورت انجام دهید.
این به نظر می رسد کاملا حلال، درست است؟
من باید یک لینک در اینجا به Paypal.com داشته باشد.
در عدالت، اگر من آن را با برخی دارای خاصیت جنسی گرافیک، ما می توانیم آن را به نگاه
بیشتر شبیه به پی پال.
درست است؟
از آنجا که من می تواند، به عنوان یک کنار، من می تواند به Paypal.com رفتن.
و ما فقط دیده می شود چگونه می توانم دیدن همه ی HTML خود.
من فقط می تواند آن را کپی کنید و از نو خلق کردن زیبایی شناسی پی پال به جای رفتن
مدرسه قدیمی در اینجا.
اما توجه کنید، البته، و آن را کمی کوچک هنوز هم، تنها در پایین
گوشه سمت چپ، مثل یک نقطه 10 فونت، می بینید چه URL شما
در واقع رفتن به منجر شده است.
>> و به همین ترتیب اگر شما تا به حال و بعد فورا رفت واز ام هرزنامه گفت: جلو بروید، و شما حساب هستید
است به خطر بیافتد.
لطفا این لینک کلیک کنید و به ما اطلاع دهید رمز عبور خود را بنابراین ما می توانیم اطمینان حاصل شود شما
شما، هرگز انجام این کار.
این چیزها باید بدون گفتن بروید.
اما آن را زیبا و سرگرم کننده است، و غم انگیز است، چگونه هر سال این به نظر می رسد
اتفاق می افتد به برخی از غیر صفر تعداد زیادی از مردم.
>> و این زیبایی حملات فیشینگ.
شما می توانید ارسال از یک میلیون ایمیل.
و حتی اگر 0.01٪ از مردم در واقع با کلیک بر روی پی پال و شما را خود را
رمز عبور، که هنوز هم تعداد غیر صفر است افرادی که فقط دادن
شما پول خود را.
و ارسال ایمیل، البته، کاملا آسان و در اصل، رایگان
این روزها.
>> بنابراین داستان کوتاه مدت، زیبا ایده های زیبا، درست است؟
سال پیش، این اولین بود وب، قادر می سازد وب
لینک در میان منابع است.
اما تا به سرعت می تواند از آن می شود مورد استفاده برای مقاصد بد.
و ایمیل، کافی است آن را به می گویند، این روز، HTML در داخل تعبیه شده است.
>> خوب، اجازه دهید من فقط یک چیز دیگر.
و ما را تا حد زیادی به بخش تسلیم مشکل مجموعه هفت به شما اجازه
کشف خاص.
اما به من اجازه رفتن به جلو و انجام چند چیز در اینجا.
من قصد دارم به در و اعلام آنچه به نام یک div، یا
بخش، به صفحه است.
اجازه دهید که تگ div نزدیک به من.
>> و من قصد دارم برای گفتن اینجا بالای صفحه.
و سپس در زیر این، من قصد دارم برای انجام چیزی مانند DIV دیگری، نزدیک این
برچسب و پایین صفحه.
و اجازه دهید آن را ذخیره کنید.
>> بنابراین در حال حاضر اجازه دهید به عقب برویم به فایل من.
خیلی underwhelming.
اما آنچه تقسیم شده است استفاده می شود، در زیر کاپوت، آن را در واقع
یک عنصر ساختاری آرزومندیم.
هیچ زیبایی شناسی ندارد تا آنجا که ما می توانید ببینید، دیگر از، ظاهرا،
قرار دادن همه چیز در خطوط جدید.
>> اما توجه کنید، به عنوان یک کنار، فقط ضربه را وارد کنید آن را در HTML برش مانند آن
در C شما ممکن است فکر می کنم که این رفتن به قرار دادن یک شکاف بزرگ خوبی بین
بالا و پایین صفحه.
اما آن را نادیده گرفته است.
فضای سفید است که اساسا در نظر گرفته سایر صفحات وب از اولین
شخصیت نوار فضا یا بازگشت نورد، که شما بر روی صفحه کلید.
اگر می خواهید بیشتر پرش به خط بعد، شما باید به خودتان آن را مشخص کنید.
>> بنابراین من قصد دارم برای انجام چند چیز در اینجا برای نشان دادن آنچه اتفاق افتاده است.
من قصد دارم برای اضافه کردن یک ویژگی است که وجود دارد و دوباره، راه شما یاد بگیرند
چه نسبت وجود داشته باشد، چه برچسب وجود داشته باشد، در واقع، منابع آنلاین است.
HTML نوعی زبان است - یک زبان برنامه نویسی است.
این یک زبان نشانه گذاری است - که پس از نیم ساعت خوب، شاید، یک ساعت با
آن، که مطمئنا شما را درک، بیشتر به احتمال زیاد، این ایده اساسی است.
و سپس جستجو گوگل دور تمام برچسب ها ممکن است که شما ممکن است
علاقه مند شوید.
و در تنظیمات، است که کاملا استقبال و تشویق در اینجا.
>> بنابراین در حال حاضر به من اجازه رفتن به جلو و آیا چیزی شبیه به این.
رنگ پس زمینه.
و در حال حاضر، من قصد دارم برای انجام کاری مانند قرمز، نقطه و ویرگول بدین شکل.
و شما می توانید این کار را در انجام چند راه مختلف.
من فقط نوع تایپ کردن آن را به عنوان فوق العاده هستم به صراحت به عنوان ممکن است.
>> اما معلوم است که این مقدار در اینجا این است CSS، آبشار سبک به نام
ورق، که یکی دیگر از زبان در دسترس نباشد.
CSS دارای هیچ ربطی به برچسب ها و برچسب های نزدیک باز شود.
این است که با خواص.
>> و خواص ارزش به سادگی کلیدی جفت، که فقط به این معنی برخی از کلمه،
روده بزرگ، و پس از آن برخی از کلمه های دیگر.
و اگر شما متعدد، یا فقط در اینجا، شما می توانید آن را با یک پایان
نقطه و ویرگول، فقط برای وضوح.
اما این، بیش از حد، در اینجا کار می کنند.
>> در حال حاضر آنچه که در این رفتن انجام دهید؟
شما احتمالا می توانید حدس بزنید.
اجازه دهید من جلو بروید و این صفحه را مجدد بارگذاری.
و در حال حاضر آن را واقعا آینده همراه است.
بنابراین بالای صفحه من قرمز است.
اما آنچه کلیدی در اینجا این است که اشاره کردم پیش از این، که دیو به شما می دهد
یک بخش از صفحه.
و این در واقع آنچه در آن می کند.
این اساسا تقسیم صفحه را به یک مستطیل است که شما می توانید پس از
دستکاری.
>> و این مفهوم از مستطیل است نوع قانع کننده در آن، اگر شما فکر می کنم
هر وب سایت، احتمالا وجود دارد برخی از ساختار به آن.
بسیاری از شما احتمالا به ندرت دیده می شود صفحه فیس بوک اگر شما به عنوان یک عضو وارد نشدهاید و
در تمام وقت.
>> اما در صفحه اصلی فیس بوک وجود دارد برخی از نوع DIV در امتداد بالا.
و آن را نمی ممکن است به صورت ساده به عنوان یک دیو، اما وجود دارد
منطقه مستطیل شکل وجود دارد.
بقیه صفحه است مانند یک div بزرگ، مانند بسیار
منطقه مستطیلی بزرگتر.
بنابراین داستان کوتاه مدت، تنها با داشتن این بلوک های ساختمانی کوچک،
توانایی به چیزهایی مدل مستطیل، چه گسترده و یا باریک، شما همچنین می توانید
ستون ها به طور بالقوه، به شما اجازه می دهد تا به پخش کردن صفحات، واقعا، با این حال شما
می خواهم.
ما واقعا فقط خاراندن سطح در اینجا.
>> در واقع، اگر من یکی دیگر، اجازه دهید من جلو بروید و کاری انجام سبک،
رنگ پس زمینه، خواهیم کاری مانند آبی، به نقل از نزدیک.
بازنگری این.
بنابراین در حال حاضر آن را حتی از این هم زشت است.
اما در حال حاضر من می تواند به نوعی نشان دادن خاموش P من مجموعه ای از پنج مهارت، درست است؟
قرمز است.
مرا به یاد RGB، قرمز سه آبی سبز.
خوب، آن را معلوم در برنامه نویسی وب، و یا طراحی وب سایت، این است که، ما
هنوز هیچ چیز برنامه ریزی نشده است فی نفسه، در واقع شما می توانید
کد هگزادسیمال.
بنابراین چیزی چیزی، چیزی چیزی، چیزی چیزی.
بنابراین شما می توانید شش هگزادسیمال شخصیت ها، یا سه، در برخی موارد،
و هر یک از این علامت سوال به عنوان یک رقم هگزادسیمال،
صفر تا ج.
>> اگر من می خواهم به یک مقدار زیادی از رنگ قرمز و هیچ سبز و هیچ آبی، چه
مخالف صفر در هنگام استفاده از سحر و جادو؟
ج.
بنابراین من می توانم FF، صفر صفر صفر صفر، انجام ذخیره این، و در حال حاضر پایین آمدن در اینجا.
و من در واقع نه یک تغییر را ببینید.
نقل قول نقل قول را تمام کردن "قرمز" است که ظاهرا مترادف برای همه قرمز،
هیچ سبز، آبی.
در همین حال، اجازه دهید به عمد تغییر این یکی به چیزی
تصادفی، مانند ABCDF.
>> بیایید ببینید چه چیزی است.
آبی واقعا خوب، در واقع، آبی عزیزم.
همه حق است، بنابراین این فقط در حال حاضر ترکیبات تا حدودی تصادفی
حرف می باشد.
بنابراین ما نمی کنید را در اینجا گرفتار.
اما باز هم، این صحبت می کند به دقت که شما می توانید برای شروع
اعمال می شود - حتی اگر شما بسیار غرق در حال زیبایی شناسی.
در واقع، اگر شما واقعا می خواهید به تحت تاثیر قرار گرفته، به من اجازه رفتن به جلو و تغییر
اندازه فونت، به عنوان مثال.
و متوجه نقطه و ویرگول بدین شکل، که امری ضروری است.
>> اندازه فونت، ما می تواند فقط مسخره در اینجا، 96 نقطه.
ذخیره کنید.
وای، که اندازه فونت بزرگ است.
همه حق است، پس از آن بسیار آسان است.
و در واقع، شما اساسا دیدن صفحه وب بسیار اول من ساخته شده
سال ها پیش، زمانی که من برای اولین بار آموخته این مسائل.
آن را بسیار آسان به را بسیار چیزهای زشت به سرعت.
>> و اگر شما با پایگاه Wayback آشنا ماشین آلات در archive.org، شما
می توانید پیدا کنید زشت من صفحات وب کارشناسی.
یکی کرمیت قورباغه در جلو.
من را از طریق یک فاز جایی که من فکر کردم رفت سرد بود را به پس زمینه
یک پرده قرمز، وقتی که من یاد گرفتم که چگونه شما آیا می توانم از عکس در کاشی و دوباره، و دوباره، و
دوباره، برای پر کردن یک صفحه با یک پرده قرمز رنگ ورو رفته بزرگ.
و سپس، در بالای این صفحه، یک آیکون بود که شما مجبور به کلیک کنید تا وارد خانه من
صفحه زیرا که بود بسیار در رواج.
>> و سپس اولین برنامه من من همیشه نوشت: در پی اچ پی، اما در یک زبان نیست
به نام مروارید، نوشت: یک کتاب مهمان، که یک چیز واقعا سرد است که
بسیاری از مردم از شما انتظار در صفحه اصلی داشته باشد.
هنگامی که شما به این صفحه دریافت کنید، شما آنها را می خواهم به سیستم وارد شوید، و می گویند که شما می شوند،
و به همین دلیل شما وجود دارد.
این بسیار 1990s به طراحی وب سایت سبک است.
>> اما این روزها، قطعا، ما آمده خیلی دورتر.
و شما خواهید دید، در بخش، و حتی در مجموعه هفت،
اعمال نفوذ از کتابخانه ها، این روزها، آن را بسیار آسان تر را به
همه چیز زیباتر به سرعت.
واقعا در اینجا، ما فقط خاراندن سطح آنچه شما می توانید انجام دهید
سبک نگارش.
>> و در واقع، در حال حاضر، اجازه دهید من تاکید که این در حال حاضر گرفتن زشت، نه
فقط زیبا، اما در شرایط سبک کد من، یا
طراحی از کد من.
من در حال حاضر comingled HTML که تگ باز مایل به سبز وجود دارد، با
خواص CSS، که کاملا حلال است.
این است که واقعا در جایی که زبان ریشه های آن بود.
>> اما در منافع طراحی پاک، بسیار شبیه به ما آغاز مسائل از جمله
از از فایل های C به فایل های ساعت، اجازه دهید من در واقع این نوع از تمرین
اصل و شروع به انجام این به جای.
اجازه بدهید من قرار دادن یک برچسب به سبک اینجا، که همچنین در HTML وجود دارد، و اجازه دهید من
موارد زیر را مشخص کنید.
اجازه دهید من این حذف.
رنگ پس زمینه است برای رفتن به قرمز.
من قصد دارم به حذف این به طور کامل.
من قصد دارم به خلاص شدن از شر سبک ، نسبت دهید، و من قصد دارم به منحصر به فرد
شناسایی این دیو را با یک کلمه -
خودسرانه، اما منطقی، نقل قول نقل قول را تمام کردن "بالا". و شناسه ویژه
ویژگی که منحصر به فرد تعریف می کند یک عنصر HTML غیر معین
به عنوان داشتن که شناسه (شماره).
>> اگر من در حال حاضر می خواهم به تلطیف آن، در اینجا در سر صفحه من، داخل
برچسب سبک، توجه کنید که من می تواند بالای هش را انجام دهد.
و سپس من می توانم یک زن و شوهر از فرفری قرار داده است پرانتز، یادآور C، و سپس اجازه دهید
من در آن سبکسازیی رب.
و اجازه دهید من جلو بروید اینجا و پیش بینی جایی که من قصد دارم با این.
اجازه دهید من نیز ایجاد یک برای DIV پایین.
اجازه دهید این کد شنیع گرفتن من از پایین اینجا، آن را در اینجا قرار داده است، و من خواهم بود
کمی مقعد در حال حاضر بیشتر و تلطیف آن تنها با قرار دادن همه چیز خود به خود
خط، با پایان دادن به سمیکالن.
اجازه دهید من خلاص شدن از شر برچسب سبک.
>> اما من انجام نشده است.
من نیاز به انجام یک چیز دیگر.
آره، ID برابر با نقل قول نقل قول را تمام کردن، "پایین" یا هر شناسه (شماره) من می خواهم
به آن عنصر است.
در حال حاضر، اجازه دهید برگردم بیش از اینجا.
و این بی رحم است.
من نمی توانم با 96 نقطه رسیدگی کند.
اجازه انجام 24 نقطه.
یا شما می تواند دقیق تر است.
شما در واقع می تواند پیکسل، پیکسل استفاده کنید، به طوری که که شما واقعا دانه ظریف
کنترل بر روی صفحه خود قرار دهید.
>> همانطور که به کنار، که لزوما بهترین چیزی که اگر کاربران، برای
دلایل دسترسی، می خواهم به قادر به افزایش اندازه.
پس درک که راه برای انجام وجود دارد چیزهایی که لزوما
کد همه چیز سخت است.
>> همه حق است، پس از آن بزرگتر، 24 نقطه، از هر آنچه به طور پیش فرض است.
اما در حال حاضر آن را کمی پاک کننده است.
و اجازه دهید من این یک قدم بیشتر.
درست مثل این ایده از فایل های هدر، متوجه ما یک گام نزدیک تر به آن.
من از عامل است، اما هنوز هم باقی مانده، داخل صفحه من، آن دسته از قوانین CSS.
چرا ممکن است من می خواهم یک مرحله علاوه بر این، حذف این در دسترس نباشد، و
قرار داده و آن را در یک فایل جداگانه؟
>> بنابراین من می توانم آن را قابلیت استفاده مجدد به آنها بیفزایید، آنها درست است؟
این تنها نوع شهود در حال حاضر.
قبل از اینکه، من ادعا کرد که آن را فقط زشت داشتن سبک
صفات داخل divs خود را دارند.
اما به نوعی فکر می کنم که از طریق.
عنوان صفحه شما را طولانی تر و طولانی تر می شود، اگر شما در حال قرار دادن در اینجا، و در اینجا، و
در اینجا، و اینجا، همه از این متفاوت رنگ و اندازه فونت، و دیگر چنین
ویژگیها، صفحه شما را بسیار سریع رفتن به تبدیل شدن به برای شما قابل کنترل است.
>> اگر کسی می آید تا به شما و می گوید: آه، شما می دانید چه؟
من واقعا می خواهم برای تغییر اندازه فونت ها شده توسط دو نقطه اضافی، شما
ممکن است مجبور به رفتن و پیدا کردن و جایگزینی تعداد زیادی از خطوط کد.
این بسیار قانع کننده ای برای متمرکز تمام زیبایی شناسی در اینجا.
اما اگر شما می خواهم برای استفاده مجدد از آن زیبایی شناسی در صفحات وب متعدد، همه
بیشتر قانع کننده ای برای، برای به عنوان مثال، ایجاد یک فایل
نامیده می شود با کسانی که مطالب.
>> و اجازه دهید من این کار را.
این فایل را ذخیره کنید.
من می گویم styles.css را، خودسرانه، اما معمولی است.
من آن را در خانه جان هاروارد قرار داده است در حال حاضر برای سادگی دایرکتوری.
و آنچه من می توانم در صفحه وب من انجام دهید این است که از شر برچسب سبک در دسترس نباشد،
و تا حدودی unintuitively، استفاده از یک لینک برچسب، که به شما یک لینک در نمی دهد
لینک، احساس قابل کلیک، اما جایی که من می گویم لینک، عکاس هنگام عکسبرداری برابر
styles.css را.
و ارتباط است که این عنصر با صفحه وب است که به عنوان خدمت
ورق سبک آن.
>> پس چگونه من این را می دانیم؟
یک، شما فقط کتابچه راهنمای به عنوان خوانده شده یا شما گوگل اطراف، و شما
در منابع مختلف نگاه کنید.
منظورم این است که واقعا این است که چگونه شما انتخاب کنید تا تکنیک های شبیه به این، و، سازگار
با این ایده جدید آموزش خود زبان، دوباره، شما باید دریابید که
تنها تعداد محدودی از چیزهایی وجود دارد به هر زبان است که، زمانی که شما می توانید
آنها، شما را پیدا خواهید کرد که در آن می شود سریع تر و سریعتر به نوشتن.
در واقع، یادگیری برنامه نویسی جدید زبان خیلی سریع تر از جدید
زبان سخن گفته است به دلیل این چیزها بسیار کوچکتر و خیلی بیشتر
دقیقا تعریف شده است.
>> اما من کمی هایلایت شده ام از ناهنجاری در اینجا.
چرا من هایلایت این رو به جلو در اینجا بریده بریده؟
از آنجا که من برای بستن برچسب.
من باید از تگ نزدیک است.
و شما منابع بی حد و حصر آنلاین که نمی کنند
لزوما برچسب ها نزدیک است.
و در واقع، آن را به شدت لازم فنی و وجود دارد
دلایل واقعیت، مرورگر تنها نسبتا متحمل اشتباهات در وب
صفحات، برای بهتر یا بدتر شدن، اما اغلب بدتر است.
>> بنابراین این در اینجا تنها راه پاک کننده است. گفتن چیزی احمقانه مثل این،
جایی که اگر شما می خواهید برای باز کردن تگ لینک اما نزدیک آن، واقعا هیچ مفهوم وجود دارد
محتوا برای یک تگ لینک.
این فقط بدان معناست بارگذاری این فایل و قرار دادن آن را در اینجا.
آن را مانند تیز عبارتند از در C. شما می توانید باز و بسته برچسب همه در یک بار
طی همان برچسب.
و نمونه های دیگر از این وجود دارد.
این است که راه برای انجام این کار نیست، اما برچسب های برزیلی، پرش به خط بعد، اگر من
واقعا می خواستم برای رسیدن به آنچه که من بود تلاش برای قبل از ضربه را وارد کنید، اگر
من به صراحت می گویند خط شکسته، خط شکسته، خط شکسته، خط شکسته، و
سپس این صفحه را دوباره، در حال حاضر شما متوجه که پایین صفحه است،
در واقع، خیلی دورتر پایین در پایین صفحه.
اما حتی است که می تواند خیلی بیشتر انجام می شود پاک با CSS، و با حاشیه،
و با دیگر چنین زیبایی تکنیک های.
>> بنابراین در حال حاضر، takeaways در این.
در HTML، ما باید این همه چیز به نام برچسب.
در CSS، ما باید این چیزها را به نام خواص.
ما می توانیم این دو زبان comingle، یا با استفاده از ویژگی های سبک،
یا برچسب سبک، یا بهترین رتبهدهی نشده است، از جمله آن را در دسترس نباشد، به عنوان کار می کنیم
در مجموعه مشکل 7.
سوالات، سپس، در مورد اصول مفهومی در اینجا؟
>> مخاطبان: من یک سوال.
>> SPEAKER 1: اوه، ببخشید.
>> مخاطب: چرا رنگ بود آن را نمی -
>> SPEAKER 1: اوه، در زبانه های دیگر؟
این که اینجا هستید؟
>> مخاطب: نه، آن را مانند است -
>> SPEAKER 1: اوه، که به دلیل من بود که درهم و برهم.
من فایل را در جای اشتباه قرار داده است.
بنابراین اگر من در واقع آن را در اینجا، و من سطح دسترسی آن، همه + R برای styles.css را، و
بارگذاری مجدد صفحه، در حال حاضر ما دریافت سبکسازیی.
و از آنجایی که اندازه فونت ها مختلف، ما نمی کاملا به عنوان
فضای سفید است.
به جای آن ما ببینیم که چه چیزی پیش فرض به جای است.
خوب سوال.
بله؟
>> مخاطب: چرا لینک برچسب در داخل هدر؟
>> SPEAKER 1: چرا لینک در داخل تگ هدر -
پاسخ کوتاه، فقط به خاطر.
این چیزی است که تصمیم گرفته شد.
که در آن تگ لینک به زمانی که شما آنچه را به نام
شیوه نامه خارجی.
دیگر پرسش ها؟
>> همه حق است، بیایید این کار را.
ما باید بسیار سرگرم کننده جلوتر از ما.
که فقط خاراندن سطح CSS.
بیایید این کار را.
بیایید یک استراحت پنج دقیقه را در اینجا چرا که در هر ایمیل من، اجازه دهید آویزان در
وجود دارد تا 2:30 حرکت امروز.
اما اگر شما مجبور به ترک، که خوب است.
اما ما پیش پس از جعل خواهیم کرد یک استراحت پنج دقیقه.
و ما رو تو یک چیزی کمی یاد بگیرند در مورد پی اچ پی، خروجی زیر، و بیشتر.
>> همه حق است، پس اجازه دهید سعی کنید، در حال حاضر، به کراوات تعداد کمی از این ایده ها با هم و مطمئن،
می گویند، موتور جستجوی خود ما.
متوجه شدم، به جای تعجب، شرح زیر است.
هنگامی که شما در Google.com، شما به طور معمول در یک URL مانند این یکی در اینجا
با هیچ چیز بعد از دات کام.
اما اگر چیزی احمقانه مانند جستجو کنم گربه ها، و ضربه وارد کنید، ما نمی خواهیم -
احمق، اما شما می دانید.
>> خوب، پس متوجه، در بالای صفحه، در حال حاضر، آدرس، البته، تغییر کرده است.
و این است که هر چیزی را نمی به هر یک از ما.
شما لینک ها و چیزهای را کلیک کنید اتفاق می افتد بر روی وب.
اما آنچه جالب است شرح زیر است.
در بسیاری از درهم و برهمی وجود دارد، اما اجازه دهید من دور انداختن چیزهای که من نمی
کاملا درک و یا نمی کند واقعا نگاه مربوطه.
>> اجازه دهید من از شر این.
اجازه دهید من از شر این.
و اجازه دهید من فقط خلاص شدن از شر همه از این.
و در حال حاضر توجه کنید که گربه ها در URL، به دنبال با یک درخواست، سپس برابر
در مقابل آن را امضا کنید.
پس از آن معلوم است این است که چگونه راه کار می کند وقتی که می آید
به ورودی و خروجی.
>> ایم مدت طولانی در مورد صحبت جعبه های سیاه و سفید، درست است؟
بنابراین اگر این تابع پیاده سازی شده است در اینجا به عنوان یک جعبه سیاه، در آن طول می کشد ورودی
و تولید خروجی، به خوبی، به معنای که توسط آن شما ارائه ورودی به
وب سایت های راه، اغلب، از URL های آن است.
شما به سادگی با قرار دادن یک علامت سوال و سپس یک کلید برابر با ارزش است.
و پس از آن شاید یک علامت "، و سپس کلید دیگری برابر ارزش، پس شاید
& دیگری، کلید معادل ارزش.
این که چگونه شما را در کلید عبور و ارزش ها، جفت ورودی.
>> بنابراین اگر من ضربه را وارد کنید در حال حاضر، چه چیزی جالب در مورد گوگل این است که همه
که درهم و برهمی من حذف شده به نظر نمی رسد به شدت لازم است.
همه من نیاز به ارسال به گوگل سوال این است که علامت درخواست برابر گربه ها برای به دست آوردن
پشت بعضی از گربه ها.
خب، مفهوم از آن، پس از آن، اگر من بکشد تا نرمافزاری gedit، من آغاز شده ام
ساخت موتور جستجو من را در اینجا در یک فایل به نام seach0.html.
>> و اجازه دهید من جلو بروید و حذف یک خط است که شما
قرار نیست برای دیدن.
و در حال حاضر، اجازه دهید من را به مرورگر خود من، نه چندان به گوگل، و رفتن به
http://localhost را.
و این رفتن در راه دریافت کنید.
بنابراین ما قصد داریم که باید برای خداحافظی به که در حال حاضر، حرکت این کار را بیش از اینجا،
آه، در حال حاضر ما در حال رفتن به خداحافظی به آن فایل.
>> هر زمان که شما یک فایل به نام index.html را و یا فایل index.php در
دایرکتوری، اگر وب سرور است پیکربندی در این راه، چیزی است که شما
ببینید، به طور پیش فرض، محتویات آن فایل به جای فهرستی از
دایرکتوری، من می خواستم در اینجا.
بیشتر در این مورد در تنظیمات.
شما را نمی بیند.
>> بنابراین این چیزی است که من در واقع می خواستم.
اما چند لحظه پیش، وجود داشت فایل در این پوشه را به نام
فایل index.php و index.html به.
و به همین ترتیب وب سرور بود نشان دادن این فایل.
در عوض، من می خواهم این شاخه فهرست در اینجا.
>> بنابراین من قصد دارم برای رفتن به CSS و به search0.
و من ادعا می کنند که این رفتن به آغاز رقابتی خود من
موتور جستجو می باشد.
و برای انجام این کار، من قصد دارم به در در اینجا، به CSS، و باز با
نرمافزاری gedit، جستجو 0.
اما متاسفانه، وجود دارد نه خیلی در اینجا.
همه من بود از یک تگ استفاده کنید، که اتفاق می افتد به نام H1، که
اساسا به معنی بزرگ و با حروف درشت، و آن نیست.
اما وسیله ای است که ما می توانیم ورودی های ارائه از طریق این
همه چیز به نام اشکال.
>> بنابراین اجازه دهید من به جلو و باز و بسته، preemptively، یک تگ فرم وجود دارد.
و اجازه دهید من به جلو و انجام چیزی شبیه به این.
ورودی، نوع برابر متن است.
و سپس اجازه دهید نزدیک برچسب ظرف خود براکت.
من لازم نیست برای شروع یک فیلد متنی و متوقف کردن یک فیلد متنی.
این فقط رفتن وجود دارد یا نه.
>> و سپس در زیر آن، اجازه بدهید انجام نوع ورودی برابر است ارسال کنید.
ذخیره سازی این.
و در حال حاضر اجازه دهید فقط می توانم در یک چک کردن سلامت عقل سریع.
اجازه دهید بازنگری.
>> خوب، پس از آن بد نیست.
این سبک گوگل نیست، اما آن را بسیار نزدیک است.
فیلد متنی وجود دارد.
من می توانم برخی مسائل را تایپ کنید، ضربه را وارد کنید، اما هیچ چیز اتفاق می افتد است.
و این که چون من شده اند مشخص نشده است اقدام برای این فرم، پس به صحبت می کنند.
بنابراین اگر برگردم به عنصر فرم، که معلوم است، و من این فقط می دانم
از داشتن مستندات به عنوان خوانده شده، که برچسب فرم طول می کشد یک ویژگی
اقدام این است که URL از وب سایت که شما
می خواهید برای ارسال فرم.
>> من واقعا فکر می کنم ما هم به پیاده سازی کل پایان دادن به عقب
امروز موتور جستجو.
بدین ترتیب ما فقط رفتن به می گویند، سوگند ملایمی، به google.com / جستجو بروید.
و در حال حاضر اجازه دهید به نقل از من به من نزدیک است.
و اجازه دهید من بیشتر مشخص که روش برای استفاده است
به نام دریافت کنید.
>> داستان کوتاه مدت، دو راه وجود دارد، در حداقل، که شما می توانید اطلاعات ارائه
از مرورگر به سرور.
یکی این است که، و برای اهداف امروز، که فقط در URL به معنی.
همانطور که می بینید دقیقا علامت سوال، نشانه مساوی، و آمپرسندهای کاربردی که
ما قبلا دیدم.
یا جایگزین به نام پست وجود دارد.
در حال حاضر، می دانم که نوشته شده است که اغلب استفاده می شود هنگامی که شما می خواهید برای آپلود فایل، مانند
تصاویر و غیره، و یا وقتی که شما می خواهید ارائه اطلاعات مربوط به کارت های اعتباری، و یا
رمزهای عبور، هر چیزی که آن را نمی کند واقعا حس، مفهومی، یا
امنیت دانا، برای پایان دادن به در URL مرورگر خود را، که در آن پدر و مادر snooping را،
یا هم اتاقی ها، یا هر کسی با دسترسی کامپیوتر شما ممکن است ببینید.
>> بنابراین صرفه جویی که در اینجا اجازه دهید.
و من نیاز به انجام یک چیز دیگر.
این کار فقط به کافی نیست می گویند من یک فیلد متنی را.
من باید به این زمینه نام ارزش.
پس به من اجازه انتخاب گوگل از قرض نام، درخواست، و مشخص است که دوم
نسبت من واقعا در مورد مراقبت از به نام دکمه ارسال را.
همه من در مورد مراقبت ارسال چه نوع کاربر وارد
>> و در حال حاضر این نوع زشت است.
این فقط می گوید ارسال کنید.
به نظر می رسد، و من از این می دانم اسناد و مدارک، من در واقع می توانم بگویم
ارزش برابر است با نقل قول نقل قول را تمام کردن "cs50 seach، "اعلان نزدیک است.
سپس به دوباره بارگذاری مجدد دهید.
پس من را با هدف قرار دادن فرماندهی-R، یا کنترل-R را روی صفحه کلید من به بازنگری.
>> در حال حاضر ما جالب تر موتور جستجو می باشد.
این کار کاملا شبیه گوگل در عین حال، هر چند.
بنابراین اجازه دهید به جلو در اینجا و انجام یک خط کمی استراحت.
>> خوب، بنابراین در حال حاضر ما در گوگل داشته باشد.
ما در واقع تقریبا مجبور گوگل.
بنابراین در حال حاضر چه اتفاقی خواهد افتاد؟
من قصد دارم به تایپ چیزی مانند گربه.
و مرورگر در حال رفتن به تجزیه که به صورت که من تعریف شده است.
و آن را رفتن به ارسال کاربر به آن URL.
بنابراین این زمان، برای برخی از دلیل کنجکاو، من اطلاعات بیشتر در مورد سهام
از گربه های واقعی.
اما این خوب است زیرا متوجه ما هنوز به پایان رسید تا در اینجا، درخواست برابر گربه است.
>> داستان تا زمانی کوتاه، به نظر می رسد نسبتا بی اهمیت برای دریافت ورودی از کاربر است.
و به عادلانه باشد، خوشه وجود دارد انواع دیگر مزارع فرم.
جعبه چک وجود دارد، و کمی متقابلا دکمه های رادیویی منحصر به فرد، و
کشویی منوها، و بیشتر.
اما همه کسانی که به عنوان نسبتا به راحتی به عنوان اجرا
متن این زمینه بود.
و در نهایت، ما فقط باید مطمئن کسی مطمئن است به گوش دادن از سوی دیگر
پایان خط به منظور دریافت کنید که پردازش اطلاعات، به نحوی و
گربه ما را به ما بدهد.
>> بیایید کمی در یک نگاه بیشتر درگیر به عنوان مثال.
اجازه دهید من به دایرکتوری Vhost من بروید، به میزبان محلی، عمومی، و جایی که من
قرار دادن کد منبع امروز.
همه از این دوره باشد وب سایت را برای شما به سرهم بندی کردن.
و اگر من به froshims بروید، اجازه دهید به من باز تا این فایل در حال حاضر، froshim0.php.
این یکی دراز کمی بیشتر است، بنابراین ما این کار را از ابتدا نوشتن نیست.
اما فقط چند تا حدودی متوجه شرکت ویژگی های آشنا.
>> یکی، برچسب فرم، مختلف عمل.
این یک URL کامل نیست.
در حال حاضر، ظاهرا به فایل با نام register0.php به دلیل در یک لحظه،
من قصد دارم کمی به خودم آموزش چیزی در مورد پی اچ پی، برنامه نویسی
زبان، چون پی اچ پی می تواند مورد استفاده قرار گیرد اجرای آنچه که گوگل به عنوان اجرا
پایان دادن به عقب از موتور جستجوی خود است.
>> گوگل، در واقع، احتمالا با استفاده از برخی از پایتون، برخی از C + +، و
مجموعه ای از زبان های دیگر.
اما ما قطعا می تواند پیاده سازی جستجو نتایج با استفاده از پی اچ پی اگر ما می خواستیم.
اما در حال حاضر، ما می خواهیم آن را ساده نگه دارید.
و این است که در واقع یادآور یکی از از دیگر وب سایت های بسیار برای اولین بار من
سال پیش ساخته شده است.
>> در روز من، شما برای ثبت نام ورزش های درون مرزی به عنوان دانشجوی سال اول
پر کردن یک تکه کاغذ، پیاده روی در سراسر حیاط، و رها کردن آن را در
صندوق پستی یک ناظر در Wigglesworth، و این که چگونه شما
ثبت شده است.
و به همین ترتیب پروژه من در مدت کوتاهی پس از CS50، برای قرار دادن که، که باعث می شود
حس، بر روی وب، که نه همانطور که در رواج و سپس آن را به عنوان در حال حاضر.
اما همه ما تا به حال انجام بود، در اصل، یک فرم HTML است.
>> و این شکل نگاه تقریبا مثل این.
من تا به حال یک ورودی برای نام دانشجوی سال اول.
من یکی دیگر از چک باکس یا و یا آنها نمی خواستم کاپیتان، چه
جنسیت خود بود، و خوابگاه خود چه بود.
و پس از آن من به سختی در همه چیز کدگذاری مانند Apley دادگاه، و Canaday و،
خاکستری، و غیره.
>> تا دوباره، تگ های جدید.
آیا این دیده می شود نه قبل از آن، جدید ویژگیها، اما نسبتا در دسترس است.
هنگامی که به عنوان مثال می بینید، شما می توانید نوع قرض که ایده و ایجاد یک قطره
منو برای هر چیزی.
اما آنچه کلیدی است که هر یک از این چیزها را با نام.
و در پایین این فرم وجود دارد یک دکمه submit که برچسب،
یا ارزش، ثبت نام است.
>> بنابراین اجازه دهید به این صفحه بروید.
اجازه دهید برگردم به لیست دایرکتوری.
اجازه من به froshims، و رفتن به froshim0.php.
پس از آن زشت است، به عادلانه باشد.
بنابراین من قطعا می تواند این روش یا سبک خاصی دراوردن با برخی از CSS، من می تواند برخی از
گرافیک، شاید اضافه کردن برخی از رنگ ها، و این زیباتر.
اما عملکرد، من می خواهم استدلال میکنند که این است که در واقع بسیار کامل است.
>> متاسفانه، زمانی که من این را پر کنید، دیوید، کاپیتان، مرد، ما را انتخاب کنید،
اجازه دهید بگویم ماتیوز، ثبت نام، که اتفاق می افتد این است.
اما متوجه زن و شوهر از takeaways.
یکی، چه فایل بازگشت آن نتایج، ظاهرا؟
پس از آن، در واقع، register0.php.
بنابراین این واقعیت است که ما شاهد آن اقدام ارزش یک لحظه به پیش برای register0، این
corroborates که ما در واقع به پایان رسید تا که در آن فایل خاص.
>> در حال حاضر این فقط متن زشت است.
اما توجه کنید که این متن آینده از میزبان های محلی،
است که از دستگاه.
فکر می کنم از دستگاه در حال حاضر به عنوان تنها یک وب سرور است که می تواند در
مرکز علوم.
این می تواند بر روی وب واقعی باشد.
پس از آن در دسترس عموم است.
>> بنابراین به وضوح، برخی از راه های عبور وجود دارد تشکیل میدان ورودی به سرور
به طوری که آن را می توانید چیزی را با آنها انجام دهد.
متاسفانه، register0 خیلی احمقانه است.
همه آن را نشانی نسخه قابل چاپ کردن یک آرایه است که به نظر می رسد شبیه به این.
و آن را به یک آرایه در حس که ما آن را می دانیم.
معلوم است که پی اچ پی، و بسیاری از زبان، نه تنها عددی
آرایه های نمایه شده که شاخص اول است صفر، یک، پس از آن دو، پس از آن نقطه،
نقطه، نقطه، N منهای 1.
>> این همان چیزی است که به نام آرایه انجمنی.
آرایه انجمنی است که در آن شما می توانید جفت ارزش کلیدی فروشگاه که در آن
کلید لزوما یک عدد است.
این می تواند در واقع یک رشته، یک کلمه.
و بنابراین این می تواند اجرا شود، در زیر کاپوت، که معلوم است،
با استفاده از یک ساختار داده شناخته شده به عنوان؟
فکر کردم چیزی دراماتیک در مورد اتفاق می افتد -
جدول hash است.
>> بنابراین یک جدول هش، به یاد می آورند، کسانی از شما که آن را برای مجموعه P 6، و یا حتی به یاد
آن، حداقل حتی اگر شما را امتحان کنید، جدول هش را در استفاده از ما، مورد استفاده قرار گرفت
فقط کلمات ذخیره کنید.
اما در واقع، شما ذخیره سازی کلید ها و مقادیر.
اگر شما یک جدول هش P اجرا مجموعه 6 فرهنگ لغت، کلید
کلمات مورد نظر خود را، و ارزش به طور موثر درست است یا نادرست بود.
بله، در اینجا، یا به طور ضمنی، نه، نه اینجا.
>> خوب، ما می توانیم این ایده را تعمیم.
و ما می تواند داده های بسیار مشابه استفاده کنید ساختار برای ذخیره رشته نیست
خود را به تنهایی در جدول هش خود را، اما فرض کنید که در هر یک از مخلوط شما
گره های جدول.
و شما حتی می تواند این کار را امتحان کنید به جای فقط باید بولی.
شما می توانید چیز دیگری داشته باشد.
چه می شود اگر کلید بود ماکسول نیست، برای به عنوان مثال، نقل قول را تمام کردن اما نقل قول "نام" و یا
نقل قول نقل قول را تمام کردن "کاپیتان". و داخل ساختار داده ها C شما، شما را
ارزش، نه فقط یک بولی، اما از ارزش مانند اعلان نقل قول را تمام کردن "دیوید" و یا
"M" و یا "ماتیوز،" و غیره.
>> بنابراین کسانی که ساختارهای داده ای ما استفاده می شود ظاهرا در زبان های دیگر وجود دارد.
و من می خواهم استدلال می کنند آنها در واقع بسیار، بسیار ساده تر برای دسترسی به در اینجا.
بیایید در واقع یک نگاه در حال حاضر در برخی از این نحو.
>> من قصد دارم برای رفتن به یک دایرکتوری پی اچ پی.
و من قصد دارم برای باز کردن بهتر است نسخه خوش آمدید-0 از قبل.
توجه داشته باشید که همه من بود اضافه کردن برخی از نظرات.
بنابراین ما می توانیم از شر آن حواس پرتی دریافت کنید.
>> و این برنامه می کند در واقع چاپ سلام چون من بین مشخص کرده ام
برچسب های که من می خواهم که برای اجرای کد.
در حال حاضر، ما را در یک لحظه را ببینید به همین دلیل این بسیار مفید است.
اما اجازه دهید در اینجا باز یک مثال دیگر.
اجازه دهید من به جلو و باز کردن می گویند، نرمافزاری gedit از شرایط یک.
>> این روش در زمان به عقب در حال حاضر.
اما هفته پیش، من فکر می کنم، در هفته یک یا هفته دوم، ما تا به حال به عنوان مثال به نام
conditions1.c.
و من تصمیم گرفتم به آن reimplement در پی اچ پی، فقط به نوع تاکید که
پی اچ پی، نحوی، تقریبا یکسان است C. این یک جهش بزرگ نیست
از هفته گذشته به این.
>> توجه داشته باشید در بالای این برنامه، که آغاز می شود، مانند قبل، با برخی از
نظرات، که من خلاص شدن از شر به عنوان یک حواس پرتی.
توجه کنید که من در پی اچ پی هستم حالت در این فایل.
بنابراین این کد، خواهیم دید، اعدام شد.
توجه داشته باشید که readline وجود دارد، که احتمالا
آنالوگ در پی اچ پی getstring به.
توجه داشته باشید آن کمی متفاوت است.
شما در واقع مشخص فوری به تابع به نام خط خواندن، و این
آنچه را که کاربر می بیند.
بنابراین شما لازم نیست که چون printf دستی.
اما این یک معامله بزرگ نیست.
من قصد دارم برای ذخیره، در داخل از $ N، ارزش این بازگشت، به طوری که هر آنچه که
انواع کاربر در بین المللی خود است.
و در اینجا یکی دیگر از کنجکاوی است.
به نظر می رسد، در پی اچ پی، هر متغیر فقط به پیشوند
با یک علامت دلار.
این کمی آزار دهنده است.
اما متوجه آنچه من در PHP انجام نداده است.
آنچه از دست چپ از دست رفته طرف علامت مساوی؟
>> هیچ اشاره ای به نوع.
بنابراین این از C. متفاوت است برای بهتر یا بدتر، پی اچ پی است که آزادانه
زبان تایپ شده.
این شماره تلفن های.
دارای رشته.
این Booleans را داشته باشند.
و آن را چند انواع داده های دیگر.
اما شما، برنامه نویس، معمولا لازم نیست که در مورد مراقبت از آنها.
حرکت صعودی این است که آن را می سازد آن را کمی آسان تر به برنامه.
شما می توانید فکر می کنم کمی کمتر است.
حرکت نزولی است آن را به شما باز می شود تا اشکالات بالقوه اگر شما به طور تصادفی
درمان یک عدد به عنوان یک رشته، یک رشته به عنوان یک عدد، به طور بالقوه، اما حتی
پس از آن، پی اچ پی، و بسیاری از زبان های، خیلی تحمل است.
آنها استفاده خواهد کرد آنچه را به نام ریخته گری ضمنی.
و اگر شما سعی می کنید برای استفاده از n در زمینه وضعیت عددی، آن را به
تبدیل آنچه که در اینجا برای رفتن به یک رشته، چرا که در صورتی که کاربر در انواع
چیزی، و شما نتیجه، با readline، و یا رشته،
که رفتن به بازگشت یک رشته.
>> اما توجه کنید، چند خط بعد، من بررسی کنید اگر n بزرگتر از صفر باشد.
بنابراین پی اچ پی است که به طور ضمنی بازیگران "رشته" 123، و یا هر آنچه کاربر
انواع در، به یک int.
بنابراین در کوتاه مدت، چیزهای فقط کار می کند بسیاری به طور مستقیم بیشتر است.
بنابراین ما در حال حاضر شروع به استراحت تعداد کمی از چیزهایی که ما در گذشته انجام داده ایم.
>> بسیاری از این مسائل است در همین حال، هر چند.
هنوز معادل برابر است.
به عنوان یک کنار پی اچ پی نیز برابر است برابر برابر است، اما بیشتر در آن، شاید، در
آینده است.
بود که.
تایپی، اما دو نشانه مساوی همان معنی چیزی به عنوان قبل از، برای مقایسه.
چون printf به معنی همان چیزی مانند قبل است.
ممیزوارونه N به معنی همان چیز مانند قبل.
>> پس چگونه می توانم این برنامه را اجرا کنم؟
خوب، مانند قبل، اگر من پی اچ پی، conditions1.php و نوع در
یک عدد مثل 123.
این یک عدد مثبت است.
اگر من در 0 نوع I 0 را انتخاب کنید.
و اگر در 123 منفی را تایپ می کنم، عقب یک عدد منفی است، که تنها
می گویند، به نحوی، پی اچ پی فوق العاده، فوق العاده مشابه است.
>> پس چرا این در حال حاضر مفید در زمینه وب؟
خوب، اجازه دهید به عقب برویم به این froshims به عنوان مثال، که نگاه،
دوباره، مثل این اینجا.
و اجازه دهید در واقع بکشد تا صفحه وب دوباره، که شبیه به این نگاه کرد.
ما با چه کاری می تواند انجام داده هایی را که مشاهده کنید؟
>> خوب، اجازه دهید من باز کردن جدیدتر نسخه ای از این.
و شما خواهید دید که مشکل مشخصات مجموعه شما را قدم به قدم
از طریق تعداد کمی از این.
به جای شروع با صفر، بیایید نگاهی به froshims3،
که نشانی از یک کمی بیشتر.
>> توجه داشته باشید برای اولین بار، در واقع، اجازه دهید باز 0 بود، بنابراین شما می بینید
آنچه ثبت نام 0 بود.
توجه داشته باشید که ثبت نام 0.
یکی، من در بالا نظر دارند.
حذف آن و تمرکز فقط بر روی این.
بیشتر از محتویات register0.php به هستند، بدیهی است، به چه زبانی؟
فقط PHP خام.
>> بنابراین اطلاع قبلی، این فایل شروع نشد ، در حال حاضر، براکت باز،
علامت سؤال، پی اچ پی.
پی اچ پی به شما اجازه می دهد به درآمیزند کد پی اچ پی با تگ های HTML.
اما من که در اینجا در داخل انجام داده ام صفحه بیش از اینجا.
>> در حال حاضر، دوباره، شما می خواهم تنها این دانم در کتابچه راهنمای مراقبت می کند. print_r،
که معلوم است، print_recursive است. _recursive و این فقط دستی است
تابع مطلوبیت که فقط چاپ، به صورت بازگشتی، هر آنچه که شما از آن دست.
اگر شما از آن دست یک آرایه، آن را یک آرایه را چاپ کنید.
اگر شما از آن دست یک عدد، آن را یک عدد را چاپ کنید.
طرف یک رشته، آن را چاپ یک رشته.
اگر شما از آن دست یک جدول هش، نسخه قابل چاپ کردن یک جدول هش.
شما لازم نیست برای نوشتن همه که کد خود را.
>> حالا توجه کنید که من وارد حالت PHP بیش از اینجا.
من خروج از حالت PHP بیش از اینجا.
بنابراین، هنگامی که وب سرور این فایل را می خواند بالا به پایین، از چپ به راست، به دلیل
آن را در یک نام فایل به نام. پی اچ پی به پایان می رسد، هر آنچه را در داخل تگ های پی اچ پی
فقط رفتن به تف خارج، مانند HTML خام.
هیچ معامله ای بزرگ است.
اما به زودی به عنوان وب سرور متوجه این، آن را می گویند، من نباید
تف، به معنای واقعی کلمه، print_r از پست.
من باید زیر اجرا خط کد.
>> بنابراین عنوان آخرین سوال، پس از آن، این فایل است، خوب، چه هک این است؟
نگاهی به حدس و گمان.
$ _POST چیست، احتمالا؟
>> مخاطبان: [نامفهوم]
>> SPEAKER 1: آره، داده شده است.
به یاد بیاورید، اجازه دهید به عقب در حرکت زمان برای فقط یک لحظه.
froshim0، دوباره، مثل این نگاه کرد.
اکثریت فوق العاده از این، فقط HTML غیر فعال است.
دوباره، برخی از برچسب ها به شما ندارد دیده نشده است، و یا که با
شما در حال حاضر آشنا.
اما نکته ی جالب این بود.
این یک خط است که واقعا چه پیوندها به این صفحه آن به فایل register0.php ما.
من ارسال از طریق متد POST.
و این بدان معناست که پارامترهای انواع کاربر در نیستند
رفتن تا پایان که در آن.
>> آنها در حال رفتن به نشان می دهد تا در URL.
آنها هنوز هم از ارسال می شود مشتری، از مرورگر، به
سرور، اما فقط از طریق برخی دیگر مکانیزمی که ما به دست ما چشم پوشیدن
در امروز، اما آن را در URL نیست.
اما متوجه رابطه در حال حاضر با پست، که، کنوانسیون،
کوچک اینجا کلیک کنید.
>> اما اگر من باز کردن register0.php، من ظاهرا چاپ.
بنابراین این نوع از عجیب و غریب است نامگذاری کنوانسیون.
اما چه خوب است در پی اچ پی این است که وقتی با استفاده از پی اچ پی در زمینه وب، نه در
خط فرمان مثل من چند لحظه پیش، زمانی که شما در واقع با استفاده از آن در وب
صفحه در دایرکتوری Vhost ما، به طور خودکار به پی اچ پی پر کردن این
چیزی که یک آرایه انجمنی، پس به صحبت می کنند، یک جدول هش، با
همه چیز را که کاربر تایپ شوید.
>> در کوتاه مدت، $ _POST در همه کلاه است متغیر جهانی که پی اچ پی
جادویی برای ایجاد زمانی که شما با استفاده از پی اچ پی در زمینه وب.
و آن را از آن را قرار می دهد در داخل نام پارامترها در فرم است که
به این فایل و تمام ارائه شد ارزش هایی که کاربر تایپ شوید.
ولی آن را به شما به دست چه کاربر تایپ به آن فرم.
>> بنابراین قبل از اینکه، ما داریم خروجی واقعا احمقانه است فقط به دیدن این به این دلیل من
به صورت بازگشتی این آرایه چاپ.
نام این کلید است، مقدار دیوید است.
کلید کاپیتان است.
مقدار است.
و دو فلش و زاویه براکت وجود دارد، این است که فقط خودسرانه است.
این کد نیست.
این تنها راه پی اچ پی به شما نشان آنچه را که ارزش برخی از کلید است.
>> اما اکنون اجازه دهید به من پیشنهاد که در در froshIMs3، آن را تقریبا یکسان
به جز آن، به این پرونده تسلیم.
و دوباره، ما قصد داریم به نوع در این نگاه، فقط به دیدن برخی از
نحو، اما متوجه چه این فایل را می کند.
نگاهی به حدس می زنم فقط در خطوط کد، که احتمالا شبیه
یونانی، تا حدی، ظاهرا انجام است.
>> این فایل به نوعی مرتبط به پست الکترونیکی، ایمیل را افزایش دهد.
بنابراین آنچه که این برنامه انجام شده است؟
در این نسخه، اگر من به واقع پر کردن این فرم - و اجازه دهید من برای رفتن
froshIMs3، نه froshIMs0 -
همان شکل به نظر می رسد.
دیوید، کاپیتان، مرد، خوابگاه، ماتیوز.
اما اگر من این تسلیم، این فایل رفتن برای رفتن به register3.php.
>> و من ادعا می کنند، با نگاه کردن در آن کد منبع، آن را به
به نحوی ایمیل باشد.
اجازه دهید من جلو بروید و باز کردن این در یک پنجره بزرگتر است، بنابراین ما
می توانید آن را پاک تر را ببینید.
ما در Vhosts، میزبان های محلی هستید، عمومی، froshims.
من قصد دارم برای باز کردن مختلف برنامه، فقط، بنابراین ما
می توانید اطلاعات بیشتری در یک بار.
>> بنابراین در حال حاضر در اینجا، متوجه چند چیز.
در بالای فایل باز است قلاب، علامت سؤال، پی اچ پی.
سپس یک دسته از نظرات وجود دارد، که ما می توانیم چشم پوشی است،
غیر در حال حاضر.
>> در حال حاضر وجود دارد.
به نظر می رسد از پی اچ پی زیادی دارد از کد به نام نیاز.
آن را بسیار مشابه در روح به C شامل، هش عبارتند از، که
اساسا کاغذ برداشته محتوای برخی از دیگر فایل و فقط آنها را به plops،
بنابراین شما می توانید آنها را استفاده کنید.
در این مورد، دستگاه، از پیش نصب شده، یک کتابخانه، آزاد و
کتابخانه منبع باز به نام پی اچ پی میلر که هر کسی می تواند
از اینترنت دانلود کنید.
ما فقط آن را برای شما انجام داد.
و این بدان معناست من در حال حاضر ایمیل قابلیت را در اختیار من است.
>> در حال حاضر، متوجه چند چیز.
من قصد دارم به اعتبار ارسال فرم.
چرخش از پی اچ پی، یکی، علامت تعجب امتیاز برای اپراتور نیست، درست مثل
C. اما پی اچ پی همچنین دارای یک تابع به نام خالی می باشد.
>> خالی فقط اگر مقدار درست را بر می گرداند همان چیزی است که آن را دست در
پرانتز خالی است، مانند کاربر چیزی وارد نه از نوع
بنابراین این می گوید، و متوجه نحو، بسیار یادآور C است، در صورتی که
کلید نام، به طوری که زمینه نام در فرم، که از طریق پست، ارسال شد
کاربر، خالی نیست، و خود جنسیت خالی نیست در فرم به عنوان
خوب، و خوابگاه خود را خالی نیست -
اما متوجه من در مورد کاپیتان اهمیتی نمی دهند، سپس آنچه می خواهیم کاری انجام دهید؟
>> من قصد دارم به اجرا این خط از کد.
و شما می توانید از این نوع فکر می کنم مانند malloc، اما این یک کمی
خیال باف از آن.
اما در حال حاضر این به من می دهد ویژه ساختار از نوع پی اچ پی میلر.
اما چشم پوشی از کلمه کلیدی جدید برای امروز.
>> حالا من قصد دارم به فراخوانی یک تابع به نام IsSMTP، که می گوید، استفاده از SMTP.
این پورت 25 است، درست مثل این ویدئو هفته گذشته، هنگامی که چیزی که قرار بود پرتاب
ایمیل به فایروال.
پورت 25 SMTP شده است.
SMTP به معنی استفاده از میل سرور.
کدام یک از ما می توانیم با استفاده از دانشگاه هاروارد SMTP.fas.harvard.edu.
>> ما می توانیم مجموعه ای از آدرس به جان هاروارد.
اگر من پایین بیشتر، من می توانم راه آدرس گیرنده، فقط
خودسرانه، به جان دانشگاه هاروارد به عنوان خوب.
بنابراین او را برای رفتن به ایمیل خود.
>> حالا من می توانم این موضوع را تنظیم کنید ثبت نام.
و من می توانم بدن را تنظیم کنید ایمیل به شرح زیر است.
این خط کمی مرموز تر به نظر می رسد، اما این فقط به دلیل زیادی وجود دارد
اطلاعات در آن است.
یک، یک عملگر نقطه وجود دارد.
کسی باید در حال حاضر می دانیم چه عملگر نقطه می کند.
الحاق است.
بنابراین اگر شما می خواهید را به یک رشته در پی اچ پی، و آن را الحاق، یا آن را prepend کنید،
رشته دیگری در پی اچ پی، خدا را شکر لازم نیست برای استفاده از strcopy و malloc،
و همه از آن دیگر.
>> اگر شما می خواهید برای الحاق دو رشته، که در مورد حافظه اهمیت می دهد.
اجازه دهید شکل پی اچ پی که برای شما.
چه را که PHP با قرار دادن عملگر نقطه در اینجا فقط یک جمله بزرگ از
این خط، این خط، این خط، این خط.
و در حال حاضر اطلاع، آن را در مقادیر متصل است.
بنابراین ایمیل که جان هاروارد برای دریافت است که به معنای واقعی کلمه رفتن به می گویند
نام، روده بزرگ، چیزی، بلکه پس از آن ما بستن رشته و الحاق
هر کاربر تایپ ، و سپس یک خط جدید است.
>> سپس در خط بعدی از جان هاروارد ایمیل، آن رفتن به می گویند
کاپیتان، یا هیچ چیز.
این رفتن به جنس می گویند، مرد یا زن.
خوابگاه در حال رفتن به ماتیوز در مورد من.
و سپس متوجه نقطه و ویرگول بدین آشنا در پایان.
و سپس، در اینجا، توجه، تا حدودی مرموز، اما دوباره، پس از
الگوی تبدیل خواهد شد که بیشتر آشنا پس از P 7، اگر ارسال ایمیل
مقدار false برگرداند، و سپس پیش بروید و می میرند.
>> بنابراین PHP یک تابع به نام جان، که، به معنای واقعی کلمه، فقط می کشد
وب سایت و فقط چاپ هر شما آن را می گویند - خود را در حال مرگ است
کلمات، پس به صحبت می کنند.
و این، در مورد، آن را چاپ از چه اطلاعات خطا برای
هر اتفاقی به اشتباه.
بنابراین داستان کوتاه مدت در اینجا، آنچه که ما باید به عنوان مثال است که در آن زمانی که کاربر
تسلیم فرم، froshim0، froshims3.php، آن را به می رود
register3.php.
اما register3.php پس از آن برای اجرای تمام این خطوط.
>> پس یک چند اندرکاران کتاب های کودکان وجود دارد.
یکی، آن را ظاهرا نسبتا آسان است، برنامه نویسی، ارسال ایمیل،
که خوب است.
وقتی کاربران ثبت نام برای سایت خود، در این مورد، زمانی که آنها را برای خود ثبت نام
ورزشی، شما می توانید ایمیل دانشجوی سال اول ناظر، یا جان
دانشگاه هاروارد، در این مورد.
>> اما آن را نیز به این معنی است که شما می توانید چه کار؟
ارسال ایمیل از هر کسی که به هر کسی.
و این بسیار درست است.
این است که به راحتی انجام می شود اگر شما با استفاده از جیمیل استفاده می شود.
اما اگر شما تا کنون Eudora و استفاده می شود و یا چشم انداز، شما تقریبا می توانید بگویید
سرور ایمیل است که شما می باشد هر کسی که شما می خواهید.
و این جایی است که من نیاز به قرار دادن که کلاه و می گویند، این کار را نکنید.
اما این عهد است چقدر آسان آن است که به انجام حملات فیشینگ، و
ارسال ایمیل ناشناس، و هرزنامه ها، به طور کلی تر.
و آن را واقعا جوش پایین به واقعیت این است که همه شما نیاز است برخی از
دسترسی برنامه ریزی شده.
>> به عنوان یک کنار، نزدیکترین برخورد من با هیئت مدیره آگهی، خود من سال اول،
وقتی که من کشف این خنک فریب که، وای، شما می توانید
ارسال ایمیل از هر کسی.
و بنابراین ما را دارا بودند برخی از احمق استدلال، به معنای واقعی کلمه، در ماتیوز،
در میان گروه ناظر من است.
من حتی به یاد داشته باشید این مسئله چه بود.
اما من می خواستم به تلاش برای قرار دادن پایان دادن به این بحث احمقانه.
>> بنابراین من تصمیم گرفتم من فقط یک ایمیل ارسال خواهد کرد به گروه ناظر من، تظاهر به
مرد دیگر، که با نظر من مخالفت و او را به تسلیم
هر نظر من بود این بحث خاص.
و من این ایمیل جعلی با استفاده از تکنیک مشابه در روح و روان خود را به این.
اما این در واقع ساده تر در آن زمان است.
آمار ارسال کنید.
او خوشحال شد، و نه می هیئت مدیره تبلیغ بوده است.
>> و من بسیار به سرعت در درون گرفتار ثانیه، زیرا همانطور که می دانید، من ثبت نام
ایمیل های من در یک روش خاص.
و اگر من این کار را انجام دستی، در بزرگ بخش، 15 سال بعد، به خاطر من
دچار آسیب های روانی شده توسط آن.
من می توانم یک امضا ندارد در ایمیل من در حال حاضر.
اما در سال 1995، من فقط به حال SIG، امضا در ایمیل من.
پس این توجه داشته باشید گفت: عزیز وجود دارد گروه ناظر، من تسلیم نظر من
و موافق با دیوید، امضا و بنابراین، خط جدید، خط جدید، DJM.
>> پس انجام آن و یا به طور کلی، استفاده از این روش.
اما در هنگام ساخت یک وب سایت، مانند پروژه نهایی خود را، هنگامی که ساخت یک
وب سایت برای چیزی کارآفرینی، این است که چگونه، عملی، شما می توانید
اهرم خدمات دیگر که روی اینترنت مانند پست الکترونیکی و پس از آن در واقع
فرستادن چیزهایی با استفاده از کد.
>> پس چگونه می تواند بر این بهتر کنیم؟
خب، اول اجازه دهید یک تور سریع برخی از چیزهایی که شما خواهید دید،
و سپس نگاهی به یک زن و شوهر نمونه.
بنابراین، برای اطمینان بخشیدن به، به دلیل ما در حال پرواز را از طریق پی اچ پی.
و من می دانم که، در برخی از نقطه، شما باید در واقع شروع به نوشتن این اگر شما
در حال حاضر نیست.
این را فهم کنید که، یک، نوع اصلی است از پنجره با پی اچ پی.
اگر شما می خواهید برای نوشتن کد می شود که اعدام، شما فقط شروع به نوشتن آن را در
یک فایل به نام. پی اچ پی تا زمانی که شما باید براکت باز
علامت سؤال PHP برچسب.
>> اما متوجه این شرایط در پی اچ پی.
توجه داشته باشید، این اسلاید دقیق همان است ما در هفته اول به حال زمانی که ما تا به حال
شرایط در شرایط C. در پی اچ پی از نظر ساختاری و
نحوی همان.
تنها تفاوت واقعی این است اگر شما کردم متغیرهای درگیر، شما آن
علائم دلار.
>> در همین حال، عبارات بولی نگاه درست مثل این برای
یا نشستند و نشستند با هم.
سوئیچ نگاه دقیقا همان است.
چه خوب است در پی اچ پی است، در حالی که در C، سوئیچ ها باید موارد در
شکلهای هندسی اولیه مانند نوع داده int یا کاراکتر، در پی اچ پی اظهارات مورد خود را در واقع می تواند
در کل رشته ها، که در واقع نوع آرزومندیم.
شما موجب صرفه جویی در برخی از زمان.
می توانید انجام دهید که در C
>> در اینجا یک حلقه در پی اچ پی.
این یکسان است.
ممکن است برخی از علائم دلار برای متغیرها.
شما لازم نیست به ذکر است که چیزی است که از نوع int است.
شما فقط آن را با یک علامت دلار اعلام و نام متغیر است.
اما برای حلقه همان است.
حلقه در حالی که همان است.
کار را در حالی که حلقه همان است.
>> این است که کمی متفاوت است.
بنابراین با پی اچ پی، با یک آرایه، شما می توانید آماری اعلام یک آرایه در C،
اما شما با استفاده از براکت مربع.
در C، شما می توانید از آکولاد استفاده کنید، اگر شما حتی می دانستند که.
اما این است که در واقع بسیار معمول است در پی اچ پی به اعلام یک آرایه، در این مورد،
اعداد و تماس اعداد متغیر است.
>> متغیرهای خود را شبیه به این.
در اینجا یک رشته نقل قول نقل قول را تمام کردن "خوش آمدید جهان است. "شما می توانید یک بک اسلش N.
من به سادگی در این مورد نیست.
>> در حال حاضر این سازه جالب است.
C این ندارد.
اما این فوق العاده مفید است.
و شما این کار را در مجموعه P 7 تنظیمات - برای هر سازه.
اگر شما می خواهید به تکرار بیش از همه از عناصر یک آرایه، شما لازم نیست که
برای مقابله با $ i و $ N، و + +، و تمام.
شما به معنای واقعی کلمه می توان گفت، در پی اچ پی، این -
برای هر شماره به عنوان شماره، بنابراین من فرض کنید که $ تعداد
آرایه ای از اعداد است.
و زمانی که من برای هر یک از اعداد می گویند به عنوان تعداد، این است که رفتن به
به طور خودکار، به عنوان حلقه من اجرا، به روز رسانی در هر تکرار، ارزش
در داخل از تعداد علامت دلار -
دوباره و دوباره، و دوباره راه رفتن برای من که بیش از آرایه.
پس از آن فقط به ما موجب صرفه جویی در کد.
بدون سمیکالن، هیچ + + '، بدون من، هیچ نفر، آن را فقط خوب است.
>> اما پی اچ پی نیز این.
و این فوق العاده قدرتمند است.
و شما از این دست استفاده کنید ، در P 7.
و آرایه انجمنی نیز اعلام با براکت مربع.
اما متوجه نحو در حال حاضر.
این یادآور چیزی است که ما دیدم با print_r یک لحظه پیش.
چگونه بسیاری از کلید، عنوان بررسی سلامت عقل کمی، این آرایه به نظر می رسد.
>> پس از آن دو.
و من به این آرایه است.
اما اگر از آن کمک می کند، شما می توانید فکر می کنم از این جدول به عنوان هش، و یا به عنوان
یک آرایه انجمنی.
اما این فقط یک متفاوت نوع آرایه.
و دوباره، زبان های مختلف این.
ما چیزی مشابه آن خواهید دید در جاوا اسکریپت نیز هست.
دو کلید وجود دارد.
یک نقل قول نقل قول را تمام کردن است، "نماد" است نقل قول نقل قول را تمام کردن "قیمت". و آن کلید
هر کدام یک ارزش است.
در این مورد مقدار نماد FB است، برای ارزش فیس بوک، و قیمت 49، 26،
که سهام فیس بوک بود قیمت این صبح.
>> پس آنچه که در مورد مفید یک آرایه انجمنی.
من می توانستم تا به حال عددی آرایه نمایه تنها با
مربع براکت ساده.
و من می توانستم علامت دلار اعلان فقط این برابر.
اجازه دهید من در واقع آن را انجام دهد.
فرض کنید من به جای اعلام این آرایه مانند آن.
که کاملا معتبر است، نحوی.
هیچ اطلاعات را از دست دادن نیست، فی نفسه.
من هنوز هم می بینیم که نماد FB، و قیمت 49، 26.
پس چرا انجمنی هستند آرایه های فوتی و فوری؟
>> مخاطبان: شما لازم نیست به خاطر داشته باشید که در آن شما را مسائل.
>> SPEAKER 1: دقیقا، شما لازم نیست که به یاد داشته باشید که در آن شما را مسائل.
شما لازم نیست که به دلخواه به یاد داشته باشید که نماد سهام در براکت صفر،
و قیمت سهام در یک براکت، است که به ویژه خطرناک است اگر شما
تغییر همه چیز، در نهایت.
آن را به مراتب بهتر به شریک آنچه ما می خواهیم ابرداده تماس بگیرید
با داده های واقعی خود را.
من می خواهم استدلال می کنند که آنچه که ما واقعا مراقبت در مورد اینجا FB و 49، 26 است.
نماد و قیمت ابرداده است که داده ها را توصیف ما
در واقع در مورد مراقبت.
اما این فقط آنقدر ساده تر برای دسترسی.
>> در حال حاضر، به عنوان یک کنار چه قیمت ما پرداخت؟
ما انجام داده ایم این در CS50 برای هفته ها.
این ویژگی باید در برخی از هزینه آمده است.
حافظه است.
بنابراین شما نه تنها به ذخیره کردن یک 32 بیتی عدد صحیح، به عنوان مثال.
شما در حال ذخیره سازی نماد / 0، احتمالا.
بنابراین شما با استفاده از حافظه بیشتر.
>> و چه عملکرد به دنبال چیزی در یک
آرایه های انجمنی، احتمالا؟
آن را احتمالا کندتر است.
دسترسی تصادفی خوب است، به خصوص زمانی که شما می توانید جستجوی دودویی را انجام دهد.
اما اگر شما در واقع در حال حاضر به دنبال ندارد برای اعداد، رشته ها،
واقعا زیر اجرا هود، احتمالا به عنوان یک جدول هش، که در آن
شما با استفاده از هر یک از جدول هش با زنجیری جداگانه.
یا شما با استفاده از یک تلاش به واقع ذخیره ارزش.
بنابراین شاید شما می توانید زمان ثابت انجام دهد، اما شما هنوز هم باید در S-Y-M-B-O-L نگاهی،
به طور بالقوه، به جای فقط 32 بیت به چیزی نگاه کردن.
تا دوباره، همان ایده های آینده بازگشت به عود در این زمینه.
>> اما دوباره، پی اچ پی در حال حاضر برخی از فوق العاده GLOBALS که، که معلوم است،
آرایه های انجمنی.
ما شاهد یکی چند لحظه پیش، $ _POST.
و که فوق العاده جهانی کلید ها و ارزش ها است.
به طور خاص، کلید خط تا با چه؟
کلید ها در $ _POST کجا آمده است؟
فقط به روکش؟
>> مخاطبان: نام.
>> SPEAKER 1: نام و نام خانوادگی، که در آن؟
>> مخاطبان: [نامفهوم]
>> SPEAKER 1: نام و نام خانوادگی صفت است.
خوب که در آن، جایی که آنها در ابتدا آمده است؟
فرم.
بنابراین اگر یک صفحه HTML یک تگ فرم، که در داخل آن برخی از ورودی، مانند
چک باکس، جعبه متن، کشویی منوها، که هر یک از آنها دارای یک نام است، کسانی که
نام تا پایان عنوان کلید در $ _POST، و به، رک و پوست کنده، که برای ماده، $ _GET.
اگر از روش GET، همان ایده است.
آن را تنها در جهانی فوق العاده متفاوت است.
و ارزش، البته، آمده است هر کاربر را در خود و یا تایپ
مرورگر خود را.
>> اما چند نفر دیگر وجود دارد.
کوکی، که ما وجود دارد دوباره به نهایت.
اما این ها همان چیزهایی هستند که شما می دانید وب استفاده می کند برای برخی از خوب یا بد است.
اما ما را به آن باز می گردد.
سرور و جلسه، و آن دو برخی از ابزار خاص.
>> اما اجازه دهید نگاهی به این.
بگذار بروم جلو و باز کردن یک مثال نام mvc0.php بنابراین MVC
مخفف زیر.
و ما این زودتر نسبت به معرفی معمولی، واقعا، به طراحی شما
مجموعه مشکل 7، و همچنین پروژه های نهایی، مرتب کردن بر اساس صنعت
روش استاندارد و روش تمیز.
این طراحی خوب است.
>> بنابراین شما خواهید دید، و به شما تجربه، P، 7، الگوها، مرتب کردن بر اساس
طرز فکر برنامه نویسی است که به نظر می رسد چیزی کمی شبیه به این.
M برای مدل، C برای کنترل، V برای نمایش.
داستان کوتاه مدت، MVC است فقط نوع یک روش، یک راه از ساخت
وب سایت ها، به طور خاص، به موجب آن شما قرار دادن تمام خود را، عبارت: کامپیوتر و نرم افزار -
منطق کسب و کار -
همه از مالکیت معنوی خود را در کنترل نامیده می شود، یک فایل
مانند فایل index.php، یا که خواهیم دید، quote.php، یا buy.php.
>> در زمینه مجموعه 7، مشکل خود را مدل به طور معمول شامل داده های خود،
هر آنچه را که مربوط به پایگاه داده، خواهیم در نهایت، نگاه کنید و نظرات خود را
شامل زیبایی شناسی خود را سایت، HTML، CSS.
بنابراین ما در حال حاضر این کار را در C کمی دیدم کمی با استفاده از فایل های ساعت.
ما واقعا آن را دیدم یک لحظه پیش با CSS، توسط مقاطعه سبکسازیی CSS
مسائل HTML ما.
>> بنابراین MVC واقعا فقط در مورد رسم خطوط در شن و ماسه و گفت،
کد های برنامه نویسی جالب برای شما وب سایت متعلق به آنچه ما می خواهیم تماس بگیرید
کنترل.
مسائل مربوط به پایگاه داده به طور معمول به پایان می رسد تا در یک مدل.
اما شما ببینید، در مجموعه مشکل 7، ادغام C و M به نگه داشتن آن ساده است.
اما دیدگاه است که در آن همه از HTML خود را و زیبایی شناسی به طور معمول بروید.
>> پس چه معنی است در شرایط واقعی؟
خوب، اجازه دهید من به MVC ما شاخه به شرح زیر است.
و شما بیشتر از این را ببینید تور از طریق تنظیمات.
بنابراین در mvc0، من ادعا می کنند که این، مانند، نسخه 0 از وب سایت های CS50.
>> همه ما باید برخی از HTML است، مانند یک تگ H1 بزرگ، ظاهرا.
و سپس یک لیست.
من یک لیست دیده می شود هرگز قبل، اما هیچ معامله بزرگ است.
اجازه دهید به سرعت نگاهی به کد منبع است.
معلوم است یک لیست نامرتب با گلوله UL براکت باز با یک یا
اقلام لیست بیشتر، li و.
بنابراین توجه در اینجا برچسب لنگر است.
ما شاهد بودیم که یک لحظه پیش.
>> بنابراین این است که چگونه من اجرا این صفحه.
من دو لینک، دو مورد لیست، یکی از UL برای لیست نامرتب، و در پایان
نتیجه، زیبا است، این بسیار وب سایت زیبا، نسخه 0.
اما آنچه جالب توجه در حال حاضر این است که چگونه این در زیر هود انجام شده است.
>> اجازه بدهید من به نرمافزاری gedit و باز کردن این مثال بسیار برای اولین بار به رنگ یک تصویر است.
و ما را در چه چیزی ناقص است نگاهی، به طور بالقوه، در اینجا.
حالا اگر من به localhost را، عمومی، MVC، متوجه چند فایل.
من قصد دارم به این، برای لحظه، تمام کنترل.
اما این یک بیت از سوء استفاده به دلیل شما همه چیز commingled است
در داخل از آنها.
>> و اجازه دهید من به داخل فایل index.php بروید.
و ما می بینیم، به معنای واقعی کلمه، همان HTML است.
بنابراین حتی اگر این پرونده به پایان می رسد در پی اچ پی، این به این معنا نیست که آن را به
هر گونه کد پی اچ پی.
این فقط می تواند HTML خام، اگر چه که نوع احمقانه است.
اما متوجه هیچ باز براکت پی اچ پی وجود دارد برچسب، به جز برای این، که، رک و پوست کنده،
فقط وجود دارد به عنوان یک نظر خدمت می کنند.
اما این عملکرد نیست حتی این که جالب است.
>> اما متوجه این.
چه جالب در حال حاضر همان چیزی است که تغییرات در این صفحه.
اجازه دهید من کلیک کنید. سخنرانی.
و متوجه URL در مورد تغییر است.
در حال حاضر من در lectures.php هستم.
اجازه دهید من صفر را کلیک کنید.
در حال حاضر من در week0.php هستم و در حال حاضر اجازه من برای باز کردن این فایل ها در نرمافزاری gedit.
نه فقط شاخص، اما اجازه دهید من برای باز کردن سخنرانی.
و اجازه دهید من خلاص شدن از نظرات. در این بخش تمرکز تنها.
>> و در حال حاضر به من اجازه باز کردن فقط یک، week0.php، دور انداختن نظر،
فقط برای تمیز کردن این بالاتر.
و در حال حاضر موارد زیر را اطلاع می دهد.
فکر کردن در واقعا نوعی از دقت در مورد طراحی، و اجازه دهید آن را خط
تا در همین حال، آنچه می تواند انجام شود بهتر است در اینجا، آیا شما فکر می کنید؟
>> چگونه من را یک هفته؟
چگونه این.
بنابراین این است که چگونه من ساخته شده هفته یک.
رفتم تا فایل، جدید، رب ها و سس، ذخیره، week1.php، و سپس من در اینجا رفت.
و من تغییر -
آنچه این بود، تا جمعه.
من از صفر به یک تغییر.
من این ایمیل را به یک تغییر است.
>> خوب، بنابراین در حال حاضر در فایل های من نگاه کنید.
چه چیزی می تواند به گونه ای متفاوت انجام می شود؟
فرصت از کجا، شاید؟
بنابراین فرصت برای شروع وجود دارد از جمله این مسائل است.
به من اجازه باز کردن، به عنوان یک اسپویلر برای آنچه شما در مجموعه P 7.
اگر من باز کردن، در حال حاضر، فایل index.php را در نسخه پنج تن از این، به نظر می رسد راه
مرموز تر است، مسلما.
>> اما این، در حال حاضر، این همان چیزی است که من تماس بگیرید کنترل کننده است که کنترل
منطق صفحه من.
و شما می توانید به نوعی بازسازی، به طور مستقیم، شاید، چه رفتن.
در خط اول، آن را کمی مرموز.
اما متوجه من نیاز، مانند با عبارتند از تیز، یک فایل به نام
helpers.php.
و سپس من خواستار، ظاهرا، تابع، نام رندر، عبور
دو آرگومان.
>> یکی از نقل قول نقل قول را تمام کردن، هدر است.
و از سوی دیگر، چه نوع نوع داده ها این است که، بر اساس
در سینتکس ما زودتر؟
این آرایه ای همراه است.
به طور خاص، آن را در عنوان عبور با برخی از ابرداده است که به یاد
من چه در آن است و ارزش آن است.
سپس من سخت کدگذاری UL، بنابراین برخی از HTML خام.
اما پس از آن من پشت در حالت پی اچ پی فراخوانی یک تابع رندر.
بنابراین حتی اگر شما استفاده می شود هرگز اچ تی ام ال یا پی اچ پی قبل، و حتی اگر این به نظر می رسد
میشن ترسناکتر میشن، به همین دلیل این است که احتمالا طراحی بهتر است؟
چه بهتر است در مورد آن، بر اساس استنتاج؟
>> مخاطبان: [نامفهوم]
>> SPEAKER 1: کمتر کار برکنار شده در آن هیچ تگ HTML است، وجود ندارد
سر برچسب، تگ body نه بیشتر در هر فایل لعنتی.
در عوض، من عامل از مشترکات و احتمالا آنها را
به یک فایل به نحوی مرتبط به یک ضربه سر.
و همان چیزی که برای بدن نزدیک برچسب، تگ HTML نزدیک.
که احتمالا در اینجا داخل از جایی بالا و پایین صفحه.
و شما خواهید دید، در مجموعه مشکل 7، تور کمی از طریق این.
>> بنابراین آنچه در پیش روست؟
یک چیزی که در حال حاضر توانایی نیست هنوز برای این است که در واقع داده ها را ذخیره.
و بنابراین آنچه ما می خواهیم شروع به دیدن چهارشنبه، به عنوان مثال، این است که خود را
دوست قدیمی اکسل، یا اعداد، به شما اجازه می دهد برای ذخیره تعداد زیادی از
داده ها در سطر و ستون.
معلوم است شما می توانید در چه انجام این کار به نام پایگاه داده، برنامه نویسی.
جنون و آن معلوم است، پس از آن، ما قادر خواهید بود برای ذخیره چیزهایی مانند
این که شما دوباره در مجموعه ای P را ببینید 7، یک دسته کامل از نام کاربری و
کلمه عبور، که دومی هستند در واقع رمزگذاری شده، بسیار شبیه به آنها
در نسخه هکر P مجموعه 2 بود.
و در نهایت، شما این پیاده سازی، وب سایت خود را eTrade مانند خود را که
پیاده سازی جمعی CS50 مالی.
>> در نهایت، از آنجا که شما در اینجا ماند تا اواخر امروز، اگر شما دوباره به این بخش
پردیس، در ساعت 4:00 PM امروز، ما شما نه تنها مشاوره، در SCES را
نمایشگاه مشاوره، در ساعت 4:00 PM ماکسول دورکین، ما به شما برخی را
رویای Americone، گیلاس گارسیا، فاج یکجور دوربین عکاسی شکلات، شکلات
دوغ کوکی تراشه، و، هنگامی که شما گوگل میمون زبر، شما این را دریافت کنید.
بنابراین همه که در انتظار در ساعت 4:00 PM در ماکسول-دورکین.
شما نیز در روز چهارشنبه.
>> SPEAKER 2: در آینده CS50، RJ خواب شوید.
>> RJ: بخش من!
در هکتار!
آه،