>> JASON HIRSCHHORN: স্বাগতম, সপ্তাহে নয়টি সবাই,.
আমরা এগিয়ে আমাদের একটি উত্তেজনাপূর্ণ সপ্তাহে আছে আমরা আমাদের চূড়ান্ত সমস্যা সেট আছে.
আমরা একটি ব্র্যান্ড নতুন ভাষা আছে, যদি আপনি ইতিমধ্যেই আছে যে জাভাস্ক্রিপ্ট,
এই জন্য না শুধুমাত্র ব্যবহার করে তন্মধ্যে সমস্যা সেট, কিন্তু আপনি অনেক হবে
সম্ভবত চূড়ান্ত জন্য এটি ব্যবহার প্রকল্প, বিশেষ করে
ওয়েব ভিত্তিক চূড়ান্ত প্রকল্প.
সুতরাং যে আমরা পরে আজ উপর যাবেন কি সম্পদ সম্পর্কে সংক্ষেপে কথা বলা,
আমরা প্রতি সপ্তাহে না যা.
আমরা তখন জাভাস্ক্রিপ্ট মধ্যে তিড়িং লাফ, এবং করব আমরা একটি সঙ্গে আড়ি সব ব্যয় করব
ডলফিন প্রশিক্ষকদের কোডিং কর্মকান্ডের হাত অন খেপান মত যা 2K13,
2013, কিন্তু ডলফিনের জন্য এবং জাভাস্ক্রিপ্ট মধ্যে.
>> [হাস্য]
>> JASON HIRSCHHORN: তাই হিসাবে সবসময়, একটি তালিকা আপনি চেক আউট জন্য সম্পদ.
এই সম্পদ, বিশেষ করে গুরুত্বপূর্ণ আগামী সপ্তাহে নেভিগেশন কারণ
বুধবার প্রশ্নোত্তর এক, আপনার দ্বিতীয় এবং এই কোর্সে চূড়ান্ত ব্যঙ্গ.
শুধু ব্যঙ্গ শূন্য মত, এটা 75 মিনিট এবং 1 ২ পরে একটু শুরু হয়.
এটা দিন শূন্য থেকে সবকিছু জুড়ে এই অবশ্যই, কিন্তু এটা অবশ্যই
যে সব কিছুর উপর জোর দেয় ব্যঙ্গ এক থেকে ঘটেছে.
>> তবে অবশ্যই, আমরা loops জন্য আচ্ছাদিত বছরের শুরুতে.
Loops সম্ভবত এখনও যাচ্ছে জন্য এই ব্যঙ্গ একটি অংশ হতে, তাই এটা না
ভালো আপনি সবকিছু উপেক্ষা করতে পারে সপ্তাহে পাঁচ বা ব্যঙ্গ শূন্য আগে ঘটেছে
এই কোর্সের তৈরী করে কারণ নিজেই অনেক.
কিন্তু অবশ্যই জোর দেওয়া হবে আমরা সপ্তাহে ছয় থেকে শিখেছি করেছি জিনিস.
যে পিএইচপি, জাভাস্ক্রিপ্ট, এসকিউএল করার অন্তর্ভুক্ত নিশ্চিত করুন, এবং এছাড়াও আরো উন্নত করা
আমরা সি সম্পর্কে বললাম ডাটা স্ট্রাকচার একটা গোটা অন্যান্য বিষয়ের হোস্ট, কিন্তু আমরা
আগামী সপ্তাহে যে আলোচনা করা হবে আমরা ব্যঙ্গ জন্য পর্যালোচনা হিসাবে.
>> এবং এছাড়াও, হিসাবে সবসময়, আপনি কোন আছে আপনি হিসাবে ব্যঙ্গ সম্পর্কে প্রশ্ন
প্রস্তুতকরণ, বিনামূল্যে হতে তাদের আমার উপায় পাঠান.
ঠিক এখন, কেহ কোনো আছে ব্যঙ্গ সম্পর্কে দ্রুত প্রশ্ন?
>> ঠিক আছে.
এটা বা খামখেয়াল চিন্তা করতে হবে না এই মুহূর্তে প্রায় আউট, কিন্তু এ যে রাখা
আপনার মনের ফিরে, যে কারণ এখন থেকে এক সপ্তাহ এবং একটি দিন ঘটছে.
>> অবশেষে, আমি মনে করি আমরা প্রতি চালাচ্ছেন জানি সেমিস্টারে শেষ -
পরে বাকি মাত্র দুটি বিভাগে আছে এই - কিন্তু এখনও আমি উত্তেজিত এবং am
আপনার প্রতিক্রিয়ার জন্য অধীর আপনার কোন আছে.
আমি ঐ করতে চাই সর্বকালের সেরা দুটি বিভাগে.
তারা সম্ভবত, হতে হবে প্রতিটি কারণ অধ্যায় অসাধারণ এবং কখনও ভাল.
আমি যে সম্ভব জানি না কিন্তু তারা সব চমত্কার চলেছি, আমি মনে করি.
>> আমি করেছি অর্জিত প্রতিক্রিয়া বন্ধ trailed হয়েছে জন্য যেহেতু কিছুই এবং কেউ
সপ্তাহ শেষ দম্পতি, তাই দিন আপনি তা যদি আমাকে কিছু প্রতিক্রিয়া.
এটি তিন মিনিট সময় লাগে.
আপনি ভাল জিনিস আপনি কি আমাকে বলতে পারেন আমার করছেন রাখতে চান বা
জিনিষ আমি কাজ করতে পারেন.
আমি ভাল শিক্ষক হতে চেষ্টা করছি সম্ভব, অথবা আমি যথাসাধ্য চেষ্টা করছি
আমি করতে পারেন, কিন্তু আমি করতে পারবো না যে আমি না হলে আপনি না করছেন জানি.
এবং এটি আপনি অধ করছি কেন বলা কঠিন ক্লাসে ঘুমিয়ে, তাই আমাকে দেওয়া
যে ক্ষেত্রে ছিল কেন পরে জানি.
>> আমি গত সপ্তাহে আপনি এই ছবিটি দেখিয়েছেন.
এই কিশোর Mutant নিনজা Turtles হয় আমি ছোট মনে হয় যখন আমি ছিল সাইকেল,
এবং আমরা আপনাকে বলছি ধাক্কা চালিয়ে যাচ্ছি প্রশিক্ষণ চাকার ছাড়া আমরা চুবান হিসাবে
অন্য ভাষায় আপনি.
কিন্তু আশ্বস্ত, জাভাস্ক্রিপ্ট, পিএইচপি মত, আপনি করেছি জিনিস অনুরূপ
অতীতে কাজ করেছেন.
যুক্তি অনেক যদি ধরে স্থানান্তর না সিনট্যাক্স, ঠিক এক জন্য এক.
কিন্তু আবার, এই ভাষার যে সব আমরা গত কয়েক ওভার সর্বস্বান্ত করেছি
সপ্তাহ, তারা অপ্রতিরোধ্য মনে যদিও, অবিশ্বাস্যভাবে শক্তিশালী এবং অনুমতি দেবে
আপনি আপনার চূড়ান্ত প্রকল্পে অনেক কাজ এবং সম্ভবত অন্য ওয়েবসাইটে যে আপনি
ভবিষ্যতে অবস্থান.
>> তাই আরও ঝামেলা ছাড়া, আমরা চলুন জাভাস্ক্রিপ্ট মধ্যে ডাইভিং শুরু.
আমরা সংক্ষেপে এটি সম্পর্কে কথা বলতে যাচ্ছে এবং করছি তারপর সত্যিই হাত অন ঢোকা
এই ধারার অংশ কোডিং.
সুতরাং জাভাস্ক্রিপ্ট একটি ক্লায়েন্ট প্রান্তের স্ক্রিপ্টিং হয় এটা যার মানে ভাষা,
পিএইচপি চেয়ে ভিন্ন এবং এটি আলাদা সি জাভাস্ক্রিপ্ট কম্পাইল এবং না আর
এটা সার্ভারের দ্বারা মৃত্যুদন্ড কার্যকর না.
বরং, আপনি এটা লোড.
আপনি লোড করার সময় আপনি একটি জাভাস্ক্রিপ্ট পাতা লোড একটি ওয়েব পৃষ্ঠা, এবং তারপর এটি executes
আপনার মেশিনে.
যা আপনি দেখতে পারেন মানে সব যে জাভাস্ক্রিপ্ট কোড
আপনার কম্পিউটারে পাঠানো.
>> কখনও কখনও এটি একটি সংক্ষিপ্ত বা কোডেড হচ্ছে বিট,, একটি বিট এনক্রিপ্ট করা, যাতে আপনি
কি করছেন স্পষ্টভাবে বলতে পারে না.
উদাহরণস্বরূপ, আপনি CS50 বা চেক আউট যদি এই সপ্তাহের জন্য কর্মীদের সমাধান
, সমস্যা সেট, এবং আপনি service.js যান আপনি আসলে আপনি বলতে না পারেন বিজ্ঞপ্তি পাবেন
আমরা কি আপনার দেওয়া কি থেকে কি.
আমরা করতে এটি একটি বিট এনক্রিপ্ট কিছুটা কঠিন যে.
যাইহোক, যদি আপনি সঠিক দেখতে পারেন আমরা নির্বাহ হয় জাভাস্ক্রিপ্ট ফাইল
এবং আমাদের প্রোগ্রাম চালানো সম্ভব.
সুতরাং যে এটা একটা করা মানে কি ক্লায়েন্ট প্রান্তের স্ক্রিপ্টিং ভাষা.
>> C এবং পিএইচপি, যদিও, জাভাস্ক্রিপ্ট অনুরূপ loops জন্য, যদি / অন্য রয়েছে
শর্ত, যখন loops.
পিএইচপি অনুরূপ, এটি একটি আছে foreach লুপ হিসাবে ভাল.
যাও এবং আবার, অনুরূপ আমরা দেখা হয়েছে যে syntaxes
আমরা ইতিমধ্যে করেছি যে ভাষায় সঙ্গে কাজ করেন.
>> অবশেষে, কখনই অংশ এক জাভাস্ক্রিপ্ট, এবং আমরা থাকব কিছু
আজ অনেক কাজ, এবং সম্ভবত আপনি পাবেন আপনার পি সেট দিয়ে অনেক কাজ করা আপনি যদি
ইতিমধ্যে এটি অভিজ্ঞ না, আপনি হয় আপনি সব ত্রুটি পরীক্ষা করতে পারেন
JavaScript কনসোল মাধ্যমে আপনার কোডে.
আমরা একটি বিট গত সপ্তাহে এটি দিকে তাকিয়ে.
আমরা কনসোল বিভিন্ন ধরনের দিকে তাকিয়ে একটি পৃষ্ঠা পরিদর্শন করা, কিন্তু এ থেকে
ক্রোম, আবার, আপনি লেআউট দেখতে পারেন, এইচটিএমএল, আপনার পৃষ্ঠায় যে নথিতে
পর্দায় আপনি দেখাচ্ছে.
আপনি জাভাস্ক্রিপ্ট সব দেখতে পারেন যেমন, যে পাতা গঠন, এবং আপনি এটিও করতে পারেন
আমি বলেন, ত্রুটি সব দেখতে JavaScript কনসোল মধ্যে.
এবং আমরা অনুভব করব যে আরও আমরা কোডিং শুরু যখন একটু.
>> সম্পর্কে একটি বিষয় উল্লেখ্য যে জাভাস্ক্রিপ্ট ভেরিয়েবল.
পিএইচপি ভেরিয়েবল ভালো লেগেছে, তারা আছেন ঢিলেঢালাভাবে-টাইপ করা, যাতে আপনি করতে হবে না
তাদের একটি নির্দিষ্ট ধরনের দিতে.
সুযোগ নিরিখে যে সংজ্ঞায়িত করা হয় ও "var" অভিব্যক্তি দ্বারা.
সুতরাং আপনি সামনে একটি অভিব্যক্তি করা না হলে কিছু, আপনি শুধু নাম লিখুন
ভেরিয়েবলের তারপর, একটি নিয়োগ অপারেটর, এই ক্ষেত্রে সমান চিহ্ন.
আমি অধিকার আছে একটি সেমিকোলন বিস্মরণ করছি কিন্তু একটি সেমিকোলন আছে অনুমান
অধিকার আছে.
>> তারপর আপনি তৈরি করছেন একটি বিশ্বব্যাপী পরিবর্তনশীল.
এর পরে ও "var" অভিব্যক্তি, করা হলে আপনি এটা স্থানীয় কিছু টাইপ প্রদান করছি
সুযোগ, যে কিনা একটি ফাংশন বা একটি লুপ.
সুতরাং যে এক জিনিস করতে হয় ভেরিয়েবলের জন্য রাখবেন.
>> জাভাস্ক্রিপ্ট ভাষা.
jQuery উপরে নির্মিত লাইব্রেরি জাভাস্ক্রিপ্ট ভাষা, এবং আপনি
বক্তৃতায় আগে এটা দেখা.
আপনি চলুন যদি আমি অত্যন্ত, সুপারিশ আপনার ফাইনালে জাভাস্ক্রিপ্ট ব্যবহার করা
প্রকল্প, আপনি jQuery জানতে পারেন যে.
এটা আপনি চান সবকিছু করে তোলে অনেক সহজ, অনেক কাজ করতে.
এটি বিস্ময়কর সঙ্গে আসে ডকুমেন্টেশন এবং পেতে সাহায্য উদাহরণ
আপনাকে শুরু.
আজ আমরা হতে যাচ্ছেন পাশাপাশি jQuery ব্যবহার করে.
>> এগুলি কি আমি এই স্লাইডে আছে, jQuery খুব মূলসূত্র.
আপনার HTML ফাইল বা উপরে ইন যাই হোক না কেন - আপনার index.php ফাইল, আপনার
index.html ফাইল - আপনি প্রয়োজন এই দুই লাইন অন্তর্ভুক্ত.
এই প্রশংসনীয় জেনেরিক লাইন হয়.
প্রথম লাইন jQuery অন্তর্ভুক্ত জাভাস্ক্রিপ্ট ফাইল, এবং দ্বিতীয় লাইন
আপনি লিখিত করেছি যেখানেই রয়েছে আপনার নিজের জাভাস্ক্রিপ্ট কোড.
এবং অবশ্যই, কারণ আপনার আপনি সম্ভবত ব্যবহার করেছি জাভাস্ক্রিপ্ট কোড
কিছু jQuery লাইব্রেরি ফাংশন, এর পর যেতে প্রয়োজন
jQuery অন্তর্ভুক্তি স্ক্রিপ্ট.
আমরা এই অন্বেষণ করা হবে আবার একটি মুহূর্ত.
>> এবং পরিশেষে, জাভাস্ক্রিপ্ট ফাইলের মধ্যে, আমি এক index.js এই কল.
এটা scripts.js হতে পারে.
যাই হোক এটা, যাই হোক না কেন জাভাস্ক্রিপ্ট ফাইল আপনি, আপনি সাধারণত শুরু করেছেন
কোড এই লাইন দিয়ে, ডলার চিহ্ন, খোলা paren, নথি, বন্ধ paren,
কাল, প্রস্তুত, খোলা paren, ফাংশন, তারপর খোলা paren, বন্ধ paren, এবং
কোঁকড়া বক্রবন্ধনী.
তারপর ভিতরে আছে আপনার কোড নিক্ষেপ করা, এবং বন্ধ, একটি কোঁকড়া বক্রবন্ধনী সঙ্গে এটি শেষ
paren, সেমিকোলন.
>> সুতরাং একটি প্রদত্ত হিসাবে এই নিতে.
আপনি jQuery ব্যবহার করা যাচ্ছে করছি, মোড়ানো ভিতরে আপনার jQuery কোড সব
কোড এই লাইন.
এবং আমরা একটি দ্বিতীয় মধ্যে আবার দেখতে পাবেন.
>> আবার আমরা jQuery সঙ্গে কাজ করব আমরা যেতে হিসাবে এবং প্রশ্ন জিজ্ঞাসা করুন
আজ, কিন্তু কেহ কোনো আছে jQuery বা সম্পর্কে প্রশ্ন
এই মুহূর্তে জাভাস্ক্রিপ্ট?
>> ঠিক আছে.
তাই আরও ঝামেলা ছাড়া, আমি উপস্থাপন ডলফিন প্রশিক্ষকদের 2K13 আপনাকে.
আমি এই সর্বশেষ ওপর প্রচন্ড উত্তেজিত করছি পণ্যের সংস্করণ.
>> না, ওহ!
আমি উত্তেজিত ছিল.
আমি আপনাকে বলছি এটা দেখানোর জন্য চালু ছিল, এক না আছে মত কিন্তু এটা দেখে মনে হচ্ছে
এখনো এটি প্রয়োগ.
আসুন এই একটু বড় করা যাক.
আমি ডলফিন জন্য কোড লোড তাই যদি প্রশিক্ষকদের - এটা Dang.
আমি দুঃখিত, বলছি না.
আমি বর্গ আগে এই কাজ ছিল.
আমি মনে করি আমি এটি সমাপ্ত থাকতে চাই, কিন্তু আমি এখনও কিছু আছে অনুমান
কাজের কাজ করতে হবে না.
কিন্তু সৌভাগ্যক্রমে, আপনাকে বলছি সব কিছু আছে জাভাস্ক্রিপ্ট এবং jQuery অভ্যাস, তাই
এর এগিয়ে যান এবং শেষ করা যাক একসঙ্গে এই.
>> আমি, আমি আপনাকে বলছি এই কপি পাঠানো চিন্তা আমি প্রচন্ড উত্তেজিত ছিল কারণ
এটি সম্পর্কে, তাই আপনি থাকা উচিত আমি যে একই অবস্থান.
এর মধ্যে প্রধান যাক -
এটা Dang, বলছি, আমি দুঃখিত.
এর যদিও, টার্মিনাল মধ্যে আগাইয়া যাক.
>> শুধু আপনার অতীত সমস্যা নিয়ে মত সেট, আপনি আমার আছে -
আসুন এই একটু বড় করা যাক, খুব, আপনাকে বলছি জন্য -
আপনি আমার জিপ ফাইল নেন.
আপনি সম্ভবতঃ এটি আনজিপ করা.
এর এখানে যাওয়া যাক.
এবং তারপর আশা করছি, আপনি সেটিকে সরানো আপনি সংরক্ষিত যেখানে একই ডিরেক্টরির
আপনার সমস্যার আট কোড সেট.
এবং আমরা তাই আমি করতে পারেন যে ডিরেক্টরির মধ্যে সংরক্ষণ এটি অ্যাক্সেস - বা আমরা সব অ্যাক্সেস করতে পারেন
ক্রোম ব্রাউজারে কোড আমাদের কম্পিউটারে.
>> এবং আবার, আপনি যে কোড পেতে সহজভাবে পাওয়া ঠিকানা টাইপ
নীচে, ডান দিকে নিচে এখানে আপনার প্রয়োগ,.
আপনি আপনার আইপি ঠিকানা খুঁজে.
আপনি ক্রোম ব্রাউজারে যে টাইপ আপনার কম্পিউটারে, এবং এই ক্ষেত্রে,
আমরা অধ্যায় নয়টি ফোল্ডার যেহেতু, আমরা একটা যোগ আছে
অধ্যায় নয়টি কাট.
>> আমার যাক -
ওহো.
আমি তাই আমি না এই কমানোর যাচ্ছি যে মাধ্যমে ক্লিক করে রাখা আছে.
>> সুতরাং যে আমি এই কোড স্থাপন কিভাবে.
ইতিমধ্যে আমি ইতিমধ্যে যে কাজ করেছি.
আমি ঐ মধ্য দিয়ে যেতে যাচ্ছি না যে পদক্ষেপ কারণ কি
সেট সমস্যার শুরু পদচারনা আপনাকে যা করতে হবে, কিভাবে হবে.
তাই এগিয়ে যান এবং আপনি এই সেট কিনবো এক সেকেন্ডের মধ্যে, কিন্তু প্রথম যাক এর আপ
একটি গ্রুপ হিসাবে এই কোড অন্বেষণ.
>> এর কি আমি কি দেখতে দিন.
আমি তার অধিকাংশই করাতে চেষ্টা বর্গ আগে, কিন্তু আমি মনে করি আমি
একটু পিছনে ছিল.
সুতরাং আসুন index.html খুলুন.
>> ঠিক আছে.
এবং index.html একটি সত্যিই সহজ আমি না পাতা, কারণ
খুব পাগল পেতে চান.
আমি সত্যিই নিশ্চিত এটা করতে চেয়েছিলেন কাজ, কিন্তু আমি অনুমান ছিল আমি
যে পর্যন্ত পাইনি.
>> এখানে ডান যা আসে মাথা, এর যারা HTML ট্যাগ ভিতরে, এবং আমরা লক্ষ্য
ডান বাদুড় বন্ধ একটি দম্পতি জিনিষ.
আমরা সিএসএস ফাইল অধিকার আছে এখানে এবং যথাযথ
সিএসএস ফাইলের অবস্থান.
আমরা অধিকার এখানে jQuery লাইব্রেরি আছে এবং আপনি কিছু ভিন্ন বিজ্ঞপ্তি পাবেন
এই সম্পর্কে.
উৎস কিছু বিষয় সত্যিই সত্যিই দীর্ঘ.
ajax.googleapis.com/--
ধরণের এটি একটি URL মতো দেখতে, কিন্তু অবশ্যই মনে হচ্ছে না
JS / jquery.js.
>> আমি সিদ্ধান্ত নিয়েছি, কারণ এবং যে যে আমি ডাউনলোড করতে না চান
jQuery ফাইল, এবং টেনে আনুন এবং সংরক্ষণ আমার লাইব্রেরি এটি, এবং হতে
তার জন্য দায়ী.
বরং, আমি নিতে যাচ্ছি জাভাস্ক্রিপ্ট ফাইল যে গুগল হোস্ট.
তাই গুগল আসলে একটি সংখ্যা হোস্ট লাইব্রেরি, এবং jQuery, এটা এক থেকে
সবচেয়ে জনপ্রিয়, এটি হোস্ট যে এক হিসাবে ভাল.
>> এটা এটি হোস্টিং এর কারণ, আমি না এটি সম্পর্কে চিন্তা করতে হবে, এবং তারা
তারা এটি আপডেট যখন যদিও, এটি আপডেট আমি সম্ভবত এই পরিবর্তন করতে হবে
এখানে ডান নম্বর.
কিন্তু যে শুধু আমার পুরো ফাইল করা আছে সিস্টেম একটু কম পরিষ্কার.
আমি সত্যিই হোস্টিং পছন্দ করি না এই সমস্ত ফাইল.
এটা অনেক nicer যদি গুগল আমার জন্য তাদের হোস্ট করার আছে.
তাই এই আবার,, সমগ্র হচ্ছে জাভাস্ক্রিপ্ট ফাইল, কিন্তু এটা হচ্ছে এর
গুগল পরিবর্তে নেভিগেশন দ্বারা হোস্ট আমার আমার কম্পিউটারে ফাইল সিস্টেম.
>> এছাড়া আমি আরো দুটি করিয়ে দেখতে ফাইল dolphins.js এবং trainer.js.
আমরা একটি দ্বিতীয় মধ্যে যারা তাকান করব.
এবং পরিশেষে, ঠিক এই শিরোনাম.
কে ভিতর কি এই কোড সম্পর্কে বলতে পারেন এই শিরোনাম ট্যাগ, যেখানে
যে আমার পেজে যায়?
>> AUDIENCE: যে জিনিস ভালো লেগেছে যে টুলবার বা যাই হোক না কেন?
>> JASON HIRSCHHORN: হ্যাঁ, একটু ট্যাব ক্রোম উইন্ডো উপরে.
যে লেখা যায় যে যেখানে.
>> শরীরের ভিতর, হিসাবে আপনি পারেন এখানে, অনেক কিছু না স্টাফ দেখুন.
আমি মাত্র তিনটি DIVs আছে.
আমি তাদের কিছু ID-র দিতে, এবং আমি এখনো একটু টেক্সট করান
কিন্তু আমি আমরা কি এটা কেন না অনুমান এখানে বেশী কিছু দেখতে.
বাস্তবিক, আমরা ডলফিন প্রশিক্ষকদের 2K13 দেখুন.
আমরা করণীয় দেখুন.
যে থেকে আসছে যেখানে আমি জানি না আমি যে এখানে দেখতে না কারণ.
তাই হয়তো যে এক আছে আমার জাভাস্ক্রিপ্ট ফাইল.
আমরা একটি দ্বিতীয় যে চেক আউট করব.
>> অন্য কেউ আমাকে বলতে পারবেন কি এই আইডি অধিকার এখানে মানে?
>> AUDIENCE: এটা কলিং একটি উপায় নির্দিষ্ট [শ্রবণাতীত] এ অধ্যায়
দায়ের?
>> JASON HIRSCHHORN: হ্যাঁ.
এটা উল্লেখ শুধুমাত্র একটি উপায় এই বিশেষ DIV.
ID-র আদর্শভাবে অনন্য.
ঠিক আছে?
শক্ত ভিড়.
সুতরাং, ID-র সাধারণত অনন্য.
আপনি একটি নির্দিষ্ট দিয়ে দিন আপনার কোডের উপাদান.
>> আমি একটি নম্বর উল্লেখ করতে চেয়েছিলেন কি যদি যে সিএসএস জন্য কিনা উপাদান, এর
স্টাইলিং অথবা jQuery?
আমি তাদের কি অ্যাট্রিবিউট দিতে পারেন?
>> AUDIENCE: ক্লাস.
>> JASON HIRSCHHORN: একটি বর্গ, ঠিক.
রাইট.
>> ঠিক আছে, তাই index.html, আবার, অনেক কিছু এখানে হচ্ছে না.
সুতরাং আসুন আর একটি ফাইল খুলুন.
এর আমি কি দেখতে দিন.
যে আমি এখানে আছে সব.
এর বিএসএফের ফোল্ডারে যান.
আমি চিন্তা করতে যাচ্ছি না এখন জন্য সিএসএস.
এর dolphins.js খুলুন.
>> ওহো.
বরং বা -
ঠিক আছে.
সুতরাং, dolphins.js, আসলে এটি দেখে মনে হচ্ছে কোড কিছু আপনি বেশ অনুরূপ
সমস্যা দেওয়া হয় আট সেট.
আপনি এটি দিয়ে স্ক্রল করতে পারেন.
কেহ আমাকে বলতে পারবেন, যদিও, ডলফিনের কি?
এই সব ক্যাপ ডলফিনের?
যে কি?
যে কোন ধরণের তথ্য আছে?
>> AUDIENCE: এরে.
>> JASON HIRSCHHORN: এটি একটি অ্যারে.
এবং আমরা এটি একটি অ্যারের জানি কারণ আমি এখানে এইসব বর্গাকার বন্ধনী দেখুন.
এবং অন্য কেউ, কি এটি একটি অ্যারের?
>> AUDIENCE: অবজেক্টস?
>> JASON HIRSCHHORN: এটা বস্তুর একটি অ্যারে.
এবং আপনি দেখতে পারেন.
এবং কিভাবে আপনি তা জানি না বস্তুর একটি অ্যারের?
>> AUDIENCE: আপনি এই কোলন আছে কোঁকড়া ধনুর্বন্ধনী মধ্যে বুট?
>> JASON HIRSCHHORN: রাইট.
তাই আমি ঠিক এই কোঁকড়া ধনুর্বন্ধনী আছে এবং তারপর আপনি কমা দেখতে পারেন
বিভিন্ন পৃথক এই অ্যারের মধ্যে বস্তু.
এবং তারপর প্রতিটি বস্তুর ভিতর, আমি আছে কিছু কোলন এবং অন্য কিছু.
এবং কি সাধারণতঃ এই প্রথম অংশ, কোলন বাঁদিকে জিনিস?
যে কি বলা হচ্ছে?
জেনেরিক?
কিভাবে আমরা যে পড়ুন পারি?
>> AUDIENCE: সূচক?
>> JASON HIRSCHHORN: সূচক, বা সম্ভবত আরো সাধারণভাবে, কী.
এবং তারপর ডান হাত পাশ, মূল্য.
তাই সূচক, চাবি.
কিন্তু আমরা যারা সম্পর্কে কথা বলা করছি, আমরা সাধারণত নেভিগেশন জিনিস মানে
বাম দিকে.
>> একটি সহজ অ্যারে ইন, আবার, আমরা সূচকের 0 ছিল.
1.
2.
3.
4.
আর ডলফিনের, আমরা, শুশুক 0 করতে হবে ডলফিনের 1, ডলফিনের 2, 3 ডলফিনের
ডলফিনের 4.
আমরা এই বস্তুর ভিতর, আছে, আমরা সাধারণত জিনিস উল্লেখ করবে না.
অথবা আমরা শুধু এই বস্তুর অধিকার আছে এখানে, আমরা বস্তুর 0 বলে যাচ্ছেন না
বস্তুর 1, 2 আপত্তি.
আমরা বস্তুর নাম বলে যাচ্ছে, বা করছেন বস্তুর ধরন, বস্তুর দৈর্ঘ্য, ইত্যাদি ইত্যাদি.
এবং যে আমরা মূল্য পাবেন কিভাবে ডান দিকে.
আমরা বস্তুর নাম বলেন তাই যদি, উদাহরণস্বরূপ, আমরা এই স্ট্রিং পেতে হবে,
"গ্রেস."
>> আপনি না আমাকে, ডলফিনের বলা আছে তাই সহজভাবে বস্তুর একটি অ্যারে.
এবং যদি আপনি অবজেক্টের সমস্ত দেখুন একটি নাম, একটি টাইপ, একটি মহাজাতি আছে.
যে সঠিকভাবে উচ্চারিত হয়?
যে কেউ?
সদয়?
গ্রেট.
>> একটি দৈর্ঘ্য, একটি ওজন.
যে সঠিকভাবে উচ্চারিত হয়?
আমি তাই মনে করি.
আর একটি ছবি, শুধু একটি URL অনলাইনে কিছু ফাইলে.
আর অধিকার এখানে, আমরা অ্যারে বন্ধ করুন, ডান নিচে আছে খুব বাম হাতে
আমার পর্দার দিকে.
সুতরাং যে সব dolphins.js হয় না.
>> ওহ, ধার্মিকতা আমার.
এই তা ব্যাখ্যা করে.
আমি সমাপ্ত চাই সবকিছু, কিন্তু চেহারা.
সব এই TODOs আছে.
ঠিক আছে, আশা আমরা করতে পারেন একসঙ্গে যারা কাজ.
আমরা কি আগে কিন্তু, প্রথম আসুন যে মাত্র ভিতর দিয়ে হেটে
এই কোড খুব দ্রুত.
>> আমি উল্লেখ সুতরাং, আমরা খুব এ দেখুন আমি ছিল যে এই লাইন থেকেই শুরু
স্লাইড, (ডকুমেন্ট). প্রস্তুত (ফাংশন ().
এবং মূলত কি যে যাচ্ছে আপনার সবকিছুই পর্যন্ত অপেক্ষা করা হয় না
পেজ লোড হয়, তাই না হওয়া পর্যন্ত অপেক্ষা করা হয়েছে এটি সব অ্যারে, সবকিছু এর ভাল করতে না
যান, এবং তারপর নির্বাহ শুরু এই অবস্থান.
আপনি যদি কিছু পিএইচপি চালানোর জন্য প্রয়োজন তাই যদি আপনি যদি কিছু চিত্র পেতে প্রয়োজন
তা যাই হোক না কেন, সব কোড হয়েছে সেট এবং আপনার ইনডেক্স পাতায় যেতে প্রস্তুত
বা যাই হোক না কেন পাতা লোড করা হয়েছে, এবং এখন আপনি শুরু চলুন
আপনার কোড নির্বাহ.
>> তাই আমরা যা প্রথম জিনিস আমরা এই অ্যারের সেট আপ.
এবং আমি var অভিব্যক্তি হবে না আছে, তাই কি হয়
এই অ্যারে সুযোগ?
>> AUDIENCE: এটি বিশ্বব্যাপী এর.
>> JASON HIRSCHHORN: এটা বিশ্বব্যাপী, তাই ocean_array থেকে ব্যবহার করা সম্ভব
এই ফাইলের মধ্যে যে কোন জায়গায়.
>> এবং তারপর আমরা লুপ জন্য এই দেখুন.
এটা foreach বলে, কিন্তু এই না মূলত একটি foreach লুপ হয়.
এবং এই শুধু জাভাস্ক্রিপ্ট এর সংস্করণ, তাই ডলফিনের মধ্যে প্রতিটি var শুশুক জন্য,
কি তথ্য টাইপ?
যদিও, আবার, জাভাস্ক্রিপ্ট না আছে এই ধরনের তথ্য কোনটাই, কি
ডাটা টাইপ শুশুক হয়?
>> AUDIENCE: একটি অবজেক্ট.
>> JASON HIRSCHHORN: এটি একটি বস্তু আছে.
আমরা প্রতিটি বস্তুর পেয়ে থাকেন ডলফিনের অ্যারের মধ্যে.
আমি ভুলে গেছি মত তাই এখানে, এটা দেখে মনে হচ্ছে থেকে এই ডলফিনের সব লাগাতে আমাদের
দৈত্য ডলফিনের মধ্যে মনে ocean_array, তাই আমরা সম্ভবত উচিত
যে প্রথম.
>> এবং তারপর, কিছু বলা এই পুল পরিবর্তনশীল.
আমি নাল এটি স্থাপন করছি.
এবং তারপর আমি এই ফাংশন কল draw_ocean.
আমি একটি শুশুক প্রশিক্ষণ যখন তার ছবি ক্লিক না -
আমি যে এটি না করে - ও একটি শুশুক বিনামূল্যে সেট যখন
বাটন ক্লিক করা হয়.
>> সুতরাং এই আমি করতে প্রয়োজন জিনিস.
আমি আপনাকে কিছু দিতে হবে অনুমান আমি চেষ্টা ছিল কি পটভূমি.
আমরা এখানে যান সুতরাং, যদি কি আমি সত্যিই চেয়েছিলেন একটি অ্যারের ছিল আপ মত এই চেহারা
এখানে, বরং এটি "করণীয়," আমি বলছে আর সঙ্গে মূলত,, একটি টেবিল চেয়েছিলেন
সব ডলফিনের ছবি.
এবং তারপর আপনি, এক ছবি উপর ক্লিক করা হলে আমি তা দমন করা চেয়েছিলেন
নিচ পর্দার অর্ধেক এবং দিতে আপনি এটি সমস্ত তথ্য, এবং
যে পুলে শুশুক হবে, আপনি প্রশিক্ষণ ছিল শুশুক.
>> তাই আমি এটা সত্যিই শীতল হবে.
আপনি মহাসমুদ্রে এই সব ডলফিনের আছে এখানে আপ, তারপর আপনি এক ক্লিক করুন
এবং এটি পুল থেকে যান, এবং চাই তারপর আপনি এটা শেখাতে পারে.
সুতরাং যে আমি চেষ্টা ছিল কি.
এবং তারপর নিচে এখানে একটি বাটন আছে হতে চাই পুলে, এবং আপনি ক্লিক করতে পারে,
মত ", বিনামূল্যে সেট করুন" এবং আপনি স্থির করতে পারে বিনামূল্যে ডলফিন, এবং এটি ফিরে যেতে হবে
সমুদ্রের মধ্যে.
>> সুতরাং যে আমি তৈরি করার চেষ্টা ছিল কি, কিন্তু আবার, আমি আপনার সাহায্যের প্রয়োজন হয় যাচ্ছি
এটি তৈরি করতে.
এই কীওয়ার্ড তাই আশা করছি, কিছু অথবা এই পদ কিছু শুরু হবে
প্রেক্ষাপটে এখন অর্থে তৈরি এই প্রোগ্রাম.
>> এর এই ফাইলের মাধ্যমে খুঁজছেন রাখা যাক.
আমরা এই ফাংশন draw_ocean কল.
এটা আমরা কল এক এবং একমাত্র ফাংশন document.ready অধ্যায় থেকে.
সুতরাং আমরা এই draw_ocean ফাংশন কল, এবং এটি একটি স্ট্রিং তৈরি করে এটা দেখে মনে হচ্ছে,
একটি পরিবর্তনশীল, এখানে.
স্ট্রিং স্থাপন করা এর কিছু, আরো যোগ করে স্ট্রিং স্টাফ, আরো যোগ করে
স্ট্রিং এর উপাদান, এবং তারপর কোড এই লাইন.
আমি যে এইচটিএমএল স্ট্রিং আউট ছাপে বলে.
আর কারো আমার ব্যাখ্যা কি কোড এই লাইন করে?
ওয়েল, প্রথম সব, কি আছে যে ডলার চিহ্ন মানে?
এটি একটি পিএইচপি ভেরিয়েবল নয়, কিন্তু কি যে ডলার চিহ্ন মানে?
>> AUDIENCE: এর এইচটিএমএল আইডি যাও লিঙ্কিং -
এটি HTML কোড করার জন্য লিঙ্ক চাই এটা কি?
>> JASON HIRSCHHORN: কি সম্পর্কে যে ডলার চিহ্ন?
যে ডলার চিহ্ন কি নির্দেশ করে?
>> AUDIENCE: একরকম HTML এ লিঙ্কিং?
>> JASON HIRSCHHORN: কোথায় আমরা দেখেছি এই ডলার জাভাস্ক্রিপ্ট মধ্যে আগে সাইন?
আমরা বক্তৃতায় এটা দেখেছি.
আমরা এটা সম্পর্কে বললাম.
ডলার চিহ্ন অর্থ কি?
>> AUDIENCE: jQuery সাথে কিছু?
>> JASON HIRSCHHORN: ঠিক ঠিক.
এই jQuery না কিছু আছে.
এই ডলার চিহ্ন আমি ব্যবহার করছি মানে এখানে একটি jQuery লাইব্রেরি ফাংশন.
ঠিক ঠিক.
>> সুতরাং আমরা তারপর ডলার চিহ্ন লিখুন, এবং আমরা এই খোলা paren আছে এবং বন্ধ হয়ে গেছে
paren, এবং কি যায়, সেখানে ভিতরে ভিতরে আছে যদি আপনি একটি ব্যবহার করছেন যখন
jQuery লাইব্রেরি ফাংশন, অথবা আপনি আছেন jQuery লাইব্রেরি ব্যবহার করে?
আবার, আপনি বক্তৃতায় এই দেখেছি.
কারো আমাকে দিতে পারি - এবং আপনি এছাড়াও এখানে কিছু দেখতে.
কি আছে ভিতরে যায়?
>> জেফ, আমার একটি অনুমান দিতে.
কি এই # মহাসাগর, কেমন হয়েছে?
কোথায় আমরা আগে যে আছে দেখা যায়?
>> AUDIENCE: এটি একটি লাইব্রেরি বা কিছু?
আমি কোন ধারণা আছে.
>> JASON HIRSCHHORN: ভাল, যাক আমার সূচক ডট খোলা -
নাঃ, ভুল জায়গায়.
>> তাই আমরা যদি আমরা কিছু আছে দেখুন এখানে সমুদ্রের বলা.
কোথায় আমরা # সমুদ্রের হ্যাশট্যাগ দেখেছি মহাসাগর, বাক্য গঠন করার আগে?
হাঁ?
>> AUDIENCE: সিএসএস?
>> JASON HIRSCHHORN: সিএসএস ইন.
তাই আমরা কিছু শৈলী চেয়েছিলেন, আমরা হ্যাশট্যাগ সিএসএস করা হবে স্মরণ
নির্বাচক, বা হ্যাশট্যাগ মহাসাগর, যেমন, ও বিন্যাস সব
আমরা জিনিস দিতে চেয়েছিলেন আইডি সমুদ্রের সঙ্গে আমরা সেখানে ভিতরে রাখা.
>> তাই ভিতরে এখানে সিএসএস না নির্বাচক এখানে যায়.
jQuery নিজস্ব সংজ্ঞায়িত নির্বাচক ধরণ.
কিন্তু এটি আসলে একই ধারণা, এবং তাদের অনেক CSS এর সাথে ওভারল্যাপ.
আপনি, এই খোলা বন্ধনী ভিতরে তাই একটি নির্বাচক, এবং যাহা করা
নির্বাচক বোঝায়, যে কি আপনি ব্যবহার করা চলুন.
>> তাই এই ক্ষেত্রে, আমি আছি আইডি সমুদ্রের নির্বাচন.
আমি একটি বর্গ ছিল -
এর আমি একটা ক্লাস আছে বলা যাক "চিত্র," বলা হয় এবং আমি একটি থেকে যে দিতে
উপাদানের অনেক, কিভাবে আমি উল্লেখ করবেন "ছবি" নামক একটা ক্লাস
>> AUDIENCE: আমি এটা বিন্দু ছিল.
>> JASON HIRSCHHORN: একটি বিন্দু দিয়ে.
পরিবর্তে আমি এখানে ডট ইমেজ করা, তাই যদি যে আমার বর্গ দিতে হবে
বিষয় "ইমেজ." বলা
>> অবশ্যই, এই সুপার শক্তিশালী, এবং আপনি একটা অনেক উল্লেখ করতে পারেন.
আসলে, আমি মূলত রেফারেন্স পারে HTML এ কোন ট্যাগ.
আমি তা করতে চেয়েছিলেন সুতরাং, যদি TD, যে আমরা আগে দেখা করেছি যে একটি ট্যাগ যখন
একটি টেবিল তৈরি.
আপনি সঙ্গে সম্ভবত পরিচিত পি থেকে যে সাত সেট.
এই ক্ষেত্রে, এটি আসলে যাচ্ছে তাদের সব নির্বাচন করুন.
এটা আমার অ্যারের দিতে যাচ্ছে সব TD ট্যাগ.
কিন্তু যে একটু অপ্রতিরোধ্য পেতে পারেন, তাই ইতস্তত অধিকার এখন আমরা করছি
শুধু বিদ্ধ করা যাচ্ছে ID-র উল্লেখ.
>> তাই এই কি আছে, আবার, হয় যে এই ক্ষেত্রে, পায় -
দুঃখিত.
Index.html করতে যান এখানে.
এটা বরং সমুদ্রের আইডি, একটি মহাসাগর এর একটি DIV, তাই এই এই অংশ রেফারেন্স
কোড এর লাইন যে DIV পায়.
>> এবং তারপর এই বিন্দু আমি আহ্বান করছি মানে একটি ফাংশন, এবং যে নামে
ফাংশন এইচটিএমএল হয়.
আপনাকে বলছি দেখেছি এবং যদি যে, জন্য স্বল্প এর আগে, ডলার চিহ্ন, নথি, পেতে বিন্দু
আইডি দ্বারা উপাদান, ভিতরের এইচটিএমএল বিন্দু.
এই মাত্র jQuery এর সংস্করণ.
সুতরাং এইচটিএমএল ফাংশন ঠিক ভেতরের এইচটিএমএল পায়.
যে উপাদান.
আমরা এখানে ফিরে তাকান যদি তাই আবার,, আমরা করব কোন ইনার এইচটিএমএল আছে দেখুন.
আমি এই করেছেন এবং যদি তাই হয়, আমি এইচটিএমএল পেতে চেষ্টা করা.
আমি এই টাইপ করুন, আমি আছি এইচটিএমএল সেটিং.
তাই আমি স্ট্রিং এই ফাংশন পার করছি, আমি তৈরি করেছি যে স্ট্রিং
এখানে, এবং যে রাখা আছে বলছে সমুদ্রের DIV ভিতরে.
হাঁ?
>> AUDIENCE: আপনি পেতে হলে এইচটিএমএল, আপনি শুধু পেয়ে থাকেন
একটি কপি এটি সঠিক তাহলে কি হবে?
আপনি এটি অপসারণ করছি না.
>> JASON HIRSCHHORN: রাইট.
আমি এই করেছেন এবং চেয়েছিলেন var এই সংরক্ষণ -
ওহো.
যে সব তথ্য যে পেতে চাই ছিল এবং অন্য মধ্যে এটি সংরক্ষণ করুন
পরিবর্তনশীল, এটা একটি কপি করা.
>> AUDIENCE: ঠিক আছে.
এটা পেয়েছেন.
>> JASON HIRSCHHORN: তাই আমরা কিছু তৈরি এইচটিএমএল, স্ট্রিং যে সংরক্ষণ করুন.
আমরা আরো কিছু সংরক্ষণ করুন.
এখানে আপনি যে করণীয় স্ট্রিং দেখতে.
আমরা যেখানে সুতরাং যে সম্ভবত যখন থেকে যে করণীয় পেয়ে
আমরা আমাদের পাতা ঢোকা.
এবং প্রকৃতপক্ষে, আমি ডান করণীয় ক্লিক করা হলে, এলিমেন্ট পরিদর্শন করা, আমরা স্বপ্ন
এই গত সপ্তাহে.
আমরা এইচটিএমএল দেখতে পারে কিভাবে আমাদের পাতা গঠন.
>> আপনি এখানে যে ডাউন বিজ্ঞপ্তি পাবেন -
এর খুব, এই একটু বড় করা যাক -
আমরা অধিকার এখানে আমাদের DIV আইডি মহাসাগর আছে.
সকলে কোড যে লাইন দেখতে?
এবং যে আমরা কি ধরনের আছে index.html মধ্যে.
>> এটি ভেতরে, আমরা এই এখন দেখুন কোড এর টেবিল লাইন.
এবং কোড যে টেবিল লাইন, কি যে আমরা শুধু ঢোকানো কোড এর
এই উপাদান.
এবং এটা আমরা এটি ভেতরে তাকান, আমরা কখনও টাইপ COLGROUP এবং tbody.
এটা আমাদের জন্য যোগ করা হয়েছিল কারণ আমরা কিছু অভিনব স্টাফ করেছিল.
কিন্তু আপনি TR আছে বিজ্ঞপ্তি পাবেন, করণীয় সঙ্গে TD আছে.
>> আবার,, ভালো তাই এটা দেখে মনে হচ্ছে আমরা এখানে লিখেছে যে অবস্থান.
যে ঠিক কি এই লাইন করছেন.
এটা আমাদের এইচটিএমএল স্ট্রিং গ্রহণ এবং ছিল এই ভিতরে এটি নির্বাণ অধিকার এখানে DIV.
এটা প্রথমে কিছুই আছে.
এ পাতাটি লোড পরার.
ডলার চিহ্ন, document.ready.
এই নির্বাহ শুরু হয়.
আমরা draw_ocean ফাংশন কল, এবং আমরা নিতে draw_ocean ফাংশন ভিতরে
এই HTML এবং যে DIV ভিতরে রাখা.
>> আমরা শুধু মাধ্যমে গিয়েছিলাম অধিকার আছে অনেক.
কেহ কোন প্রশ্ন আছে যে সম্পর্কে কি?
বা কিভাবে যে কাজ করে, অথবা jQuery?
কারণ আপনি বুঝতে হলে যে তখন, jQuery আশা আসা উচিত
অপেক্ষাকৃত সহজ.
হাঁ?
>> AUDIENCE: আপনি ভিতরে ছিল কি আউটে এইচটিএমএল অধীনে প্রথম বন্ধনী
স্ট্রিং, যে নাম এইচটিএমএল পরিবর্তনশীল যে আপনি
তার আগে ঘোষণা করেছেন?
>> JASON HIRSCHHORN: এখানে এই ডান?
>> AUDIENCE: হ্যাঁ
>> JASON HIRSCHHORN: হ্যাঁ.
AUDIENCE: সুতরাং আপনি যে নামে ছিল অন্য কিছু, অন্য কিছু যে
আপনি এখানে স্থাপন করা হবে কি না.
>> JASON HIRSCHHORN: ঠিক ঠিক.
এবং যে একটি ভাল পয়েন্ট.
এই কারণে একটু বিভ্রান্ত হয় আমি এইচটিএমএল, এইচটিএমএল আছে.
এখানে এই ভিতরে নাম আমার পরিবর্তনশীল, এবং এখানে এই অধিকার
jQuery ফাংশনের নাম দিন.
>> AUDIENCE: কিন্তু jQuery জন্য ক্রম কাজ কাজ, আপনি এটা করা আছে
কিছু এইচটিএমএল ইনপুট?
>> JASON HIRSCHHORN: যথাযথভাবে.
অথবা আপনি এটি একটি স্ট্রিং দিতে হবে.
এটা ভিতরে যে পংক্তি লাগাতে হবে DIV বা যাই হোক না কেন.
এই মাত্র একটি পংক্তি.
এটা এই এইচটিএমএল হয় জানি, কিন্তু এই নয় সম্ভবত হতে উদ্দেশ্যমূলকভাবে এটি ফরম্যাট
বৈধ HTML.
যে প্রশ্নের উত্তর আছে?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: ঠিক আছে.
হাঁ?
>> AUDIENCE: কি যদি বলা মহাসাগর একটি বাটন বা কিছু করতে?
. এইচটিএমএল কি করতে হবে?
যে পরিবর্তন হবে বোতাম টেক্সট!
>> JASON HIRSCHHORN: তাই প্রশ্ন কি এটি একটি বাটন বলা হলে?
এটা ভেতরের পরিবর্তন হবে কিছু এইচটিএমএল.
সুতরাং এটি একটি খোলা ট্যাগ এবং একটি ঘনিষ্ঠ হয়েছে থাকে ট্যাগ, এটি এর মধ্যে যে কিছু করা হবে
খোলা এবং বন্ধ ট্যাগ.
খোলা এবং বন্ধ কোন আছে ট্যাগ, এটা কিছু করতে হবে না.
>> AUDIENCE: এটা আক্ষরিক একটি কপি আছে ও জিনিস পেস্ট ধরণের?
>> JASON HIRSCHHORN: হ্যাঁ.
এটা কপি এবং pastes থেকে কিছু আমি এটি পাস যাহা পরিবর্তনশীল,
স্ট্রিং আমি ঐ ভিতর, এটি পাস খোলা এবং বন্ধ ট্যাগ.
>> এর নিচে এখানে তাকান.
ওহ, ধার্মিকতা আমার. draw_pool না অধিকার আছে কিছু.
যে একটি অকর্মা এর.
বাহ, ট্রেন.
ঠিক আছে, যে ছাড়াও অন্য অনেক কিছু না.
>> সুতরাং আসুন শুরু করা যাক, এবং এর এই পর্যন্ত ঠিক করা যাক.
আমি সবাই এর প্রয়োজন যাচ্ছি এই করাতে সাহায্য.
আসলে যে অনেক লাইন নেই কোড, আমি লিখতে, মনে করি.
আমি কয়েক বছর আগে এই কি মনে করেন 2K12 সংস্করণের জন্য, এবং সেখানে
অনেক লাইন থাকা উচিত নয় লিখতে কোড নাম.
আমি যে কোড মুছে ফেলা উচিত নয়.
আমি এটা সংরক্ষিত হওয়া উচিত ছিল.
ওহ, পাগল.
>> যাই হোক, এর শুরু করা যাক.
তাই আমি এই অ্যারের মধ্যে আছি, অথবা আমি এই আছি লাইন, এবং আমি আমার ocean_array আছে.
এবং আমি এই সব লাগাতে চান, এই ফাইল থেকে, আমার মধ্যে সবকিছু
ocean_array.
সুতরাং কিভাবে আমি সবকিছু গ্রহণ করতে পারেন আছে, এবং সেটিকে করা
ocean_array?
এটা কোড একটি লাইন আছে.
কে আমাকে যে কোড লাইন বা দিতে পারে আমাকে বলুন, কিছু ধারণা কি যে লাইন আছে
কোডের করা উচিত?
কেন আমরা এখানে শুরু না করা, এবং তারপর আমরা করব রুম কাছাকাছি চলন্ত চালিয়ে
প্রশ্নের উত্তর.
কার্ট?
প্রথম কি?
>> AUDIENCE: Ocean_array, বন্ধনী, শুশুক.
ডলফিনের, বন্ধনী, শুশুক সাইটে সমান?
একটি মূলধন সবকিছু ডলফিনের.
>> JASON HIRSCHHORN: ঠিক আছে.
এর সিনট্যাক্স ভিতর দিয়ে হেটে যাক.
রাইট এখানে, এই একটি foreach লুপ মত হল, তাই এটা আসলে অনেকটা করছে
আমাদের জন্য জিনিস.
এবং শুশুক একটি বস্তু হয়.
তাই আমরা কিছু লেখার দরকার নেই ডলফিনের, শুশুক, কারণ মত
শুশুক নিজেই আমি চাই যে আপত্তি.
এটা সূচক নয়.
যে জানার জন্য?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: সুতরাং কিভাবে আপনি করবেন আপনার কোড পরিবর্তন উত্থাপন?
আমরা জানি আমরা সূচক দেওয়া করছি?
>> ওহ, দুঃখিত.
আপনি ভাল আছেন.
কিন্তু কিভাবে -
আমার একটি ভিন্ন প্রশ্ন জিজ্ঞাসা করা যাক.
আমরা চাই -
এর আসলে এই লেখার যাক.
কিছু মনে করবেন না.
আমরা এই লিখে চলুন.
দারুণ.
দুঃখিত.
আমি খুব আছে বিভ্রান্তিকর ছিল.
>> এর জন্য এখন আছে যে ছেড়ে চলে যাক, এবং আমরা একটি শুশুক প্রশিক্ষণ ফিরে আসবো,
একটি শুশুক সেটিং.
এর মাত্র প্রথম এই অঙ্কন সমুদ্রের ঠিক করি ফাংশন, এবং আমরা ফিরে আসবো
, কার্ট যে.
কিন্তু এ পর্যন্ত সব ঠিকই আছে.
>> এর draw_ocean ভিতরে তাকান.
ভুল হতে দেখায় যে লাইন এই হল ডলফিনের মধ্যে এর "দোকান ছবি
একটি HTML স্ট্রিং মহাসাগর. "ও অধিকার এখন, শুধু করণীয় মত আমি, কিন্তু আমি
সত্যিই ডলফিনের লাগাতে চান মহাসমুদ্রে ছবি.
তাই কি, নোয়া, আপনি মনে হয় না আমি কি উচিত প্রথম জিনিস?
আমি সমগ্র মধ্য দিয়ে যেতে চান অ্যারের, প্রথম কি
আমি কি উচিত জিনিস?
>> AUDIENCE: আমরা প্রয়োজন লুপ জন্য তৈরি.
>> JASON HIRSCHHORN: লুপ জন্য একটি.
এবং কি করা উচিত যে লুপ জন্য অনুরূপ?
>> AUDIENCE: জন্য -
আমরা প্রতিটি ডলফিন মাধ্যমে যেতে প্রয়োজন সমুদ্রের অ্যারের মধ্যে.
এ var শুশুক জন্য তাই -
আপনি সমুদ্রের অ্যারে লিখতে পারেন?
>> JASON HIRSCHHORN: যে পছন্দ?
>> AUDIENCE: সম্ভবত যে ঠিক.
>> JASON HIRSCHHORN: এর সঙ্গে বিদ্ধ করা যাক এখন জন্য, এবং তারপর আমরা করব যে
তা ফিরে আসা.
এবং যদি আপনি দায়ী হতে যাচ্ছেন যে লাইন ধরে.
তাই আমি লুপ জন্য করে থাকে.
মাইকেল, আপনি এখন চলেছি.
আমি এখন কি করব?
>> AUDIENCE: আপনি গ্রহণ করতে হবে ডলফিনের থেকে ছবি সংরক্ষণ.
>> JASON HIRSCHHORN: তাই যেখানে যে সংরক্ষিত হয়?
>> AUDIENCE: ডলফিন অ্যারে ইন?
>> JASON HIRSCHHORN: আমি এখন বিভ্রান্ত করছি খুব কি ঘটছে সে সম্পর্কে.
আসুন আমরা ডিবাগ করতে পারি চিন্তা কিভাবে শুরু করা যাক এই, এবং তারপর আমি আসবো
ঠিক আছে, আপনাকে ফেরত?
এর সমতুল্য কি জাভাস্ক্রিপ্ট মধ্যে printf?
অ্যানি?
>> AUDIENCE: এটা লিখতে যে একটি নথি আছে?
>> JASON HIRSCHHORN: বা কিভাবে পারেন আমি কিছু দেখতে
নীচে নিচে কনসোল?
>> AUDIENCE: console.log.
>> JASON HIRSCHHORN: console.log, ঠিক.
সুতরাং আসুন console.log না দেওয়া, এবং এর যাক শুধু ঠিক আছে, এর মধ্যে "ডলফিন" রাখা?
এই কাজ যদি মূলত, আমরা চলুন আছে - এর পিছনে যে ফাইলে, দেখতে দিন
dolphins.js, ছয় ডলফিনের ছিল, তাই আমি পাওয়া উচিত ছয় বা কিছু
আশা আউট মুদ্রিত কনসোল, ডান?
আমরা এ পর্যন্ত হয় যে যেখানে, কারণ আমরা এখানে কার্ট এর লাইন করেছিল, এবং তারপর আমরা
মহাপ্লাবনের লুপ জন্য করেনি, এবং আমরা এই আছে লাইন, তাই আশা আমরা দেখতে পাবেন ছয়
কনসোল থেকে মুদ্রিত জিনিস.
সুতরাং আসুন এখানে যান, এর খুলুন যাক আমাদের কনসোল এবং আমাদের পৃষ্ঠাটি রিফ্রেশ.
>> ঠিক আছে, তাই এটা দেখে মনে হচ্ছে আমরা ছয় সূচকের দেখেছি.
শূন্য, এক, দুই, তিন, চার থেকে পাঁচ, হাঁ.
>> AUDIENCE: আপনি কিভাবে পেতে পারি আপনার ভিতরে যে পাতা -
>> JASON HIRSCHHORN: আমি কিভাবে পেতে পারি নিচে এখানে এই জিনিস?
>> দর্শকদের: না, ক্রোম পাতা ভিতর [শ্রবণাতীত] প্রয়োগ.
আমরা দেখতে যে বা না করতে পারেন?
>> JASON HIRSCHHORN: এই ক্রোম এখানে ডান পাতা?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: তাই ঠিক মত পি সেটে আট, আমি একটি ক্রোম উইন্ডো খোলা করেছি
আমার ডেস্কটপে, আমার ম্যাকিন্টোস ডেস্কটপ.
এবং আপনি আপ এখানে এই URL পর্যন্ত লক্ষ্য করা হলে এই আইপি সাথে মেলে উপরের বাম,
এখানে নিচে ঠিকানা.
তাই এই কাজ করতে, যদিও, শুরুতে সমস্যা সেট বৈশিষ্ট আপনি পদচারনা
ঠিক কিভাবে এই না মাধ্যমে.
কিন্তু আমি শুধু পরিবর্তে যে অনুসরণ করে, এবং এর শাটল কোডটা দিয়ে, আমি ঠিক করেছিলাম
আমাদের নিজস্ব অবস্থান.
>> শীতল জিনিস আমরা যা করতে পারেন হয় ocean_array পরিদর্শন করা.
Ocean_array মত তাই এটা দেখে মনে হচ্ছে একটি ছয় বস্তুর অ্যারে, এবং
এর প্রতিটি খুলুন.
পরিস্ফুটন!
এক.
>> মত তাই কার্ট, এটা দেখে মনে হচ্ছে আপনার কোড ঠিকভাবে কাজ করেন.
সবকিছু ocean_array শুরু হবে.
আমি আগে misspoke কারণ.
কিন্তু হ্যাঁ, সন্ত্রস্ত পেশা.
ocean_array সঠিক, এবং এটা দেখতেও যেমন এখন আমরা শুশুক যে দেখুন
থেকে 5 0 থেকে একটি সংখ্যা, তাই এটা লাগছিল একটি অ্যারের মধ্যে সূচকগুলি মত.
তাই যে জ্ঞান, মাইকেল, দেওয়া আমরা এখন কি করা উচিত?
উচ্চ স্বরে চিন্তা করুন.
আমরা যেতে চাই কিছু কি?
>> AUDIENCE: আমরা পেতে চাই প্রতিটি শুশুক জন্য কোন JPEG.
>> JASON HIRSCHHORN: ঠিক আছে.
তাই কিভাবে আমরা উল্লেখ করতে পারেন -
কিভাবে আমরা কোন JPEG পেতে পারেন?
কোথায় আমরা শুরু করব?
সবকিছু কোথায় সংরক্ষিত হয়?
>> AUDIENCE: ocean_array ইন?
>> JASON HIRSCHHORN: ঠিক আছে.
>> AUDIENCE: তাই ocean_array, শুশুক -
>> JASON HIRSCHHORN: কিভাবে আমরা কি ভিতরে কিছু পেতে -
তাই এই আমাদের যে বস্তু আপনি.
এবং আমরা আগে এই দেখা করেছি struc সঙ্গে.
সুতরাং স্বরলিপি কি ধরনের আমরা ব্যবহার করতে হবে না?
>> AUDIENCE: এটা বিন্দু হবে.
>> JASON HIRSCHHORN: একটি বিন্দু.
এবং তারপর কি যদি ক্ষেত্রের?
>> AUDIENCE: ছবি?
অথবা যে একটি ক্ষেত্র নয় -
>> JASON HIRSCHHORN: এটা কি dolphins.js বলা?
এবং যদি আপনি করতে পারেন, দেখতে.
আমরা শুধু এখানে ফিরে যেতে পারেন.
আমরা ocean_array দেখতে পারেন আমরা তা অন্বেষণ করতে পারবেন.
এটা কি বলা হচ্ছে?
>> AUDIENCE: প্রকার.
অপেক্ষা করুন.
ছবি?
আমি ছবি হচ্ছে.
>> JASON HIRSCHHORN: ছবি.
রাইট.
আপনি কি জানেন মত ​​আপনি নিস্বন নি কি আপনি যদিও, বিষয়ে কথা হয়.
এটা আরো একটি অনুমান মত ধুত.
সুতরাং যে ছবি, দিতে হবে যাতে আমাদের ছবি URL টি.
জেফ, আপনি একটি প্রশ্ন আছে?
>> AUDIENCE: হ্যাঁ, আমি কি পেতে পারে না আপনি আপনার Chrome উপর আছে
আমার কম্পিউটারে ব্রাউজার.
আমি শুধু একটি "uncaught রেফারেন্স পাবেন ত্রুটি, কনসোল সংজ্ঞায়িত করা হয় না. "
>> JASON HIRSCHHORN: আপনি করেছেন সবকিছু সেট আপ?
>> AUDIENCE: ওয়েল, আমি মনে করি আমি যে আপনি সবকিছু করেছেন
বড় পর্দায় না.
>> JASON HIRSCHHORN: এবং আপনি সমস্ত ফাইল chmodded?
এবং আপনি মধ্য দিয়ে যেতে হয়নি পুরো সেটআপ?
>> AUDIENCE: আমি আবার চেষ্টা করব.
>> JASON HIRSCHHORN: ঠিক আছে.
আমি ওভার এড়ানো যে সময়ে অনেক শুরুতে, কিন্তু আপনি মাধ্যমে যেতে প্রয়োজন
এ ঠিক মত পুরো সেটআপ সমস্যা সেট বৈশিষ্ট এর শুরুতে.
Chmod সবকিছু এবং নিশ্চিত এটি এখনো সদস্য না করা
>> AUDIENCE: আমি গিয়ে হবে এটি চেক দ্বিগুণ.
আমি আমি তা, কিন্তু আমি চেক দ্বিগুণ পাবেন.
>> JASON HIRSCHHORN: তাই, এই দেখায় এটা আমাদের দেব
স্ট্রিং এবং একটি ছবি.
গ্রেট.
আমরা ছবি URL টি আছে.
কিভাবে আমরা এখন এটা করা না -
আমরা লিখতে হলে কি হবে শুধু এই, মাইকেল?
>> AUDIENCE: এটা ঠিক ছবি পায়.
এটা আসলে এটি প্রদর্শন করা হয় না.
>> JASON HIRSCHHORN: যাক এর দেখুন সেখানে কি ঘটছে.
আমরা যে সংরক্ষণ করব.
আমরা এখানে এটা রান করব.
আমরা কিছু না দেখে মনে হচ্ছে.
আমি এই টেবিল অন্বেষণ করেন, এটা ভিতরে মত দেখায় -
আমি কিছু না পান মত হাঁ, মনে হচ্ছে.
>> AUDIENCE: আমরা আছে কি -
>> JASON HIRSCHHORN: এটি একটি পংক্তি, ঠিক এই অবস্থান.
আমি এই স্ট্রিং লাগাতে কোথায় চান?
>> AUDIENCE: আপনি চান সমুদ্রের মধ্যে এটা করা?
>> JASON HIRSCHHORN: ঠিক আছে.
এবং নিচে এখানে আমি একটি স্ট্রিং স্থাপন করছি মহাসমুদ্রে HTML বলা.
>> AUDIENCE: সুতরাং ডলার হবে সাইন, মহাসাগর, HTML [শ্রবণাতীত].
>> JASON HIRSCHHORN: যে would সোজা সেখানে রাখা.
কিন্তু কি আমি এটি যোগ করতে চান -
আমি ইতিমধ্যে অধিকার, একটি স্ট্রিং তৈরি করছি?
মহাসমুদ্রে করা, কি স্ট্রিং নাম?
>> AUDIENCE: এইচটিএমএল.
>> JASON HIRSCHHORN: এইচটিএমএল.
তাই কি আমি পরের লিখুন?
>> AUDIENCE: সমান, সমান.
অথবা শুধু সমান?
>> JASON HIRSCHHORN: কি হবে আমি সমান লিখতে হলে ঘটবে?
>> AUDIENCE: যে এটি সেট না সমান - বা যে না করবে না -
>> AUDIENCE: ধার্য?
>> JASON HIRSCHHORN: এটা নির্ধারণ করবে, কিন্তু কি সবকিছু ঘটবে
যে আগে এটি সংরক্ষণ করা হয়েছিল?
>> AUDIENCE: এটা তা পরিত্রাণ পেতে পাবেন.
>> JASON HIRSCHHORN: এটা তা পরিত্রাণ পেতে পাবেন.
সুতরাং কিভাবে আমি এটা শেষ হয়ে যোগ করতে পারেন?
আমি শুধু কপি হবে -
>> AUDIENCE: প্লাস সমান.
>> JASON HIRSCHHORN: প্লাস নিখুঁত, সমান.
যে ঠিক ঠিক.
তাই এখন আমি কি এই আছে কি পরীক্ষা করা যাক.
পরিস্ফুটন!
ওহ, ধার্মিকতা আমার.
যে লেখার ঠিক অনেক.
ঠিক আছে.
>> আমরা অনেক পেয়েছি মত তাই এটা দেখে মনে হচ্ছে লেখার, কিন্তু দারুণ.
আপনি না কাজ আছে -
আমি এই কঠিন জানি, এই নতুন.
এ পর্যন্ত আপনি না তিন চমত্কার কাজ করেছেন.
>> ঠিক আছে, আপনি পরবর্তী করছি.
আমরা পরবর্তী কি করা উচিত?
আমরা অবশ্যই তা চাই না শুধু স্ট্রিং খেলতে.
হাঁ?
>> AUDIENCE: আমি শুধু একটি প্রশ্ন আছে.
আপনি ocean_array যখন আপনি জানেন, ডলফিন, বন্ধনী, নয়
একটি মিশুক মত শুশুক নিজেই অ্যারের?
>> JASON HIRSCHHORN: আমি misspoke.
ডলফিন ইনডেক্স এর.
>> AUDIENCE: কিন্তু var নয় সমুদ্রের মধ্যে শুশুক -
আপনি প্রথমে হিসাবে এটি লোড যখন আমি বলতে চাচ্ছি, ওয়েল, ডলফিনের মধ্যে var শুশুক, নয়
একটি মিশুক অ্যারে ডলফিন?
>> JASON HIRSCHHORN: এই শুশুক?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: নং
এই শুশুক সূচি.
>> AUDIENCE: ঠিক আছে.
সুতরাং একটি শুশুক পরিবর্তনশীল আছে?
আমি এ শুশুক কী মত, মানে মিশুক অ্যারের?
>> JASON HIRSCHHORN: রাইট এখানে?
ভালো লেগেছে, dolphin.name?
>> AUDIENCE: হ্যাঁ, আছে শুশুক ডট মত -
মত বোঝানো ডলফিন নয় প্রতিটি বস্তু হতে?
>> AUDIENCE: হাঁ, যে আমি খুব, চিন্তা কি.
>> AUDIENCE: আমি শুশুক মত ছিল ডলফিনের মধ্যে মিশুক অ্যারে.
ছয় মিশুক আছে কারণ ডলফিনের মধ্যে অ্যারে, ডান?
>> JASON HIRSCHHORN: রাইট.
আমরা এই লিখিত আছে উপায় এখন, এটা না.
>> AUDIENCE: কেন এটা হয়?
>> JASON HIRSCHHORN: আমরা তা করতে, এবং পারে একটি jQuery ফাংশন আসলে আছে
বলা. দেয় প্রতিটি যা প্রতিটি জিনিস আপনি.
কিন্তু এই বাক্য গঠন হয় না -
আমি আগে misspoke - এই বাক্য গঠন যে সূচক নয়.
এই মাত্র আমাদের সূচকের প্রদান করা হয়.
কিন্তু আপনি ডলার চিহ্ন যেত না. একে, যা একটি jQuery ফাংশন.
তার মানে আপনি একে দিতে হবে সহযোগী অ্যারে.
সুতরাং যে চেক আউট.
কিন্তু যে সব এই কোড আছে কি.
>> AUDIENCE: লুপ জন্য তাই এই প্রথম, আমি যে ছয় বার পুনরুক্তি হবে অনুমান
আপনি ছয়টি সূচকের আছে.
এবং তারপর লুপ জন্য দ্বিতীয়, যে iterating নয়
বার একই পরিমাণ?
>> JASON HIRSCHHORN: হ্যাঁ.
>> AUDIENCE: তাই কোন সত্যিই আছে - আমরা লুপ জন্য প্রথম লেখা থাকতে পারে
আবার, এবং এটা কাজ করে.
ডলফিনের মধ্যে মত, var শুশুক?
>> JASON HIRSCHHORN: হ্যাঁ, কিন্তু আমরা করছি এখন একটি ocean_array ব্যবহার করে.
আমরা মধ্যে সবকিছু সরানো করেছি ocean_array কারণ আমরা কখনও চাই বলে
dolphins.js কি পরিবর্তন, বা করতে হলে আমরা ocean_array নিপূণভাবে চান
পরে, আমরা নিপূণভাবে চাই না ডলফিনের, পরিবর্তনশীল.
আমরা এটা একটি কপি নিপূণভাবে চান, কারণ আমরা কিছু নিতে চান তাহলে
আউট, এই ভাবে আমরা ঠিক করছি নিরাপদ হতে যাচ্ছে.
জানার জন্য যে.
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: ঠিক আছে.
সুতরাং, কার্লোস, কিভাবে আমি এই স্ট্রিং নিতে পারি এবং পরিবর্তে এটি একটি ইমেজ করা, এবং পেতে
প্রকৃত চিত্র?
আপনি আগে এই কোড দেখতে করেছি.
আমি একটা পেজে একটি চিত্র অন্তর্ভুক্ত করবেন কিভাবে?
>> AUDIENCE: এটা আমরা যে বিষয়ে কি জিনিস যে এইচটিএমএল প্লাস Te কল ড্যাশ সমান
প্রস্থ, তিনি তা মুছে ফেলা?
>> JASON HIRSCHHORN: এই এখানে ডান স্টাফ?
>> AUDIENCE: হ্যাঁ.
কাইন্ড অফ.
>> JASON HIRSCHHORN: না যে বিষয়ে উদ্বিগ্ন.
যে শুধু এইচটিএমএল স্ট্রিং শুরু হয়.
আমি একটি ইমেজ অন্তর্ভুক্ত করতে চান তাহলে আমার এইচটিএমএল ওয়েব পেজ, আমি কি ট্যাগ ব্যবহার?
>> AUDIENCE: আমি মনে করি না.
>> JASON HIRSCHHORN: ঠিক আছে.
Avie, তাকে সাহায্য?
>> AUDIENCE: এটি নোঙ্গর হতে চান, আল্লাহ, এবং তারপর আপনি এটি লিঙ্ক?
>> JASON HIRSCHHORN: তাই নোঙ্গর হিসাবে একটি.
>> AUDIENCE: আপনি করতে হবে না ডান যদিও, এটি লিঙ্ক?
>> JASON HIRSCHHORN: কি যদি আমি একটি ইমেজ তৈরি করতে চান?
>> AUDIENCE: এটা পরে img, এবং হবে SRC স্ট্রিং যা কিছু থাকে সমান?
>> JASON HIRSCHHORN: ঠিক আছে, তাই যে অধিকার, গান এর.
কার্লোস, আপনি চলুন এখান থেকে তা গ্রহণ করা.
IMG "ইমেজ" ঘোরা এবং SRC ঘোরা "উৎস." জন্য এবং আপনি তা দিতে প্রয়োজন
একটি URL বা কিছু -
এমনকি একটি URL.
কিছু অবস্থান যেখানে যে ইমেজ সংরক্ষণ করা হয়.
তাই আমি যে আমাকে একটি পেতে হবে জানি ইমেজ, তাই এখন কিভাবে আমি এই সব লাগাতে পারি
একসঙ্গে, চিন্তা?
আমি স্থির করা প্রয়োজন কিছু বাক্য গঠন আছে.
কি ঠিক আমি প্রয়োজন , কার্লোস টাইপ?
>> AUDIENCE: আমি কি পেতে পারি না আপনাকে যা করতে চেষ্টা করছেন.
সুতরাং আপনি সব লাগাতে চেষ্টা করছেন একটি টেবিলের মধ্যে ছবি?
>> JASON HIRSCHHORN: আমরা প্রদর্শন করতে চান পাতায় সব ছবি.
এবং আমরা কোড অধিকার কিভাবে এই লাইন দেখেছি আমাদের এইচটিএমএল স্ট্রিং এখানে যোগ স্ট্রিং
এবং এই মত তাদের আউট মুদ্রিত.
আমরা পরিবর্তে ইমেজ প্রদর্শন করতে চান.
এবং আমরা আমাদের বলেছেন,, Maru উপলব্ধি যে কোড এই লাইন -
তাই অধিকার এখানে এর চেহারা.
আমরা গিয়েছিলাম এবং অন্বেষণ, আমরা করব এইচটিএমএল হিসাবে এই সম্পাদনা করুন.
Maru, বলেন, আমরা এই ধরনের কাজ করে যদি বাক্য গঠন, আমরা একটি ইমেজ পেতে.
সুতরাং যে জানার আছে?
>> এই স্ট্রিং টাইপ যে আমরা সত্যিই সমুদ্রের ভিতরে লাগাতে চান
ডুব, না কেবল পাঠ্য নিজেই.
>> AUDIENCE: [শ্রবণাতীত]
>> JASON HIRSCHHORN: দুঃখিত?
>> AUDIENCE: আপনি শুধু কপি করা যাবে না Kianna দিয়েছেন যে এক,
এবং যে সেটিকে করা -
>> JASON HIRSCHHORN: এই কপি করুন, এবং ঠিক এই লাগাতে?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: এটা বন্ধ, কিন্তু সেখানে এই সঙ্গে এক সমস্যা, এবং
যে কি?
এইচটিএমএল একটি পংক্তি, এবং আমরা প্রয়োজন এটি স্ট্রিং যোগ করুন.
>> AUDIENCE: আমি তখন আপনি এটা করা - Nah.
>> JASON HIRSCHHORN: এবং আমরা তিনটি আছে - এখানে এই অধিকার একটি স্ট্রিং নয়.
কিভাবে আমরা তা একটি স্ট্রিং করতে পারি?
কিভাবে আপনি সবসময় করতে পারি একটি স্ট্রিং কিছু?
>> AUDIENCE: আমি জানি না.
>> JASON HIRSCHHORN: আমি লেখা আছে, কিভাবে আমি এটি একটি স্ট্রিং তৈরি করতে পারি?
এখানে ডান এই লাইনে এখানে আপ চান?
>> AUDIENCE: একটি টেবিলের মধ্যে এটি রাখুন?
>> JASON HIRSCHHORN: কি এই সম্পর্কে?
>> AUDIENCE: উক্তি.
>> JASON HIRSCHHORN: ডাবল কোট, ডান?
ডাবল কোট কিছু করে তোলে একটি পংক্তি.
সুতরাং যে, একটি স্ট্রিং যে করে তোলে এবং এই একটি পংক্তি.
আমি কিভাবে দুই স্ট্রিং রাখা না একসঙ্গে জাভাস্ক্রিপ্ট মধ্যে?
>> AUDIENCE: বিন্দু.
>> JASON HIRSCHHORN: বিন্দু নেই.
যে পিএইচপি এর.
>> AUDIENCE: প্লাস.
>> JASON HIRSCHHORN: প্লাস, ঠিক অধিকার.
আপনি কি করবেন তখন তাই প্লাস, এবং আমি এখানে উপর কি প্রস্তাব?
>> AUDIENCE: আরেকটি উদ্ধৃতি.
>> JASON HIRSCHHORN: আরেকটি উদ্ধৃতি, ঠিক আছে.
আমি কিভাবে একটি পংক্তি শেষ হয়?
>> AUDIENCE: আরেকটি উদ্ধৃতি.
>> JASON HIRSCHHORN: আরেকটি উদ্ধৃতি.
এবং কিভাবে আমি এই স্ট্রিং লাগাতে পারি একসঙ্গে এই স্ট্রিং সঙ্গে?
একটি প্লাস.
যে ঠিক ঠিক.
আপনি শুধু আমাদের জন্য এই কি.
এই নিখুঁত.
>> তাই এখন আমি কি এই রেন্ডার করা যাক.
এবং, চেহারা আমরা একটি সম্পূর্ণ পেয়েছেন ইমেজ গুচ্ছ.
ওহ, আমার ঈশ্বর.
যারা ভীতিকর.
আমরা অন্বেষণ চলুন এক সেকেন্ডের মধ্যে তাদের.
হাঁ, নোয়া?
>> AUDIENCE: আমি এটা সত্যিই আছে না জানি ব্যাপার, কিন্তু আপনি আপনার বন্ধ হবে
ইমেজ ট্যাগের সাথে উপাদান?
>> JASON HIRSCHHORN: আমরা পারা, যদি আমরা চেয়েছিলাম, আমাদের ইমেজ বন্ধ করুন
ঠিক সেই মতো ট্যাগ.
এর যে রেন্ডার করা যাক.
উপর, না, আমরা তা করতে পারবেন না.
>> AUDIENCE: ওহ, আমি এটা কপর্দকশূন্য.
>> JASON HIRSCHHORN: আমি এই মনে যদিও, বৈধতা রয়েছে.
আমি আপনি প্রয়োজন মনে করি না বন্ধ স্ল্যাশ.
ঠিক আছে, এই মহান.
কার্লোস, আপনাকে ধন্যবাদ.
এ পর্যন্ত আপনাকে বলছি চার একটি ভয়ঙ্কর কাজ শেষ করেছেন.
>> আপনি দেখতে পারেন হিসাবে অবশ্যই,, আমরা করছি টেবিলের বেভেল কিছু টাইপ তৈরি.
এবং আমি এই জিনিস চাই একটি টেবিল হতে.
সুতরাং কিভাবে আমি এই লাগাতে পারি একটি টেবিলের জিনিষ?
আমি পরিষ্কারভাবে আরো কিছু এইচটিএমএল প্রয়োজন.
আসাম, আমি এইচটিএমএল কি ধরনের অনুপস্থিত করছি?
>> AUDIENCE: আপনি কি দুঃখিত, কাজ করতে চান?
>> JASON HIRSCHHORN: আমি সব লাগাতে চান একটি টেবিলে এই ছবি, যাতে প্রতিটি ইমেজ
টেবিলের এক কলামে হতে হবে.
আমি কিভাবে এই এক কলামে হয় বলে?
আপনি আগে এই কোড দেখা করেছি.
এই পি সাত সেট হয়.
>> AUDIENCE: আমি এক স্মরণ হাশর ছিল?
>> JASON HIRSCHHORN: TR সারিতে জন্য.
>> AUDIENCE: আমি এটা বন্ধ না জানি আমার হৃদয়, কিন্তু আমি চেক পারে.
>> JASON HIRSCHHORN: কি কারো মনে পড়ে?
>> দর্শকদের: TD?
>> JASON HIRSCHHORN: TD, ঠিক অধিকার. TD একটি কলাম হিসাবে এটা বন্ধ রাখে.
আমি সেখানে TD করা তাই যদি, আসাম, আমি কি করা প্রয়োজন?
আমি যোগ করতে আর কি প্রয়োজন?
>> AUDIENCE: আপনি এটা বন্ধ করতে হবে?
>> JASON HIRSCHHORN: যথাযথভাবে.
কোথায় যে যেতে পারে?
>> AUDIENCE: রাইট আছে?
>> JASON HIRSCHHORN: রাইট এখানে?
>> AUDIENCE: আমি তাই মনে করি.
>> JASON HIRSCHHORN: এটি কী অধিকার এখানে বন্ধ?
জন্য এটা কি?
যে নীল জিনিস?
>> AUDIENCE: যে ইমেজ জন্য.
এটা পরে যেতে হবে, আমি মনে করি.
>> JASON HIRSCHHORN: ঠিক আছে, ঠিক ঠিক.
তাই আসুন এই কি দেখতে দিন.
ওহ, যে বিশ্রী এর.
এর মহাসাগর, টেবিল খুলুন, টেবিলের শরীর, TR.
সুতরাং আমরা একটি টন আছে, কিন্তু আমি ছবি দেখতে না.
এটা অদ্ভুত.
এটা এটি নির্মিত মত দেখায় কিন্তু আমার চিত্র দেখাবেন না.
কোন ধারনা কেন যে ক্ষেত্রে হতে পারে?
কোন চিন্তা?
>> AUDIENCE: আপনি স্ক্রল যদি নিচে, আপনি তা দেখতে পাবেন.
>> JASON HIRSCHHORN: Boom!
সুতরাং তারা সেখানে থাকেন, কিন্তু যে অদ্ভুত যে তারা নিচে আছে সব পথ করছি.
>> AUDIENCE: তারা একটি সারিতে সব জন্যও করছি.
>> JASON HIRSCHHORN: এবং তারা একটি সব করছি সারি, এবং তারা সব বিভিন্ন আকারের করছি.
তাই অসম, আমার কোড এর আরও একটি লাইন দিতে আমি প্রতি ইমেজ করতে পারেন
আমি করেছি মত একই আকার, এবং এটা দেখে মনে হচ্ছে ইতিমধ্যে সাইজ আমি নির্দেশিত
তাদের হতে চান.
আমি কিভাবে প্রতিটি ইমেজ তৈরি করতে পারেন একই আকার?
একটি বন্য অনুমান দিন.
>> কি কোড এই লাইন সম্পর্কে কি?
>> AUDIENCE: আপনি যখন করতে পারি একটি ধ্রুবক পছন্দ?
>> JASON HIRSCHHORN: যেখানে বা অন্য হয় আমি কোড এই লাইন লাগাতে পারে লিখুন
আমি এটা কপি তাহলে কি হবে?
>> AUDIENCE: সমস্ত উপায় নিচে যে একই লাইনে?
>> JASON HIRSCHHORN: ঠিক আছে, এর করা যাক এটা এখানে, ঠিক অধিকার.
এবং এখন এর কি দেখতে দিন.
ধার্মিকতা আমার, ওহ!
আমরা পেতে শুরু করছেন মত ​​এখন এটা দেখতেও কিছু, এবং এটি তারা মত দেখাচ্ছে
সব ধরণের টেবিলে যে মাপসই আমরা প্রতিটি TD নির্মাণ করেছি.
>> এছাড়াও, আসাম, এর আমি চাই বলা যাক তাদের একটি সামান্য বিট আরো হতে উচ্চতা -
উচ্চতা জিনিস আমার নিক্ষেপ বন্ধ, তাই হয় আমি তাদের উচ্চতা এ সেট করা উচিত কি?
কোনো সংখ্যা চয়ন করুন.
>> AUDIENCE: 200?
>> JASON HIRSCHHORN: 200.
আমি 100 বাছাই যাচ্ছি.
দারুণ.
সত্যিই 200 ভালো জন্য.
আমরা এখন পর্যন্ত যান!
ঠিক আছে, এখন এই একটি বিট চেহারা শুরু হয় ভালো এবং একটি বিট আরো সংগঠিত.
>> আমরা প্রয়োজন জন্য অন্য কোন চিন্তা ডলফিনের ছবি জমা করতে হবে?
হাঁ?
>> AUDIENCE: কোট, বা একক আছেন জন্য মান প্রায় কোট,
উৎস, উচ্চতা, প্রস্থ, যারা ঐচ্ছিক?
>> JASON HIRSCHHORN: কোথায় একক উদ্ধৃতি চিহ্ন কি?
>> AUDIENCE: উদাহরণ কিছু ভালো লেগেছে, আপনি উচ্চতা মত আছে চাই
উদ্ধৃতি "150." সমান Is যে প্রয়োজন নেই.
>> JASON HIRSCHHORN: সুতরাং যাক এর এখানে ঘৃণা.
আমরা সমুদ্রের উপর ক্লিক করেন, টেবিল ঢোকা, আপনি আসলে এখানে এটি ডাউন বিজ্ঞপ্তি পাবেন
আমার জন্য যারা কোট যোগ.
>> AUDIENCE: ঠিক আছে.
>> JASON HIRSCHHORN: এবং যাতে আমি বুঝতে পারি কি আমরা করছেন painfully ধীর বলে মনে হয়.
আমরা কেবলমাত্র কোড তিন লাইন লেখা করেছি এ পর্যন্ত, বা চার কোড লাইনের, কিন্তু
এই বস্তুত প্রক্রিয়া যে আমি চাই প্রতিটি সময় মধ্য দিয়ে যেতে
এই ওয়েবসাইট করতে.
পাতিপাতি, নিচে কনসোল ব্যবহার এখানে, জিনিষ অন্বেষণ এবং figuring
আমি কি করতে চান ধাপে ধাপে আউট.
তাই আশা করছি, আপনাকে বলছি জন্য এই নকল কি যদি আপনি একটি ভাল, প্রাতিষ্ঠানিক ভাবে
আসলে যখন কাজ করা হবে আপনি আপনার ওয়েবসাইট তৈরি করুন.
>> এর উপর সরানো যাক.
আমরা এই জিনিস তৈরি করেছি.
আসলে আমি যাচ্ছি -
Avie, আমি আপনার জন্য একটি বড় প্রশ্ন থাকে.
আমি মনে করি আমরা এগিয়ে যেতে হবে, জানি না.
এর ট্রেন শুশুক "যাওয়া যাক যখন তার ছবি ক্লিক না. "আপনি কি কিভাবে
আমি একটি কোড যে লাইন লিখতে প্রস্তাব?
>> AUDIENCE: একটি ফাংশন নেই "ট্রেন." বলা
>> JASON HIRSCHHORN: একটি ফাংশন আছে ঠিক ডান ", ট্রেন" বলা.
>> AUDIENCE: এটি একটি সূচক আশা.
>> JASON HIRSCHHORN: ট্রেন আশা একটি সূচক, তাই, ঠিক আছে.
Avie, এই ঠিক যুক্তি হল আমি দেখতে ভালোবাসি যে.
ট্রেন একটি সূচক আশা.
>> AUDIENCE: সুতরাং আপনি যাচ্ছেন লুপ জন্য একটি আছে.
>> JASON HIRSCHHORN: ওয়েল, আমি কাজ করতে চান একটি ছবি ক্লিক করা হলে,, Avie তাই
যখন একটি কিভাবে আমি নিরীক্ষণ করবেন ছবি ক্লিক না?
কি সেটা কয়েক উপায় আছে.
এই জাভাস্ক্রিপ্ট শক্তি ও হয় jQuery, কিন্তু কঠিন অংশ.
>> AUDIENCE: লঘুবন্ধনী যদি, না.
অথবা যদি লঘুবন্ধনী ঘটনা, অথবা কিছু অপেক্ষাকৃত সহজ?
>> JASON HIRSCHHORN: সুতরাং আমরা দেখেছি দুয়েক বক্তৃতায় এটি করার উপায়.
একটা জিনিষ আপনি নিচে এখানে, করতে পারে ছিল আপনি একটি তৈরী করতে পারে ভালো কিছু করতে
ফাংশন ক্লিক নেভিগেশন মত, বা না ক্লিক করলে ভালো কিছু.
সকলে এইজন্য মনে রাখা যে ভালো কিছু?
আপনি এইচটিএমএল ট্যাগ ভিতরে এটা.
আমি কিছু ফাঁকা মুখ দেখতে.
কিছু মানুষ, চাই কি সে বিষয়ে কথা হয়?
>> আমি যে মনে করি, কারণ যে সূক্ষ্ম তা আরো জটিল উপায়.
আমরা একটি অনেক সহজ করতে যাচ্ছেন উপায় jQuery ব্যবহার করে.
সুতরাং, Avie?
>> AUDIENCE: Hm?
>> JASON HIRSCHHORN: আমি না করতে চান, কিছু jQuery, আমি অবশ্যই শুরু,
মত আগে, এই ডলার চিহ্ন সঙ্গে, খোলা paren, বন্ধ paren, এবং ডবল
এখানে কোট.
এখন আমরা আমি এখানে একটি নির্বাচক প্রয়োজন জানেন.
আপনি কি নির্বাচক ক্ষেত্রে প্রয়োগ করা যাবে উত্থাপন করবেন প্রতি একক ইমেজ বা প্রত্যেক যাও
একক ছবি?
>> AUDIENCE: চিত্র?
>> JASON HIRSCHHORN: যে ঠিক অধিকার.
যে প্রতি একক ইমেজ প্রয়োগ করা হবে.
তাদের সব Gets.
এটা, এটা একটি শ্রেণী নয়, একটি আইডি না একটি ট্যাগ ধরণ, এবং এই যাচ্ছে
প্রতি একক এক পেতে.
>> এবং এখন আমি আপনাকে এই বলতে যাচ্ছি এখন জন্য, এবং আপনি আরো আপ করতে পারেন
পরে এটি নেভিগেশন ডকুমেন্টেশন, কিন্তু এই জিনিস ঘটনা সাথে ডিল "উপর" বলা.
তাই কি আপনি এখন কি পেতে, এবং যা সুপার শক্তিশালী, বলতে কি ধরনের
আপনি খুঁজছেন এবং কি করছি ইভেন্ট আপনি যখন আপনি কাজ করতে চান
যে ঘটনা পাবেন.
তাই আমি আপনাকে একটু দিতে যাচ্ছি কিছুটা কোড, Avie তারপর,
আপনি ঠিক আছে, যেতে পেয়েছেন?
>> AUDIENCE: ঠিক আছে.
>> AUDIENCE: অন - আমরা বলতে যাচ্ছেন , এই ক্ষেত্রে "ক্লিক করুন" যা আপনি পাবেন
সাধারণত ব্যবহার.
সুতরাং ক্লিক করলে, এবং তারপর আমরা চলুন এটি একটি বেনামী ফাংশন পাস.
এবং এই সিনট্যাক্স আপনি দেখতে যাচ্ছেন অনেক, এবং আশা আপনি হবে
অনেক লেখা হবে.
কি এই আছে ক্লিক করলে, আবার, হয় কিছু বলা ইমেজ, যাই হোক না কেন,
ছবিটি বলা কিছু, আমরা যাচ্ছি এই বেনামী ফাংশন চালানোর.
>> আমি এটি একটি নাম প্রদান করছি না.
আমি এটা কোনো যুক্তির পার করছি না.
আমি এখানে তৈরি করা, মত, ঠিক আছি একটি আছে কাজ, এবং এখানে কি কোড না
আপনাকে যা করতে যাচ্ছেন.
যে এই বাক্য গঠন মানে সঙ্গে এর.
আপনি বিজ্ঞপ্তি পাবেন হিসাবে এবং এছাড়াও,, এটা দেখে মনে হচ্ছে এখানে আপ এই অনুরূপ যে আমরা
আগে লিখেছিলেন.
>> ঠিক আছে, Avie.
সুতরাং আপনি সূচী নেভিগেশন ট্রেন কল করতে চান.
যে আপনি কি করতে চান কি?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: এটা কি?
ঠিক আছে.
এর কি দেখতে দিন.
>> AUDIENCE: যদিও, অপেক্ষা করুন.
সূচক অধিকার এখন একটি পরিবর্তনশীল নয়.
>> JASON HIRSCHHORN: তাই সূচক নয় একটি পরিবর্তনশীল অধিকার এখন.
আপনার কাছ থেকে পেয়েছি যেখানে আমি জানি না.
>> AUDIENCE: [শ্রবণাতীত].
সুতরাং আপনি প্রথম চিন্তা করা প্রয়োজন যা শুশুক ক্লিক আছে?
>> JASON HIRSCHHORN: অসাধারণ.
আপনি চিন্তা করা প্রয়োজন, যা শুশুক ক্লিক ফেরার.
এই অন্ধকারে একটি বন্য শট হয়.
কেহ আমি চিন্তা করতে পারেন কিভাবে কোন ধারণা আছে খুঁজে কি শুশুক ক্লিক আছে?
যদি না হয়, আমি, আপনি তা দিতে পাবেন এই চমত্কার পাগল কারণ.
ঠিক আছে.
সুতরাং আসুন console.log মাধ্যমে প্রিন্ট আউট করা যাক.
>> এই জিনিস.
সুতরাং, ডলার চিহ্ন, খোলা paren, এই বন্ধ paren.
আমি এই ইমেজ ক্লিক করুন যখন সুতরাং, আমি যাচ্ছি কনসোল এই মুদ্রণ,
এবং এর কি দেখতে দিন.
এর এখানে ফিরে যাওয়া যাক.
এর কনসোল যাওয়া যাক.
কোন ত্রুটি, ভগবান্.
>> ঠিক আছে.
আমি ক্লিক.
আমার আবার যে করুক না.
আমি এই প্রথম ছবিটি ক্লিক করে, এবং এই কনসোলে প্রিন্ট করা হবে,
জিনিস এই লাইন.
আমি ব্যবহার করা যাচ্ছে না শব্দ "এই" অনেক.
ঠিক এই জিনিস, এই, খুব হয় বিশেষ করে, এবং এটি ঠিক কি করছে
Avie তা করতে চায়.
এটি ছিল যাই হোক না কেন হচ্ছে বা যাই হোক না কেন ক্লিক.
আবার, এই নির্বাচক ঘটবে কারণ অনেক কিছু মোকাবেলা করার জন্য, আমরা না
অগত্যা আমরা করছি যা জিনিস জানি যে বিষয়ে কথা বলছি, তাই আমরা চিন্তা করতে চাই
বাইরে যা জিনিস আমরা কথা বলছি এই বাক্য গঠন মাধ্যমে প্রায়.
অধিকার এখানে এই ক্ষেত্রে, হ্যাশট্যাগ সমুদ্রের, আমরা সবসময় আমরা পারব কি জিনিস জানেন
বিষয়ে কথা হবে, তাই আমরা সত্যিই এই প্রয়োজন না
একটি হ্যাশট্যাগ সমুদ্রের ভিতরে.
সর্বদা মহাসাগর, যে DIV এর.
এটি একটি আইডি আছে, শুধুমাত্র একটি সম্ভাব্য জিনিস.
>> কিন্তু এই ক্ষেত্রে, এই অনেক ক্ষেত্রে প্রযোজ্য ইমেজ, আসলে, ছয় চিত্র,
এবং তাই আমরা কি নির্দিষ্ট জানতে চাই ইমেজ উপর ক্লিক করা হয়.
এই হয় মত এবং এটা দেখতেও তথ্য ধরণ আমরা পেতে.
আমরা এটা কিছু বৃহৎ মতো দেখতে পাবেন স্ট্রিং, এবং আমরা এই সব পান
এই সঙ্গে তথ্য.
আমরা টন এবং টন পেতে এবং স্টাফ টন.
jQuery সুপার শক্তিশালী.
এটা আমাদের তথ্যের একটি টন দেবার হচ্ছে এই বিশেষ এইচটিএমএল উপাদান সম্পর্কে.
Avie, আমরা কি জানতে চান না এই এইচটিএমএল উপাদান সম্পর্কে কি?
>> AUDIENCE: একটি আইডি মত কিছু একটা.
>> JASON HIRSCHHORN: একটি আইডি.
ভাল, আমরা একটি উৎস আছে, একটি প্রস্থ, এবং একটি উচ্চতা.
>> AUDIENCE: আমরা একটি উৎস ব্যবহার করতে পারেন.
>> JASON HIRSCHHORN: আমরা উৎস ব্যবহার করতে পারেন.
এটা আমাদের একটি স্ট্রিং দেব, একটি URL স্ট্রিং.
আমরা কি কি যাচ্ছে যে একবার আমরা যে আছে?
কিভাবে আমরা ফিরে পেতে পারি আমাদের ocean_array মধ্যে সূচক?
>> AUDIENCE: আমরা তুলনা করতে পারেন এটি অপরকে.
>> JASON HIRSCHHORN: সুতরাং আমরা পারা প্রতিটি মাধ্যমে লুপ.
এখন আমরা আবার লুপ পারে এবং তারপর এই তুলনা করুন.
কি একটি সহজ উপায় হতে পারে কল্পনা, আপনি শুধু একটা কল্পনা করতে পারে তাহলে কি হবে?
>> AUDIENCE: লুপ হচ্ছে না.
>> JASON HIRSCHHORN: লুপ হচ্ছে না.
>> AUDIENCE: শুধু figuring আউট ডলফিন, [শ্রবণাতীত].
>> JASON HIRSCHHORN: Figuring খুঁজে কি শুশুক.
ঠিক আছে.
সুতরাং আসুন যে তথ্য সংরক্ষণ করা যাক এই ছবিটি ট্যাগ সালে.
এই বিষয় নিয়ে এবং আবার, এই মুহূর্তে, অংশ শুধু যাদুকর আমি প্রতাপ, কারণ
, প্রথমবার আপনি এই দেখাচ্ছে করা কিন্তু আশা এই জিনিস হয়
আপনি কাজ করা চলুন.
তাই এই এমন কিছু বিষয় যাদুকর আপনি কি করতে পারেন.
আপনি কিছু অতিরিক্ত মেটাডাটা সংরক্ষণ করতে পারবেন একটি উপাদান মধ্যে.
এটা না করবে না, দেখা হবে না কিছু প্রভাব ফেলে.
আপনি শুধু সেখানে এটি সংরক্ষণ করতে পারবেন.
এবং আমি মনে করি আমরা সংরক্ষণ উত্থাপন প্রতিটি ইমেজের সাথে সূচী.
>> সুতরাং আপনি যে কি উপায় আপনার তৈরি হয় একটি তথ্য ড্যাশ নামক বৈশিষ্ট্য, এবং
তারপর যাই হোক না কেন আপনি নাম এটা দিতে চান.
ডেটা ড্যাশ যে একটি বিশেষ বিষয় আপনাকে দেওয়া, এবং এটি এই বলছেন
ব্যবহারকারী তৈরি করতে হবে কিছু.
তাই আমরা এই জিনিস বলা তৈরি হয় ইনডেক্স, এই কি 'র সূচক বলা.
>> এবং এটি ভেতরে, আমরা রাখা যাচ্ছে এক প্রতি সময় না, কিন্তু কি কি
আমরা Avie, এটি ভেতরে রাখা?
কি অধিকার এখানে যায়?
>> AUDIENCE: ডলফিন.
>> JASON HIRSCHHORN: ডলফিন.
যে যে শব্দ হয় না.
ডলফিন.
এবং আবার, আমরা ইতিমধ্যে শুশুক মুদ্রিত এর আগে, যে 0, 1, 2, 3, 4, 5, এবং
আমরা ইমেজের সাথে যে সংরক্ষণ করছেন.
>> তাই এখন, আমি যদি - এবং আবার, আমরা যে মেটাডাটা সংরক্ষণ করুন.
আপনি কিভাবে যে মেটাডাটা প্রবেশ করেন?
এটি শুধু একটি ফাংশন বলা সাথে এর "তথ্য." এবং যদি আপনি এটি এক পাস করতে হবে
এবং শুধুমাত্র একটি যুক্তি, যা ব্যাপার হল নাম.
তাই আমি এই প্রিন্ট আউট চলেছি এবং তারপর আমি প্রশ্ন নেব.
কিন্তু মূলত, আমি বলছে করছি আমার এই দিতে ক্লিক করেন যে বস্তু, চেহারা
তার তথ্য গুণাবলী সব সময়ে, এবং বলা এক ", ইন্ডেক্স"
আমার যে মূল্য দিতে.
>> আর এর কি হবে যখন দেখতে দিন আমরা এই পৃষ্ঠাটি রিফ্রেশ.
আমরা আশা ঠিক কি.
আবার, যে বেশ যাদুকর ছিল.
আমরা শুধু অধিকার আছে অনেক কি.
কে যে সম্পর্কে কোন প্রশ্ন আছে?
হাঁ?
>> AUDIENCE: আমি শুধু একটি প্রশ্ন আছে আপনার লাইভ কোড ওপর.
আপনি ডবল একটি একক উদ্ধৃতি, ভালো ব্যবহার উদ্ধৃতি, অধিকার আছে মত.
>> JASON HIRSCHHORN: রাইট এখানে.
>> AUDIENCE: হ্যাঁ.
আপনাকে যা একটি কারণ আছে কি একক উদ্ধৃতি, ডবল মূল্যউদ্ধৃতি?
>> JASON HIRSCHHORN: একটি কারণ আছে, এবং এই ফিরে কি মার্কাস যায়
তার আগে না.
এই লাইন ইন, আমি একটি হচ্ছে ছিল আমার কোডিং এ ভাল বিট.
আমি এই চান, এবং এই কি আমি ভাল হয় সব কাজ করা উচিত
প্রস্থ এবং উচ্চতার জন্য সময়, বিশেষ করে.
এর নিচে এখানে তাকান.
আপনি ডান এখানে দেখতে পাবেন, আপনি দেখতে পারেন?
আমি এটা ধরনের ছোট জানি, কিন্তু তথ্য ড্যাশ সূচী উদ্ধৃতি চিহ্ন রয়েছে.
সেগুলো সবসময় প্রয়োজন উদ্ধৃতি চিহ্ন করা.
মান সবসময় প্রয়োজন উদ্ধৃতি চিহ্ন হতে.
>> কিন্তু এখানে, আমি একটা ডাবল উদ্ধৃতি না হলে, যে ঠিক এই পংক্তি শেষ হবে,
এবং এখন আমি হতে পারেন না একটি স্ট্রিং টাইপ.
তাই আমি ঠিক করে যে কাছাকাছি পেতে একটি একক উদ্ধৃতি, কারণ একটি একক উদ্ধৃতি
জাভাস্ক্রিপ্ট স্ট্রিং শেষ, কিন্তু না আপনি যদি এইচটিএমএল তা গ্রাহ্য করে না
এটি একক উদ্ধৃতি চিহ্ন প্রদান বা উদ্ধৃতি চিহ্ন.
এটা ঠিক এটা ব্যাখ্যা করব উদ্ধৃতি চিহ্ন মত.
যে জানার জন্য?
হাঁ?
>> AUDIENCE: আপনি কিভাবে পেতে পারি যে IP ঠিকানা আপনার ক্লায়েন্ট নীচে?
খনি কোনো IP ঠিকানা বলল.
আমি উচিত কিছু আছে কি [শ্রবণাতীত] এ কাজ করেছেন.
>> JASON HIRSCHHORN: আপনার প্রয়োগ করে, এটা কিছুই আছে?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: কিছু একটা সমস্যা হয়েছে আপনি ঠিক করতে পারেন, কিন্তু আমি নই
হাঁটা সময় ব্যয় করা যাচ্ছে এই মুহূর্তে যে মাধ্যমে.
কিন্তু আমরা অধ্যায় পরে এটা করতে পারেন.
>> AUDIENCE: আপনি ফিরে যান কনসোল, কেন ছিল
012321 তালিকাভুক্ত নম্বর?
>> JASON HIRSCHHORN: কনসোল?
ওহ, আমি শুধু ক্লিক কারণ প্রায় দুর্দান্তভাবে.
>> AUDIENCE: ঠিক আছে, ওহ.
কিছু মনে করবেন না.
>> JASON HIRSCHHORN: এবং আবার, আমি ক্লিক করতে পারেন কিছু একটা bajillion বার.
>> AUDIENCE: আমি সম্পর্কে একটি প্রশ্ন আছে আপনার লুপ আবার, আপনার loops জন্য.
আপনি পি মধ্যে জানি কারণ তারা, আট সেট যে লুপ বিভিন্ন ফর্ম ব্যবহার.
সুতরাং তারা var মত আমি আমি কম, 0 এর সমান না ocean_array.length, আমি +, তুলনায়.
যারা সমতুল্য কি?
>> JASON HIRSCHHORN: যে লুপ জন্য একটি মান.
অথবা হাঁ, যে loops জন্য এর.
আসলে, আমরা যে সমতুল্য দেখা করেছি.
>> AUDIENCE: সুতরাং যে সমতুল্য আপনি এখানে সম্পন্ন করেছি কি?
এক ভাল বলে মনে করা হয় অন্যান্য তুলনায়?
>> JASON HIRSCHHORN: নং
>> সুতরাং, আবার, আমরা চলে কিছু জিনিস উপর.
আমরা এখন আমাদের সান্ত্বনা জোন স্থানান্তরিত করেছি এবং কিছু সত্যিই শীতল করছেন শুরু
আমরা অগত্যা সর্বস্বান্ত না করা জিনিস উপর ক্লাসে আগে, কিন্তু করবে না
আশা খুব শক্তিশালী হতে কোডিং যখন আপনার জন্য.
>> Avie, এর আপ এখানে ফিরে যান.
আমি শুশুক এর সূচক আছে.
এখন আমি কি করতে হবে?
>> AUDIENCE: আপনি এটা প্রশিক্ষণের প্রয়োজন.
সুতরাং পরিবর্তে, আপনি console.log নির্বাণ যে একটি পরিবর্তনশীল সমান সেট করতে পারেন!
>> JASON HIRSCHHORN: ঠিক আছে.
তাই?
>> AUDIENCE: আমি নিশ্চিত না আপনি তা করতে পারে না.
>> JASON HIRSCHHORN: তাই var এক্স সমান এই ফেরৎ যাই হোক না কেন এই,,
এটা এটি ফেরত পাবেন.
কোন ব্যাপার না.
এটা কোনো ভেরিয়েবল ফিরে আসতে পারেন.
এখানে কোন ধরনের আছে.
>> AUDIENCE: অথবা আপনি শুধু পারে ফাংশন কল করবেন.
>> JASON HIRSCHHORN: হ্যাঁ, কেন আমি তা করতে না পারি?
শুধু ফাংশন কল করবেন.
>> AUDIENCE: হ্যাঁ.
প্রথম বন্ধনী অন্য সেট রাখুন.
>> JASON HIRSCHHORN: পারফেক্ট.
যে ঠিক ঠিক.
সুতরাং যে ট্রেন ফাংশন কল হবে.
অবশ্যই, কিছুই ট্রেন হয় ফাংশন, তাই, Akshar, কি আমি উত্থাপন করা
ট্রেন ফাংশন কি করা উচিত.
আমার কিছু ছদ্ম কোড দিন.
>> AUDIENCE: আমি আপনার মুছে ফেলা আবশ্যক মনে করি মূল টেবিল থেকে শুশুক.
>> JASON HIRSCHHORN: এবং এই হচ্ছে নোয়া করার আগে কেন আমরা কপি
একটি নতুন অ্যারের মধ্যে এটি.
রাইট, আমরা কি কারণ সম্পাদনা করতে না আমাদের ডলফিনের অ্যারের কারণ কি অন্য হলে
প্রোগ্রাম এর এটি ব্যবহার করে অথবা আমরা কি চান অন্য কোথাও এটি অ্যাক্সেস করতে?
আমরা একটি কপি করতে চান, এবং যে আমরা সম্পাদনা চলুন এক.
>> AUDIENCE: তারপর আপনি উপস্থাপন এটি আপনার নতুন অবস্থানে.
>> JASON HIRSCHHORN: এবং কি করবেন আমরা যে পরে কি প্রয়োজন?
>> AUDIENCE: এবং তারপর আপনি প্রিন্ট আউট ডলফিন সম্পর্কে তথ্য.
>> JASON HIRSCHHORN: যে ঠিক অধিকার.
আমরা ocean_array থেকে সরাতে, আমরা আমরা আঁকতে তারপর পুলে এটা করা, এবং
পুলে মহাসাগর.
আমি কিভাবে শুশুক অপসারণ করবেন ocean_array থেকে?
>> AUDIENCE: আপনি সূচী যান.
ঠিক আছে, ওহ.
একটি সংযুক্ত করান ফাংশন ব্যবহার করুন.
>> JASON HIRSCHHORN: ঠিক আছে, তাই যে ঠিক.
আমি একটি সংযুক্ত করান ফাংশন ব্যবহার করতে পারে যা একটি অ্যারে থেকে কিছু খুঁজে নেয় এবং
এটি ঘন.
এটা কিছু নতুন আমরা এর আগে দেখা যায় নি.
কিন্তু আমি আসলে একটি স্পেস রাখতে চান আমি একটা প্রিন্ট আউট করতে চান সেখানে কারণ
সমুদ্রের মধ্যে ফাঁকা স্থান.
>> AUDIENCE: আমি তখন আপনি ইমেজ সেট করতে পারেন যে সূচক, ocean_array
সূচক ডট ছবি.
>> JASON HIRSCHHORN: ঠিক আছে, ocean_array, সূচী.
>> AUDIENCE: ডট ছবি.
>> JASON HIRSCHHORN: ডট ছবি.
>> AUDIENCE: এবং যদি আপনি এটি নাল সেট?
>> JASON HIRSCHHORN: নাল সাইটে সমান.
ঠিক আছে.
তাই কিছুই তারপর আছে, তাই কিভাবে আমি পুল স্থাপন করা হয়?
কনস্টান্টটাইন, কিভাবে আমি না পুলে এটা করা?
আমরা আমরা নামক এই পরিবর্তনশীল আছে, আপ এখানে, পুল বলা.
>> AUDIENCE: আমরা শুধু সমান কি করবেন ocean_array সূচী?
>> AUDIENCE: আপনি না উচিত যাতে সুইচ?
>> JASON HIRSCHHORN: এক সেকেন্ড.
হাঁ?
>> AUDIENCE: হ্যাঁ, যে ছিল আসলে একটি ভাল পয়েন্ট.
>> JASON HIRSCHHORN: কি এখানে যায়?
>> AUDIENCE: এটা ইনডেক্স করে?
>> JASON HIRSCHHORN: সূচক, ঠিক.
এবং যদি আপনি,, কনস্টান্টটাইন কি বলে নি আমরা কি হবে কিছু?
>> AUDIENCE: আমরা হয়তো উচিত যাতে সুইচ.
>> JASON HIRSCHHORN: এবং কেন করা উচিত আমরা হয়তো, যাতে সুইচ?
>> AUDIENCE: কারণ এ যে এটি ইতিমধ্যে নাল এর নির্দেশ.
>> JASON HIRSCHHORN: তাই এটি সব নাল নয়, কিন্তু আমরা ছবির URL হারিয়ে ফেলেছি.
আমরা চিরকালের জন্য তা হারিয়ে যায়?
>> AUDIENCE: টেকনিক্যালি কোন?
>> JASON HIRSCHHORN: আছে আমরা চিরকালের জন্য তা হারিয়ে?
>> AUDIENCE: নং
>> JASON HIRSCHHORN: ভাল, যেখানে এটা?
>> AUDIENCE: আপনার আসল শুশুক ইন -
>> JASON HIRSCHHORN: এটা ডলফিনের আছে, কিন্তু ocean_array মধ্যে
আমরা চিরকালের জন্য তা হারিয়ে ফেলেছি.
সুতরাং কনস্টান্টটাইন, আপনি একটি উত্থাপন করা যাবে এই লাইন লিখতে ভাল উপায়?
বাস্তবিক, দুঃখিত, এটা পুলে সংরক্ষিত হচ্ছে.
আমরা পুলে এটা আছে, কারণ পুল অধিকার, একটি বস্তু হল?
Ocean_array সূচক, একটি ocean_array বস্তুর একটি অ্যারে.
>> তাই পুল একটি বস্তু, এবং আমরা আছে নিচে একটি সেখানে URL-এ, ও
এখানে এটি নাল সেট এর.
তাই আসলে, আমরা না আছে চিরকালের জন্য তা হারিয়ে গেছে.
এটা ঠিক পুলে সংরক্ষিত হচ্ছে.
কিন্তু, ocean_array মধ্যে অবশ্যই না এবং ভালো আপনি কার্লোস, এটা হয়, বলেন
ডলফিনের অ্যারে.
>> তাই এই মিষ্টি দেখায়.
এবং তারপর কিভাবে আমরা আঁকতে পারি মহাসাগর ও পুল?
মারিও?
>> AUDIENCE: আপনি শুধু কল করতে পারেন draw_pool এবং draw_ocean?
তাই মত, draw_pool, এবং তারপর -
ওয়েল, হাঁ, এটা কিছু সময় লাগবে না.
>> JASON HIRSCHHORN: গ্রেট.
কি draw_pool করতে যাচ্ছে?
>> AUDIENCE: পুল আঁকুন!
>> JASON HIRSCHHORN: হ্যাঁ, ভাল, কি এটি করতে যাচ্ছে?
>> AUDIENCE: দুঃখিত.
আপনি একই কাজ করতে পারে ব্যাপার হল, মত একটি আছে -
>> JASON HIRSCHHORN: উপর রাখা, আমরা সেখানে পেতে যাচ্ছেন.
কিছুই.
এটা এই মুহূর্তে কিছুই না.
যদিও, এই কাজ করে যদি এর দেখতে দিন.
কে আমাদের যে কোড দিয়েছিলেন?
Akshar এবং কনস্টান্টটাইন আমাদের যে কোড দিয়েছিলেন?
ঠিক আছে, আমি কি কি দেখতে দিন.
>> আহ!
এটা তাই উত্তেজনাপূর্ণ ছিল.
এটা চলে গেছে এর.
ওহ, ছেলে.
যে ধরনের অরুপ এর.
ভাল, আমরা ফিরে যেতে পারেন এবং যে পরে ঠিক করা.
আমি যেখানে এটা ভাবছি?
আমরা যে পুল পরিবর্তনশীল মধ্যে এটি সংরক্ষণ.
এটা যদি আমি কিভাবে চিন্তা করতে পারেন যে পুল পরিবর্তনশীল?
ভাল, আবার, জাভাস্ক্রিপ্ট শক্তি, এবং বিশেষ করে হাতিয়ারসমূহ যে
ক্রোম আপনি এখন যা করতে পারেন, আপনি হয় দেয় যে পুল পরিবর্তনশীল পরিদর্শন করা.
এটি বিশ্বব্যাপী এর, মনে পড়ে?
আমরা var অভিব্যক্তি করা হয়নি.
তাই আমি এখানে ডান লিখুন টাইপ হলে, কনস্টান্টটাইন, আপনি আমি কি মনে করেন
আমি লিখুন আঘাত পেতে যাচ্ছে?
>> AUDIENCE: আমি জানি না.
>> JASON HIRSCHHORN: Guess.
>> AUDIENCE: কিছুই?
>> JASON HIRSCHHORN: ভুল কিছুই.
এটা যদিও, একটি ভাল অনুমান ছিল.
আমি বস্তুর পেয়েছিলাম.
আপনি আমাকে দিয়েছিলেন মনে রেখো কোড যে লাইন.
পুল, আপনি যে সংরক্ষিত পরিবর্তনশীল একটি বস্তু.
এবং প্রকৃতপক্ষে, আমরা বস্তুর দেখুন আপনি এটি সংরক্ষিত.
এটা ভয়ঙ্কর.
আমরা এখান থেকে পরিদর্শন করতে পারেন.
এটা প্রায় বাস্তব সময়ে GDB মত যে আমরা আমাদের কোড মাধ্যমে সন্ধান করতে পারেন
স্টাফ চিন্তা.
যে প্রচন্ড cool এবং সুপার শক্তিশালী.
>> ঠিক আছে, এর এই পর্যন্ত শেষ করা যাক.
এর পাঁচ মিনিটের মধ্যে পুল আঁকা যাক.
Maru, আমাকে একটি লাইন দিতে পুল আঁকা কোড.
>> AUDIENCE: আপনি অন্য থাকতে পারে পরিবর্তনশীল এইচটিএমএল, কিন্তু / জন্য.
>> JASON HIRSCHHORN: এর করা যাক এটি এখন জন্য খুব সহজ.
এর মাত্র নাম প্রিন্ট করা যাক শুশুক আমরা প্রশিক্ষণ করছি.
>> AUDIENCE: এবং তারপর আপনি ডলার কি করতে পারেন সাইন, খোলা বন্ধনী,
এবং তারপর খোলা উদ্ধৃতি.
যদি আমি আধা কেজি পুল অনুমান একটি জিনিস ছিল.
আমি মনে করি না.
>> JASON HIRSCHHORN: এর পিছনে তাকান.
আমি একটা জিনিস মনে করি.
>> AUDIENCE: ঠিক আছে, হাঁ.
এবং তারপর বন্ধ মূল্যউদ্ধৃতি বন্ধ প্রথম বন্ধনী . এইচটিএমএল, খোলা বন্ধনী,
এবং তারপর আমি খোলা বন্ধনী মত, পুল অনুমান 0 বা যে ভালো কিছু.
বন্ধ ডট নাম.
যে কাজ করে যদি আমি জানি না.
>> AUDIENCE: ঠিক আছে, এর কি দেখতে দিন.
"সম্পত্তি নামের পড়তে পারছেন না অনির্ধারিত. "তাই আবার, এখানে কি
আমরা চেক আউট চলুন.
আমরা এই অন্বেষণ চলুন.
আপনি পুল, খোলা bracket0,. নাম কি.
আবার, আমি এই সব সময় না, এবং আমি আছি কি ঘটছে বিভ্রান্ত, কি আছে
এই সতর্কবার্তা মানে.
এর পুল তাকান.
এর পুল বন্ধনী তাকান 0, অনির্ধারিত.
আমরা চালাচ্ছেন তাই যে যেখানে আমাদের সমস্যার মধ্যে, ডান?
পুল বন্ধনী 0 না, একথাও ঠিক যে, বিদ্যমান.
আপনি কি বিদ্যমান মনে হয়?
>> AUDIENCE: পুল ঠিক নিজে একটি বস্তু?
>> JASON HIRSCHHORN: ভাল, কি এটা অধিকার এখানে বলা আছে?
আমরা পুল নেভিগেশন Enter আঘাত, যখন এটা কি এটা বলা আছে?
>> AUDIENCE: অবজেক্ট.
>> JASON HIRSCHHORN: এটা তাই, একটি বস্তু হল?
>> AUDIENCE: হাঁ, ওহ.
তাই শুধু পরিবর্তে pool.name -
>> JASON HIRSCHHORN: Pool.name দেয় আপনি চেয়েছিলেন ঠিক কি.
এবং আমি আমি এই মাধ্যমে যাচ্ছি বুঝতে পারছি ধীরে ধীরে এবং এই নাস্তিক, কিন্তু
এই আমি এই জিনিস কি ঠিক কিভাবে হয়.
আপনি এই বাগ পাতিত চলুন আপনার চূড়ান্ত প্রকল্পের সময়, তাই আমি আশা করি
এই আপনার পাবে empowering হয় সব এই সরঞ্জামগুলি ব্যবহার করার জন্য.
এই অত্যন্ত গুরুত্বপূর্ণ এবং করবে না সুপার duper পর্যন্ত পাবেন.
>> তাই আমি চাই না শুধু নাম প্রিন্ট আউট.
এর এটি একটি সামান্য করা যাক এই তুলনায় nicer বিট.
>> AUDIENCE: আমরা আর কি কি করতে চান?
>> JASON HIRSCHHORN: সূক্ষ্ম, ঠিক আছে.
আমরা শুধু এই চেষ্টা করবো.
বিতৃষ্ণা.
বলছি, আপনি কোন জীবন আছে.
>> ঠিক আছে, গর্জন, পেয়েছি.
ভাল মনে হচ্ছে.
আপনি এখানে নিচে,, Akshar দেখতে পাবেন আমরা নাল, পাওয়া যায় না.
এটি এখনও চেষ্টা মত তাই এটা দেখে মনে হচ্ছে কিছু ছবিটি খুঁজে, এবং যে কি না
ঠিক কি আমরা করতে চেয়েছিলেন.
আমরা এখন যে ঢোকা যাচ্ছে, কিন্তু করছি না একটি ক্লিনার উপায় সম্ভবত আছে
এই করছেন.
>> AUDIENCE: আপনার মত ছেড়ে যায়নি চিত্রের জন্য একটি ফাঁকা স্থান?
ভালো লেগেছে পরিবর্তে নাল এটি সেটিং, আপনি এটি একটি ফাঁকা চান সেট করতে পারে
স্ট্রিং বা কিছু?
>> JASON HIRSCHHORN: এই পছন্দ?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: [শ্রবণাতীত].
পাওয়া গেল না.
সুতরাং এরকম একটি ভালো উপায় আছে.
আমি এই কাজ উত্থাপন করা হবে.
শুধু নাল সেখানে সেটিং.
তারপর অবশ্যই, কি ঘটতে যাচ্ছে?
এটি সম্পূর্ণরূপে দূরে যেতে যাচ্ছে.
আমরা একটি স্থান রাখা এবং করতে চেয়েছিলেন তাই যদি যে, আমরা সম্ভবত কিছু করতে চাই
এখানে আপ হিসাবে ভাল.
আমি আপনাকে শুরু করতে যাচ্ছি.
Akshar, আমার এই লাইন দিতে কোড সত্যিই দ্রুত এর.
>> AUDIENCE: ocean_array থাকে, শুশুক, , সমান সমান, সমান - নাল সমান?
হ্যাঁ.
>> JASON HIRSCHHORN: এর পরে কি?
>> AUDIENCE: তারপর HTML করবেন.
আপনি শুধুমাত্র সত্যিই, নীচে কোড কপি.
>> JASON HIRSCHHORN: কি কপি?
>> AUDIENCE: আপনি কপি করতে পারেন -
>> JASON HIRSCHHORN: এই?
>> AUDIENCE: হ্যাঁ.
>> JASON HIRSCHHORN: এটা সব?
আমরা একটি চিত্র নেই.
>> AUDIENCE: আমি আপনাকে বলতে চাচ্ছি মাত্র চলে যাবে -
হ্যাঁ, আপনি এটা বন্ধ করে দিতে পারেন.
কিন্তু আমি আপনি প্রস্থ সেট করা আছে মনে হয়.
>> JASON HIRSCHHORN: ভাল, শুধু একটি খালি কলাম তৈরি.
ঠিক আছে.
এবং তারপর সেই ক্ষেত্রে, আমরা সম্ভবত করব পাশাপাশি এই কাজ করতে চান.
>> ওহো.
ওহ.
কাজ করে না, কিন্তু আমরা পারব কি যে ত্রুটি পেয়ে.
এর নিচে এখানে কি ঘটেছে দেখতে দিন.
>> তাই সেখানে কিছুই নেই, তাই কি আপনি আমরা যোগ করা উচিত বলে নি?
>> AUDIENCE: আমরা সেট উচিত সারির প্রস্থ.
>> JASON HIRSCHHORN: কি করতে?
>> AUDIENCE: আমি এটা 150 মনে করি.
>> AUDIENCE: হ্যাঁ, এটি 150 ছিল.
>> JASON HIRSCHHORN: আমরা এই এখানে রেখে দেব সামঞ্জস্যপূর্ণ আমার কোড রাখতে.
কিন্তু এই এক নয়.
ভাল, ঠিক আছে.
পোস্ট করা.
ঠিক আছে?
তাই এটি এখনও দূরে যাচ্ছে.
>> AUDIENCE: ওহ, প্রস্থ কল?
>> JASON HIRSCHHORN: দেখে মনে হচ্ছে মত প্রস্থ 150 হয়.
এর দেখতে দিন.
এখন আমরা চূড়ান্ত করতে যাচ্ছেন, আমি যে শান্ত, শক্তিশালী জিনিস
আপনাকে দেখাতে যাচ্ছে.
আমরা এই কোড শেষ করতে যাচ্ছে, কিন্তু করছি না আমরা, এই সব প্রস্থান করার অনলাইন আগে
কোড সঠিক হতে হবে.
আমি আপনাকে সংশোধন সংস্করণ ইমেইল পাবেন আমার নিজের স্টাইলিং কিছু পরে সঙ্গে
অধ্যায়, এবং যে পোস্ট করা হবে.
আমি এই অন্বেষণ রাখতে উত্সাহিত এবং একটি রেফারেন্স হিসাবে এই ব্যবহার, কিন্তু আমি
আপনি এই জন্য চূড়ান্ত টুল দেখাতে চান বর্গ, এবং যে এখানে বেশী হয়
ডান দিকে.
এবং আমরা এখন এই গত সপ্তাহে দিকে তাকিয়ে, কিন্তু আশা এটি কিছুটা পরিচিত এর
আপনি এবং আরামদায়ক করতে.
>> আপনি পরিবর্তনশীল ভূমিকা রাখতে পারে পৃষ্ঠার সাহায্যে CSS এর সঙ্গে.
আমরা আসলে ইতিমধ্যেই আমাদের দেখা করেছি পরিবর্তনশীল এইচটিএমএল সাথে খেলার.
আমরা ঠিক করেছিলাম মনে রেখো সম্পাদনা হিসাবে এইচটিএমএল ক্লিক করুন!
এখানে ডান?
সুতরাং আমরা পরিবর্তনশীল অভিনয় করেছি এইচটিএমএল দিয়ে.
>> কনসোল, আপনি পরিবর্তনশীল ভূমিকা রাখতে পারে একটি পৃষ্ঠার জাভাস্ক্রিপ্ট সঙ্গে.
উদাহরণস্বরূপ, একটি বৈধ না জাভাস্ক্রিপ্ট লাইন.
পরিস্ফুটন, আমি আমি চেয়েছি ঠিক কি না.
সুতরাং আমরা পরিবর্তনশীল সঙ্গে খেলা করতে পারেন এইচটিএমএল, পরিবর্তনশীল সঙ্গে খেলা
জাভাস্ক্রিপ্ট.
এখন আমরা পরিবর্তনশীল চলুন CSS এর সঙ্গে খেলার.
>> এটা মত আছে, কারণ এবং এই সব হল তাত্ক্ষনিক, আপনি তাই GDB প্রতিক্রিয়া বাস, এবং
থাকার আগে কিছু অধিকার জানতে পারেন আপনার কোড যান, এবং আপনি পারেন করতে
কিছু কি অনুমান না অনুরূপ যাব.
তাই এই সুপার duper শান্ত.
>> আর এর পরিশেষে পরিবর্তনশীল তাকান CSS এর সঙ্গে বাজানো.
একেবারে ঠিক নেভিগেশন উপর এখানে দিকে, element.style.
এর এই করতে যাওয়া যাক.
এখানে আমাদের উপাদান এর.
এর এটা কিছু অতিরিক্ত সিএসএস দিতে যাক.
>> অথবা দুঃখিত, আমরা এটা কিছু অতিরিক্ত দিতে পারে সিএসএস, কিন্তু আমরা সম্ভবত, এই ক্ষেত্রে,
এই বৈশিষ্ট্য পরিবর্তন করতে চান.
তাই আসুন এই লাইন এখানে নিচে যান.
ওহ, আমি এখানে তা করতে পারবেন না.
দুঃখিত.
যেমন সম্পাদনা করুন -
তাই যে আপনি সিএসএস এডিট করতে পারে না.
আমরা এই সময়ে সিএসএস সম্পাদনা যাচ্ছে না দ্বিতীয়, কিন্তু আমরা সম্পাদন করতে চান না
HTML এবং তা দিতে একটি অতিরিক্ত বৈশিষ্ট্য.
আপনি এই পরিবর্তন কি উত্থাপন করা হয়নি?
আমি Avie একটি প্রস্তাব ছিল চিন্তা.
>> AUDIENCE: কর্নেল প্রস্থ?
>> JASON HIRSCHHORN: এটা মতো লাগছিল এটা হয় কিছু করতে হয়নি.
এর সিএসএস চেষ্টা করুন.
>> AUDIENCE: [শ্রবণাতীত] বর্গ?
>> JASON HIRSCHHORN: এটা বলছেন এটি কাজ করে না.
এটা যে হলুদ জিনিস আপনি.
>> AUDIENCE: কিন্তু [শ্রবণাতীত].
>> AUDIENCE: আপনি প্রস্থ সেটিং না হয় 150 একটি চিত্র আপনি তা করতে হলে?
ভালো লেগেছে আপনি শুধু প্রস্থ ব্যবহার না?
>> JASON HIRSCHHORN: হ্যাঁ.
>> AUDIENCE: কিন্তু আমরা না থাকে আর একটি চিত্র.
>> JASON HIRSCHHORN: নং
আমরা সেখানে কিছু নেই.
সুতরাং আমরা সমাধানের যাচ্ছেন না নির্দিষ্ট সমস্যা.
আমরা Akshar এর ফিরে যেতে চলুন সমাধান, আমি একটি সেট করতে চান, কারণ
কিছু সময়ের জন্য বিনামূল্যে ডলফিন, বা যে শেষ নেই
আমি শেষ করতে চাই জিনিস.
তাই আমরা এখানে এই ছেড়ে যাচ্ছেন স্বীকৃতি যখন এটি পুরোপুরি না
সঠিক, এবং আমরা চলুন এটি ফিরে আসতে.
>> দুঃখিত.
আমি মনে করি আমরা পরিবর্তনশীল পারেন বলেন সিএসএস পরিবর্তন.
এর যে এ এবং তার করুক না যে সত্যিই দ্রুত.
আমি নিচে এখানে এই উপাদান পরিদর্শন করা তাই যদি, এবং, আমি এটা নীল করতে চাই বলে
আপনি এখানে উপর আসতে পারে, রঙ, কারণ আমি যে রং পরিবর্তন জানেন
কিছু, এবং আমরা দেখেছি কিভাবে এটা নীল পরিবর্তন.
সুতরাং যে পরিবর্তনশীল সম্পর্কে সিএসএস পরিবর্তন.
তারপর ভাল জন্য এটি পরিবর্তন, কিন্তু না আমি আমার সিএসএস ফাইলে ফিরে যান এবং পারেন
একটি বস্তুর রঙ পরিবর্তন.
>> ঠিক আছে.
এটা অনেক.
আমরা আমার আশ্চর্যজনক প্রোগ্রাম শেষ করা হয়নি.
আমাকে শুধু এটা বাস্তব দ্রুত আপনাকে দেখাতে যাক এবং তারপর আমরা আউট নেতা করব.
ওহ, যেখানে এটা?
কোন!
উপর রাখা.
>> ঠিক আছে,, আপনি আপ বোঁচকা করছি যাতে একটি আশ্চর্যজনক প্রিভিউ, বা সামনে
পরবর্তী সময়, দেখতে.
এই, ডলফিন প্রশিক্ষকদের 2013 হল এবং এটি কাজ করে না.
গ্রেট.
>> [হাস্য]
>> JASON HIRSCHHORN: ওহ!
পরিস্ফুটন!
এই অর্থ কি?
>> AUDIENCE: আপনি chmod করা হয়নি.
>> JASON HIRSCHHORN: আমি এটা chmod করা হয়নি.
>> AUDIENCE: এক সারি.
>> JASON HIRSCHHORN: ওহ, যে তাকান.
ঠিক আছে.
সুতরাং, আমি আমার ছয় ডলফিনের আছে.
কি হবে?
এর দেখতে দিন.
আমি এক প্রশিক্ষণ তাহলে, এখন Lili প্রশিক্ষণ.
ওহ, আমি, ফ্রী Lili সেট করতে চান.
এখন পর্যন্ত আপনি ফিরে সমুদ্রের মধ্যে, যান.
>> সুতরাং যে এই সপ্তাহে ছিল.
যদি আপনার কোন প্রশ্ন থাকে, আমরা বাইরে থাকব.
এবং আবার, আমি আপনাকে পাঠিয়ে দিব এই কোড বাকি.
, বলছি আপনাকে ধন্যবাদ.