ALLISON BUCHHOLTZ-AU: ყველა უფლება ყველას.
მივესალმებით თავში მონაკვეთზე.
ეს არის ჩვენი ბოლოსწინა ნაწილში.
ეს ასე სამწუხარო.
მე არ ვიცი რა მე ვაპირებ ამის გაკეთებას გარეშე ხედავს თქვენ ბიჭები ყოველ ორშაბათს.
ვფიქრობ, ჩვენ უნდა just-- იქნებ ჩვენ შეგვეძლო უბრალოდ
აქ გვხვდება და ვახშამი ან რამე.
მე არ ვიცი.
მე მოუტანს საკვები ნაცვლად.
ჩვენ უბრალოდ გაიგო.
მაგრამ არა, მომავალ კვირას, იქნება ჩვენი ბოლო მონაკვეთზე.
>> რომ შენიშვნა, თქვენ გაქვთ ვიქტორინა მომავალ კვირას.
მე ვიცი, მე დაავიწყდა ამის გაკეთება ჩემი, ისევე, ორი კვირის წინასწარ გაფრთხილების გასულ კვირას,
მაგრამ იმედია, თქვენ ბიჭები იცოდა, რომ ეს მოდიოდა.
იმედია ეს არის ერთ-ერთი ბოლო შუალედური თქვენ ბიჭები სემესტრის.
მაგრამ ის აპირებს დაფარავს ყველა მასალა, რომელიც ჩვენ წავიდა.
ასე რომ, ეს იმას არ ნიშნავს, რომ თქვენ შეგიძლიათ მხოლოდ დაგავიწყდეთ დაახლოებით ოთხი მარყუჟების ან ცვლადი.
იმიტომ, რომ ჩვენ ვისწავლეთ იმ დასაწყისში,
იმ აშკარად სამართლიანი თამაში თქვენი ვიქტორინა.
>> ეს იქნება იგივე ფორმატის, იგივე სიგრძე, ასე რომ თქვენ უკვე შევეჩვიეთ.
იქ იქნება კოდირების ხელით პრობლემები,
იქნებ ზოგიერთი ჭეშმარიტი ყალბი, შესაძლოა, რამდენიმე მოკლე პასუხი.
ასე რომ თქვენ უნდა იცნობს ფორმატში,
მით პრაქტიკა ტესტები.
მაგრამ როგორც ამბობენ აქ, კუმულატიური, მაგრამ ჩვენ აუცილებლად
იქნება აქცენტი რამ კვირაში ექვსი მოყოლებული.
ასე რომ, ჩვენ ალბათ არ აპირებს გკითხოთ რამდენი ბაიტი
არიან თითოეული სახის ან იმ სახის ნივთები,
მაგრამ ჩვენ ალბათ იქნება დაინტერესებული რამ, როგორიცაა უკავშირდება სიები
ან სხვადასხვა მონაცემთა სტრუქტურები, ან სხვადასხვა ალგორითმები
რომ ჩვენ ვისაუბრეთ.
ასე რომ დარწმუნდით, თქვენ ნამდვილად up იმ, და თუ
გჭირდებათ რაიმე რესურსები, აქ არის უამრავი რესურსი.
უბრალოდ მისცა თქვენ სახის სწრაფ სია არსებობს.
>> მომავალ კვირას იქნება ვიქტორინა განიხილავს ამ ხნის განმავლობაში.
ასე რომ, თუ თქვენ გაქვთ რაიმე შეკითხვები ან კონკრეტულ თემებზე,
კონკრეტული რამ, ვიქტორინა, რომ თქვენ მინდა წასვლა, გთხოვთ,
გააგზავნოთ me ვადამდე ასე არ შემიძლია სახის მოამზადოს ზოგიერთი მასალა, რომ.
და გარდა ამისა, ამ სექცია მიმოხილვა, ჩვენ გამოგიგზავნით
ასევე ჩატარების რა თქმა უნდა ფართო განიხილავს, როგორც ჩვენ გავაკეთეთ ბოლო დროს.
და ის იქნება კეთდება იგივე ადამიანი.
მე არ ვიცი, თუ ეს რაც უკეთესი ან უარესი,
მაგრამ ეს იქნება ჩემთვის, Hannah, Davan და Gabe ერთხელ.
ასე რომ, თუ გსურთ მოდის ვხედავ ჩვენთვის ყველა banter ერთმანეთს
და ფეხით თქვენ მეშვეობით ვიქტორინა მიმოხილვა, თქვენ უნდა აუცილებლად
მოვიდა, რომ მომავალ ორშაბათს ასევე.
ასე რომ თქვენ უბრალოდ უნდა Monday jam შეფუთული Quiz მიმოხილვა, რომელიც არის კარგი
რადგან მაშინ უნდა სამშაბათი დამუშავებას მეშვეობით ყველაფერს.
>> მაგრამ ნამდვილად შეამოწმოთ ეს რესურსები.
Study.csv.net არის შორს, მე ვფიქრობ, ერთ-ერთი ყველაზე სასარგებლო,
ძირითადად იმიტომ, რომ მას აქვს უამრავი ნიმუში კოდი,
მას აქვს ყველა Power ქულები ყველა აღნიშნავს, რომ,
რომლებიც მართლაც, რაც მე მიაპყროს ყველაზე ჩემი მონაკვეთზე მასალების.
თუ არსებობს რამე წინა სექციები, რომ მე შეიძლება არ იგზავნება out
რომ თქვენ შეიძლება არ აქვს მიღებული, უბრალოდ ნება მომეცით ვიცი.
როგორც გასულ კვირას ნიმუში კოდი, თუ ვინმეს არ მიიღოს,
მხოლოდ მომაწოდეთ ან მოდის talk to me, და მე დარწმუნდით, რომ თქვენ, რომ.
>> ასე რომ, დღეს ჩვენ ვაპირებთ იყოს ლაპარაკი JavaScript.
ასე რომ აქ ჩვენ ტომი, რომელიც მე ვიყავი მხოლოდ საუბარი ღამით.
მე მიყვარს ტომი.
JavaScript არის მისი საყვარელი ენის, როგორც თავად ამბობს აქ.
ისინი ცდილობენ და გითხრათ, რომ ეს არ არის საუკეთესო, და ისინი იქნება არასწორი.
ასე Tommy არის JavaScript ოსტატი.
მე არ ვარ საკმაოდ მის დონეზე, მაგრამ მე, როგორც,
"Tommy, როგორ შემიძლია ასწავლიან ეს ბავშვები JavaScript? "
ამიტომ მე მივიღე რამდენიმე რჩევა, რათა იმედია ისინი შეიმუშავებენ.
>> ასე რამდენიმე რამ უნდა იცოდეს, რომ JavaScript არის კლიენტის მხარეს სკრიფტინგის
ენის, ასე, მაშინ PHP არის რაღაც რომ ჩვენ განიხილება უფრო სერვერული,
იგი ატვირთეთ სერვერზე, შედგენილი და შესრულებული არსებობს.
ეს ერთი არის შესრულებული საკუთარი მანქანა.
OK?
ასე რომ თქვენ ჩატვირთოს ზოგიერთი JavaScript გვერდი, და იგი ახორციელებს თქვენი მანქანა.
სინტაქსი ძალიან ჰგავს C და PHP.
ჩვენ ვაპირებთ გავლა გარკვეული მაგალითები JavaScript,
და თქვენ ვაპირებთ, რომ გზა ვსაუბრობთ ცვლადები, მარყუჟების,
პირობები და ყველა ძალიან ჰგავს.
OK?
ის ფაქტი, რომ ისინი იმდენად მსგავსია არის ალბათ აპირებს გამგზავრებას, ზოგიერთ თქვენგანს
up, ზოგიერთ შემთხვევაში, მხოლოდ იმიტომ, თქვენ ითვალისწინებდეს ცოტა C
იქ, სადაც არ უნდა იყოს.
იქნებ ცდილობენ და აკრიფოთ რაღაც როდესაც ეს არ უნდა იყოს აკრეფილი.
>> და რომ, ერთი რამ ვიცი, რომ JavaScript
არის დინამიურად აკრეფილი ენა, როგორც PHP.
ასე რომ, თუ ბიჭები გახსოვთ საწყისი მონაკვეთზე გასულ კვირას,
როდესაც ჩვენ ვიყავით სახის აკეთებს ჩვენი PHP crash რა თქმა უნდა,
დავინახეთ, string ერთი შეიძლება იყოს გადაიქცა int ერთი, და სხვ.
გაცნობის თქვენი ცვლადები განისაზღვრება პერსპექტივაში დრო,
ასე რომ, ისინი შეიძლება შეიცვალოს რა თქმა უნდა, პროგრამა,
და იმ გზით, რომ ჩვენ არასოდეს ნამდვილად განაცხადოს ტიპის PHP ცვლადები,
ჩვენ ვაპირებთ, რომ აკეთებს იგივე რამ აქ, სადაც ჩვენ ნამდვილად არ
მაკონტროლებელი ტიპის ცვლადები, ასე ვთქვათ, როგორიცაა ვაკეთებთ C.
>> და მაშინ ერთი რამ რომ არის საკმაოდ გრილი არის
რომ თქვენ შეგიძლიათ შეცდომა შეამოწმეთ გავლით console,
ამ დიდი ფუნქცია CONSOLE.LOG, რომელიც
საშუალებას გაძლევთ ამობეჭდოთ სხვადასხვა ცვლადები ან ობიექტების, რომ ჩვენ ყველაფერს
ვისაუბროთ.
ისევე, როგორც გასულ კვირას, როდესაც მე ვიყავი როგორიცაა, "გამოიყენოს ეს ფუნქცია," ნაგავსაყრელი
თქვენი pset, ეს არის ფუნქცია გსურთ გამოიყენოთ, CONSOLE.LOG.
ისე გამიკვირდა, რამდენი სტუდენტები ოფისში საათი
არ ვიცი ამის შესახებ ნაგავსაყრელი ფუნქცია.
მე კი, როგორიცაა, "ბიჭები, ამ ნების თქვენი ცხოვრება იმდენად ადვილი. "
>> ყველა უფლება, ასე რომ იყო სახის მხოლოდ მოკლე რამ, როგორც ყოველთვის,
ჩვენ გვაქვს მაგალითები.
მე ვიცი, თქვენ ბიჭები მიყვარს იმ.
ასე რომ, აქ არის მაგალითი ძალიან მარტივი JavaScript ფაილი აქ.
ასე რომ, ეს მხოლოდ აპირებს შექმნას ამ pop-up, რომელიც ამბობს,
"Hello World", როდესაც თქვენ შესვლის გვერდზე, მაგრამ მოდით
ცდილობენ და გავლა ამ ცოტა.
ასე რომ, ცხადია, რომ ეს არის მხოლოდ როგორიცაა თქვენი ნორმალური index.html.
ასე რომ, მხოლოდ ჩვენი ნორმალური template აქ, და ჩვენ გვაქვს HTML, ჩვენ გვაქვს ჩვენი უფროსი,
და ისევე, როგორც CSS, თუ როგორ ჩვენ მათ შორის ზოგიერთი გარეთ ფაილი, არა?
ჩვენ გვაქვს გარკვეული script type ტექსტი, რომელიც JavaScript.
და წყაროს hello.js, რომელიც ქვემოთ აქ.
ეს არის მთელი ფაილი hello.js.
და მაშინ ჩვენ გვაქვს სათაური და ზოგიერთი ორგანოს HTML
რომ ჩვენ არ აინტერესებს.
>> რა ხდება, როდესაც ჩვენ ჩატვირთვა ამ გვერდზე, ეს ავტომატურად ახორციელებს ამ სკრიპტის.
OK?
ასე JavaScript იქნება შეასრულოს ავტომატურად.
ამიტომ რასაც ის აპირებს ამის გაკეთებას, ის აპირებს მაშინვე წასვლა და შეასრულოს ეს.
და ის აპირებს ამბობენ, "მზადყოფნაში.
Hello World ".
რომელიც alert ფუნქცია რეალურად ქმნის ამ ყუთში.
OK?
ასე რომ, ეს სახის ყველა მოიცავდეს.
იქ არაფერი ზედმეტი გვქონდა უნდა გავაკეთოთ, გარდა უბრალოდ alert,
და მაშინ ის რაც გვინდოდა ჩვენს Alert ყუთში.
OK?
ასე რომ, ეს მხოლოდ სუპერ მარტივი მაგალითად, თუ რა JavaScript შეუძლია გააკეთოს.
>> ერთი ნამდვილად cool რამ, როგორც ვნახავთ,
ის არის, რომ JavaScript საშუალებას გაძლევთ მანიპულირების თქვენი ვებ გვერდები,
გარეშე განაახლეთ მათ ყოველ ჯერზე.
ასე რომ, თუ თქვენ want-- მაგალითად, თუ თქვენ სოფოს რაღაც,
თუ ბიჭები ოდესმე ჩანს, როგორიცაა მენიუ ბარები,
ან როდესაც თქვენ hover მეტი ზოგიერთი თემის, ჩამოსაშლელი მენიუ, როგორც ჩანს,
ეს იმიტომ, რომ JavaScript.
OK?
ასე რომ თქვენ არ გადატვირთვა მთელი გვერდი მისაღებად ამ მენიუში გამოჩნდება,
თქვენ მხოლოდ ეძებს გარკვეულ ქმედება, რომელიც მომხმარებელს აქვს მიღებული,
რომლებიც მოუწოდა მოვლენები, რომ მივიღებთ შევიდა, და კიდევ, რომ, თქვენ ამბობთ,
"OK, შეცვალონ რამე ამ გვერდზე და რათა ის გამოიყურება სხვადასხვა,
მაგრამ მხოლოდ შეცვალონ ამ კონკრეტული რამ.
არ გადატვირთვა მთელი რამ. "
ასე რომ რეალურად გაცილებით გავალამაზოთ და თქვენ არ გაქვთ განაახლეთ თქვენი გვერდები,
და ეს მართლაც მაგარი.
>> ასე ცვლადი დეკლარაციების, ასე რომ თქვენ შეგიძლიათ სახის ვხედავ,
მე დააყენა აქ, თავისუფლად აკრეფილი.
ასე რომ, ეს ძალიან ჰგავს PHP.
ჩვენ არ უნდა ვუთხრათ JavaScript რა ტიპის ჩვენ
ველოდებით თითოეულ ამ ცვლადის იყოს.
ისინი შეიძლება იყოს ნებისმიერი სახის გვინდა.
ასე რომ თქვენ შეამჩნევთ, რომ ამ შემთხვევაში, ჩვენ ვაცხადებთ მათ ძალიან მარტივად, მხოლოდ "var"
და შემდეგ, რაც ჩვენ გვინდა ჩვენი ცვლადის სახელი უნდა იყოს.
ერთი რამ აღვნიშნო, რომ როდესაც თქვენ ბოლო var თვალწინ ცვლადი სახელი,
იგი ადგილობრივად მასშტაბით იგი.
OK?
ეს სრულიად გონივრული თქვენთვის მთლიანად უბრალოდ წაშალოს var
და უბრალოდ ტოლია CS50, და რომ მხოლოდ გლობალური ცვლადი.
OK?
ასე რომ თქვენ შეგიძლიათ ინიციალიზაცია ორივე გზა, უბრალოდ დამოკიდებულია, თუ როგორ გსურთ.
ასე რომ, თუ თქვენ ინიციალიზაციისას ის ფარგლებში ფუნქცია,
და გსურთ, რომ ცვლადი დარჩენა scoped ფარგლებში, რომ ფუნქცია,
თქვენ აპირებს გსურთ რაღაც var ასახელებს ცვლადი,
წინააღმდეგ თუ გსურთ, გლობალური scoped, თქვენ
შეგიძლიათ უბრალოდ სახელი ცვლადი და მაშინ
რასაც თქვენ მინდა ეს მითითებული ტოლია.
OK?
>> ეს არის ერთგვარი მაგარი რამ ქვემოთ აქ, იმიტომ, რომ თუ ჩვენ შეამჩნევთ ჩვენი ცვლადი
ბ იწყება, როგორც ნამდვილი.
და რა ეს იმას საიტიდან ვინმეს მითხრათ რა ეს იმას?
ასე რომ, ჩვენ გვაქვს alert.
რა იქნებოდა ტიპის ბ იყოს დასაწყისში?
აუდიტორია: ლოგიკური.
ALLISON BUCHHOLTZ-AU: ლოგიკური.
უფლება.
და მაშინ ჩვენ reassign b ამ სტრიქონს, არა?
ასე შემდეგ აქ, რა ტიპის ბ იყოს?
ეს მინდა იყოს სიმებიანი, არა?
ასე რომ, რა მნიშვნელოვანია შეტყობინება, რომ გ, ჩვენ
შეიძლება თითქმის არასდროს არ რაღაც ამის მსგავსი.
ჩვენ გვინდა აქვს ცვლადი, მიცემული, როგორც რაღაც,
იქნებ რაღაც ფუნქცია აქვს ორი i, წავიდეთ, ბრალდების რიცხვი.
მაგრამ თუ ჩვენ შეამჩნევთ აქ, ბ ძალიან ადვილად ცვლის ტიპის.
>> აუდიტორია: დაველოდოთ, ასე რომ თქვენ შეგიძლიათ მხოლოდ იყოს, როგორიცაა, "რათა b რიცხვი?"
>> ALLISON BUCHHOLTZ-AU: ჰო.
თქვენ შეგიძლიათ მხოლოდ reassign b რიცხვი.
>> აუდიტორია: მართლა?
>> ALLISON BUCHHOLTZ-AU: ჰო.
და მაშინ ეს იქნება int.
ასე რომ თქვენი ცვლადები შეიძლება შეიცვალოს მეტი რა თქმა უნდა, პროგრამა ძალიან.
ისინი არ არიან მკაცრად აკრეფილი.
ეს არის ძალიან თავისუფლად აკრეფილი.
OK?
ძირითადად თქვენი ცვლადები შეუძლია გააკეთოს, რასაც მათ სურთ, როგორც ჩვენ სახის დაინახა PHP.
მათ შეუძლიათ ამის ზოგიერთი გიჟები რამ, ასე მნიშვნელოვანია, რომ იყოს საკმაოდ ფრთხილად.
დაასახელოთ თქვენი ცვლადები კარგად.
თუ არ, უეცრად თქვენ აპირებს იყოს, როგორიცაა,
"დაველოდოთ, მე ვფიქრობდი, რომ ეს იყო სიმებიანი და ახლა ეს int,
და მე ნამდვილად არ ვიცი რა ხდება აქ. "
ეს არის მხოლოდ მარტივი მაგალითია, გვიჩვენებს, თუ როგორ ცვლადი შეგიძლიათ მარტივად
შეცვალოს მისი ტიპის მეტი რა თქმა უნდა, პროგრამა.
>> OK.
ასე რომ, ეს უნდა გამოიყურებოდეს სუპერ, სუპერ იცნობს.
ასე რომ, ეს არის ჩვენი მარყუჟების JavaScript.
ისინი ზუსტად იგივე, გარდა ნაცვლად ოთხი int i ნულის ტოლია,
შეიძლება უბრალოდ, ვამბობთ var i ნულის ტოლია.
და შემდეგ ჩვენ შეგვეძლო ჩვენი ასეთივე მდგომარეობა, იგივე სახის განახლება,
i plus plus მუშაობს მხოლოდ ჯარიმა.
ასე fours იგივეა, whiles იგივეა,
და ნუ whiles ზუსტად იგივე.
იგივე სახის ზოგადად ფორმატში.
შევნიშნავთ, ოთხი, ფრჩხილებში, ფრჩხილებში, ეს ყველაფერი იგივე.
ასევე იქნება semicolons როდესაც ჩვენ ვიღებთ მაგალითად კოდი.
თქვენ დაინახავთ, რომ ეს არის საკმაოდ ბევრად იგივე, გ.
>> ფუნქცია დეკლარაციებს, კიდევ ერთხელ, ძალიან ჰგავს.
ჩვენ გვაქვს რამდენიმე ფუნქცია, რომელიც მხოლოდ ამბობს, რომ ეს ფუნქცია, და მაშინ
სახელი ჩვენი ფუნქცია და საშუალებებით.
და ისევ, თუ ვამჩნევთ, ჩვენ არ მაქვს სახის აქ განაწილებაზე.
არა?
ჩვენ არაფერი გვაქვს და განაცხადა, რომ ამ უნდა იყოს ints ან ორადგილიანი, ან მოძრავი.
ისინი შეიძლება იყოს რაც მათ სურთ.
რაც მთავარია არის ის დაენახა, რომ ჩვენ უნდა დაწეროთ ფუნქცია წინასწარ
ნება JavaScript ვიცი, რომ ეს არის რეალურად ფუნქცია.
>> ეს არის მხოლოდ რამდენიმე მარტივი თანხა ფუნქცია, რომელიც ბრუნდება x ან y,
და მერე რა არის ასევე cool არის, რომ თქვენ შეგიძლიათ რეალურად
მივანიჭოთ ფუნქცია ცვლადი.
ასე რომ, ამ შემთხვევაში, თანხა არის ფუნქცია, რომელიც რეალურად არ თანხა.
ასე რომ, თუ თქვენ შეამჩნევთ აქ, ჩვენ გვაქვს ფუნქცია, სახელი ფუნქცია, საშუალებებით.
არა?
აქ ჩვენ უბრალოდ უნდა ფუნქცია და საშუალებებით.
ასე რომ, ეს ეწოდება ანონიმური ფუნქცია.
და ეს არის ის, რომ უნდა იყოს ახალი ყველაზე მეტად თქვენ ბიჭები, თუ არა ყველა თქვენგანს.
ასე რომ, ძირითადად, რა, რომ იმას ნიშნავს, რომ ჩვენ არ
უნდა სახელით ჩვენი ფუნქცია ამ შემთხვევაში.
შეგვიძლია ვთქვათ, უბრალოდ, "OK, მე ვაპირებ ამ ფუნქციას, რომელიც ახორციელებს, აქ
არიან მისი საშუალებებით, და აქ არის რასაც ის გაკეთებას აპირებს. "
და განსაკუთრებით მაშინ, როდესაც თქვენ მინიჭების ფუნქცია ზოგიერთი ცვლადის
რომ თქვენ აპირებს მანიპულირება, თქვენ არ არის აუცილებელი
უნდა დაასახელოს ეს იმიტომ, თქვენ იქნება მხედველობაში
მას ამ ცვლადი სახელი, არ ნებისმიერი
ფუნქცია იყო რეალურად მოუწოდა.
OK?
>> ასე რომ, თუ ჩვენ ვხედავთ აქ, ჩვენ აქვს რამდენიმე ცვლადი თანხა ახლა
რომ არის ტოლი თანხა სამი და ხუთი.
და ჩვენ კიდევ ეს.
და ეს მხოლოდ გარკვეული alert, სამი პლუს ხუთი ტოლია ნომერი.
ამ პლუს უბრალოდ concatenate რასაც ჩვენი პასუხი იყო onto სიმებიანი.
ასევე cool, პლუს შეგიძლიათ concatenate სიმები.
>> JavaScript, როგორც PHP, HTML და CSS როგორც ვთქვით,
ბევრი ეს ჩვენ სახის მიღების სასწავლო დისკები off აქ
და თქვენ ბიჭები გვყავს ძალიან ბევრი ვიცი როგორ მესმის ეს ყველაფერი.
ისინი ოდნავ განსხვავებული, მაგრამ ისინი არც ისე უცხოური
და, რომ თქვენ ვერ Google რამ ან შეხედეთ მათ ონლაინ w3 სკოლებში.
და ჩვენ ნამდვილად ველოდებით თქვენ ბიჭები, სახის, ექსპერიმენტი
და ვისწავლოთ საკუთარი.
ასე რომ, მე ვიცი, ეს შეიძლება, როგორც ჩანს ცოტა ნაკლებად საფუძვლიანი, ვიდრე ზოგიერთი c რამ
ჩვენ გავაკეთებთ, მაგრამ ეს რეალურად მიზეზი.
მაგრამ იმედია ეს არ არის ძალიან სხვადასხვა, და ეს არ არის აბსოლუტური.
>> ასე რომ კოლექტორები in JavaScript, ერთხელ ძალიან, ძალიან ჰგავს.
არა?
ჩვენ გვაქვს რამდენიმე ცვლადი მასივი ეს უდრის ცარიელი ფრჩხილები,
და ეს მხოლოდ ცარიელი მასივი.
ეს ხშირად უწოდებენ ლიტერატურული მასივი notation.
რომ მხოლოდ ერთი რამ, რომ ჩვენ მას.
თუ ჩვენ ვხედავთ მასივი ორი აქ, ჩვენ გვაქვს ლიტერატურული მასივი, რომელსაც აქვს სამი ელემენტები,
არა?
და მაშინ ჩვენ გვაქვს var მესამე ელემენტს, რომ
რამდენიმე ცვლადი, რომ მხოლოდ გამართვას აპირებს ამ სტრიქონს, JS.
>> ელემენტები, კარგი შეამჩნია, მძიმით,
ისევე, როგორც ჩვენ მოელოდა.
და თქვენ ასევე შეგიძლიათ ეს, როგორც ჩვენ გავაკეთეთ C, ეს მაჩვენებელი notation, არა?
იმდენად განსხვავდება PHP ახლა, ჩვენ ვაპირებთ უკან
მხოლოდ სახის გულისხმობდა to რამ ინდექსი.
ისევე, როგორც C, ასევე ნულოვანი ინდექსი.
მე ვგრძნობ, რომ ეს იქნება მართლაც სასტიკი თუ ისინი მოულოდნელად გააკეთა JavaScript ერთი
ინდექსი, და თქვენ უნდა მთლიანად rethink როგორ ფიქრობთ მასივები.
>> ერთი მაგარი რამ არის, რომ ნაცვლად რომელსაც უნდა გააკეთოს, თუ ოდესმე
სასურველი სიგრძის მასივი, იქნებ iterate საშუალება
სანამ თქვენ რაღაც ბოლოს, ან თქვენ უბრალოდ ვიცი რა არის.
იმის გამო, რომ JavaScript ძალიან ფხვიერი მეტი გზები, ვიდრე უბრალოდ ტიპის, როგორც ჩვენ ვხედავთ აქ,
ჩვენ შეგვიძლია უბრალოდ ეს მასივი უფრო დიდი, რადგან ჩვენ გადაწყვეტენ.
თუ ჩვენ შეამჩნევთ მასივი სამი აქვს სამი რამ უნდა დაიწყოს,
მაგრამ შემდეგ უეცრად, ჩვენ, როგორიცაა, "ო, მხოლოდ kidding.
ჩვენ რეალურად აპირებს რათა ის 101 რამ. "
ასე რომ, თუ თქვენ ოდესმე გვინდა ვიცოდეთ ფაქტობრივი სიგრძე თქვენი მასივი,
თქვენ ამის გაკეთება მოსწონს ეს.
და ჩვენ ვაპირებთ, რომ ნახოთ ბევრი ამ notation მაგალითები,
მაგრამ JavaScript ეს, როგორც წესი, რასაც
ობიექტი, რომელიც თქვენ ვსაუბრობთ dot რასაც სახის ფუნქცია
გსურთ მიმართა მას.
OK?
>> ასე რომ, ამ შემთხვევაში, ჩვენი ობიექტის მასივი ორი,
და ჩვენ ვთქვათ, ჩვენ გვინდა სიგრძეზე მასივი ორი.
ასე რომ, ეს უბრალოდ მოუწოდებს, როგორიცაა სიგრძე, რომ.
და რომ დაბრუნდება თქვენი სიგრძეზე.
ასევე რაღაც უნდა აღვნიშნო, რომ თუ ჩვენ შეამჩნევთ ჩვენი კოლექტორები,
განსხვავებით C, მათ არ აქვთ უნდა იყოს ერთი და იგივე ტიპის.
ეს არის ბევრად უფრო მოსწონს PHP.
JavaScript ძირითადად, ისევე, როგორც ამ საინტერესო meld C და PHP.
ასე რომ, ჩვენ შეღწევას, რომ.
ახლა, მოდით უბრალოდ ვივარაუდოთ, რომ თქვენი კოლექტორები ძირითადად
როგორიცაა C მასივები, რომ ისინი ნულოვანი ინდექსირებული.
OK, ასე რომ, ყველაფერი.
ასევე შეგიძლიათ მხოლოდ ვრცელდება მასივი რასაც ინდექსი გსურთ.
ხოლო ეს, ალბათ, seg ბრალია თქვენ ან მოგცემთ რაიმე შეცდომა,
JavaScript ჰგავს, "nah, ეს ჯარიმა.
მე მივიღე ეს.
ჩვენ უბრალოდ სწორი სადაც გსურთ. "
>> OK, ასე რომ ობიექტი ძალიან მნიშვნელოვანია.
თქვენ ბიჭები იქნება გამოყენებით ბევრი ამ თქვენი P კომპლექტი, თუ სწორად მახსოვს.
ასე რამ, რომ ეს არის მსგავსი in C არიან structs.
ასე რომ თქვენ შეგიძლიათ ვფიქრობ დაახლოებით, როდესაც ჩვენ წასვლა მაგალითად მარჯვენა
ამის შემდეგ მე ვფიქრობ, რომ გაცილებით მეტი sense--
მაგრამ ჩვენ ძირითადად იყენებენ ობიექტების ორგანიზება რა თქმა უნდა, დაკავშირებული ინფორმაცია.
როდესაც ჩვენ ვისაუბრეთ structs C, ხშირად
ვისაუბროთ სტუდენტი, რომელიც გვქონდა სახელი, ID, კერძო სახლი, თქვენ იცით, რომ კონცენტრაცია.
და ეს ერთგვარი იგივე რომ ჩვენ ვიყენებთ ობიექტების აქ.
ეს უბრალოდ ორგანიზება მსგავსი ინფორმაცია.
>> ასევე შეგიძლიათ ვფიქრობ, ეს როგორც მეტი მსგავსი ასოციაციური მასივების PHP.
ასე რომ, ეს იქნება ერთგვარი რამ სადაც ჩვენ გვაქვს გასაღები გარკვეული მნიშვნელობა,
ძალიან ჰგავს PHP.
ასე რომ თქვენ შეგიძლიათ ვრთავ ზოგიერთი ცარიელი ობიექტი, როგორც ვხედავთ, აქ,
უბრალოდ Curly braces.
ასე კოლექტორები არიან კვადრატულ ფრჩხილებში.
ცარიელი ობიექტები არიან curly აფრთხილებს.
კარგი განსხვავება აქვს.
და ეს არის მხოლოდ ორი სხვადასხვა გზა შექმნას თვისებები.
ასე რომ, ეს არის ერთგვარი ბევრად უფრო ისე, რომ
მსგავსია PHP, ჩვენი ასოციაციური მასივების, ჩვენს ძირითად,
და ჩვენი ღირებულება, ხოლო ეს ერთი არის თქვენ
, რომ ეს ბევრი უფრო JavaScript.
ეს tends უნდა იყოს კონვენციას.
და ანალოგიურად, რომ ჩვენ გავაკეთეთ array ორი dot სიგრძის, ეს ამბობს,
"OK, მომეცი ამ მიეწერა ამ ობიექტის ".
არა?
ასე რომ, ისევე, როგორც ეს იყო, "მომეცი ატრიბუტი სიგრძეზე მასივი, ორი "
ეს ამბობს, "მომეცი ქონების ჩვენი ცარიელი ობიექტი. "
ან ამ შემთხვევაში, ჩვენ ვართ მინიჭების იგი გარკვეული მნიშვნელობა აქ.
მაგრამ თქვენ შეიძლება ასევე შედიხართ, რომ გზა.
>> და შემდეგ აქ ეს არის მხოლოდ ნაჩვენებია ორი სხვადასხვა შეტყობინებები.
ასე რომ, ეს აჩვენებს შეტყობინებები იქნება ზუსტად იგივე,
ეს მხოლოდ ორი სხვადასხვა გზა წვდომის ელემენტს რომ ჩვენ გვინდა.
არა, რომ აზრი, რომ ყველასთვის?
ვგრძნობ, როგორც ეს ერთი ალბათ უფრო გრძნობა,
მხოლოდ იმიტომ, რომ ჩვენ მოდის off of PHP.
მაგრამ, როგორც ჩვენ უფრო მეტი მაგალითები, ამ ფაქტიურად ზუსტად იგივე.
ბევრი ეს არის უბრალოდ შეცვალოს სინტაქსი.
>> OK, ასე მაგალითები.
მე მიყვარს მაგალითები.
ისე აქ არის რამდენიმე CS50 ცვლადი, რომელიც არის ობიექტი,
და ჩვენ შესანახად ყველა ამ ინფორმაციას ამის შესახებ.
ამიტომ ჩვენ უნდა, რა თქმა უნდა, ინსტრუქტორი, TFS, psets და ჩაწერილი.
ასე რომ, ჩვენ შეამჩნია ეს თითქმის ყველა სხვადასხვა სახის.
არა?
ასე ობიექტების შეგიძლიათ ჩაწეროთ ატრიბუტები სხვადასხვა ტიპის.
ჩვენ შეგვიძლია ვიფიქროთ აქცევს ეს ძალიან მსგავსი ჩვენი ასოციაციურ მასივში PHP.
ასე გასაღები, ღირებულება გასაღები, ღირებულება, გასაღები, ღირებულება, ასე შემდეგ და ასე შემდეგ.
რა არის საინტერესო და იგივე გზა რომ ჩვენ შეგვიძლია აქვს კოლექტორები ფარგლებში მასივები,
ჩვენ შეგვიძლია ასევე აქვს ობიექტების ფარგლებში ობიექტები, ან მასივები ფარგლებში ობიექტები.
თქვენ არასოდეს ნამდვილად შემოიფარგლება მხოლოდ ერთი რამ.
ჩვენ შეგვიძლია მივიღოთ ძალიან Inceptionesque, უბრალოდ შენარჩუნებას აპირებს ქვემოთ კურდღლის ხვრელი არსებობს.
>> ასე რომ, თუ ჩვენ შეამჩნევთ, ჩვენ აქვს გარკვეული, რა თქმა უნდა, რომ
სიმებიანი, ინსტრუქტორი, რომ ტექსტი, და მასივი, int, და ლოგიკური.
ასე რომ, ყველა ამ სხვადასხვა რამ.
>> ყველა უფლება, ასე რომ, ჩვენ გვაქვს კიდევ ერთი.
ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს მასივი ობიექტები.
ასე რომ ისევე როგორც ობიექტი შეგვიძლია მასივი იგი.
ჩვენ შეგვიძლია ასევე აქვს მასივი ობიექტები.
ეს შეიძლება იყოს სასარგებლო ვიფიქროთ მსგავსი სახის
როგორ გვქონდა hash მაგიდა, ჩვენ გვქონდა მასივი
ყველა ამ სხვადასხვა სახის structs რომ
იყო მითითებას სხვადასხვა კვანძების და whatnot.
მაგრამ ამ შემთხვევაში, ჩვენ მასივი ობიექტები.
ასე რომ, ეს მასივი ასოციაციური მასივების.
ასე რომ, ჩვენ გვაქვს პირველი ელემენტს იყოს ობიექტის სახელი James
და სახლი Winthrop.
>> თქვენ ბიჭები ალბათ, გახსოვთ, რაღაც ძალიან ჰგავს ეს
თქვენი ბოლო pset, სადაც თუ გამოყვანილია რაიმე თქვენს მონაცემთა ბაზაში,
პირველი სახის რამ თქვენს მასივი იყო
ყველა ინფორმაცია პირველი შესახებ, რომ შევხვდით,
და მაშინ ჰქონდა ინდექსი შევიდა, რომ მისაღებად მათი საფონდო და მათი cache
ან whatnot.
ასე რომ, ეს არის ძალიან იგივე რამ, უბრალოდ პატარა ცვლილება
სინტაქსი, ცოტა ცვლილება სიტყვა ვიყენებთ აღწერს მათ.
>> ასე რომ, თუ გვინდოდა, შეიძლება ვინმეს ვუთხრა მე რა ამ მზადყოფნაში აქ?
ან რა ამ ცოტა კოდი იქნება ჩვენთვის?
აუდიტორია: ეს მოგცემთ ყველა სახელები.
ALLISON BUCHHOLTZ-AU: მარჯვენა, ის მინდა უბრალოდ გაფრთხილება ყველა სახელები
იმიტომ, რომ ის გავლა კოტეჯი i, ამიტომ მინდა დაიწყება ნულოვანი.
ასე რომ, მინდა ვთქვა, OK ჩვენ ვეძებთ ამ პირველი ობიექტი, რომელიც
პირველი slot ჩვენს მასივი.
და ამბობს, რომ "მომეცი მიეწერა, სახელი, რომ ობიექტი. "
ასე რომ, ჩვენ აქ, ჩვენ გვინდა scan, ჩვენ ნეტავ სახელი,
და ჩვენ მინდა ამობეჭდოთ James, Molly და კარლ.
რაიმე შეკითხვები აქამდე?
JavaScript სამწუხაროდ თქვენ იქნება
აკეთებს ბევრი ეძებს up თქვენი საკუთარი, მჭიდროდაა სინტაქსი,
ებრძვის მას.
მაგრამ, რა თქმა უნდა მე ყოველთვის აქ, საათებში ყოველთვის აქ.
მე შეიძლება სამშაბათს ამ კვირაში.
ასე რომ, თუ თქვენ იქ, თქვენ შეგიძლიათ მოვა ეწვევა ჩემთვის ამ კვირაში.
ეს მინდა იყოს დიდი.
>> OK, ასე DOM არის დოკუმენტი ობიექტის მოდელი.
ასე რომ, ეს უბრალოდ გზა რომ ჩვენ გვსურს ვიფიქროთ
იმაზე, თუ როგორ ჩვენი HTML და ყველაფერი მასში არის ორგანიზებული.
ეს არის ძალიან ბევრი რამე, რომ ალბათ მოვა up თქვენს ვიქტორინა.
მე ვიცი, ჩემი წელი, თითქოს აქ არის HTML ფაილი, შეავსოთ DOM მას.
და თქვენ უბრალოდ შეავსოთ პატარა რამ.
ეს უნდა იყოს ადვილი რაოდენობა იმედია.
იმედია თქვენ ვხედავ
>> აუდიტორია: [INAUDIBLE]
>> ALLISON BUCHHOLTZ-AU: ასე ხედავთ ამ ხეს აქ?
>> აუდიტორია: Yeah.
>> ALLISON BUCHHOLTZ-AU: ასე რომ, ისინი ითხოვენ გამოყენება
შეავსოთ რა მიდის ქვეშ ორგანო.
იქნებ ქვეშ სხეული, ჩვენ გვაქვს divs ან ჩვენ გვაქვს გარკვეული პუნქტები,
და ჩვენ ვთხოვთ თქვენ შეავსოთ ხე ძალიან მოსწონს ეს.
ამიტომ ჩვენ უნდა გავლით იგი.
ასე რომ დოკუმენტი ობიექტის მოდელი არის მხოლოდ გზა
სტრუქტურა და ვფიქრობ, ჩვენი HTML გრაფიკულად.
და ასევე, როდესაც ჩვენ ვიღებთ შევიდა უფრო JavaScript,
ეს იქნება ისე, რომ ჩვენ რეალურად
მანიპულირება სხვადასხვა ელემენტების გვერდზე.
ჩვენ გვჭირდება გზა წვდომის ყოველი რამ ჩვენი HTML,
და ეს გვაძლევს ძალიან კონკრეტული სტანდარტიზებული გზა
მასშტაბით სხვადასხვა ვებ გვერდები, რომ.
>> ასე რომ, თუ ჩვენ უბრალოდ გავლა ეს აქ, რა თქმა უნდა,
ჩვენი დოკუმენტი, ისევე როგორც ჩვენი მთელი ფაილი.
რომ აშკარად აზრი რომ ეს არის ყველაზე მთავარია,
და მაშინ ჩვენ გვაქვს ჩვენი ფაქტობრივი HTML, რომელიც შეესაბამება ამ tag აქ.
ასევე, თუ თქვენ აბზაცის თქვენი tags სწორად, მაშინ ქმნის ამ DOM ხე
ხდება სუპერ მარტივია.
ასე რომ, ჩვენ გვაქვს ხელმძღვანელი აქ.
ჩვენ გვაქვს გარკვეული ორგანო, რომელიც ჩვენ ვხედავთ, თავისთავად off of HTML,
სწორედ ამიტომ ჩვენ გვაქვს ხელმძღვანელი და სხეულის.
ფარგლებში უფროსი, ჩვენ გვაქვს ტიტული აქვს, ბოლოს ტიტული აქვს,
ჩვენ ვიცით, რომ მას შემდეგ, რაც უფროსი.
და ჩვენს ტიტული აქვს, ჩვენ გვაქვს hello, world.
OK?
ასე რომ, ეს მთელი მარცხენა ხელის ფილიალი.
და შემდეგ მარჯვენა ფილიალი აქ, ჩვენ ვხედავთ, რომ ჩვენ გვაქვს HTML,
OK, ჩვენ გავაკეთეთ ამ head მხრივ, ჩვენ ვეძებთ მხოლოდ სხეული,
ასე რომ, ჩვენ გვაქვს გარკვეული ორგანოს ტერიტორიაზე.
და შიგნით რომ, ერთადერთი რამ გვაქვს არის hello, world.
OK?
თუ ჩვენ გვქონდა რამ, როგორიცაა ზოგიერთი bracket P და მერე
hello, world, და შემდეგ სხვა bracket p of მშვიდობით, მსოფლიოში,
გვექნებოდა ორი ბუშტები მოდის off აქ.
იმიტომ, რომ ისინი ორივე ქვეშ სხეული, მაგრამ ისინი ცალკე პუნქტები ამ შემთხვევაში.
არსებობს ნამდვილად პრაქტიკა რომ წინა ტესტები,
ისევე როგორც უამრავი ონლაინ იგი.
OK, ასე რომ, ეს უბრალოდ საშუალებას , ვნახოთ, ყველაფერი კარგად
და მანიპულირება რამ ძალიან სისტემატურად.
OK?
ჩვენ ზუსტად ვიცით, როგორ traverse მეშვეობით ხე,
ასე რომ, ჩვენ ვიცით, რა გვინდა, რათა შეამოწმონ.
>> OK სწორედ ამიტომ ჩვენ გვინდა აქვს ამ სახის მოდელი,
ასე რომ ჩვენ შეგვიძლია გამოვიყენოთ რამ, როგორიცაა ამ, და ჩვენ გვესმის, რას ნიშნავს,
და ისინი სტანდარტიზებული მთელი რამ, რასაც ჩვენ ვაკეთებთ.
ასე დოკუმენტის dot სათაური არის მხოლოდ სათაური our-- ყველა ეს
საკმაოდ თვითმმართველობის განმარტებით, მე მიყვარს ფიქრი.
ასე რომ, პირველი სამი მაგალითები, უბრალოდ, ვამბობთ,
"OK, უბრალოდ მომეცი სათაური ამ ვებ გვერდზე. "
ასე რომ, ეს მოგცემთ რა შეესაბამება ტიტული.
>> დოკუმენტის dot ორგანო აპირებს მოგცემთ რაც ფარგლებში იმ სხეულის tags.
ასე რომ თქვენ შეგიძლიათ მანიპულირება, რომ.
და დოკუმენტის dot სხეულის dot შესვლის HTML არის ძალიან მაგარი ერთი,
და იქნებ არ მოსწონს super ინტუიციური, მაგრამ შიდა HTML
შეესაბამება ეს უფლება აქ.
ასე რომ, თუ თქვენ ოდესმე გვინდა მანიპულირება ტექსტი გვერდზე,
როგორც წესი, თქვენ უნდა აკეთებს რაღაც სხეულის dot შიდა HTML.
OK?
ასე რომ, შიდა HTML ტენდენცია ეხება რა არის რეალურად, მათ შორის tags.
OK?
და შემდეგ სასარგებლო ფუნქციები.
ასე რომ, თუ თქვენ სურდა მიიღოს ნებისმიერი ამ, ნებისმიერი ელემენტი,
ჩვენ გვაქვს გარკვეული Id, კლასი სახელი ან tag სახელი.
ეს ძალიან ჰგავს რამ გავაკეთეთ CSS, არა?
სადაც ჩვენ გვაქვს სელექციონერები, რომ შეესაბამება ან tag, კლასი
რომ ვაძლევთ მათ, ან Id.
ეს არის ძალიან ბევრი იგივე გზით.
თუ თქვენ გაქვთ რაიმე რომ აქვს გარკვეული კლასის ძაღლი,
და თქვენ ამბობთ კიდევ ელემენტების მიერ tag სახელი, და დააყენა ძაღლი იქ ან უკაცრავად,
კლასის სახელი.
თქვენ შეგიძლიათ განათავსოთ dot არსებობს.
ის დაბრუნებას აპირებს ყველა იმ ელემენტები, რომ უნდა, რომ კლასი.
ასე რომ თქვენ შეგიძლიათ მანიპულირება მხოლოდ იმ.
იმ გზით, იქნებ უბრალოდ გვინდა, რომ მანიპულირება ზოგიერთი header, ასე
ზოგიერთი h1 header, როგორც ჩვენ.
თქვენ შეიძლება არ მიიღოთ ელემენტების მიერ tag ასახელებს, რადგან h1 არის tag სახელი.
და ანალოგიურად, თუ გსურთ მიიღოთ უნიკალური რამ, შეგიძლიათ გააკეთოთ მიიღონ აქვს.
Get ელემენტს Id.
და ისინი რეალურად უამრავი ამ.
ეს არის მხოლოდ, სამი ძალიან ბევრი.
ასე რომ, თუ თქვენ ამჟამად, როგორც მე ვაპირებ, ხელი შეუწყოს
თქვენ უნდა გავაკეთოთ, და დაკავდით კვლევის საკუთარი,
მე აუცილებლად გირჩევთ გადავხედავ ყველა იმ.
ისინი შეიძლება იყოს super სასარგებლო, განსაკუთრებით მაშინ, როდესაც
გსურთ, უბრალოდ სახის მანიპულირება ძალიან კონკრეტული რამ გარეშე
გავლა და ცდილობენ გარჩევის ყველაფერი.
>> OK, ასე რომ, ბოლო რამ არის JavaScript მოვლენები.
ასე რომ, როდესაც მე საუბარი ადრე აპირებს გადატანა ნახვა,
და როდესაც თქვენ hover მეტი რამე, ან მაუსის მაჩვენებელი მეტი რამე,
რაღაც ხდება.
ეს არის ის, რაც ჩვენ გვსურს ვიფიქროთ, როგორც მოვლენა.
რა გვაქვს, რომ ძალა იყოს სასარგებლო, აქ არის onclick.
ასე ნაღმი იყო hover, რომელიც, მე საკმაოდ დარწმუნებული ვარ, უბრალოდ hover.
ასევე ტონა ამ რომ თქვენ შეგიძლიათ ვეძებოთ.
არსებობს მთელი სია ონლაინ საქართველოს სხვადასხვა რამ
რომ მოისმენთ.
>> მაგრამ JavaScript მოვლენები ძირითადად, მხოლოდ რეაგირებს რამ
რომ თქვენი მომხმარებლის აკეთებს.
არა?
ასე რომ თქვენი მომხმარებელს ჯერ რაღაც, რომ ღონისძიება,
და JavaScript ვუპასუხებთ თუმცა გსურთ იგი.
ეს იქნება რეაგირება სთხოვა.
ასე რომ, ამ შემთხვევაში, ჩვენ გვაქვს ზოგიერთი window dot onload.
ასე რომ, რა ამ ამბობს, "დაველოდოთ სანამ window დატვირთული. "
OK?
ასე რომ, როდესაც ყველაფერი დატვირთული, onload, მაშინ შეასრულოს ეს ფუნქცია.
ასე რომ, როდესაც ყველაფერი დატვირთული, თქვენ აპირებს
აქვს გარკვეული ძიების ღილაკს რომ იღებს ელემენტს Id,
და ეს ბეჭდავს რასაც ელემენტის ისეთივე ძებნა ღილაკს.
და მაშინ ჩვენ გვაქვს ამ ცვლადი, ჩვენ ვამბობთ, "OK, onclick".
ასე რომ, როდესაც ჩვენ გვესმის click ძებნა ღილაკს,
შეასრულოს ეს ფუნქცია, რომელიც არის alert, თქვენ დააწკაპებთ ღილაკს ძებნა.
>> ისე, რა მოხდება is-- ეს არის ლამაზი პატარა გრაფიკული წარმომადგენლობა აქ.
ასე რომ ჩვენი დოკუმენტი იტვირთება, ეს არის ჩვენი onload,
ჩვენ ჩვენი ძიება ღილაკს, რომელიც არის ამ.
ჩვენ ვეძებთ ჩვენი ღილაკს ძებნა.
და მაშინ, როდესაც ძებნა ღილაკს დაწკაპავთ, იგი შეესაბამება უფლება აქ.
Onclick.
მაშინ ჩვენ საბოლოოდ პირთა ჩვენს შესახებ, რომელიც ამ ბოლო ხაზი აქ.
OK?
So თითოეული იმ ოთხი ნაბიჯები მხოლოდ შეესაბამება ოთხი ყუთები
ქვემოთ იქ ბოლოში.
არა, რომ აზრი, რომ ყველასთვის?
>> და მაშინ ერთი რამ, რომ მე უბრალოდ აპირებს უნდა აღინიშნოს, ძალიან, ძალიან მოკლედ, რომ მე
მოგიწოდებთ თქვენ ბიჭებს წასვლა უფრო, არის
jQuery, რომელიც მხოლოდ ბიბლიოთეკაში რომელიც აგებულია ზედა JavaScript.
ეს არის სუპერ სასარგებლოა, რადგან ყველაზე ბიბლიოთეკები.
არსებობს უამრავი ფუნქციები.
ასე რომ, თუ არსებობს ოდესმე, რომ რაღაც გსურთ გააკეთოთ JavaScript,
თქვენი პირველი ინსტიქტი არ უნდა ვიფიქროთ,
საქართველოს, "რა ფუნქცია უნდა მე კოდი? "ეს უნდა იყოს,
"ნება მომეცით ვხედავ ვინმეს უკვე გააკეთა ეს ჩემთვის. "
იმიტომ, რომ ცხრა ჯერ ათიდან, ვინმე არ კეთდება ეს უკვე,
და ისინი ალბათ არ კეთდება უკეთესი.
ხალხი დახარჯოს ბევრი დრო აკეთებს ამ, და JavaScript ძალიან ფართოდ გამოიყენება,
ისე ხალხი მუდმივად ცდილობს, რათა ის უკეთესი.
და jQuery აქვს უამრავი ფუნქციები რომელიც ალბათ სასარგებლოა თქვენთვის
თქვენს საბოლოო პროექტი, თუ თქვენ აკეთებს არაფერი ვებ დიზაინი.
როგორც მე მინდა ვთქვა, რომ "მუშაობა მსოფლიოს სასურველი სტუმარი გახდებით, არ დამძიმდა. "
თუ თქვენ ბიჭები გავაკეთოთ, რომ ეს უნდა იყოს დიდი.
როდესაც ჩვენ დროს hackathon მე არ მინდა იყოს ყველა ხაზი გაუსვა.
მე მინდა, რომ იყოს, როგორიცაა, "მე მივიღე ეს. jQuery მიიღო ჩემს უკან.
მე არ უნდა დაწეროთ ამ ფუნქციებს. "
>> ასე რომ მხოლოდ ორი რამ მახსოვს, მე ვაპირებ
მოგცემთ ბიჭები გამოიყურება უფრო შევიდა jQuery საკუთარი.
ყველა მე ვაპირებ ვთქვა არის ის აკეთებს ზოგიერთი საკმაოდ გასაოცარია რამ
და შეუძლია თქვენი ცხოვრება მთელი ბევრი ადვილია.
მაგრამ, თუ რა გსურთ უნდა არის, რაც ფაილი
რომ თქვენ იქნება გამოყენებით მას, თქვენ აპირებს გვინდა, რომ ეს ორი ხაზი.
თქვენ აპირებთ მინდა დამწერლობის js jQuery dot js.
და რეალურად თქვენი წყარო იქნება რამდენიმე URL.
თუ Google jQuery, Google რეალურად მასპინძლობს ყველა ფაილი თქვენთვის.
ასე, რომ თქვენ ნამდვილად გსურთ შეყვანის რომ URL ნაცვლად.
მე უბრალოდ დააყენა ეს აქ სიმარტივის გულისთვის.
ეს ნიშნავს, რომ სადაც უნდა იპოვოთ თქვენი jQuery ბიბლიოთეკა.
ეს არის მასობრივი, ასე რომ თქვენ არ გსურთ უმასპინძლებს საკუთარ კომპიუტერში
თუ შეიძლება თავიდან აცილება, რის გამოც ჩვენ როგორც წესი, უბრალოდ დააყენა Google- ის URL, რომ
მასპინძლობს ყველა ეს ფაილი თქვენთვის.
OK?
თქვენ Google, გპირდებით ეს იქნება.
>> და შემდეგ რაც JavaScript ფაილი, რომელიც თქვენ
გამოყენებით, ასე რომ ეს არის მხოლოდ რამდენიმე გარე JavaScript ფაილი, რომელიც თქვენ იყენებთ.
იმ გზით, რომ ჩვენ ბმული ჩვენს CSS ფაილი, ეს არის იგივე რამ.
ეს მხოლოდ დაბლა ფაილი სადაც თქვენი JavaScript არის.
და მაქვს გარკვეული მაგალითები მარტივი JavaScript.
ამიტომ ჩვენ უნდა გადის.
და მაშინ თქვენს ინდექსი JavaScript, რომელიც არის თქვენი JavaScript ფაილი აქ,
ეს არის ერთგვარი გადატანა რომ თქვენ გაქვთ jQuery.
თქვენ თითქმის 99.9 პროცენტს გაუტოლდა აპირებს
აქვს ამ თქვენს index.js ფაილი.
რადგან ის, რაც ამ ამბობს, "არ შეასრულოს არაფერი
სანამ თქვენი დოკუმენტი რეალურად მზად ", რომელიც არის ზუსტად ის, რაც გსურთ.
იმიტომ, რომ თუ თქვენი დოკუმენტი არ არის მზად, და jQuery იწყება აკეთებს რამ,
ეს უბრალოდ სასადილო.
ასე რომ თქვენ ყოველთვის გვინდა ამ გადატანა.
და შემდეგ რამ, რომ წავიდეს იქ, მე უნდა დატოვოს თქვენი ბიჭები საკუთარი perusing.
>> OK, ასე რომ, არსებობს რაიმე კითხვებზე ახლა, რაც შეეხება JavaScript ზოგადად?
ან DOM მოდელი?
თუ არა, ჩვენ გვაქვს გარკვეული cool მაგალითები, რომ ჩვენ შეგვიძლია გავლა,
რომ თქვენ ბიჭები შეგიძლიათ დამეხმაროთ კოდი.
მაგრამ მე ასევე იქნება სუპერ ლამაზი, და თუ
არ მინდა, რომ არაფერი ვთქვათ ამ, რომ ჯარიმა.
შემიძლია ასევე უბრალოდ მოგცემთ მაგალითები.
მაგრამ არაფერი PowerPoint სანამ ჩვენ გადასვლა?
მაგარი.
>> ვფიქრობ, თქვენ ბიჭები უნდა ენერგია.
ასე რომ, მე ვფიქრობ, რომ ჩვენ ვაპირებთ დავიწყოთ ჩემი party მაგალითად პირველი.
ჩვენ გვაქვს სამი მაგალითები, თქვენ გაქვთ არჩევანი.
ამიტომ ჩვენ უნდა clock, სადაც ჩვენ ვაპირებთ განახორციელოს ფაქტობრივი საათი, რომელიც არის
აპირებს განაახლოს რაც დრო გადის.
ჩვენ გვაქვს ეს დიდი Twitter ფუნქცია.
გაკეთება იცით, რა, გაიმართება.
ჩვენ ვაპირებთ, რომ ეს წავიდეს.
Bam.
OK.
>> ჩვენ გვაქვს ეს დიდი Twitter ფუნქცია აქ, that-- ვიცი, არა?
ეს იქნება დიდი.
თქვენ ბიჭები აღფრთოვანებული?
რომ აპირებს ითვლიან ნომერი გმირები, რომ თქვენ არ დაუტოვებიათ,
ასე რომ, თუ მე აკრიფოთ, ახლა, ცხადია, ის კვლავ აცხადებს, 140,
მაგრამ ჩვენ ვიცით, რომ ეს არ არის საქმე.
და მაშინ ჩვენი ბოლო ერთი აქ, დააწკაპუნეთ აქ პარტია.
რა მოხდება მაშინ, როდესაც ჩვენ დააწკაპუნეთ, ფონზე მიერ
აპირებს შეცვალოს ფერები.
ასე რომ ბიჭებს თქვენი პარამეტრები რომელიც ერთი თქვენ გსურთ პირველი.
მე გპირდებით, მე მას ძალიან ადვილია თქვენ.
მე ვგრძნობ, რომ ყველას სახის უბრალოდ ძალიან დაბალი გასაღები დღეს.
ასე რომ, მე ფეხით თქვენ მეშვეობით, თუ როგორ ჩვენ განახორციელოს ყველა ამ.
თუ გსურთ chime in, რომ დიდი, მაგრამ მე
გრძნობს, როგორც ყველას ცოტა დაღლილი.
ასე რომ მე უბრალოდ ფეხით თქვენ ამ გზით მაგალითები.
გვაქვს, რომ რაღაც ჩვენ გვინდა, რომ გავაკეთოთ პირველ რიგში?
ვინმეს?
არ აქვს უპირატესობა?
OK.
იცით რა?
ჩვენ შესახებ პარტია.
მე ვგრძნობ, რომ თქვენ ბიჭები უნდა little-- ასე რომ, ჩვენ ყველაფერს გავაკეთებთ, პარტიის ერთ-ერთი პირველი.
OK.
>> რა გვაქვს აქ, რომ არ უნდა იყოს იქ.
ახლა ეს არის კარგი.
OK.
ასე რომ, რა გვაქვს აქ უბრალოდ მარტივი HTML გვერდი
რომ თქვენ ბიჭები უნდა იყოს super იცნობს თქვენი ბოლო ორი psets.
ჩვენ გვაქვს ჩვენი doc ტიპის აქ.
შეიძლება ყველას ვხედავ?
OK.
მაგარი.
ჩვენ გვაქვს ჩვენი HTML აშკარად.
ჩვენ გვაქვს რამდენიმე header, რომ დაკავშირებული სტილის ფურცელი, რომელიც
გააკეთა ჩემი font ლამაზი და დიდი და თამამი.
ასე რომ არ ინერვიულოთ.
>> ჩვენ გვაქვს გარკვეული ორგანოს Id ფონზე, OK?
იმიტომ, რომ ჩვენ ვაპირებთ, რომ იყოს შეცვლის ფონზე.
ასე რომ, როდესაც ჩვენ ცვალებად ფონზე ჩვენი სხეულის,
ჩვენ გვახსოვს, ორი კვირის წინ როდესაც საქმე გვაქვს ვებ გვერდებზე.
იმდენად კარგი, რომ აქვს.
და ჩვენ გვაქვს გარკვეული Id ტოლია პარტია.
ამ h ref ფუნტი მხოლოდ იმას ნიშნავს, რომ ის აპირებს წავიდეს იმავე გვერდზე.
და დააჭირეთ აქ პარტია, სწორედ ამიტომ, როდესაც ჩვენ დააჭირეთ მას,
ეს უნდა შეიცვალოს ფერები, საბედნიეროდ.
>> და მაშინ ჩვენ გვაქვს სკრიპტი აქ, რომ მხოლოდ დაკავშირებულია ამ მხარის dot js
ფაილი, რომელიც არის ცარიელი, რადგან ჩვენ არ კეთდება არაფერი გაუკეთებია.
და ეს ასე სამწუხარო.
მაგრამ ძალიან მალე, იგი შეიცვლება ფერები, და ეს იქნება რა.
>> ამიტომ მე უბრალოდ აპირებს ფეხით თქვენ ბიჭები მეშვეობით, თუ როგორ შეიძლება მივუდგეთ ამ.
ასე რომ, პირველი, რაც ჩვენ დაგვჭირდება გავაკეთოთ,
თუ ჩვენ შეცვლის ფონზე ნაწილები, პირველი, რაც ჩვენ დაგვჭირდება
რომ რეალურად დაიბრუნოს რა სხეულის, არა?
ასე რომ, ჩვენ გვინდა, რომ გვქონდეს თანხა, ჩვენი ფონზე, და თუ თქვენ შეამჩნევთ,
უბრალოდ ავტომატურად დავიწყო აკრეფით.
იქ არაფერი განსაკუთრებული, რომ ჩვენ უნდა გავაკეთოთ ჩვენი JavaScript ფაილი.
მე შეიძლება დაიწყოს გამოცხადების ცვლადები, და აცხადებდა, შემთხვევითი ფუნქციები.
და ეს ბევრად უფრო თავისუფალი ფორმა.
ეს იგივეა, რომ ერთად C, მივეცით თქვენ ყველა ამ მძიმე წესები და გაიზარდა,
ასე რომ, ჩვენ, როგორც, "წასვლა მეოთხე.
უფასო იქნება.
რა გსურთ. "
და ეს რა, JavaScript.
ასე რომ, ჩვენ გვაქვს ფონზე აქ.
ჩვენი DOM მოდელი, ჩვენ ვიცით, შეგიძლიათ გააკეთოთ დოკუმენტის dot მისაღებად ელემენტს,
და თუ ჩვენ შეამჩნევთ აქ, ჩვენი სხეულის აქვს Id.
არა?
ასე რომ ჩვენ შეგვიძლია გავაკეთოთ კიდევ დოკუმენტის Id, და აქ არის მარტივი.
რა არის ჩვენი Id რომ ჩვენ გვინდა აქ?
აუდიტორია: Background.
ALLISON BUCHHOLTZ-AU: Background.
სრულყოფილი.
და მძიმით დასასრულს.
რომ არ გამქრალა ამჟამად.
თქვენ კვლავ უნდა თქვენი semicolons.
OK.
ისე, რომ ჩვენი პირველი.
და როდესაც ჩვენ დააჭირეთ რაღაც, ჩვენ მინდა რაღაც მოხდება, არა?
ასე, რომ ჩვენ დაგვჭირდება გარკვეული ცვლადი რომ ელოდება დაჭერით.
რასაც ჩვენ ვაპირებთ ამის გაკეთებას, ჩვენ ვაპირებთ რათა ჩვენი ლინკი უფრო მსგავსი ღილაკს.
ამიტომ, ჩვენ ვაპირებთ, რომ გარკვეული ღილაკს რომ უდრის დოკუმენტურად dot მისაღებად ელემენტს Id.
და თუ მე ვსაუბრობ დააჭირეთ ბმულს ან დააწკაპუნეთ აქ პარტიის
ლინკი, თუ რა შეიძლება ჩემი Id იყოს აქ?
პარტია.
სწორი.
OK არ არის ძალიან ცუდი ჯერჯერობით.
ყველას რა ვაკეთებთ?
>> OK, ასე რომ, ახლა ჩვენ გვაქვს ჩვენი ღილაკს, და ჩვენ გვინდა,
რამ იცვლება, როდესაც ჩვენ დაწკაპეთ იგი.
ასე რომ, თუ ჩვენ გვახსოვს ჩვენი PowerPoint, ძალიან მარტივი რამ შეგვიძლია გავაკეთოთ
არის მხოლოდ ღილაკს dot onclick, არა?
და რომ აპირებს თანაბარი გარკვეული ფუნქცია.
ეს არის ანონიმური ფუნქცია.
და ეს უბრალოდ as-- რეალურად მე ვაპირებ, რომ ეს ცოტა დიდია.
>> ასე რომ, რა მე უბრალოდ აქ მე ვამბობ, OK,
როდესაც ჩვენ დააჭირეთ ჩვენს ღილაკს, რომელიც ამ ბმულზე, რომ ჩვენ უბრალოდ ნახსენები,
ჩვენ ვაპირებთ, რათა შესრულდეს ეს ანონიმური ფუნქცია.
ჩვენ არ გვჭირდება რაიმე საშუალებებით.
ჩვენ არ მაინტერესებს რა შესახებ ამბობს.
როდესაც ისინი დააწკაპუნეთ მასზე, ჩვენ აპირებდა, რასაც ჩვენ გვინდა,
რომელიც შეცვალოთ ფონის ფერი.
OK?
სწორედ ამიტომ ჩვენ არ გვაქვს ნებისმიერ საშუალებებით, ჩვენ უბრალოდ ამ ანონიმური ფუნქცია.
და ახლა ჩვენ რეალურად აპირებს დაწერა ეს ფუნქცია.
>> ასე რომ, არსებობს რამოდენიმე გზა თქვენ შეიძლება გენერირება შემთხვევითი ფერი.
ისე, რომ მე ეს იყო გენერირება სამი შემთხვევითი ნომრები
და დააკონვერტიროთ ისინი RGB triple.
ასე რომ, ეს უბრალოდ გვიჩვენებს, თუ ზოგიერთი cool რამ, რომ თუ თქვენ, როგორიცაა, "ო,
მე უნდა შემთხვევითი ნომერი. "თუ Googled ეს,
ეს არის ის, რაც თქვენ უნდა იპოვოთ.
>> ასე რომ, ჩვენ გვაქვს სამი სხვადასხვა რამ, var, არ წითელი ერთხელ, მწვანე.
არა?
ასე რომ, იმ სამ რამ, რომ შეადგინოს ფერი.
ლურჯი, წითელი და მწვანე.
მაგარი.
და რა შეგვიძლია გავაკეთოთ არის ის, რომ ჩვენ ვიცით, რომ ეს უნდა იყოს შორის 255,
და თუ ჩანდა up ზოგიერთი შემთხვევითი რიცხვების გენერატორის,
თქვენ ვერ რაღაც მათემატიკის dot შემთხვევითი, რაც, თუ გადავხედავთ ამ up
ბრუნდება გარკვეული რაოდენობის შორის ნულოვანი და ერთი.
OK?
და რა რაოდენობით გავაკეთებთ RGB საწოლიანი წავიდეთ შორის?
ნულოვანი და რა?
რა შეიძლება მათ ახვიდეთ?
255.
ასე რომ, თუ მათემატიკის dot შემთხვევითი მიდის შორის ნულოვანი და ერთი,
როგორ შეიძლება ჩვენ აკონვერტირებთ ეს?
აუდიტორია: Time?
ALLISON BUCHHOLTZ-AU: ჰო, ზუსტად.
ასე რომ დრო არის 255.
>> აუდიტორია: [INAUDIBLE] ეს იგივეა, რომ [INAUDIBLE].
ALLISON BUCHHOLTZ-AU: მათემატიკის dot შემთხვევითი.
აუდიტორია: Cool.
ALLISON BUCHHOLTZ-AU: დიახ.
JavaScript უბრალოდ ზრუნავს თქვენ.
OK.
ასე რომ, ჩვენ შეგვიძლია გავაკეთოთ, რომ ყველა ამ.
არა?
მათემატიკის dot შემთხვევითი ჯერ 255.
კოპირება.
მაგარი.
ასე რომ, ის არის, რომ, შესაძლოა, ეს არ დაბრუნების რიცხვი.
არა?
იქნებ ჩვენ რაღაც ნომერი შორის ნულოვანი და ერთი,
და ეს იწვევს, რომ იყოს ოდნავ off, და ჩვენი RGBs არ შეიძლება იყოს მოძრავი.
ისინი უნდა იყოს ints.
ასე რომ, თუ თქვენ სცადა, ეს ალბათ აქვს გარკვეული არაეთიკური საქციელი.
ეს იქნება ცოტა ხმაურიანი.
ასე, თუ რას ვაკეთებთ ჩვენ გვსურს დარწმუნებული ვარ, რომ ეს მომრგვალებული,
და თქვენ ვერ გარშემო არც გზა.
მე მრგვალდება სართულზე.
ასე რომ, მე ყოველთვის დარწმუნებული რომ ეს მომრგვალებული ქვემოთ.
მაგრამ აპირებს off რამდენად მარტივია ეს იყო უბრალოდ შემთხვევითი ნომერი,
როგორ ფიქრობთ, ჩვენ შეიძლება სართულზე ამ ნომერი?
ეს ძალიან ჰგავს.
რაიმე იდეა?
ასე რომ, თუ შემთხვევითი იყო მხოლოდ მათემატიკის dot შემთხვევითი, ასე ფიქრობთ ჩვენ გვინდა გავაკეთოთ სართულზე?
მათემატიკის dot სართული.
და ასევე შეგიძლიათ გააკეთოთ მათემატიკის dot ჭერი.
მრგვალი სახის ორაზროვანი იმიტომ, რომ თქვენ არ
იცით თუ არა გარშემო up ან მრგვალ ქვემოთ.
ასე, როგორც წესი, ჩვენ ყოველთვის მათემატიკის dot სართულზე, მათემატიკის dot ჭერი.
მაგრამ honestly--
>> აუდიტორია: არა სართულზე მრგვალი ქვემოთ?
>> ALLISON BUCHHOLTZ-AU: სართული რაუნდები ქვემოთ.
და ეს მხოლოდ არჩევანი ჩემი ნაწილი.
>> ახლა ჩვენ გვაქვს ჩვენი სამი ნომრები რომ უკვე შემთხვევით გენერირებული,
და რასაც ჩვენ ვაპირებთ, რომ ახლა არის, რომ ჩვენ უბრალოდ შეიცვლება ფონზე.
OK?
ასე რომ, ჩვენ უკვე გვაქვს ჩვენი ფონზე სახის ინახება
ამ ელემენტია ე.წ. ფონზე.
ასე რომ თქვენ შეამჩნევთ არის, თუ თქვენ ითამაშა გარშემო ამ,
ჩვენ გვინდა, რომ შეცვალოს სტილი.
და ეს არის ერთგვარი, რომ რაღაც თქვენ, რომ Google და გაერკვნენ,
მომწონს როგორ შევცვალოთ ფერი.
>> მაგრამ გზა თქვენ ამ ფერი ფონზე dot style dot ფონზე.
ასე რომ, ეს არს მოცემულ ეს ობიექტი, ფონზე,
რომელიც ეხება, რომ ელემენტის Id იქ,
ჩვენ ვაპირებთ შევხედოთ სტილი ფარგლებში style,
ჩვენ ვაპირებთ შევხედოთ ფონზე.
OK?
და თუ წასვლა და ვეძებთ ამ up, ეს შეიძლება უფრო გრძნობა,
მაგრამ ეს ძირითადად უბრალოდ ამბობს, "მომეცი ამ კონკრეტულ ატრიბუტი
რა მე არ განისაზღვრება ადრე. "
მერე რა რომ ჩვენ შეცვლის მას არის ზოგიერთი RGB, რადგან ეს აზრი.
ჩვენ გამოყენებით RGB საწოლიანი, არა?
და ჩვენ ფლობის მინდა დავრწმუნდე, მიიღეთ უფლება რაოდენობის შეთავაზებები აქ.
ასე, თუ რას ვაკეთებთ ჩვენ გვაქვს RGB, და ჩვენ ვაპირებთ
რომელთა მიზანია ეს მოსწონს გაერთიანების, რომელიც არის წითელი.
და მაშინ ჩვენ გვინდა რაღაც მძიმით.
და მაშინ ჩვენ გვინდა, ასევე მწვანე, შემდეგ რამდენიმე მძიმე, და რაღაც ლურჯი.
>> ასე რომ, ეს pluses მხოლოდ ნიშნავს, როგორიც გაერთიანების.
ასე რომ, ეს უბრალოდ ქმნის ამ სიმებიანი, რომ აპირებს ფარგლებში RGB.
OK?
>> აუდიტორია: [INAUDIBLE] plus შემდეგ მწვანე პლუს შემდეგ წითელი.
>> ALLISON BUCHHOLTZ-AU: ჰო, იმიტომ, რომ მე არევა რომ.
რომ ერთი ჯარიმა.
Oh, გაიმართება.
პოსტები
იმიტომ, რომ მე უნდა დავრწმუნდეთ, რომ მე მივიღე ყველა ამ უფლებას.
ასე რომ, მე აგიხსნით uno momento.
მწვანე, ლურჯი, სრულყოფილი.
ახლა მე გაკეთდეს.
მე მჯერა.
>> OK.
ასე რომ ეს ის არის, რომ ფონზე იქნება მითითებული ზოგიერთი სიმებიანი.
არა?
რაც ჩვენ გვაქვს აქ.
ეს იქნება გარკვეული RGB 255 მძიმით 255 მძიმე ნულოვანი, ან რასაც ნომერი თქვენ
იქ.
ასე ვაკეთებთ აქ, ჩვენ გვაქვს რამდენიმე სტრიქონი.
და რა გვინდა გავაკეთოთ, არის, რომ ჩვენ სახის დინამიურად შექმნა
რომ როდესაც ჩვენ რეალურად აწარმოებს ამ პროგრამის.
ასე რომ, ეს არის ზოგიერთი სიმებიანი.
Plus concatenates ეს ღირებულება, რომელიც წითელი აქვს,
რომელიც concatenates ერთად მძიმე, რაც concatenates ეს
ის, რაც მწვანე, და ასე შემდეგ, და ასე შემდეგ.
OK?
სანამ ბოლომდე, რომელიც დახურვის ფრჩხილებში ამ RGB აქ.
OK?
>> ასე რომ ეს აპირებს გენერირება გარკვეული ბრძანება ნამდვილად
რომ არის RGB სამი ნომრები ამ ფონზე არის მითითებული.
OK?
მოდით ვნახოთ, თუ ეს მუშაობს.
იმედი მაქვს, რომ ეს ასეა, რადგან თუ ეს არ, მე ვაპირებ, რომ იყოს რეალური სამწუხარო.
Oh no.
OK, გაიმართება.
აუცილებლად ფონზე dot style dot ფონზე.
მე ნამდვილად აკლია რაღაც მხოლოდ მცირე.
არ თქვენ ბიჭები სიძულვილი რომ?
როდესაც ეს ცოტა პატარა შეცდომა?
ყოვლისშემძლე ფონზე.
RGB.
>> აუდიტორია: [INAUDIBLE]
ALLISON BUCHHOLTZ-AU: No.
მე შევეცადე ამ ადრე კლასის.
მაქვს ყველაფერი, როგორც ადრე, კლასის შემთხვევაში მე კი, როგორიცაა,
"დაველოდოთ, რა გავაკეთო არასწორი?"
იმიტომ, რომ მე ვიყავი, როგორიცაა, "მე, ალბათ, ხმაური ეს რაღაც მომენტში. "
ასევე მწვანე.
ყველაფერი ჰგავს ეს concatenated სწორად.
OK.
>> აუდიტორია: [INAUDIBLE]
>> ALLISON BUCHHOLTZ-AU: Oh, რომ თქვენ გადასვლა.
ეს არის ის, რაც მჭირდებოდა.
შევხედოთ, რომ.
Tiffany გადარჩენა.
სრულყოფილი.
OK.
ახლა ვნახოთ, თუ იგი მუშაობს.
Oh ღმერთი ჩემი.
OK.
გაიმართება.
>> აუდიტორია: Space მეორე plus.
>> ALLISON BUCHHOLTZ-AU: რომელი?
Oh დაველოდოთ, გაიმართება.
ფართი აცვიათ?
>> აუდიტორია: მეორე პლუს მწვანე გაერთიანების.
ALLISON BUCHHOLTZ-AU: Oh.
აუდიტორია: არ არსებობს სივრცე მას შემდეგ, პლუს, yeah.
ALLISON BUCHHOLTZ-AU თქვენ არ არის საჭირო, რომ, მაგრამ
აუდიტორია: Oh, არა?
ALLISON BUCHHOLTZ-AU: იგი გამოიყურება საკმაოდ.
აუდიტორია: OK.
OK.
>> ALLISON BUCHHOLTZ AU: ვნახოთ, თუ ეს სამუშაოები.
OK.
მე აშკარად ვერ at ეს დემო, რომელიც მაგონებს
ლექციის მეორე კვირას, მაგრამ მე ვიცი, რომ ეს იმუშავებს.
მე ვიცი, რომ ეს იმუშავებს.
ასე ახლოს.
თუ მე შემთხვევით წაშლილი ჩემი სცენარი ამ ერთ.
არა, ეს party dot js.
OK გამართავს.
მე ვაპირებ კოპირება ამ, და მე ასევე უბრალოდ ვაპირებ წაშლა ყველაფერი,
იმიტომ, რომ მე მქონდა ამ სამუშაო ადრე.
>> მე გპირდებით, რომ მუშაობს.
თუ არა, მე გაჩვენებთ, თუ რა Tommy ს.
და იქ.
>> აუდიტორია: თქვენ მითითება party dot CSS, და ეს პარტია dot js.
>> ALLISON BUCHHOLTZ-AU: Ah, ასევე სწორედ აქ არის party dot js.
OK, რა გავაკეთო განსხვავებული?
OK, ჩვენ დავინახავთ, თუ ეს მუშაობს ახლა.
Bam.
ასე რომ, მე არ ვიცი, რა გავაკეთე განსხვავებულად, მაგრამ ეს არის ის, რაც უნდა მოხდეს.
Kinda cool.
მე დააწკაპებთ ამ, ისევე, სამუდამოდ.
მაგრამ ჩვენ შეგვიძლია ვცდილობთ და ვნახოთ, რა გავაკეთე სხვაგვარად რომ ამ ერთი ჰქონდა.
მე არ ვიცი თქვენს შესახებ ბიჭები, მაგრამ ეს გამოიყურება ძირითადად, რაც დავწერე.
იქ იყო ალბათ დაკარგული მძიმით სადღაც არის ჩემი რამ.
ფაქტობრივად შემდეგ, მე ვფიქრობ, მე დაკარგული მძიმით უფლება აქ რეალურად.
მაგრამ მე ვერ ვხედავ, რადგან ეს იყო off ეკრანზე.
>> მაგრამ თუ ჩვენ შეამჩნევთ, რომ ეს არის საკმაოდ ბევრად ზუსტად ის, რაც მე დავწერე.
მე ვფიქრობ, ალბათ, ყველაზე მძიმე ნაწილი ეს არის უბრალოდ სახის ეს რაღაც
აქ, გაგება რასაც ის აკეთებს.
ამ სახის რამ თქვენ ისწავლით მართლაც მხოლოდ Googling და პატიოსნად
უბრალოდ ცდილობს.
თუ ფიქრობთ, რომ ზოგიერთი მიეწერა, იქ ალბათ.
ასე ცდილობენ.
ვნახოთ, რა მოხდება.
როგორც ვთქვი, არსებობს ბევრი ექსპერიმენტების JavaScript,
და PHP, და ყველა, რომ პერსონალის და CSS განსაკუთრებით.
ეს არის ერთადერთი ჭეშმარიტი გზა გაგება.
>> OK, ასე შემდეგ, რომ fiasco პარტიის dot js, ჩვენ გვაქვს ორი სხვა ვარიანტი.
ჩვენ გვაქვს საათის ან Twitter.
ისინი ორივე საინტერესოა.
იქნებ არ საკმაოდ fun როგორც პარტიის, რომელსაც მაგარი პატარა strobing
რამ დასასრულს.
ნუ ბიჭებს რაიმე უპირატესობა?
აუდიტორია: Clock?
ALLISON BUCHHOLTZ-AU: Clock?
OK.
მაგარი.
>> ასე რომ კიდევ ერთხელ, ჩვენ გვაქვს ჩვენი ცარიელი JavaScript ფაილი.
და, როგორც ვხედავთ, აქ, ჩვენ აქვს ძალიან მარტივი HTML.
ჩვენ გვაქვს ჩვენი style sheet, რომ მხოლოდ ფორმატების რა უნდა გამოიყურებოდეს.
ჩვენ გვაქვს ჩვენი div ერთად Id საათის, რომელიც
უბრალოდ ამბობს, "ეს უნდა იყოს საათი".
და ჩვენ გვაქვს ჩვენი ლინკი ჩვენი JavaScript ფაილი
რომ რეალურად აპირებს გენერირება ჩვენი საათის ჩვენთვის.
იმის გამო, რომ მაგარი რამ არის, რომ თქვენ შეგიძლიათ მითითებული JavaScript ავტომატურად ამოცნობა
თავად.
OK?
ასე რომ, ნაცვლად ელოდება პროფაილი მოხვდა Refresh გვერდზე
ასე რომ თქვენ შეგიძლიათ მიიღოთ ქ დრო, JavaScript
შეუძლია განაახლოს ეს თუმცა ეს მოსწონს.
>> ასე რომ, როგორც ჩვენი ბოლო ერთი, გვინდოდა წვდომის ჩვენი ფონზე, არა?
ასე რომ, რას ფიქრობთ შეიძლება იყოს პირველი, რაც ჩვენ გვინდა აქ?
თუ ჩვენ სახის აპირებს off ამ სახის პარადიგმა აქ?
ჩვენ, ალბათ, სურს წვდომის ჩვენი clock, არა?
ასე რომ, ჩვენ გვაქვს გარკვეული var საათი, რომელიც შეადგენს
რას ვფიქრობთ, რომ ეს იქნება?
დოკუმენტის dot მისაღებად ელემენტს by-- მე ასევე მიყვარს Sublime-- Id ჩვენი Id არის საათი.
მძიმით.
მიიღო, რათა დავრწმუნდეთ, რომ მიიღოს იმ semicolons ამ დროს,
რადგან ვგრძნობ, რომ იყო პრობლემა ბოლო დროს.
OK, ასე რომ, როგორც მე უბრალოდ ვამბობ, ცდილობს უნდა JavaScript ამოცნობა თავად,
არსებობს ამ დიდი ფუნქცია, ვიცით, რომ მოვიდა მოსახერხებელი შარშან,
მე არ ვარ დარწმუნებული, რომ ეს მოდის მოსახერხებელი ამ pset, მაგრამ ეს ე.წ. კომპლექტი ინტერვალით.
და ეს არის რეალურად cool თუ ბიჭები არაფრის
დრო და მიღების განახლებული ინფორმაცია.
On a website for საბოლოო პროექტი, ეს, ალბათ,
ფუნქცია გსურთ მისაღებად სუპერ იცნობს.
ასე რომ, რა მითითებული ინტერვალი არ არის, რომ ჩვენ ვაპირებთ, რათა ეს ფუნქცია,
და რამდენად ხშირად ეს უნდა დარეკეთ ამ ფუნქციას.
OK?
>> ასე რომ, ამ შემთხვევაში, ჩვენ უბრალოდ აპირებს შეიქმნას გარკვეული ანონიმური ფუნქცია, კიდევ ერთხელ,
OK, რომ აპირებს მიიღოს ჩვენი თარიღი, და ჩვენი დრო,
და შემდეგ განახლება რამ და არიან.
ასე რომ, ჩვენ ფიქრი, რომ.
ჩვენ ვიქნებით, როგორიცაა გენერირება საათი აქ.
მაგრამ რაც ჩვენ გვჭირდება, არის, თუ როგორ ხშირად ამოცნობა.
ასე რომ, ამ შემთხვევაში, უბრალოდ მილიწამებში.
ასე რომ, ჩვენ უბრალოდ აპირებს გავაკეთოთ 100 მილიწამებში.
რა თქმა უნდა, სრულიად უკანონო.
თუ უნდოდა ეს უნდა განახლდეს ბევრად უფრო ნელა, თქვენ შეიძლება.
ჩვენ შეგვიძლია სასადილო გარშემო დადგენილი ინტერვალით,
დიდი ჩვენი ინტერვალის შემდეგ მივიღებთ სამუშაო საათი, რომელიც იმედია მე
მისაღებად.
ასე რომ, ეს უბრალოდ ვამბობ, "OK, დარეკეთ ამ ფუნქციის ყოველ 100 მილიწამებში. "
OK?
რომ ყველა ის აკეთებს.
>> ასე რომ, ჩვენ გვინდა, რომ ჩვენი ფუნქცია, რათა რომ არის ჩვენ გვინდა, რომ გარკვეული თარიღი
და გარკვეული დრო არის ის, რაც ჩვენ ვაპირებთ აქვს.
ასე რომ ჩვენ შეგვიძლია დავიწყოთ ჩვენი თარიღი უდრის რაღაც,
და ჩვენი დრო უდრის რაღაც რომ ჩვენ ჯერ არ ვიცით.
ან რეალურად, ჩვენ უბრალოდ უნდა თარიღი, რადგან თარიღი აპირებს მოიცავს ყველაფერს.
ერთხელ თუ უბრალოდ Google შესახებ არაფერი რა გსურთ გააკეთოთ, თუ წერთ, "OK,
მინდა კიდევ დრო JavaScript- ის საშუალებით, "ეს
მოგაწვდით ამ დიდი ფუნქცია მოუწოდა თარიღი.
ფაქტიურად, საუკეთესო რამ რომ თქვენ გსურთ,
JavaScript აპირებს აქვს ეს კეთდება თქვენთვის უკვე.
ეს იგივეა, როგორც ახალი მიიღეთ თარიღი, რომელიც creating--
ან ახალი თარიღი, rather-- რომელიც გამოიმუშავებს
ზოგიერთი ობიექტი, რომელიც წარმოადგენს თარიღი.
>> და რასაც ჩვენ ვაპირებთ გავაკეთოთ აქ ამ is-- მე ვაპირებ დავწერო,
და შემდეგ ახსნას რას აკეთებს.
ასე რომ მე დარწმუნდით მივიღო ეს უფლება.
>> OK, ასე რომ ეს ფუნქცია აკეთებს, ჩვენ უბრალოდ
ქმნის HTML, რომ, ფაქტობრივად, აპირებს წავიდეს ჩვენს div Id საათი.
ასე რომ ეს იქნება აკეთებს მხოლოდ მომტანი რამდენიმე სტრიქონი, OK?
რომელიც შემდეგ იქნება გადანერგილი შევიდა ჩვენი HTML.
ძირითადად რასაც ის აპირებს არის რასაც we-- რა მე გაჩვენებთ
რომ რაც ჩვენ ვამბობთ, HTML არის, ჩვენ ვაპირებთ, რომ შეცვალოს ამ ტექსტის აქ
რაც არ უნდა HTML არის.
ასე რომ, ეს აპირებს საშუალებას us შეცვალოს ჩვენი საათის dot
HTML, რომ მხოლოდ ტექსტი უნდა იყოს საათი, რეალურად აჩვენებს
ნომრები და რამ, რომ ჩვენ აღელვებს , და რეალურად იყოს საათზე.
>> ასე რომ, ჩვენ ვაპირებთ, რომ არის, რომ ჩვენ აპირებს დაიწყოს მომტანი ამ HTML.
ასე რომ, იგივე გზა, რომელიც ჩვენ უნდა გავაკეთოთ პლუს უდრის მთელი რიცხვები,
თქვენ შეგიძლიათ ამის გაკეთება, სიმები, გარდა ის აპირებს concatenate მათ.
არა?
როგორც დავინახეთ, პარტიის dot js, ეს მხოლოდ concatenates ეს ყველაფერი ერთად.
ასე რომ თქვენ შეგიძლიათ concatenate სხვადასხვა ბიტი HTML ცვლადები, ან ბიტი strings
რომ წერთ საკუთარ თავს, და ეს მხოლოდ
მართლაც გაძლევთ საშუალებას დინამიურად გენერირება HTML, რომელიც არის საკმაოდ გრილი.
ასე რომ, თუ თქვენ გაქვთ რაიმე ძალიან შესახებ კონკრეტული,
ეს შეიძლება საშუალებას გაძლევთ ამის გაკეთება.
>> ამიტომ ჩვენ უნდა HTML, რომ მე ვაპირებ სცადეთ და დარწმუნდით, მე ეს უფლება.
ასე რომ, ჩვენ ვაპირებთ, რომ ზოგიერთი h1 header.
ასე რომ, რა მნიშვნელოვანია გვესმოდეს აქ ის არის, რომ ეს არის რეალურად მხოლოდ HTML.
არა?
ჩვენ წერილობით ფაქტობრივი HTML კოდი აქ, ის
არა მხოლოდ სიმებიანი ნორმალური გზა, რომელიც ჩვენ გვინდა ვიფიქროთ, რომ.
ასე რომ, ჩვენ გვაქვს გარკვეული HTML.
ეს ითვლება სიმებიანი აქ, თუმცა.
და ჩვენ გავაკეთებთ თარიღი dot-- ჩვენ გვინდა ჩვენი საათის განმავლობაში.
კიდევ ერთხელ, თუ თქვენ უნდა ვეძებოთ up შესახებ არაფერი თარიღი,
ის გითხრათ, რომ ეს არის ყველა ატრიბუტები, რომ დღემდე აქვს.
და აქ რა შეგიძლიათ გამოიყენოთ იგი.
ასე რომ, ეს, ალბათ, რამ, როგორიცაა მიიღეთ საათის განმავლობაში, და მიიღეთ წუთი,
და მიიღეთ წამში, და მიიღეთ მილიწამებში, და ვინ იცის, რა აქვთ.
მაგრამ თუ გადავხედავთ შევიდა დოკუმენტაცია, იქნება ყველა იქ.
>> ამიტომ ჩვენ უნდა მიიღოს საათის განმავლობაში, და მაშინ ჩვენ გვინდა
to concatenate რომ with-- ვარ აპირებს გადავიდეს ამ მეტი აქ.
ასე რომ, თუ ჩვენ მომტანი ახლა, ჩვენ რეალურად მომტანი დროს, არა?
ჩვენ გვაქვს საათის განმავლობაში, და მაშინ რა შორის საათი და წუთი?
თქვენ გაქვთ მძიმით, არა?
ასე რომ ჩვენ გვინდა გავაკეთოთ ზოგიერთი მძიმით აქ.
და მაშინ ჩვენ გვინდა ჩვენი წუთი, ასე რომ იგივე გზა
რომ ჩვენ გვაქვს თარიღი dot მისაღებად საათი, როგორ შეიძლება მივიღებთ ჩვენი წუთი?
ეს ფაქტიურად თარიღდება dot მისაღებად წუთი, რომელიც I ტიპის მოსწონს.
ეს იგივეა, "ო, როგორ მივიღო ჩემი წუთი? "
მე უბრალოდ ჩემი წუთის განმავლობაში.
>> OK.
და მაშინ ჩვენ გვაქვს სხვა მსხვილი ნაწლავის აქ.
და მაშინ, თუ ჩვენ გვინდა, რომ ჩვენი წამი, როგორ შეიძლება მივიღებთ ჩვენი მეორე?
თარიღი dot მისაღებად წამი.
მე ვფიქრობ, რომ ეს არის საკმაოდ გრილი.
და რა მნიშვნელოვანია გააცნობიეროს, ის არის, რომ ჩვენ ასევე
უნდა დახუროს ჩვენი HTML tag აქ, იმიტომ, ეს უნდა ისევ ძალაშია HTML, ასე h1.
მაგარი.
>> ასე შემდეგ, ჩვენ შეგვიძლია გავაკეთოთ საათი dot შიდა HTML ტოლია HTML.
OK?
ასე მახსოვს, როგორ განაცხადა შიდა HTML ძირითადად
იღებს რასაც შორის ორი tags, რომ ჩვენ ვისაუბრეთ
და ჩანართები ან მანიპულირებს რაც არის იქ?
მერე რა ეს იმას, თუ ჩვენ დავბრუნდებით ჩვენს საათი,
ის არის, რომ საათის ეხება ყველაფერი შიგნით ამ div.
ეს არის შიდა HTML ამ Id საათის div.
და ამიტომ აპირებს შეცვალოს იგი HTML, რომ ჩვენ უბრალოდ გენერირებული,
რომელიც, რომელიც, იმედია, იმედია, იმედია,
გამოჩნდება დრო ახლა.
ჩვენ დავინახავთ.
რა თქმა უნდა.
ამდენი ტექნიკური საკითხები.
Allison ის just-- ვარ off ჩემი თამაში დღეს ბიჭები.
OK, რომელიც მუშაობს.
საათი dot შიდა HTML.
ეს იყო HTML მართლა?
ასევე, ეს არის, რა მოხდება.
როდესაც თქვენ ვერ ვხედავ რაღაც, თქვენ უბრალოდ შეხედეთ თქვენი კოდის.
OK.
ნუ თქვენ გინდათ ვიცი მაგარი მუშაობის გარშემო ჩვენ ვაპირებთ, რომ სწორედ აქ?
>> აუდიტორია: შეგიძლიათ გააკეთოთ ასოებით?
ასოებით?
იმიტომ, რომ თქვენ უნდა მიიღოს საათის განმავლობაში, და შემდეგ მიიღოს წუთის განმავლობაში.
>> ALLISON BUCHHOLTZ-AU: ეს არის კიდევ საათი და get-- oh.
თქვენ are-- ოქროს ვარსკვლავი.
ეს ყველა ტესტი, ბიჭები.
მე გპირდებით, რომ ის მუშაობს ადრე კლასის.
>> OK, მაგრამ რაღაც მაგარი იცოდეს არის რომ თქვენ შეგიძლიათ also-- თუ ზოგჯერ
თქვენი გარე ფაილი მიღების ცოტა გიჟები,
ასევე, შეგიძლიათ მხოლოდ ისინი სწორი აქ, რომელიც აპირებს დაფიქსირება რამ.
გარდა ამ ჰგავს მართლაც მახინჯი.
რა თქმა უნდა ფორმატის ყველაფერი.
დარწმუნდით, რომ ეს ყველაფერი საკმაოდ.
OK.
>> მინდოდა ამის გაკეთება ყველა მაგარი demos, და ისინი უბრალოდ არ მუშაობს out.
OK.
Script var საათი.
მაინც, რა არის მნიშვნელოვანი არის რომ ეს არის საერთო გზა
, რომ თქვენ ფორმატის JavaScript.
როგორც ხედავთ, ეს შეიძლება იყოს ძალიან finicky ზოგჯერ,
მაშინაც კი, როდესაც ეს იყო ფაქტიურად სამუშაო ორი წამი წინ.
თუ არა ორი მეორე წინ, მაგრამ ძალიან, ძალიან დიდი ხნის წინ.
>> ასე, რომ ნახოთ, თუ რა უნდა გამოიყურებოდეს, და დავანახოთ, რომ მე არ ვარ შეშლილი,
და რომ ყველაფერი ზუსტად იგივე, ეს არის ის, რაც უნდა გამოიყურებოდეს.
თქვენ უბრალოდ აპირებს ამის გაკეთებას ზედა ნაწილი აქ, და თუ გაქვთ გვერდი წყარო,
თუ თქვენ შეამჩნევთ, მან გარკვეული crazier რამ, მე გაამარტივა იგი.
ასევე, საკრედიტო Tommy McWilliam, რომლებიც სინამდვილეში
დამეხმარა შექმნა ეს მაგალითები, რის გამოც მე ვიცი, ისინი მუშაობენ.
იმიტომ, Tommy არის JavaScript ოსტატი.
მაგრამ თუ ჩვენ შეამჩნევთ, ჩვენ გვაქვს რამდენიმე კომპლექტი.
ჩვენ გვაქვს ჩვენი საათის ფუნქცია აქ.
ეს არის ყველა JavaScript, რომ ჩვენ უბრალოდ დაწერა, ან ზოგიერთი მას.
ჩვენ უბრალოდ დაწერა ეს ერთი უფლება აქ.
და მას აქვს დამატებითი ფუნქცია, რომელიც მხოლოდ ბალიშები ეს
აყენებს ნულოვანი ადრე წერილი, ან სანამ რიგი, თუ ის
მხოლოდ ერთი მათგანი.
ასე რომ, თუ თქვენ შეამჩნევთ, რომ ეს არის საკმაოდ ბევრად ზუსტად ის, რაც ჩვენ უბრალოდ დაწერა.
თქვენ უნდა გარკვეული ცვლადი საათი, რომელიც აქვს ჩვენი ელემენტს მისაღებად ელემენტს ით,
რაც საათი.
ჩვენ გვაქვს ჩვენი ნაკრები ინტერვალით ფუნქცია, რომ
ანონიმური ფუნქცია რომელიც ახორციელებს ყველა ამ.
ჩვენ ზოგიერთი დაწყებული სიმებიანი HTML, რომ ჩვენ მაშინ დინამიურად
გენერირება მიერ გარკვეული h1 header, ინტეგრირების
ერთად მიიღეთ საათი, პლუს ჩვენი ნაწლავის, ასევე მიღების
წუთებში, ასევე სხვა მსხვილი ნაწლავის, ასევე ჩვენი წამი,
და ბოლოს, დამთავრებული HTML იგი.
და მაშინ ჩვენ განაახლოს ჩვენი clock dot შიდა HTML HTML,
და ჩვენ განახლება ყოველ 100 მილიწამებში.
OK?
>> იხილეთ გპირდებით მე არ ვარ შეშლილი.
მე არ ვიცი.
მე არ ვიცი, რატომ არ მოვწონვარ.
მე ვგრძნობ, რომ გამოიყურება იგივე, მაგრამ როგორც ჩანს, ვძულვარ.
>> მოდით ვნახოთ, თუ ტურში სამი მიდის უკეთესი.
ჩვენ შესახებ იხ.
მე არ ვარ დარწმუნებული, თუ როგორ აპირებს წასვლა.
არის მაინც ყველას მისაღებად cons, მინდა უბრალოდ ზოგადი თემა
JavaScript, თუმცა?
იმედი მაქვს, რომ მაინც სასარგებლო, უფრო ვიდრე აჩვენებს, რომ ეს ცოტა finicky.
მაგრამ თქვენი პრობლემა კომპლექტი იქნება ძალიან სახალისო.
ეს იქნება დიდი.
ეს არ იქნება საკმაოდ როგორც tedious როგორც ეს, მე არ ვფიქრობ.
თქვენ რეალურად მისაღებად ვხედავ მართლაც მაგარი რამ.
>> ასე რომ, ბოლო, მაგრამ არანაკლებ, ჩვენ შევეცდებით Twitter ერთი.
მე ნამდვილად ეშინია ახლა, ბიჭები.
მე არ ვიცი, თუ როგორ აპირებს წასვლა.
მაგრამ უნდა გადმოგცეთ პატარა უფრო გემოვნების და ეს არის რეალურად
მანიპულირების სიმები და საშუალებებით, რასაც ჩვენ ვაპირებთ, რომ
არის, თუ ჩვენ შეამჩნევთ აქ HTML-- ეს ერთი ცოტა more--
ჩვენ გვაქვს გარკვეული ტექსტი ტერიტორია, რომელიც შეესაბამება ამ ტექსტის სფეროში აქ.
OK?
და რომ Id ტექსტი.
ჩვენ გადაარქვეს ცოტა ზოგიერთი სიგანე და სიმაღლე
რომ ჩვენ წინასწარ, და ჩვენ h1,
რომელიც მხოლოდ ჩვენი header ერთი, რომ წარმოადგენს ჩვენი გმირები დატოვა.
ჩვენ მივეცით მას გარკვეული Id of გმირები დარჩენილი,
და მაშინ ჩვენ გვაქვს script აქ, რაც მე ნამდვილად
იმ იმედით, მესამედ მიერ ხიბლი აქ, ბიჭები.
>> ასე რომ, ჩვენ გვინდა, რომ გავაკეთოთ, იმავე ზოგადი ვენების
რომ ჩვენ გავაკეთეთ ზე dot js და პარტიის dot js როგორც ჩვენ შენიშნა,
არის დავიწყეთ რეალურად grabbing რამ, რომ ჩვენ აღელვებს, არა?
ასე რომ, ამ შემთხვევაში, არსებობს ორი რამ, რომ ჩვენ აღელვებს, OK?
ერთი რამ, რომ ჩვენ რეალურად სახის გადავხედავ და ხატვის მონაცემები,
და ერთი რამ, რომ ჩვენ რეალურად იცვლება.
ასე რომ იქ ჩვენი HTML.
თუ ეს არის ჩვენი ვებ გვერდზე აქ, რა არის მონაცემები, რომ ჩვენ ვეძებთ?
ის იქნება რასაც ტექსტში ჩვენი ყუთები, არა?
ასე რომ, რაც მე აკრიფოთ აქ.
ეს არის ის, რაც მე მინდა იცით, ან ეს არის ის, რაც მე მინდა შევხედოთ.
და რა იქნება იცვლება ჩვენი ვებ გვერდი?
გმირები დარჩენილი.
ასე რომ, იგივე გზა, ჩვენ გვინდა გავუშვით მიერ ინიციალიზაციისას ცვლადები
რომ რეალურად გამართავს გადატანა იმ ელემენტებს.
OK?
ასე რომ, თუ ჩვენ გვაქვს გარკვეული var ეს არის ჩვენი ტექსტის არე,
და ჩვენ გვაქვს გარკვეული var, რომ დარჩენილი.
არა?
ასე რომ ეს აპირებს ჩაატაროს იმ ორი რამ.
ასე რომ, იგივე სახის რამ, დოკუმენტის dot-- OK, მე
ვაპირებთ, რომ დავრწმუნდეთ, რომ ეს არის იმუშავებს ამ დროს.
მე ძალიან დარწმუნებულია.
OK, ასე რომ, თუ გვინდა, რომ ჩვენი ტექსტის ტერიტორიაზე თანახმად,
ჩვენი HTML, რა არის ჩვენი იდენტიფიკატორი?
რა არის ჩვენი Id?
ეს უბრალოდ იქნება ტექსტი, რადგან ეს ქმნის ჩვენი ტექსტი ნაკვეთი, OK,
და ჩვენი Id ტექსტი, ისე, რომ როგორ შეგვიძლია დაიბრუნოს რა იქ.
OK, მძიმით.
მე ვაპირებ იყოს სუპერ ზუსტი შესახებ,
რადგან მინდა, რომ ეს მუშაობა ამ დროს.
OK, გავაკეთოთ იგივე, მიიღეთ ელემენტს Id.
მე ნამდვილად მაინტერესებს, რა აქვს გამოწვეული სხვა ორი mess up.
OK, მაშინ ამ ერთი, რა გვინდა, რათა შეამოწმონ?
რა არის ჩვენი Id აქ?
ჩვენ გვაქვს კიდევ ერთი Id in ჩვენი HTML, რა არის ეს?
აუდიტორია: პერსონაჯები დარჩენილი.
ALLISON BUCHHOLTZ-AU: დარჩენილი ნიშნები.
>> OK.
მაგარი.
ამიტომ მე უბრალოდ აპირებს წერენ ამ მართლაც სწრაფი.
მე უბრალოდ აპირებს დაწერა ეს მეორე.
ასე ტექსტი ტერიტორიაზე.
საინტერესო ისაა, B ფუნქცია არსებობს უამრავი ფუნქციები, რომელიც არა მხოლოდ
შეესაბამება თქვენი თაგვის, მაგრამ თქვენს კლავიატურაზე.
OK?
ასე შეიძლება ითქვას, როდესაც რაიმე გასაღები არის დაპრესილი, შეგიძლიათ რამ, როგორიცაა, რომ.
ასე რომ, ერთი, რომ ჩვენ გამოყენებით ეწოდება გასაღები up, რომელიც
ამბობს, "თუ თქვენ დაპრესილი ნებისმიერ ღილაკს თქვენს კლავიატურაზე, როდესაც მომხმარებელი გააუქმა
მათი თითის off ღილაკს, და გასაღები გახდა unpressed,
მაშინ ჩვენ ვაპირებთ, რომ რამე ".
OK?
ასე რომ, ეს აზრი, არა?
იმიტომ, რომ ყველა პერსონაჟი ჩვენ ტიპის, ჩვენ ვაპირებთ
უნდა მოხსნას ჩვენი თითების off ეს, ასე რომ, როდესაც გასაღები მიდის,
ჩვენ შეგვიძლია გავიგოთ, რომ decrement ჩვენი გმირები დარჩენილი.
>> ასე რომ, ჩვენ გვაქვს გასაღები up, და ანალოგიურად,
ჩვენ ვაპირებთ, რომ ვთქვათ, "OK, როდესაც ჩვენ გავაკეთებთ, რომ ჩვენ
ვაპირებთ, რომ შევქმნათ რამოდენიმე ფუნქცია რომ აპირებს e ", ამ შემთხვევაში,
და რა გვინდა გავაკეთოთ არის გამოთვლა რაოდენობის დარჩენილი.
OK, მოდით დავიწყო შექმნით ცვლადი.
ამიტომ ჩვენ გვაქვს რამდენიმე ცვლადი r, რომ აპირებს წარმოადგენს
რამდენი გმირები ჩვენ არ დაუტოვებიათ.
OK?
ჩვენ ვიცით, რომ ჩვენ დავიწყებთ 140, და თუ ჩვენ გვინდა ვიცოდეთ,
ვთქვათ, სიგრძით ეს string, რომ უკვე input,
რა ბიჭებს რაიმე იდეა როგორ შეიძლება ამის გაკეთება?
მხოლოდ დაფუძნებული off აშკარა რამ, როგორიცაა, თუ გვინდოდა საათი,
ჩვენ გამოიყენება მიიღოს საათის განმავლობაში.
ჩვენ ვიცით, რომ ჩვენი მიზანია ტექსტის ტერიტორიაზე, მაგრამ ვერ თქვენ ბიჭები
ვფიქრობ, რა შეიძლება დადგეს ეს?
ნებისმიერი იდეები?
>> ასე რომ, ეს ერთი სახის ნაკლები ინტუიციური, მაგრამ მისი ღირებულება dot სიგრძე.
ასე რომ მხოლოდ მომეცით მნიშვნელობა ატრიბუტი, რომელიც
რეალურად, სიგრძით ეს კონტექსტი.
ასე რომ, ის აპირებს ამბობენ, "OK, ვეძებ ამ მთელი სიმებიანი ფარგლებში ტექსტი ტერიტორია,
და მე ვაპირებ ვუთხრა თქვენ რამდენი ხანი არის. "
იმიტომ, რომ თუ ჩვენ გვახსოვს strings მართლაც მხოლოდ მასივი,
ამიტომ ჩვენ შეგვიძლია მხოლოდ მიიღოს სიგრძეზე მათ.
ამიტომ ჩვენ გვაქვს.
მაგარი.
>> შემდეგ, რაც ჩვენ გვსურს რომ არის ჩვენ არასოდეს გვინდა დაუშვას შესახებ
შეყვანის ზე მეტი 140 სიმბოლო, არა?
იმიტომ, რომ თუ ჩვენ ვამბობთ, როგორიცაა, "ო, თქვენ მხოლოდ ამ ბევრი დარჩა "
და შემდეგ მისცეს მათ ამის გაკეთება მაინც, ჩვენ ცრუობს.
და ეს არის კიდევ ერთი საქმე იმაშია, რომ JavaScript
შეიძლება მართლაც კარგი , არის შესახებ დადასტურება
და მიღების დარწმუნებული ვარ, რომ თქვენი პროფაილი ჯდება რაიმე წესები
რომ თქვენ აღმოუჩინეს.
ასე რომ, თუ გსურთ რამ, როგორიცაა მიღების დარწმუნებული ვარ, ვინმე შეყვანის მათი ელექტრონული ფოსტის მისამართი,
ან მიღების დარწმუნებული ვარ, რომ როდესაც ისინი შესვლის პაროლები, ისინი შესაბამისი.
JavaScript არ შეუძლია.
თქვენ რაღაც, როგორიცაა, "როდესაც სახით არის წარმოდგენილი ", ან მოსწონს,
"როდესაც წარადგინეთ ფორმა ღილაკს დააწკაპებთ, შეამოწმეთ ეს ყველაფერი. "
და ჩვენ შეგვიძლია გავაკეთოთ, რომ JavaScript.
ასე რომ მხოლოდ ის, რაც ჩვენ ვაპირებთ, რომ აქ.
>> ასე რომ, რა შეიძლება იყოს გზა, რათა შეამოწმოს, თუ ისინი წავიდნენ 140-ზე მეტი პერსონაჟი?
რა მოხდება ჩვენი ღირებულება r თუ ისინი ცდილობენ?
ეს იქნება უარყოფითი, არა?
ან ის იქნება ნაკლები, ვიდრე ან ნულის ტოლია.
ასე რომ, ჩვენ შეგვიძლია გამოვიყენოთ, თუ ეს არის ისევე, როგორც სხვა ყველაფერი.
OK?
და ჩვენ გვაქვს გარკვეული ტექსტი ნაკვეთი dot მნიშვნელობა, რასაც ჩვენ ვაკეთებთ აქ
ჩვენ უბრალოდ cutting-- რა არის ეს?
უკაცრავად.
ეს ერთი, ჩვენ უბრალოდ გვინდა დაბრუნების ცრუ.
მე აერია.
ყველა Frazzled რამ არ მუშაობს.
OK, ჩვენ უბრალოდ გვინდა დაბრუნების ცრუ, და მაშინ ჩვენ
გინდათ რომ გამოაჩინოთ დარჩენილი სიმბოლოების, არა?
ასე რომ, საათი, ჩვენ გავაკეთეთ რაღაც შინაგანი HTML, არა?
სადაც ჩვენ ვაყენებთ მას ტოლი ზოგიერთი ცვლადი, ასე რომ რა შეიძლება გავაკეთოთ აქ?
რა ჩვენ იცვლება შიდა HTML?
>> აუდიტორია: დარჩენილი?
>> ALLISON BUCHHOLTZ-AU: ჩვენ ცვალებად დარჩენილი.
ყველა უფლება, და რა ჩვენ მინდა მითითებული ის ტოლია?
ეს იქნება r, იმიტომ, რომ უნდა იყოს ჩვენი გმირები დარჩენილი.
OK?
ასე რომ მე ნამდვილად ნერვიულობის, რომ, თუ ამ მუშაობს, მაგრამ ჩვენ დავინახავთ.
დატოვეთ ეს.
რომ მართლაც სწრაფი.
[INAUDIBLE] OK.
ერთხელ, მე უბრალოდ აპირებს გაჩვენოთ.
სხვადსხვა მიზეზის გამო, mine გადაწყვეტს, რომ არ მუშაობს,
მაგრამ რა მე გაჩვენებთ არის, რომ ეს is-- oh, მე უნდა დააყენოს, რომ.
OK, ჩვენ შეამჩნია იგივე სახის რამ აქ, მიღების ტექსტში ტერიტორიაზე.
>> გარდა ამისა, თუ ბიჭი შეამჩნია, თუ არსებობს ოდესმე რაღაც გსურთ ამის გაკეთება,
და თქვენ არ იცით, თუ როგორ უნდა გავაკეთოთ ის, უბრალოდ დააჭირეთ View Page წყარო,
და ისინი აპირებენ, რომ გითხრათ.
ზოგჯერ ეს იქნება დაშიფრული.
თქვენი pset, ჩვენ დაშიფვრა ყველაფერი, ასე რომ, ეს მხოლოდ ჰგავს გაუგებრობა.
მაგრამ თუ არსებობს ოდესმე მართლაც მაგარი საიტი, რომელიც გსურთ,
თუ უბრალოდ დააჭირეთ View Page წყარო, ის აპირებს გითხრათ, თუ როგორ უნდა გავაკეთოთ.
ასე რომ კიდევ ერთხელ, მუშაობა მსოფლიოს სასურველი სტუმარი გახდებით, არ დამძიმდა.
და როგორც ხედავთ აქ, ყველა ეს ყველაფერი არის იგივე.
ეს ერთი აქ მხოლოდ იღებს გარკვეული substring რომ, მე დაგვავიწყდეს, ზუსტად რა ეს იმას.
მაგრამ აშკარად სჭირდება გარკვეული substring ღირებულება ნულიდან ათი,
და დააბრუნებს false რა უნდა შეწყვიტოს საქართველოს შესახებ შესაყვანი აღარ,
და მაშინ აშკარად განახლებები შიდა HTML არსებობს.
>> მაგარი.
ასე რომ, დიდი მიიღოს aways დღეს, ექსპერიმენტი, შევხედოთ კოდის
იმიტომ, რომ ის აპირებს დაგეხმარებათ ბევრი, და ყველას, ზოგჯერ JavaScript
შეიძლება იყოს მძიმე მუშაობა და არ ყოველთვის მუშაობა გზა ელის მას,
მაგრამ მხოლოდ შენარჩუნებას ცდილობს იმიტომ, რომ მე გპირდებით, რომ ეს იქნება.
მე გპირდებით, ყველა ამ მაგალითები იყო სამუშაო ადრე კლასის.
მე არ მესმის რა მოხდა.
მე ფაქტიურად ყველაფერი იგივე.
>> ერთი რამ, რომ მე უბრალოდ მინდა გაჩვენებ ბიჭებს, რომ შეიძლება იყოს სუპერ სასარგებლო
არის in-- რა მუშაობდა ადრე?
მივიღეთ პარტიის მუშაობა, არ გვაქვს?
მე ასე ვფიქრობ.
დიახ.
ჩვენ გავაკეთეთ.
გასაოცარია.
OK, ასე რომ ერთი რამ, რომ თქვენ ბიჭები უნდა იცოდეს
არის კონსოლის ჟურნალი, რომ ვსაუბრობდი.
ასე ნუგეშია dot ჟურნალი hello.
ასე რომ, ეს არის ერთგვარი JavaScript ექვივალენტი printf.
ასე რომ, თუ თქვენ ოდესმე გვინდა შეამოწმოს თქვენი ცვლადები
ან, რა ხდება იქ, რა შეგიძლიათ გააკეთოთ, თუ ჩვენ შეამოწმოს ელემენტის,
არის ის, რაც გსურთ წავიდეთ , და თქვენ გადასვლა ნუგეშია,
დაინახავთ, რომ დაბეჭდილი hello.
>> ასე რომ, ჩვენ შეიძლება ეს ბეჭდვითი რაც გვინდოდა.
თუ გვინდოდა ბეჭდვა ფონზე dot style dot ფონზე,
ჩვენ უნდა ნახოს RGB triple, რომ მოდის up.
თუ არა.
მე დაგვავიწყდეს, თუ რამდენად თქვენ ბეჭდვა ცვლადი როგორც, რომ,
მაგრამ თქვენ უნდა შეეძლოს ბეჭდვა რამ, როგორიცაა, რომ.
რომ ძალიან სასარგებლო იქნება თქვენი pset, როდესაც
თქვენ ცდილობთ მანიპულირება კოორდინატები ან whatnot.
ასე რომ, ისინი ასევე შეცვალოს ეს ნაჭერი კლასში.
ეს განსხვავდება ბოლო წლების განმავლობაში, ასე რომ უბრალოდ იყოს ლამაზი თქვენი TFs, ან TFs
ოფისში საათის არამედ, იმიტომ, რომ ჩვენ როგორია სასწავლო ერთად ბიჭები.
მაგრამ console ჟურნალი იყო სუპერ, სუპერ სასარგებლო JavaScript შარშან.
ასე მიყვარს.
ვისწავლოთ თუ როგორ გამოიყენოთ იგი.
ეს ადვილი გამოყენება, ვიდრე GDB, ისე, რომ უნდა იყოს მინიმუმ პლუს წერტილი.
მაგრამ მადლობა ბიჭებს ეყრდნობიან ჩემთან ერთად.
მე ვწუხვარ, რომ ჩემი მაგალითები რატომღაც
უბრალოდ არ სურს ითანამშრომლოს, მაგრამ მე
იმედი გვაქვს, რომ ეს დაეხმარა სახის მისაღებად თქვენ ცოტა მეტი ზონაში JavaScript.
და გამომიგზავნოთ თქვენი კითხვები მომავალ კვირას ასე შეიძლება სუპერ გარემონტებული,
და მე მოუტანს candy და კიდევ დამატებით candy რადგან ეს იყო სასაცილოა.
მაგრამ თქვენ ბიჭები არიან დიდი, და რა კვირაში.