Allison BUCHHOLTZ-অস্ট্র: সমস্ত অধিকার সবাই. অধ্যায় ফিরে স্বাগত জানাই. এটা আমাদের উপান্ত্য বিভাগ. এটি তাই দু: খিত. আমি কি করতে যাচ্ছি কি না জানি না প্রতি সোমবার আপনাকে বলছি এইজন্য ছাড়া. আমি মনে করি আমরা ঠিক করা উচিত অনুমান হয়তো আমরা করতে পারে মাত্র এখানে দেখা এবং ডিনার বা কিছু আছে. আমি জানি না. আমি খাদ্য পরিবর্তে আনতে হবে. আমরা শুধু কথা বলতে পারবেন. তবে হ্যাঁ, আগামী সপ্তাহে হবে আমাদের শেষ অধ্যায় হতে পারে. যে নোট অন, আপনি একটি ব্যঙ্গ আগামী সপ্তাহে আছে. আমি, আমি চাই, আমার কাজ করতে ভুলে গেছি জানি দুই সপ্তাহ আগাম নোটিশ গত সপ্তাহে, কিন্তু আশা করছি আপনি না এই আসছে জানত. আশা করছি এই গত এক সেমিস্টারে জন্য আপনাকে বলছি জন্য midterms. কিন্তু এটি সব আবরণ যাচ্ছে আমরা উপর চলে গেছে করেছি যে উপাদান. তাই এটা আপনি ঠিক ভুলবেন করতে পারেন চাই না প্রায় চার loops বা ভেরিয়েবল. আমরা শিখেছি কারণ শুরুতে যারা, যারা সম্ভবত হয় আপনার ব্যঙ্গ জন্য পরিষ্কার খেলা. এটা হতে একই বিন্যাসে যাচ্ছে, একই দৈর্ঘ্য, যদি আপনি ইতিমধ্যে এটি ব্যবহার করা হয়. হতে যাচ্ছে হাত সমস্যা দ্বারা কোডিং, হয়তো কিছু সত্য মিথ্যা, হয়তো কিছু সংক্ষিপ্ত উত্তর. তাই আপনি যদি হতে হবে বিন্যাস সঙ্গে পরিচিত, বিশেষ করে আপনি নিতে যদি অনুশীলন পরীক্ষা. আমি এখানে বলে, এটা সর্বমোট কিন্তু আমরা স্পষ্টভাবে করছি যাচ্ছে উপর মনোযোগ নিবদ্ধ করে করা অনওয়ার্ড সপ্তাহে ছয় থেকে জিনিষ. সুতরাং, আমরা সম্ভবত করছি যাচ্ছে না কত বাইট সম্পর্কে আপনাকে জিজ্ঞাসা করা প্রতিটি টাইপ হয় বা কিছু যারা অসুস্থ, কিন্তু আমরা সম্ভবত হতে যাচ্ছেন লিঙ্ক তালিকা ভালো জিনিস আগ্রহী, বা বিভিন্ন ডাটা স্ট্রাকচার, বা বিভিন্ন আলগোরিদিম আমরা স্বপ্ন করেছি যে. তাই নিশ্চিত করুন যে আপনি সত্যিই করছি না যারা আপ, এবং আপনি যদি কোনো সম্পদ প্রয়োজন, এখানে সম্পদ প্রচুর আছে. আমি শুধু ধরনের আপনার দেওয়া সেখানে একটি দ্রুত তালিকা. পরবর্তী সপ্তাহে ব্যঙ্গ করা হবে এই সময় পর্যালোচনা. যদি আপনার কোন প্রশ্ন থাকে, তাই যদি অথবা নির্দিষ্ট বিষয়, ব্যঙ্গ নির্দিষ্ট কাজ যে আপনি, উপর যেতে, দয়া করে চাই আমি করতে পারেন, তাই সময় এগিয়ে আমাকে প্রেরণ যে ধরনের জন্য কিছু উপাদান প্রস্তুত. এবং এই ছাড়াও অধ্যায় পর্যালোচনা, আমরা করব এছাড়াও ধারণ করা অবশ্যই ব্যাপী আমরা শেষ সময় মত পর্যালোচনা. এবং এটা হতে যাচ্ছে একই মানুষ দ্বারা সম্পন্ন. আমি যে জানি না এটা ভালো বা খারাপ করে তোলে, কিন্তু এটা আমার হতে যাচ্ছে, আবার হানা, Davan, এবং গেব. আপনি দেখতে আসা করতে চান, তাই আমাদের একে অপরের সাথে সব পরিহাস এবং ব্যঙ্গ মাধ্যমে আপনি পদব্রজে ভ্রমণ পর্যালোচনা, আপনি স্পষ্টভাবে উচিত এছাড়াও যে আগামী সোমবার থেকে আসা. তাই আপনি শুধু একটি সোমবার জ্যাম হবে যা ভাল ব্যঙ্গ পর্যালোচনা, বস্তাবন্দী তারপর আপনি মঙ্গলবার আছে, কারণ সবকিছু মাধ্যমে প্রক্রিয়া. কিন্তু স্পষ্টভাবে চেক করতে এই সম্পদ. Study.csv.net আমি, দ্বারা পর্যন্ত , সবচেয়ে দরকারী এক, মনে হয় বেশিরভাগই এটা আছে, কারণ নমুনা কোড অনেক, এটা সব পাওয়ার পয়েন্ট আছে এটা সব নোট সঙ্গে, যা আমি সবচেয়ে আঁকা সত্যিই কি আমার বিভাগে উপকরণ. কিছু পূর্ববর্তী সেখানে যদি আমি খুঁজে পাঠানো হতে পারে যে বিভাগে আপনি থাকতে পারে না যে অর্জিত, শুধু আমাকে. গত সপ্তাহে এর নমুনা কোড লেগেছে, যে কেউ যে পেতে না, শুধু আমাকে ইমেইল বা আমার সাথে কথা বলতে, এবং আমি আপনি যে পেতে যে নিশ্চিত করতে হবে. সুতরাং যে, আজ আমরা যাচ্ছি জাভাস্ক্রিপ্ট সম্পর্কে কথা হবে. তাই এখানে আমি যারা ছিল টমি, আমরা শুধু শেষ রাতে আপনি কথা বলা. আমি টমি ভালোবাসি. জাভাস্ক্রিপ্ট তার প্রিয় ভাষা, তিনি এখানে বলেছেন. তারা চেষ্টা করুন এবং এটি যে আপনি বলতে পারবেন ভাল না, এবং তারা ভুল হবে. সুতরাং টমি একটি জাভাস্ক্রিপ্ট মাস্টার. আমি তার বেশ নই স্তর, কিন্তু আমি মত ছিল, "টমি, কিভাবে আমি শেখান না এই বাচ্চাদের জাভাস্ক্রিপ্ট? " তাই আমি, তাই কিছু টিপস আছে আশা করছি তারা কাজ. তাই জানেন যে আপনি একটি দম্পতি জিনিস যে জাভাস্ক্রিপ্ট একটি ক্লায়েন্ট সাইড স্ক্রিপ্টিং হয় ভাষা, পিএইচপি কিছু হয়, যেহেতু তাই আমরা আরো সার্ভার সাইড বিবেচিত যে, এটা সার্ভারে আপলোড করা হয় কম্পাইল এবং সেখানে মৃত্যুদন্ড কার্যকর. এই এক মৃত্যুদন্ড কার্যকর করা হয় আপনার নিজস্ব মেশিনে. ঠিক আছে? তাই আপনি যদি কিছু জাভাস্ক্রিপ্ট পৃষ্ঠা লোড, এবং এটি আপনার মেশিনে সঞ্চালন করে. সিনট্যাক্স C এবং পিএইচপি অনুরূপ. আমরা মধ্য দিয়ে যেতে চলুন জাভাস্ক্রিপ্ট কিছু উদাহরণ, এবং আপনি যে দেখতে যাচ্ছেন আমরা ভেরিয়েবল সম্পর্কে কথা বলতে পথ, loops, এবং শর্ত সব অনুরূপ. ঠিক আছে? তারা যাতে একই সত্য যে সম্ভবত আপনি কিছু ট্রিপ যাচ্ছে আপ, কিছু ক্ষেত্রে, ঠিক কারণ আপনি সি একটি সামান্য বিট অন্তর্ভুক্ত করব সেখানে যেখানে করা উচিত হবে না. হতে পারে আপনি চেষ্টা এবং কিছু টাইপ এটি টাইপ না করা উচিত যখন. এবং যে, এক জিনিস জানি জাভাস্ক্রিপ্ট একটি পরিবর্তনশীল টাইপ করা হয় পিএইচপি মত ভাষা,. যদি আপনি মনে করতে তাই গত সপ্তাহে অধ্যায় থেকে, আমরা ধরনের ছিল যখন করছেন আমাদের পিএইচপি ক্র্যাশ কোর্স, আমরা একটি স্ট্রিং এক হতে পারে কিভাবে দেখেছি কোন int এক পরিণত, এবং তাই ঘোষণা. আপনার ভেরিয়েবল টাইপ চালানোর সময় নির্ধারণ করা হয়, তাই তারা পরিবর্তন হতে পারে প্রোগ্রাম অবশ্যই, এবং একই ভাবে যে আমরা না সত্যিই পিএইচপি ভেরিয়েবল জন্য ধরনের ঘোষণা, আমরা একই কাজ করা চলুন এখানে একটি জিনিস, আমরা সত্যিই পারব না যেখানে আমাদের ভেরিয়েবল ধরনের নিয়ন্ত্রণ, আমরা সি এর মত তাই কথা বলতে, এবং তারপর এক জিনিস যে চমত্কার হয় যদি আপনি ভুল করতে পারে কনসোলের মাধ্যমে পরীক্ষা, এই মহান ফাংশন সঙ্গে console.log, যা আপনি বিভিন্ন প্রিন্ট আউট করতে পারবেন ভেরিয়েবল বা যে আমরা করব বস্তু সম্পর্কে কথা বলুন. শুধু আমি গত সপ্তাহে যখন ভালো মত, ডাম্প সঙ্গে ", এই ফাংশন ব্যবহার" আপনার pset থেকে এই একটি ফাংশন আপনি, ব্যবহার করা console.log চাই. আমি তাই বিস্মিত কত অফিস সময়ে ছাত্র ডাম্প ফাংশন সম্পর্কে জানেন না. এবং আমি না ", মত, এই ইচ্ছা ছিল আপনার জীবন এত সহজ না. " ঠিক আছে, তাই যে ধরনের ছিল শুধু একটি সংক্ষিপ্ত জিনিস, হিসাবে সবসময়, আমরা উদাহরণ আছে. আমি আপনাকে বলছি যারা ভালবাসেন. তাই এখানে একটি খুব একটি উদাহরণ সহজ জাভাস্ক্রিপ্ট এখানে ফাইল. তাই এটি শুধু তৈরি করতে যাচ্ছে বলছেন যে এই পপ-আপ, "ওহে দুনিয়া," যখন আপনি পাতা লিখুন, কিন্তু এর যাক চেষ্টা করুন এবং এই একটি সামান্য বিট দিয়ে হেটে যেতে. তাই সম্ভবত এই মাত্র আপনার স্বাভাবিক index.html মত. সুতরাং, এখানে শুধু আমাদের স্বাভাবিক টেমপ্লেট, এবং আমরা আমাদের মাথা আছে, HTML আছে, এবং শুধু CSS এর সঙ্গে মত, কিভাবে আমরা ঠিক আছে, কিছু বাইরে ফাইল অন্তর্ভুক্ত? আমরা কিছু স্ক্রিপ্ট টাইপ আছে জাভাস্ক্রিপ্ট যে লেখা. এবং উৎস, hello.js হয় যা নিচে এখানে. এই hello.js সমগ্র ফাইল. এবং তারপর আমরা কিছু আছে শিরোনাম এবং কিছু শরীরের এইচটিএমএল আমরা সত্যিই যত্নশীল না. কি হবে, আমরা এই পৃষ্ঠা লোড করা হলে, এটি স্বয়ংক্রিয়ভাবে এই স্ক্রিপ্ট সঞ্চালন করে. ঠিক আছে? সুতরাং জাভাস্ক্রিপ্ট করবে স্বয়ংক্রিয়ভাবে চালানো হয়. তাই এটা করতে যাচ্ছে কি, এটি হচ্ছে অবিলম্বে যান এবং এই চালানো. এবং এটা ", সতর্কতা বলে যাচ্ছে. হ্যালো দুনিয়া. " ফাংশন যা সতর্কতা যে আসলে এই বক্স তৈরি করে. ঠিক আছে? তাই এটা কোন ধরনের সব প্রদক্ষিণ করে. কিছুই আমরা ছিল অতিরিক্ত আছে শুধু সতর্কতা ছাড়াও কাজ করতে, এবং তারপর আমরা যাই হোক না কেন চেয়েছিলেন আমাদের সতর্কতা বাক্স মধ্যে. ঠিক আছে? সুতরাং যে শুধু একটি সুপার সহজ জাভাস্ক্রিপ্ট কি করতে পারেন উদাহরণ. সত্যিই শীতল এক জিনিস, হিসাবে আমরা দেখতে পাবেন, জাভাস্ক্রিপ্ট আপনি পারবেন আপনার ওয়েব পৃষ্ঠাগুলি নিপূণভাবে, না করেও তাদের প্রতি সময় পুনরায় লোড করুন. আপনি যেমন want-- সুতরাং, যদি যদি আপনি কিছু উপর ঝুলে আছে, আপনি না কখনও আছে মেনু বার মত দেখা যায়, অথবা আপনি কিছু উপর কার্সার রেখে যখন বিষয়, একটি ড্রপ ডাউন মেনু প্রদর্শিত হবে যে কারণ জাভাস্ক্রিপ্ট এর. ঠিক আছে? তাই আপনি যদি সম্পূর্ণ পুনরায় লোড করছি না পাতা এই মেনু প্রদর্শন পেতে, আপনি শুধু কিছু নির্দিষ্ট খুঁজছেন ব্যবহারকারী গ্রহণ করেছে যে কর্ম, যা আমরা পাবেন যে ঘটনা বলা হয় মধ্যে, এবং আপনি আপনি বলে, দেখতে একবার, "ঠিক আছে, এই কিছু সম্পাদনা পাতা এবং এটা ভিন্ন করতে, কিন্তু শুধুমাত্র এই নির্দিষ্ট কিছু সম্পাদনা করুন. পুরো জিনিস পুনরায় লোড না. " সুতরাং এটা আসলে অনেক nicer, এবং আপনি, আপনার পেজ রিলোড করতে হবে না এবং এটি সত্যিই শীতল. তাই পরিবর্তনশীল ঘোষণা, তাই আপনি যে ধরনের দেখতে পারেন, আমি ঢিলেঢালাভাবে টাইপ করা, এখানে উপরে রাখা. তাই এই খুব পিএইচপি ভালো হয়. আমরা বলতে হবে না কি ধরনের আমরা করছি জাভাস্ক্রিপ্ট এই ভেরিয়েবল প্রতিটি আশা করা. তারা আমরা যাই হোক না কেন ধরনের হতে পারে. আপনি এই ক্ষেত্রে বিজ্ঞপ্তি সুতরাং, আমরা ঘোষণা শুধু 'ও "var" সঙ্গে তাদের খুব সহজভাবে, এবং তারপর যাই হোক না কেন আমরা করতে চান আমাদের পরিবর্তনশীল নাম হতে হবে. একটি বিষয় উল্লেখ্য যে যখন আপনি যে একটি ভেরিয়েবল নামের সামনে var করা, এটা স্থানীয়ভাবে scopes. ঠিক আছে? এটা আপনার জন্য সম্পূর্ণভাবে যুক্তিসঙ্গত সম্পূর্ণ ঠিক var নিশ্চিহ্ন এবং শুধু এর, CS50 সমান আছে, এবং যে শুধু একটি বিশ্বব্যাপী পরিবর্তনশীল হবে. ঠিক আছে? সুতরাং আপনি এটি উভয় উপায় আরম্ভ করতে পারেন, শুধু আপনি এটি করতে চান উপর নির্ভর করে. আপনি আরম্ভ করছি তাই একটি ফাংশন মধ্যে এটি, এবং আপনি যে পরিবর্তনশীল করতে চান যে ফাংশন মধ্যে scoped থাকার আপনি কি করতে চান চলুন var মত কিছু, একটি ভেরিয়েবল নাম আপনি এটি করতে চান বনাম বিশ্বব্যাপী আপনি, scoped শুধু নাম কি করতে পারেন পরিবর্তনশীল এবং তারপর আপনি চান যাই হোক না কেন এটা সমান সেট. ঠিক আছে? এই, এখানে নিচে শীতল জিনিস ধরনের আমরা আমাদের পরিবর্তনশীল বিজ্ঞপ্তি কারণ খ সত্য হিসাবে আরম্ভ আউট. এবং কি এই করতে পারেন does-- যে কেউ এই আছে কি আমাকে বলুন? তাই আমরা কিছু সতর্কতা আছে. কি বো টাইপ হবে শুরুতে হবে? শ্রোতা: বুলিয়ান. Allison BUCHHOLTZ-অস্ট্র: বুলিয়ান. রাইট. এবং তারপর আমরা বো reassign এই স্ট্রিং, ডান? তাই এখানে, খ কি ধরনের হবে? এটা ঠিক, একটি স্ট্রিং হতে চাই? তাই কি গুরুত্বপূর্ণ নোটিশ আমরা যে সি প্রায় করতে না পারে যে ভালো কিছু. আমরা একটি পরিবর্তনশীল আছে চাই, অন্য কিছু হিসাবে এটি নিক্ষেপ, হয়তো একটি দুই সঙ্গে কিছু কাজ করবেন না আমি একটি পূর্ণসংখ্যা একটি চার্জ থেকে যান. কিন্তু আমরা, খ এখানে লক্ষ্য করা যদি খুব সহজে টাইপ পরিবর্তন. শ্রোতা: অপেক্ষা করুন, যাতে আপনি ঠিক করতে পারেন "একটি পূর্ণসংখ্যা খ করা?" মত হতে Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ. আপনি শুধুমাত্র একটি পূর্ণসংখ্যা খ reassign পারেন. শ্রোতা: সত্যিই? Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ. এবং তারপর এটি কোন int হতে হবে. সুতরাং আপনার ভেরিয়েবল পরিবর্তন করতে পারেন খুব প্রোগ্রাম অবশ্যই. তারা কঠোরভাবে টাইপ করা হয় না. এটা খুবই ঢিলেঢালাভাবে টাইপ করা হয়. ঠিক আছে? মূলত আপনার ভেরিয়েবল কি করতে পারেন যাই হোক না কেন আমরা ধরনের পিএইচপি সঙ্গে দেখেছি, তারা চান. তারা তাই, কিছু ছবি কিছু করতে পারেন এটা বেশ সতর্কতা অবলম্বন করা আবশ্যক গুরুত্বপূর্ণ. আপনার ভেরিয়েবল নাম. আপনি হঠাৎ সব না, যদি না আপনি, ভালো হতে যাচ্ছেন "আমি এই একটি ছিল, অপেক্ষা করুন স্ট্রিং, এবং এখন এটা কোন int, এবং সত্যিই আমি নিশ্চিত নই কি এখানে যাচ্ছে. " তাই এই মাত্র একটি সহজ উদাহরণ দেখাচ্ছে কিভাবে একটি পরিবর্তনশীল সহজেই করতে পারেন এর ধরন পরিবর্তন একটি প্রোগ্রাম অবশ্যই. ঠিক আছে. তাই এই হওয়া উচিত সুপার, সুপার পরিচিত. সুতরাং এই জাভাস্ক্রিপ্ট মধ্যে আমাদের loops,. তারা ছাড়া, ঠিক একই পরিবর্তে আমি শূন্য সমান চার int এর, আমরা শুধু var আমি শূন্য সমান বলতে পারে. এবং তারপর আমরা আমাদের একই ধরণের হতে পারে অবস্থার, আপডেট একই ধরণের, আমি প্লাস প্লাস মাত্র কাজ করে জরিমানা. চার একই তাই, সেই জমি বিক্রি করার, একই এবং কি সেই জমি বিক্রি করার ঠিক একই. সাধারণ একই বিন্যাসে সাজানোর. আমরা লক্ষ্য, চার, বন্ধনী, বন্ধনী, এটি সব একই. এছাড়াও সেমিকোলন হতে হবে আমরা উদাহরণ কোড পেতে. আপনি এটা সুন্দর দেখতে পাবেন গ হিসাবে একই অনেক. ফাংশন ঘোষণা জন্য, আবার, খুব অনুরূপ. আমরা কিছু ফাংশন আছে যে শুধু এটি একটি ফাংশন, এবং তারপর বলছেন যে এর নাম আমাদের ফাংশন, এবং ইনপুট. এবং আমরা, আমরা লক্ষ্য আবার যদি সবটা এখানে ধরনের আছে. রাইট? আমরা কিছুই এই বলে যে আছে ints বা টেনিস, বা floats হতে হবে. তারা চান যাই হোক না কেন হতে পারে. কি গুরুত্বপূর্ণ যে ঠাহর হয় আমরা পূর্বেই ফাংশন লিখতে প্রয়োজন জাভাস্ক্রিপ্ট জানাতে আসলে এই একটি ফাংশন. সুতরাং শুধু এই কিছু সহজ সমষ্টি x বা y ফেরৎ যে ফাংশন, এবং তারপর কি এছাড়াও শীতল যে আপনি আসলে করতে পারেন হয় একটি পরিবর্তনশীল এর একটি ফাংশন নির্ধারণ করুন. তাই এই ক্ষেত্রে, সমষ্টি এখন আসলে সমষ্টি আছে যে ফাংশন. আপনি এখানে লক্ষ্য করা, তাই যদি আমরা ফাংশন, ফাংশন নাম, ইনপুট. রাইট? এখানে আমরা ফাংশন এবং ইনপুট আছে. তাই এই একটি বেনামী ফাংশন বলা হয়. এবং এই নতুন হতে হবে এমন কিছু বিষয় যা আপনি অধিকাংশ বলছি, আপনি সব যদি না. তাই মূলত কি যে মানে আমরা না হয় নাম প্রয়োজন আমাদের এই ক্ষেত্রে ফাংশন. আমরা শুধু ঠিক আছে, আমি যাচ্ছি ", বলতে পারেন এখানে, সঞ্চালন করে যে এই ফাংশন আছে তার ইনপুট, এবং এখানে কি এটা করতে যাচ্ছে. " এবং বিশেষ করে আপনি নির্ধারণ করছি যখন কিছু পরিবর্তনশীল এর একটি ফাংশন আপনি নিপূণভাবে করতে যাচ্ছেন যে, আপনি অগত্যা না কারণ এটা নাম প্রয়োজন আপনি উল্লেখ করা চলুন এই পরিবর্তনশীল দ্বারা এটি নাম, না যাই হোক না কেন দ্বারা ফাংশন আসলে বলা হয়. ঠিক আছে? আমরা এখানে দেখতে সুতরাং, যদি আমরা এখন কিছু পরিবর্তনশীল সমষ্টি আছে যে সমান তিন ও পাঁচ এর সমষ্টি. এবং আমরা এই পেতে হবে. এবং এই মাত্র কিছু সতর্কতা হবে, তিন প্লাস পাঁচ নম্বর সমান. এই প্লাস শুধু বন্ধ করা হবে যাই হোক না কেন আমাদের উত্তর স্ট্রিং সম্মুখের দিকে ছিল. এছাড়াও শীতল, প্লাস স্ট্রিং কনক্যাটেনেট করতে পারেন. জাভাস্ক্রিপ্ট, পিএইচপি হিসাবে, এইচটিএমএল, সিএসএস এবং আমরা বলেছেন, এটি অনেক গ্রহণ করছি ধরনের আমরা এখানে বন্ধ চাকার প্রশিক্ষণ এবং আপনাকে বলছি জানি অনেক আছে কিভাবে সত্যিই এই জিনিস বুঝতে. তারা সামান্য ভিন্ন, কিন্তু তারা যাতে বিদেশী পারব না এবং আপনি জিনিষ গুগল করতে পারেন না যে বা W3 সঙ্গে তাদের অনলাইন সন্ধান. এবং আমরা সত্যিই আপনি আশা করছি , ধরনের, পরীক্ষা না এবং আপনার নিজের উপর শিখতে. সুতরাং, আমি এই সামান্য মনে হতে পারে জানি গ কিছু কম পুঙ্খানুপুঙ্খ আমরা না, কিন্তু যে একটি কারণে আসলে এর. কিন্তু আশা করছি এটা খুব না ভিন্ন, এবং এটা অভিভূতকারী না. জাভাস্ক্রিপ্ট অ্যারে তাই, আবার খুব, খুব অনুরূপ. রাইট? আমরা কিছু পরিবর্তনশীল অ্যারে আছে যে, খালি বন্ধনী সমান এবং যে শুধু একটি খালি অ্যারে. এই প্রায়ই বলা হয় আক্ষরিক অ্যারের স্বরলিপি. যে আমরা এটি কল শুধু এক জিনিস. আমরা এখানে অ্যারে দুই দেখুন, আমরা কিছু আছে তিনটি উপাদান আছে যে আক্ষরিক অ্যারে, ঠিক আছে? এবং তারপর আমরা কিছু আছে যে var তৃতীয় উপাদান শুধু যে কিছু পরিবর্তনশীল , জাতীয় এই স্ট্রিং রাখা যাচ্ছে. লক্ষ্য করা ভাল উপাদান,, কমা দ্বারা পৃথক করা হয়, শুধু আমরা আশা করবে. আমরা কি এবং আপনি, এই অ্যাক্সেস করতে পারেন এই সূচক স্বরলিপি সঙ্গে সি, এ, ডান? পিএইচপি থেকে তাই বিভিন্ন এখন, আমরা ফিরে যাচ্ছেন শুধু ধরনের উল্লেখ করতে সূচক কিছু করতে. শুধু সি মত, এটি শূন্য সূচক. এটা সত্যিই নিষ্ঠুর হতে চাই আমি মনে করি হঠাৎ তারা জাভাস্ক্রিপ্ট এক করে যদি সূচক, এবং আপনি ছিল সম্পূর্ণ আপনি অ্যারে সম্পর্কে মনে পুনর্বিবেচনা. এক শীতল জিনিস যে পরিবর্তে হয় কখনও যদি আপনি do-- হচ্ছে , একটি অ্যারের দ্বারা চেয়েছিলেন হয়তো আপনি এটি দিয়ে বারবার আপনি পর্যন্ত কিছু শেষ, অথবা আপনি শুধু এটা কি জানতে চাই. জাভাস্ক্রিপ্ট আরো খুব আলগা কারণ শুধু টাইপ তুলনায় উপায় হিসেবে আমরা এখানে দেখতে আমরা শুধু এই অ্যারে করতে পারেন বড় আমরা সিদ্ধান্ত নেন, কারণ. আমরা অ্যারের তিন বিজ্ঞপ্তি শুরু করার তিনটি বিষয় আছে কিন্তু তারপর হঠাৎ সব, ওহ, মজা করছিলাম, "মত আমরা করছি. আমরা আসলে চলুন এটা 101 কিছু না. " আপনি কি কখনও জানতে চান, তাই আপনার অ্যারের প্রকৃত দৈর্ঘ্য, আপনি ভালো এটা. এবং আমরা অনেক দেখতে যাচ্ছেন এর উদাহরণ এই স্বরলিপি, কিন্তু জাভাস্ক্রিপ্ট সঙ্গে এটি সাধারণত যাই হোক না কেন আপনি যে বিষয়ে কথা বলছি যে বস্তুর ফাংশন বিন্দু যাই হোক না কেন ধরনের যদি আপনি এটি প্রয়োগ করতে চান. ঠিক আছে? এই ক্ষেত্রে, তাই আমাদের বস্তু, অ্যারে দুই এবং আমরা বলতে চাই, অ্যারে দুই দৈর্ঘ্য. সুতরাং শুধু এই যে দৈর্ঘ্য মত কল. এবং যে আপনার দৈর্ঘ্য ফিরে আসতে হবে. আরো উল্লেখ্য, কিছু হয় আমরা আমাদের অ্যারে নোটিশ, সি ভিন্ন, তারা হবে না একই ধরনের সব হবে. এই পিএইচপি মত আরো অনেক কিছু. জাভাস্ক্রিপ্ট ঠিক মত মূলত C এবং পিএইচপি এর এই আকর্ষণীয় মেশানো. তাই আমরা যে মধ্যে পাবেন. এখন জন্য, শুধু অনুমান করা যাক আপনার অ্যারে মূলত যে যে সি অ্যারে, মত তারা শূন্য সূচীবদ্ধ করা হয়. ঠিক আছে, তাই যে সবকিছু. এছাড়াও আপনি শুধু একটি প্রসারিত করতে পারেন আপনি চান যাই হোক না কেন সূচক অ্যারে. সম্ভবত এই seg হবে যেহেতু আপনি দোষ অথবা আপনি কিছু ত্রুটি দিতে, জাভাস্ক্রিপ্ট Nah, এটা সূক্ষ্ম, "ভালো হয়. আমি এই পেয়েছিলাম. আমরা শুধু সোজা যাবেন যেখানে আপনি করতে চান. " ঠিক আছে, তাই বস্তু খুবই গুরুত্বপূর্ণ. আপনি না এই অনেক ব্যবহার করা হবে আপনার পি সেট, যদি আমি সঠিকভাবে মনে রাখবেন. এই যে জিনিস তাই সি structs অনুরূপ হয়. তাই আপনি যখন about-- মনে করতে পারেন আমরা একটি উদাহরণ যেতে ডান এই পরে আমি এটা হবে মনে হয় অনেক বেশি sense-- করা কিন্তু আমরা মূলত বস্তু ব্যবহার অবশ্যই সম্পর্কিত তথ্য সংগঠিত. আমরা স্বপ্ন যখন C-structs, আমরা প্রায়ই কিছু নাম ছিল একটি ছাত্র সম্পর্কে কথা বলতে, আইডি, ঘর, আপনি কি জানেন, ঘনত্ব. এবং যে একই ধরনের জিনিস যে জন্য আমরা এখানে বস্তু ব্যবহার করুন. এটা সংগঠিত ঠিক অনুরূপ তথ্য. আপনি আরো হিসাবে এই মনে করতে পারেন পিএইচপি অ্যারে মিশুক অনুরূপ. তাই এই ধরনের জিনিস হবে আমরা কিছু মান সঙ্গে কিছু কি আছে যেখানে, পিএইচপি অনুরূপ. তাই আপনি যদি কিছু আরম্ভ করতে পারেন খালি বস্তু, আমরা এখানে দেখতে যেমন, শুধু কোঁকড়া ধনুর্বন্ধনী সঙ্গে. সুতরাং অ্যারে বর্গাকার বন্ধনী. খালি বস্তু কোঁকড়া ধনুর্বন্ধনী. ভাল পার্থক্য আছে. এবং এই মাত্র দুটি ভিন্ন উপায় বৈশিষ্ট্য সেট. সুতরাং এই ধরনের হয় একটি উপায় আরো অনেক কিছু যে সঙ্গে, পিএইচপি অনুরূপ আমাদের আমাদের কি সঙ্গে মিশুক অ্যারে,, এবং আমাদের মান, যেহেতু এই এক হচ্ছে ÑÑ আপনি পাবেন জাভাস্ক্রিপ্ট এই অনেক বেশি দেখতে. এই কনভেনশন হতে থাকে. এবং একই ভাবে আমরা যে অ্যারে দুই বিন্দু দৈর্ঘ্য, এই, বলার অপেক্ষা রাখে না "ঠিক আছে, আমাকে এই দিতে এই বস্তুর বৈশিষ্ট্য. " রাইট? তাই এটা ভালো ছিল একই ভাবে, "আমাকে দিতে অ্যারে দুই অ্যাট্রিবিউট দৈর্ঘ্য, " এই সম্পর্কে কিছু দিতে ", বলার অপেক্ষা রাখে না আমাদের খালি বস্তুর সম্পত্তি. " অথবা এই ক্ষেত্রে, আমরা এখানে কিছু মান বরাদ্দ. কিন্তু, যদি আপনি এটি যে ভাবে প্রবেশ করতে পারে. এবং তারপর এখানে এই মাত্র দুটি ভিন্ন সতর্কতা দেখাচ্ছে. তাই এই সতর্কতা দেখাতে হবে সঠিক একই হতে হবে, এটা শুধু দুটি ভিন্ন উপায় আমরা চাই যে উপাদান ব্যবহার করা. সবাই যে জানার জন্য? আমি এই এক মত মনে সম্ভবত আরো ইন্দ্রিয় তোলে, শুধু আমরা পিএইচপি বন্ধ আসছে করছি. কিন্তু আমরা আরো উদাহরণ, এই কি হিসাবে আক্ষরিক ঠিক একই. এটি অনেক মাত্র বাক্য গঠন পরিবর্তন করা হয়. ঠিক আছে, তাই উদাহরণ. আমি উদাহরণ ভালোবাসি. তাই এখানে কিছু CS50 হয় একটি বস্তু যে পরিবর্তনশীল, এবং আমরা এই সব সংরক্ষণ এটি সম্পর্কে তথ্য. সুতরাং আমরা অবশ্যই আছে, শিক্ষক, টিএফএস, psets, এবং সঙ্গে টেপ. সুতরাং আমরা এই প্রায় বিজ্ঞপ্তি বিভিন্ন ধরনের সব. রাইট? তাই বস্তু সংরক্ষণ করতে পারেন বিভিন্ন ধরনের গুণাবলী. এটি খুব স্ত্রীকে কখনো একসঙ্গে স্বর্গে আমরা মনে করতে পারেন পিএইচপি আমাদের মিশুক অ্যারে অনুরূপ. তাই কী, মান, কী, মান, কী, মান, তাই এবং তাই ঘোষণা. কি একই ভাবে আকর্ষণীয় আমরা অ্যারে মধ্যে অ্যারে আছে যে, আমরা মধ্যে বস্তু থাকতে পারে বস্তু মধ্যে বস্তু, বা অ্যারে. আপনি কি সত্যিই সীমাবদ্ধ না করছি শুধু একটি জিনিষ একক এক. আমরা শুধু খুব Inceptionesque পেতে পারেন সেখানে শশকের গর্ত নিচে যাচ্ছে রাখা. আমরা, আমরা লক্ষ্য যদি তাই কিছু অবশ্যই আছে একটি স্ট্রিং এর একটি পংক্তি, শিক্ষক, হয় এবং অ্যারের, কোন int, এবং একটি বুলিয়ান. সুতরাং এই বিভিন্ন জিনিস সমস্ত. ঠিক আছে, তাই, আমরা অন্য এক আছে. তাই এই ক্ষেত্রে, আমরা বস্তুর একটি অ্যারে. তাই শুধু একটি বস্তু পছন্দ এটা একটি অ্যারের থাকতে পারে. আমরা বস্তুর একটি অ্যারে থাকতে পারে. এই জন্য উপযোগী হতে পারে ধরনের অনুরূপ আমার মনে হয় কিভাবে আমরা একটি হ্যাশ ছিল টেবিল, আমরা একটি অ্যারের ছিল এই সব বিভিন্ন structs ধরনের যে বিভিন্ন ছিল পয়েন্টার নোড এবং যে কোন বস্তু. কিন্তু এই ক্ষেত্রে, আমরা বস্তুর একটি অ্যারে আছে. তাই এই একটি অ্যারের ভালো হয় এর মিশুক অ্যারে. তাই আমরা কিছু প্রথম উপাদান হবে আছে নাম জেমস সঙ্গে বস্তু হতে এবং Winthrop হাউস. আপনি না মনে রাখতে পারে এই অনুরূপ কিছু আপনার শেষ pset, যেখানে আপনি যদি আপনার ডাটাবেস থেকে কিছু টানা প্রথম সাজানোর আপনার অ্যারের মধ্যে জিনিস ছিল সম্পর্কে সমস্ত তথ্য এটা পূরণ যে প্রথম ব্যবহারকারী, এবং তারপর আপনি যে মধ্যে সূচক ছিল তাদের স্টক বা তাদের ক্যাশে পেতে বা যে কোন বস্তু. তাই এই খুব একই জিনিস, শুধু একটু পরিবর্তন এ সিনট্যাক্স, সামান্য বিট পরিবর্তন শব্দ আমরা তাদের বর্ণনা করতে ব্যবহার. আমরা চেয়েছিলাম, তাই যদি কেউ বলতে পারেন আমার এই সতর্কতা এখানে কি? বা কি এই বিট কোড আমাদের জন্য কি করতে হবে? শ্রোতা: এটা আপনাকে সব নাম দিতে হবে. Allison BUCHHOLTZ-অস্ট্র: রাইট, তাই শুধু সব নামের সঙ্গে সতর্ক হবে এটি দিয়ে যেতে হবে, কারণ কুটির আমি, তাই এটি শূন্য এ শুরু করতে চাই. সুতরাং এটা ঠিক আছে আমরা খুঁজছেন, বলতে চাই এই প্রথম বস্তু, যার আমাদের অ্যারের মধ্যে প্রথম স্লট. এবং এটা আমাকে দিতে বলে, " যে বস্তুর নাম বৈশিষ্ট্য. " তাই আমরা এখানে যান, আমরা চাই স্ক্যান, আমরা নাম খুঁজে পেতে চাই, এবং আমরা প্রিন্ট আউট চাই জেমস, মলি, এবং কার্ল. কোন প্রশ্ন এতদূর? জাভাস্ক্রিপ্ট দুর্ভাগ্যবশত আপনি হতে যাচ্ছেন আপনার উপর খুঁজছেন আপ অনেক কাজ নিজের, বাক্য গঠন figuring আউট, এটা সঙ্গে grappling. তবে অবশ্যই আমি সবসময় এখানে আছি, অফিসে ঘন্টা এখানে সবসময়. আমি এই সপ্তাহে মঙ্গলবার হতে পারে. আপনি সেখানে থাকেন, তাহলে আপনি করতে পারেন, তাই এই সপ্তাহে আমার দেখার জন্য আসা. এটা বড় হতে চাই. ঠিক আছে, তাই DOM, ডকুমেন্ট-অবজেক্ট মডেল. সুতরাং শুধু এই একটি উপায় আমরা মনে করি না যে কিভাবে আমাদের এইচটিএমএল এবং সবকিছু সম্পর্কে মধ্যে এটি সংগঠিত হয়. এটি খুব কিছু হয় যে সম্ভবত আপনার ব্যঙ্গ আসতে হবে. আমি এখানে আমার বছর, এটি ছিল জানি HTML ফাইল, এটি জন্য DOM মধ্যে পূরণ করুন. এবং আপনি শুধু সামান্য জিনিস পূরণ করুন. এই আশা সহজ পয়েন্ট হতে হবে. আশা করছি আপনি see-- হবে শ্রোতা: [শ্রবণাতীত] Allison BUCHHOLTZ-অস্ট্র: তাই আপনি এখানে এই গাছ দেখতে? শ্রোতা: হ্যাঁ. Allison BUCHHOLTZ-অস্ট্র: তাই তারা ব্যবহার জিজ্ঞাসা করবে শরীর অধীনে চলে যায় কি পূরণ করতে. হয়তো শরীরের অধীন, আমরা কিছু আছে divs বা আমরা, কিছু অনুচ্ছেদ আছে এবং আমরা পূরণ করার অনুরোধ জানানো হবে খুব ভালো একটি গাছ. সুতরাং আমরা এটা দিয়ে হাঁটা করা হবে. তাই ডকুমেন্ট-অবজেক্ট মডেল একটি উপায় গঠন এবং মনে গ্রাফিকাল আমাদের এইচটিএমএল সম্পর্কে. এবং এছাড়াও আমরা পেতে যখন আরো জাভাস্ক্রিপ্ট মধ্যে, এটা হতে যাচ্ছে উপায় আমরা যে আসলে বিভিন্ন নিপূণভাবে পাতা উপাদান. আমরা প্রতিটি অ্যাক্সেস করতে একটি উপায় প্রয়োজন আমাদের HTML এ জিনিষ, এবং তাই এই আমাদের একটি খুব দেয় কংক্রিট প্রমিত উপায় বিভিন্ন ওয়েব পেজ জুড়ে যে কাজ করতে. তাই আমরা ঠিক ভিতর দিয়ে হেটে যেতে যদি এই এখানে, অবশ্যই আমাদের নথি আমাদের সম্পূর্ণ ফাইল ভালো হয়. এটা সম্ভবত জ্ঞান করে তোলে এটি সর্বোচ্চ জিনিস যে, এবং তারপর আমরা আমাদের প্রকৃত HTML আছে, যা এখানে এই ট্যাগ অনুরূপ. এছাড়াও আপনার ট্যাগ ইন্ডেন্ট আপনি যদি সঠিকভাবে, তাহলে এই DOM গাছ তৈরি সুপার সহজ হয়ে যায়. তাই আমরা এখানে কিছু মাথা আছে. আমরা কিছু শরীর আছে আমরা, এইচটিএমএল বন্ধ স্টেম দেখতে যা আমরা মাথা এবং শরীরের আছে কেন. মাথা মধ্যে, আমরা কিছু আছে শিরোনাম ট্যাগ, শেষ শিরোনাম ট্যাগ, তাই আমরা যে মাথা পরে আসে জানি. এবং আমাদের শিরোনাম ট্যাগের মধ্যে, আমরা হ্যালো, দুনিয়া আছে. ঠিক আছে? সুতরাং যে এই পুরো বাম হাত শাখা আছে. এবং তারপর ডান হাত শাখা এখানে, আমরা HTML আছে যে, ঠিক আছে আমরা এই মাথা অংশ কাজ করেছি, আমরা শুধু শরীর এ খুঁজছেন তাই আমরা কিছু শরীরের এলাকা আছে. এবং যে মধ্যে, শুধুমাত্র আমরা জিনিস হ্যালো, বিশ্বের হয়. ঠিক আছে? আমরা ভালো জিনিস ছিল কিছু বন্ধনী পি এবং তারপর হ্যালো, দুনিয়া, এবং তারপর অন্য বিদায় বন্ধনী পি, বিশ্ব, আমরা দুই বুদবুদ হবে এখানে বন্ধ আসছে. তারা, শরীরের অধীনে উভয় কারণ কিন্তু তারা পৃথক অনুচ্ছেদ এই ক্ষেত্রে হন. অনুশীলন স্পষ্টভাবে আছে পূর্ববর্তী মো মধ্যে যে, ভাল হিসাবে এটি উপর অনলাইন প্রচুর হিসাবে. ঠিক আছে, তাই এই মাত্র দেয় আমাদের সুন্দরভাবে সবকিছু দেখতে এবং জিনিষ নিপূণভাবে খুব ধারাক্রমে. ঠিক আছে? আমরা কিভাবে ঠিক জানি এই গাছ মাধ্যমে তর্ক, তাই আমরা যদি আমরা অ্যাক্সেস করতে চান কি জানি. আমরা চাই কেন ঠিক আছে, তাই এই মডেল এই সাজানোর আছে, আমরা ভালো জিনিস ব্যবহার করতে পারেন, যাতে এবং আমরা কি তারা মানে বুঝতে, এবং তারা প্রমিত করছি আমরা যে সব জিনিস জুড়ে. তাই নথি ডট শিরোনাম ঠিক হয় our-- শিরোনাম এই সব সুন্দর স্ব ব্যাখ্যামূলক আছে, আমি মনে করি না. সুতরাং প্রথম তিনটি উদাহরণ মাত্র বলছে, "ঠিক আছে, শুধু আমাকে দিতে এই ওয়েব পেজ এর শিরোনাম. " সুতরাং আপনি দিতে হবে কি শিরোনাম অনুরূপ. ডকুমেন্ট ডট শরীরের আপনি দিতে হবে যাই হোক না কেন যারা শরীর ট্যাগ মধ্যে. সুতরাং আপনি যে নিপূণভাবে পারেন. এবং নথি ডট শরীর বিন্দু এইচটিএমএল একটি খুব শান্ত এক লিখুন, এবং হয়ত সুপার মত নয় স্বজ্ঞাত, কিন্তু ভেতরের এইচটিএমএল এখানে এই অধিকার থেকে অনুরূপ. আপনি কি কখনও করতে চান তাহলে একটি পাতা টেক্সট নিপূণভাবে, সাধারণত আপনি করছেন করা চলুন শরীরের বিন্দু ভেতরের এইচটিএমএল সঙ্গে কিছু. ঠিক আছে? তাই ভেতরের এইচটিএমএল পড়ুন থাকে কি এই ট্যাগ মধ্যে আসলে. ঠিক আছে? এবং তারপর দরকারী ফাংশন. আপনি পেতে চেয়েছিলেন তাই এর মধ্যে যে কোনো কোনো উপাদান, আমরা কিছু আইডি আছে, বর্গ নাম, বা ট্যাগ নাম. এই অনুরূপ কিছু আমরা ঠিক আছে, CSS এর সঙ্গে কি? আমরা কিছু নির্বাচক আছে যেখানে যে একটি ট্যাগ হয় মিলা, একটি বর্গ আমরা তাদের, অথবা একটি আইডি দিতে. এটি খুব একই উপায়. আপনি কিছু থাকে, তাহলে যে কুকুর কিছু বর্গ আছে এবং আপনি ট্যাগ নাম দ্বারা উপাদান পেতে বলে, এবং আপনি সেখানে বা দুঃখিত কুকুর করা শ্রেণীর নাম. আপনি সেখানে বিন্দু লাগাতে পারেন. এটা ঐ সব ফিরে যাচ্ছে যে বর্গ আছে আপনি যে উপাদান. তাই আপনার যারা নিপূণভাবে পারেন. একই ভাবে, হয়তো আপনি শুধু তাই কিছু কিছু হেডার নিপূণভাবে চান কিছু H1 হেডার আমরা কি মত. আপনি ট্যাগ দ্বারা উপাদান পেতে কাজ করতে পারে H1 ট্যাগ নাম, কারণ নাম. এবং একই ভাবে, আপনি পেতে চান কিছু অনন্য জিনিস, আপনি ট্যাগ করতে পারেন. আইডি দ্বারা উপাদান পেতে. তারা আসলে এই প্রচুর আছে. এই শুধুমাত্র খুব অনেক তিনটি মত. তাই আপনি যদি হিসাবে অনলাইন যান আমি উত্সাহিত করা যাচ্ছে না আপনি কি, এবং কিছু করতে আপনার নিজের উপর গবেষণা, আমি স্পষ্টভাবে সুপারিশ ঐ সব দৃষ্টিপাত. তারা সুপার হতে পারে দরকারী, বিশেষ করে যখন আপনি শুধু ধরনের নিপূণভাবে চান করেও খুব নির্দিষ্ট কিছু মাধ্যমে এবং যান চেষ্টা করতে সবকিছু বিশ্লেষণ করতে. ঠিক আছে, তাই শেষ জিনিস জাভাস্ক্রিপ্ট ঘটনা. সুতরাং যখন আমি আগে কথা বলা হয়েছিল একটি ওয়েবসাইট সম্মুখের দিকে যাচ্ছে সম্পর্কে, এবং আপনি কিছু উপর কার্সার রেখে যখন, বা আপনার মাউস কিছু ওভার hovers, অন্য কিছু ঘটবে. এই আমরা চাই কি একটি ঘটনা হিসেবে আমার মনে হয়. আমরা যে শক্তি আছে, তাই কি onclick এখানে উপযোগী হতে. তাই আমার আমি, যা, উপর কার্সার রেখে দেখুন ছিল চমত্কার নিশ্চিত, শুধু উপর কার্সার রেখে দেখুন হয়. এই এছাড়াও একটি টন আপনার জন্য সন্ধান করতে পারেন যে. একটি সম্পূর্ণ তালিকা অনলাইন আছে বিভিন্ন জিনিস আপনার জন্য শুনতে পারেন. কিন্তু জাভাস্ক্রিপ্ট ঘটনা মূলত শুধু কিছু সাড়া যে আপনার ব্যবহারকারী করছে. রাইট? সুতরাং আপনার ব্যবহারকারী করে কিছু, যে একটি ঘটনা, এবং জাভাস্ক্রিপ্ট সাড়া দিতে হবে তবে আপনি এটি করতে চান. এটি অনুসারে সাড়া দিতে হবে. তাই এই ক্ষেত্রে, আমরা কিছু উইন্ডো ডট onload. তাই এই হল বলে, "অপেক্ষা করুন উইন্ডোর লোড না হওয়া পর্যন্ত. " ঠিক আছে? সুতরাং যখন সবকিছু লোড, onload, তারপর আপনি এই ফাংশন নির্বাহ করতে পারেন. সুতরাং যখন সবকিছু লোড, আপনি যাচ্ছেন কিছু অনুসন্ধান বাটন আছে যে, আইডি দ্বারা একটি উপাদান পায় এবং এটি যাই হোক না কেন যে ছাপে উপাদান অনুসন্ধান বাটন হিসাবে হয়. এবং তারপর আমরা এই পরিবর্তনশীল আছে, আমরা "ঠিক আছে, onclick.", বলে সুতরাং আমরা একটি ক্লিক শুনতে যখন অনুসন্ধান বাটন, একটি, যা এই ফাংশন, চালানো সতর্কতা, আপনি অনুসন্ধান বাটন ক্লিক করা. এই একটি চমৎকার হচ্ছে ÑÑ তাই কি হবে এখানে সামান্য গ্রাফিক উপস্থাপনা. সুতরাং আমাদের নথি লোড, আমাদের onload এর, আমরা আমাদের অনুসন্ধান এই বাটন, যা. আমরা আমাদের অনুসন্ধান বাটন জন্য খুঁজছেন. এবং অনুসন্ধান বাটন তারপর যখন ক্লিক করেন, এটা অধিকার এখানে অনুরূপ. Onclick. তারপর আমরা পরিশেষে, আমাদের ব্যবহারকারীকে সতর্ক যা এখানে এই শেষ লাইন. ঠিক আছে? যারা চার প্রতিটি ধাপ তাই শুধু চার বাক্সে অনুরূপ নিচে আছে নীচে. সবাই যে জানার জন্য? এবং তারপর আমি যাচ্ছি এক জিনিস যে খুব, খুব সংক্ষেপে, যে আমি উল্লেখ আপনাকে বলছি উত্সাহিত হয় আরও বেশি চেহারা যেতে শুধু একটি লাইব্রেরি, যা jQuery, যে জাভাস্ক্রিপ্ট উপরে নির্মিত হয়. এটা হিসাবে, সুপার দরকারী সবচেয়ে লাইব্রেরি সঙ্গে. কর্ম প্রচুর আছে. কখনও কিছু আছে, তাই যদি যে আপনি, জাভাস্ক্রিপ্ট কাজ করতে চান আপনার প্রথম প্রবৃত্তি মনে হয় করা উচিত হবে না "কি কাজ করা উচিত আমি কোড? "এটা করা উচিত, "আমার কেউ এর দেখতে দিন ইতিমধ্যে আমার জন্য এই কাজ করেছেন. " দশ আউট কারণ নয় বার, কেউ ইতিমধ্যে এটি কাজ করবে এবং তারা সম্ভবত এটি আরও ভাল কাজ করেছেন. মানুষ, এই কাজ অনেক সময় ব্যয় এবং জাভাস্ক্রিপ্ট খুব ব্যাপকভাবে ব্যবহার করা হয়, তাই মানুষ ক্রমাগত হয় এটাকে আরও ভাল করতে চেষ্টা করছে. এবং jQuery ফাংশন অনেক আছে যে সম্ভবত আপনার জন্য উপযোগী হতে হবে আপনার চূড়ান্ত প্রকল্পের মধ্যে যদি আপনি ওয়েব ডিজাইনের সাথে কিছু করছেন. আমি বলতে চাই, "কাজ না কঠিন, বুদ্ধিমতী. " আপনি যদি না যে না, এটা বড় হতে হবে. আমরা Hackathon এ যখন আমি না আপনি হতে চান সব জোর আউট. আমি আপনার মত হতে চান, "আমি পেয়েছিলাম এই. jQuery এর আমার ফিরে পেয়েছিলাম. আমি এই ফাংশন লিখতে হবে না. " তাই শুধু দুটি জিনিস আমি যাচ্ছি, মনে রাখবেন যাক আপনি না আরো দেখুন আপনার নিজস্ব নেভিগেশন jQuery মধ্যে. আমি বলতে যাচ্ছি সব হয় কিছু বেশ ভালো জিনিস আছে এবং আপনার জীবন করতে পারেন একটি সম্পূর্ণ অনেক সহজ. কিন্তু আপনি কি চান যাই হোক না কেন ফাইল আপনি এটা ব্যবহার করা যাচ্ছে যে, আপনি এই দুই লাইন চান চলুন. আপনি চান চলুন জাতীয় jQuery এর বিন্দু জাতীয় স্ক্রিপ্ট. এবং প্রকৃতপক্ষে আপনার সোর্স কিছু URL হতে যাচ্ছে. আপনি jQuery, গুগল যদি আসলে আপনার জন্য সব ফাইল হোস্ট. সুতরাং আপনি স্পষ্টভাবে করতে চান ইনপুট পরিবর্তে URL- এ যে. আমি শুধু এখানে এই করা সরলতা দোহাই জন্য. এই সমস্ত মানে যেখানে হয় আপনার jQuery লাইব্রেরি খুঁজে. আপনি চান না, তাই এটি ব্যাপক আপনার নিজের কম্পিউটারে এটি হোস্ট করার জন্য আপনি এটা এড়ানো করতে পারেন, যা আমরা কেন শুধু গুগল এর URL টি করিয়ে দেয় আপনার জন্য এই সব ফাইল হোস্ট. ঠিক আছে? আপনি আমি প্রতিজ্ঞা করছি, এটি Google- এটা হতে হবে. এবং তারপর যাই হোক না কেন আপনি যে জাভাস্ক্রিপ্ট ফাইল তাই এই মাত্র কিছু বহিরাগত হয়, ব্যবহার করে জাভাস্ক্রিপ্ট ব্যবহার করছেন যে ফাইল. আমরা আমাদের সিএসএস এর প্রতি সংযোগ আছে একই ভাবে ফাইল, এই জিনিস একই ধরণের. এই মাত্র ফাইল সংযোগ যেখানে আপনার জাভাস্ক্রিপ্ট হয়. এবং আমি কিছু উদাহরণ আছে সহজ জাভাস্ক্রিপ্ট সঙ্গে. সুতরাং আমরা এটা মাধ্যমে চালু করা হবে. এবং তারপর আপনার সূচক জাভাস্ক্রিপ্ট, যা আপনার জাভাস্ক্রিপ্ট এখানে ফাইল, এই আলোয়ান ধরনের আপনি jQuery জন্য আছে. আপনি প্রায় 99.9 করছি সময় শতাংশ যাচ্ছে আপনার index.js ফাইলের মধ্যে এই আছে. , এই কি বলছেন কারণ "কিছু চালানো না আপনার দস্তাবেজ আসলে না হওয়া পর্যন্ত ঠিক কি আপনি চান, যা ", প্রস্তুত. আপনার নথি প্রস্তুত না কারণ যদি এবং jQuery জিনিসগুলি শুরু হয়, এটি শুধু একটি জগাখিচুড়ি. তাই আপনি সর্বদা এই আলোয়ান করতে চান. এবং তারপর সেখানে যেতে যে জন্য, আমি আপনার ছেলেরা 'নিজের পড়ার জন্য ছেড়ে দেব. ঠিক আছে, তাই কোন প্রশ্ন আছে অধিকার আছে এখন সাধারণ জাভাস্ক্রিপ্ট সম্পর্কে? বা ডোম মডেল? যদি না হয়, আমরা কিছু শান্ত আছে আমরা মধ্য দিয়ে যেতে পারেন যে উদাহরণ, যে আপনাকে বলছি আমার কোড সাহায্য করতে পারেন. কিন্তু আমি হতে যাচ্ছি সুপার চমৎকার, এবং আপনি যদি কিছু বলতে চাই না এই জন্য, যে সূক্ষ্ম. আমি শুধু আপনি উদাহরণ দিতে পারেন. কিন্তু কিছু পাওয়ার পয়েন্ট আগে আমরা এগিয়ে যেতে? কুল. আপনি যদি না শক্তি প্রয়োজন মনে. তাই আমি মনে করি আমরা শুরু করতে যাচ্ছেন মনে প্রথম আমার পক্ষ উদাহরণ দিয়ে. আমরা তিনটি উদাহরণ আছে, আপনি আপনার পছন্দ আছে. সুতরাং আমরা ঘড়ি, যেখানে আমরা চলুন আছে যে একটি প্রকৃত ঘড়ি বাস্তবায়ন সময় যায় আপডেট করা যাচ্ছে. আমরা এই মহান টুইটার ফাংশন আছে. আপনি, উপর রাখা কি জানেন স্ত্রীকে কখনো একসঙ্গে স্বর্গে. আমরা এই দূরে যেতে না করতে যাচ্ছেন. বাম. ঠিক আছে. আমরা এই মহান টুইটার ফাংশন আছে এখানে, আমি জানি যে সব, ডান? এটা বড় হতে যাচ্ছে. আপনি কি বলছি অধীর? যে সংখ্যা গণনা করা যাচ্ছে না আপনি বাকি আছে যে অক্ষর, তাই আমি ডান এখন টাইপ করুন, সম্ভবত এটি এখনও 140 বলেছেন, কিন্তু আমরা যে কেস না জানি. এবং তারপর আমাদের গত এক সঙ্গে এখানে, পার্টি জন্য এখানে ক্লিক করুন. কি ঘটতে যাচ্ছে যখন আমরা পটভূমি এর, ক্লিক করুন রং পরিবর্তন করতে যাচ্ছেন. তাই আপনি যদি না আপনার অপশন আছে যা এক আপনি যদি প্রথম কাজ করতে চান. আমি এটা খুব সহজ নেব অঙ্গীকার. সবাই ধরনের মত আমি অনুভব আজ কী খুব কম. তাই আমি কিভাবে মাধ্যমে আপনি পদব্রজে ভ্রমণ হবে আমরা এই সব বাস্তবায়ন করবে. আপনি ঐকতান করতে চান মধ্যে, দারুণ, কিন্তু আমি সবাই একটু ক্লান্ত লাগছে. তাই আমি ঠিক আপনি পদব্রজে ভ্রমণ হবে এই উদাহরণ দিয়ে. আমরা কিছু আছে কি যে আমরা প্রথম কাজ করতে চান? যে কেউ? কোন পক্ষপাত? ঠিক আছে. আপনি কি জানেন? আমরা পার্টি করছি. আপনি যদি না একটি little-- প্রয়োজন মত আমি অনুভব তাই, আমরা প্রথম পক্ষের এক চেষ্টা করবো. ঠিক আছে. সুতরাং আমরা এখানে আছে কি যে সেখানে হতে অনুমিত হয় না. এখন এটা ভাল. ঠিক আছে. তাই আমরা এখানে আছে শুধুমাত্র একটি সহজ HTML পৃষ্ঠা আপনি যদি না সব সুপার হতে হবে যে আপনার শেষ দুই psets থেকে সাথে পরিচিত. আমরা এখানে আমাদের ডক টাইপ আছে. সবাই দেখতে পারি? ঠিক আছে. কুল. আমরা সম্ভবত আমাদের এইচটিএমএল আছে. আমরা যে কিছু হেডার আছে একটি স্টাইল শীট লিঙ্ক যে আমার ফন্ট সুন্দর এবং বড় এবং গাঢ় হয়েছে. সুতরাং যে সম্পর্কে চিন্তা করবেন না. আমরা কিছু শরীরের সাথে আছে একটি আইডি পটভূমি, ঠিক আছে? আমরা হতে যাচ্ছেন কারণ ব্যাকগ্রাউন্ড পরিবর্তন. সুতরাং আমরা পরিবর্তন করছি যখন আমাদের শরীরের পটভূমি, আমরা দুই সপ্তাহ আগে থেকে মনে রাখা যখন আমরা ওয়েব পেজ সঙ্গে আচরণ করা হয়. যে আছে তাই ভাল. এবং আমরা কিছু আইডি পার্টি সমান. এই জ সুত্র আধা কেজি ঠিক যে মানে এটি একই পৃষ্ঠায় যেতে যাচ্ছে. এবং পার্টি জন্য এখানে ক্লিক করুন, যা আমরা এটি ক্লিক করা হলে কেন, সৌভাগ্যক্রমে, রং পরিবর্তন করা উচিত. এবং তারপর আমরা এখানে যে কিছু স্ক্রিপ্ট আছে শুধু এই পার্টি ডট জাতীয় সাথে সংযুক্ত করা হয় কারণ যে খালি ফাইল, আমরা এখনো কিছু করেননি. এবং এটা তাই দু: খিত. কিন্তু খুব শীঘ্রই, এটি পরিবর্তন করতে হবে রং, এবং এটা ভয়ঙ্কর হতে হবে. তাই আমি আপনি না হেটে যেতে যাচ্ছে না আমরা এই যোগাযোগ হতে পারে কিভাবে মাধ্যমে. প্রথম জিনিস তাই আমরা কি করতে চান হতে পারে, আমরা এর ব্যাকগ্রাউন্ড পরিবর্তন হয় যদি শরীর, প্রথম জিনিস আমরা করতে পারে আসলে দখল করতে হবে শরীর ঠিক আছে, কি? সুতরাং আমরা সমষ্টি করতে চান, আমাদের পটভূমি, এবং যদি আপনি বিজ্ঞপ্তি, আমি শুধু স্বয়ংক্রিয়ভাবে শুধু টাইপ করা শুরু. বিশেষ কিছুই নেই যে আমরা যে আমাদের জাভাস্ক্রিপ্ট ফাইল করতে হবে. আমি ভেরিয়েবল ঘোষণা শুরু করতে পারেন, এবং র্যান্ডম ফাংশন ঘোষণা. এবং এটা আরো অনেক কিছু বিনামূল্যে ফর্ম. সি, আমরা আপনার সব মত দিয়েছেন এটা এই কঠিন নিয়ম, এবং আপনি বড় হয়েছি, তাই আমরা, "বের হয়ে ভালো থাকেন. মুক্ত করা. আপনি কি চান না. " এবং যে জাভাস্ক্রিপ্ট কি. তাই আমরা এখানে কিছু ব্যাকগ্রাউন্ড আছে. আমাদের DOM মডেল দিয়ে, আমরা জানি নথি ডট উপাদান পেতে কি করতে পারেন, এবং আমরা এখানে লক্ষ্য করা, আমাদের শরীরের একটি আইডি আছে. রাইট? সুতরাং আমরা দ্বারা নথি পেতে করতে পারেন এখানে আইডি, এবং একটি সহজ এক. আমরা এখানে চাই যে আমাদের আইডি কি? শ্রোতা: পৃষ্ঠভূমি. Allison BUCHHOLTZ-অস্ট্র: পৃষ্ঠভূমি. পারফেক্ট. এবং শেষে সেমিকোলন. যে এখনো দূরে চলে না. আপনি এখনও আপনার সেমিকোলন প্রয়োজন. ঠিক আছে. সুতরাং যে আমাদের প্রথম এক. এবং আমরা কিছু ক্লিক করুন, আমরা ডান কিছু ঘটতে, চান? তাই আমরা কিছু পরিবর্তনশীল করতে পারে একটি ক্লিকের জন্য অপেক্ষা করছে. আমরা কি করতে যাচ্ছেন আমরা চলুন একটি বাটন আমাদের লিঙ্ক আরো অনুরূপ করা. তাই আমরা কিছু বোতাম আছে চলুন যে আইডি দ্বারা উপাদান পেতে ডট নথিতে সমান. এবং আমি আমার কথা বলছি না যদি লিঙ্কে ক্লিক করুন বা দলের জন্য এখানে ক্লিক করুন লিংক, আমার আইডি এখানে কি হতে পারে? পার্টি. সঠিক. খুব খারাপ পর্যন্ত ঠিক আছে. সবাই আমরা করছেন কি? ঠিক আছে, তাই এখন আমরা আমাদের বাটন, এবং আমরা চাই আমরা এটা উপর ক্লিক করুন যখন কিছু পরিবর্তন. সুতরাং আমরা আমাদের পাওয়ার পয়েন্ট থেকে মনে রাখবেন, আমরা কি করতে পারি খুব সহজ বিষয় শুধু বোতাম ডট অধিকার, onclick হয়? এবং যে কিছু ফাংশন সমান যাচ্ছে. এটি একটি বেনামী ফাংশন. এবং এই মাত্র আমি আসলে as-- এই একটু বড় করা যাচ্ছে. তাই আমি ঠিক করেছিলাম এখানে আমি, ঠিক আছে, বলার অপেক্ষা রাখে না হয় আমরা আমাদের বাটন ক্লিক করুন, যখন যা আমরা শুধু বলা যে এই লিঙ্ক, আমরা চালানো যাচ্ছে এই বেনামী ফাংশন. আমরা কোনো ইনপুট প্রয়োজন হবে না. আমরা ব্যবহারকারী বলেছেন কি না যত্ন. তারা এটি ক্লিক করুন, আমরা করছি আমরা যাই হোক না কেন করতে যাচ্ছে, যা পটভূমির রঙ পরিবর্তন হয়. ঠিক আছে? আমরা কোনো ইনপুট হবে না, যাতে কেন আমরা এই বেনামী ফাংশন আছে. এবং এখন আমরা আসলে চলুন এই ফাংশন লিখতে. তাই উপায়ে একটি গুচ্ছ আছে আপনি একটি র্যান্ডম রঙ উৎপন্ন হতে পারে. আমি যে ভাবে এটি ছিল তিনটি র্যান্ডম সংখ্যা উৎপন্ন এবং একটি আরজিবি ট্রিপল তাদের রূপান্তর. তাই এই শুধু আপনি কিছু শান্ত দেখায় জিনিষ আপনি উহু ", ভালো থাকেন, তাহলে যে, আমি একটি র্যান্ডম উৎপন্ন করতে হবে সংখ্যা. "আপনি এটা Googled যদি, এই আপনি খুঁজে পেতে চাই কি না. সুতরাং আমরা বিভিন্ন তিনটি আছে জিনিস, Var, আবার লাল না, সবুজ. রাইট? যারা তাই তিনটি একটি রং আপ যে জিনিস. নীল, লাল, এবং সবুজ. কুল. এবং কি আমরা করতে পারেন আমরা জানি যে এটা 255 এর মধ্যে করা প্রয়োজন যে, এবং আপনি তাকিয়ে যদি কিছু র্যান্ডম সংখ্যা উত্পাদক, আপনি গণিত ভালো কিছু পেতে পারে আপনি এই চেহারা আপ যা, যদি র্যান্ডম বিন্দু কিছু সংখ্যা ফেরৎ শূন্য এবং এক মধ্যে. ঠিক আছে? এবং কি সংখ্যা না আমাদের আরজিবি triples মধ্যে যেতে? শূন্য এবং কি? তারা কি পর্যন্ত যেতে পারেন? 255. গণিত র্যান্ডম বিন্দু, তাই যদি শূন্য এবং এক মধ্যে যায়, কিভাবে আমরা এই রূপান্তর করতে চান হতে পারে? শ্রোতা: সময়? Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ, ঠিক. তাই সময় 255 হয়. শ্রোতা: [শ্রবণাতীত] এটা [শ্রবণাতীত] এর মত. Allison BUCHHOLTZ-অস্ট্র: ম্যাথ র্যান্ডম বিন্দু. শ্রোতা: কুল. Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ. জাভাস্ক্রিপ্ট শুধু আপনার যত্ন নেয়. ঠিক আছে. তাই আমরা এই সব জন্য তা করতে পারে. রাইট? গণিত র্যান্ডম বার 255 বিন্দু. যে কপি করুন. কুল. জিনিস সুতরাং, এই হতে পারে একটি পূর্ণসংখ্যা ফিরে না. রাইট? হয়তো আমরা কিছু নম্বর পেতে শূন্য এবং এক মধ্যে, এবং এটা সামান্য হতে হয় বন্ধ, এবং আমাদের RGBs ফ্লোট হতে পারে না. তারা ints হতে হবে. আপনি এই চেষ্টা করেন, তাহলে সম্ভবত চাই তাই কিছু খেয়ালী আচরণ আছে. এটা একটু ভীতু হবে. তাই আমরা কি আমরা করতে চাই, নিশ্চিত এই বৃত্তাকার হয় যে, এবং আপনি হয় উপায় বৃত্তাকার হতে পারে. আমি তল সঙ্গে বৃত্তাকার. তাই আমি সবসময় নিশ্চিত করেছেন এটি ডাউন বৃত্তাকার. কিন্তু কিভাবে সহজ যাওয়া বন্ধ এটা শুধু একটি র্যান্ডম সংখ্যা পেতে ছিল, আপনি যদি মনে করেন কিভাবে মেঝে এই সংখ্যা হতে পারে? এটা খুবই অনুরূপ. কোন ধারণা? শুধু গণিত বিন্দু ছিল র্যান্ডম তাই যদি র্যান্ডম, যাতে আপনি আমরা মেঝে করতে চাই মনে করেন? ম্যাথ ডট মেঝে. এবং যদি আপনি গণিত ডট ছাদ করতে পারেন. গোলাকার দ্ব্যর্থক ধরনের যদি আপনি না, কারণ ধরপাকড় বা নিচে সুসম্পন্ন করা হবে কিনা তা জানি. তাই সাধারণত আমরা সবসময় গণিত বিন্দু মেঝে, গণিত ডট ছাদ. কিন্তু honestly-- শ্রোতা: নিচে মেঝে বৃত্তাকার কি? Allison BUCHHOLTZ-অস্ট্র মেঝে নিচে চক্রের. এবং যে আমার পক্ষ থেকে শুধু একটি পছন্দ. তাই এখন আমরা আমাদের তিন নম্বর আছে এলোমেলোভাবে জেনারেট করা হয়েছে যে, এবং কি আমরা এখন কি করতে যাচ্ছেন আমরা করছি শুধু পটভূমি পরিবর্তন করতে যাচ্ছেন. ঠিক আছে? তাই আমরা ইতিমধ্যেই আমাদের আছে পটভূমি ধরনের সংরক্ষিত পটভূমি নামক এই উপাদান. তাই কি আপনি বিজ্ঞপ্তি পাবেন যদি হয়, আপনি এই সঙ্গে অভিনয় কাছাকাছি আমরা শৈলী পরিবর্তন করতে চান. এবং এই কিছু ধরনের যে আপনি গুগল এবং, চিন্তা করা হবে রঙ পরিবর্তন করতে পছন্দ. কিন্তু উপায় আপনি এই রঙ একসেস পটভূমি শৈলী ডট পটভূমি বিন্দু. তাই এই দেওয়া বলছে না এই বস্তু, ব্যাকগ্রাউন্ড, যা বোঝায় সেখানে আপ উপাদান আইডি, আমরা তাকান চলুন শৈলী মধ্যে শৈলী, আমরা পটভূমি তাকান চলুন. ঠিক আছে? এবং যদি আপনি যান এবং এই পর্যন্ত তাকান, এটি একটি সামান্য আরো জানার জন্য হতে পারে কিন্তু এই মূলত শুধু, বলার অপেক্ষা রাখে না "আমার এই খুব নির্দিষ্ট বৈশিষ্ট্য দিতে আমি আগে বর্ণিত আছে কি. " তাই আমরা হয় এটা পরিবর্তন করছি কিছু আরজিবি, এটা জ্ঞান করে তোলে কারণ. আমরা অধিকার, আরজিবি triples ব্যবহার করছেন? এবং আমরা যদি আমি নিশ্চিত আমি করতে চাই থাকতে এখানে কোট অধিকার নম্বর পেতে. তাই আমরা কি আমরা আছে আরজিবি, এবং আমরা চলুন এই মত চাচ্ছি লাল, যা সংযুক্তকরণের. এবং তারপর আমরা কিছু কমা চাই. এবং তারপর আমরা, সবুজ প্লাস চান তারপর কিছু কমা, এবং কিছু নীল. সুতরাং এই pluses শুধু সংযুক্তকরণের মত মানে. তাই এই শুধু এই তৈরি করা হয় আরজিবি মধ্যে যাচ্ছে যে পংক্তি. ঠিক আছে? শ্রোতা: [শ্রবণাতীত] প্লাস তারপর সবুজ একটি প্লাস তারপর লাল. Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ, আমি যে বিশৃঙ্খলার সৃষ্টি করে. এক যে সূক্ষ্ম. ওহ, উপর রাখা. না. আমি নিশ্চিত করা প্রয়োজন কারণ আমি এই সব ঠিক যে. তাই আমি জাতিসঙ্ঘ মুহূর্ত ব্যাখ্যা করবে. নিখুঁত, নীল, সবুজ. এখন আমি কাজ করছি. আমি বিশ্বাস করি. ঠিক আছে. তাই এই কি হল যে, পটভূমি কিছু স্ট্রিং নির্ধারণ করা যাচ্ছে না. রাইট? যা আমরা এখানে আছে কি না. এটা কিছু আরজিবি 255 কমা হতে যাচ্ছে 255 কমা শূন্য, বা যাই হোক না কেন সংখ্যা আপনি সেখানে আছে. তাই আমরা এখানে করছি, আমরা কিছু স্ট্রিং আছে. আমরা কি করতে চান, আমরা করছি ধরনের পরিবর্তনশীল তৈরি আমরা আসলে এই প্রোগ্রাম চালানো যখন যে. তাই এই কিছু পংক্তি. প্লাস এটা সংযুক্ত করে যে লাল আছে মান, যা একটি সঙ্গে এটি সংযুক্ত করে এটা সংযুক্ত করে যা কমা, কি দিয়ে সবুজ, এবং তাই, এবং তাই ঘোষণা. ঠিক আছে? যা খুব শেষ পর্যন্ত, এখানে এই আরজিবি বন্ধনী বন্ধ. ঠিক আছে? তাই এই যাচ্ছে কিছু কমান্ড সত্যিই উৎপন্ন যে তিনটি সংখ্যার আরজিবি হয় যে পটভূমি এখন সেট করা হয়. ঠিক আছে? তাই এই কাজ করে দেখুন. আমি এটা আছে আশা করি এটা যদি কারণ আমি বাস্তব দু: খিত হতে যাচ্ছি না. ওহ. ঠিক আছে, উপর রাখা. নিশ্চিতভাবে পটভূমি বিন্দু বিন্দু শৈলী পটভূমি. আমি স্পষ্টভাবে অনুপস্থিত করছি শুধু ছোট কিছু. না যদি না আপনি যে ঘৃণা করবেন না? যখন এটি শুধু একটি ছোট সামান্য ত্রুটি? সর্বশক্তিমান পটভূমি. আরজিবি. শ্রোতা: [শ্রবণাতীত] Allison BUCHHOLTZ-অস্ট্র: নং আমি বর্গ আগে এই চেষ্টা. আমি আগে কি সবকিছু আছে বর্গ ক্ষেত্রে আমি মত ছিল, "আমি ভুল না কি কি, অপেক্ষা?" আমি মত ছিল, "কারণ আমি সম্ভবত হবে কিছু সময়ে এই জগাখিচুড়ি আপ. " প্লাস সবুজ. এটা মত সবকিছু দেখে মনে হচ্ছে সঠিকভাবে ঘনিভূত. ঠিক আছে. শ্রোতা: [শ্রবণাতীত] Allison BUCHHOLTZ-অস্ট্র: ওহ, সেখানে আপনি যান. যে আমি প্রয়োজন কি. যে তাকান. Tiffany উদ্ধার. পারফেক্ট. ঠিক আছে. এখন এটি কাজ করে দেখুন. হায় আল্লাহ. ঠিক আছে. উপর রাখা. শ্রোতা: দ্বিতীয় প্লাস পর স্পেস. Allison BUCHHOLTZ-অস্ট্র: কোনটি? ওহ অপেক্ষা করুন, উপর রাখা. স্থান পরিধান? শ্রোতা: দ্বিতীয় প্লাস সবুজ সংযুক্তকরণের. Allison BUCHHOLTZ-অস্ট্র: ওহ. শ্রোতা: কোন স্থান নেই প্লাস পর, হাঁ. Allison BUCHHOLTZ-অস্ট্র: আপনি যে প্রয়োজন হবে না, কিন্তু ছিল শ্রোতা: ওহ, আপনি না? Allison BUCHHOLTZ-অস্ট্র: এটা দেখতেও সুন্দর. শ্রোতা: ঠিক আছে. ঠিক আছে. Allison BUCHHOLTZ অস্ট্র: এই কাজ করে যদি এর দেখতে দিন. ঠিক আছে. আমি সম্ভবত এ ব্যর্থ করছি আমাকে মনে করিয়ে দেয়, যা এই ডেমো, একটি বক্তৃতা অন্যান্য সপ্তাহে, কিন্তু আমি এই কাজ করবে না. আমি এই কাজ করবে না. তাই বন্ধ. আমি ঘটনাক্রমে মুছে ফেলা, যদি না এই এক আমার স্ক্রিপ্ট. না, এটা পার্টি ডট জাতীয় হয়. ঠিক আছে উপর রাখা. আমি এই কপি করা যাচ্ছে না, এবং আমি আছি শুধু সবকিছু মুছে যাচ্ছে, আমি এই কাজ আগে ছিল. আমি এটি কাজ করে প্রতিজ্ঞা. যদি না হয়, আমি টমি এর কি আপনি প্রদর্শন করবে. এবং সেখানে. শ্রোতা: আপনি পার্টি উল্লেখ করছি বিন্দু সিএসএস, এবং এটি একটি দল বিন্দু জাতীয় এর. Allison BUCHHOLTZ-অস্ট্র: ভাল, আহ এখানে ডান পার্টি ডট জাতীয় হয়. ঠিক আছে, আমি বিভিন্ন কি করবেন? এখন এই কাজ করে যদি ঠিক আছে, আমরা দেখতে পাবেন. বাম. আমি ভিন্নভাবে কি তাই, আমি জানি না, কিন্তু এই হওয়া উচিত কি না. ধরণ শীতল. আমি সব সময়, মত, এই ক্লিক করেছেন. কিন্তু আমরা চেষ্টা এবং আমি তা দেখতে পারেন ভিন্নভাবে এই এক ছিল. আমি আপনাকে বলছি সম্পর্কে জানি, কিন্তু এই না আমি শুধু লিখেছেন মূলত কি দেখায়. সম্ভবত একটি অনুপস্থিত ছিল সেমিকোলন কোথাও আমার জিনিস. আসলে পর, আমি অনুপস্থিত ছিল মনে অধিকার এখানে আসলে একটি সেমিকোলন. কিন্তু আমি কারণ এটি দেখতে না পারে এটা পর্দা বন্ধ ছিল. আমরা লক্ষ্য কিন্তু, যদি এই সুন্দর হয় আমি শুধু লিখেছেন ঠিক কি অনেক. আমি hardest অংশ সম্পর্কে সম্ভবত মনে এই এই জিনিস শুধু ধরনের অধিকার এখানে, বোঝার কি এটা আছে করছে. আপনি শিখতে জিনিস এই প্রকারের সত্যিই শুধু ভাল Googling এবং দ্বারা শুধু চেষ্টা করছে. আপনি যদি মনে করেন কিছু আছে সম্ভবত আছে, বৈশিষ্ট্য. সুতরাং এটি চেষ্টা করুন. দেখুন কি ঘটে. আমি যেমন বলেছি, একটি অনেক আছে জাভাস্ক্রিপ্ট দিয়ে পরীক্ষা, এবং পিএইচপি, এবং যে সব স্টাফ, এবং CSS, বিশেষ করে. এটা সত্য শুধুমাত্র এটা বুঝতে উপায়. ঠিক আছে, তাই দলের সঙ্গে যে ভরাডুবি পর বিন্দু জাতীয়, আমরা দুই অন্যান্য অপশন আছে. আমরা ঘড়ি বা টুইটার আছে. তারা উভয় আকর্ষণীয় করছি. হয়তো বেশ পার্টি হিসাবে মজা হিসাবে, যা একটি শীতল সামান্য স্ট্রবলিং ছিল শেষে জিনিস. আপনি যদি না কোনো পক্ষপাত আছে? শ্রোতা: ক্লক? Allison BUCHHOLTZ-অস্ট্র: ক্লক? ঠিক আছে. কুল. তাই আবার, আমরা আমাদের আছে খালি জাভাস্ক্রিপ্ট ফাইল. এবং আমরা এখানে দেখুন, আমরা কিছু খুব সহজ এইচটিএমএল আছে. আমরা যে আমাদের স্টাইল শীট আছে শুধু এটা কি হওয়া উচিত বিন্যস্ত করা হয়. আমরা আমাদের div আছে ঘড়ি একটি আইডি, যা শুধু "এই একটি ঘড়ি উচিত.", বলেছেন এবং আমরা আমাদের লিঙ্ক আছে আমাদের জাভাস্ক্রিপ্ট ফাইল যে আসলে যাচ্ছে আমাদের জন্য আমাদের ঘড়ি উৎপন্ন. শীতল জিনিস কারণ, আপনি যা করতে পারেন যে স্বয়ংক্রিয়ভাবে রিফ্রেশ করতে দয়া করে জাভাস্ক্রিপ্ট সেট নিজেই. ঠিক আছে? সুতরাং পরিবর্তে জন্য অপেক্ষা ব্যবহারকারী একটি পাতা সুদ্ধ আঘাত আপনি পেতে পারেন, যাতে আপডেট সময়, জাভাস্ক্রিপ্ট এটা ভালো লেগেছে তবে এটি আপডেট করতে পারেন. সুতরাং, আমাদের গত এক হিসাবে, আমরা চেয়েছিলেন আমাদের পটভূমি অ্যাক্সেস করতে, ডান? তাই আপনি যদি কি হতে পারে বলে আপনি মনে করেন আমরা এখানে কাজ করতে চান প্রথম জিনিস? আমরা ধরনের যাওয়া বন্ধ করছি এখানে দৃষ্টান্ত এই সাজানোর? আমরা সম্ভবত করতে চান ঠিক আছে, আমাদের ঘড়ি ব্যবহার করতে পারি? সুতরাং, আমরা কিছু var থাকতে ঘড়ি, সমান, যা আমরা এটা হতে যাচ্ছে কি মনে করেন? ডকুমেন্ট বিন্দু আমি by-- উপাদান পেতে Sublime-- আইডি ভালবাসা এবং আমাদের আইডি ঘড়ি. সেমিকোলন. পাওয়া নিশ্চিত করতে পেয়েছেন যারা সেমিকোলন এই সময়, আমি যে মত মনে কারণ সমস্যা শেষ সময় ছিল. ঠিক আছে, তাই আমি ঠিক চেষ্টা করার সঙ্গে বলার অপেক্ষা রাখে না জাভাস্ক্রিপ্ট নিজেই রিফ্রেশ আছে, এই মহান ফাংশন আছে, আমি এটি সুবিধাজনক গত বছর এসেছিলেন জানি, আমি এটা এই জন্য উপকারে আসে নিশ্চিত না pset, কিন্তু এটি সেট ব্যবধান বলা হচ্ছে. এবং এই সত্যিই আসলে শীতল আপনি না কিছু করতে যদি সময় বা পেয়ে সঙ্গে আপডেট তথ্য. একটি চূড়ান্ত জন্য একটি ওয়েবসাইট প্রকল্প, সম্ভবত এই যে আপনি চান একটি ফাংশন সঙ্গে সুপার পরিচিত. তাই ব্যবধান সেট কি যে হয় আমরা এটি একটি ফাংশন দিতে যাচ্ছেন, এবং কত ঘন ঘন এটি করা উচিত এই ফাংশন কল. ঠিক আছে? তাই এই ক্ষেত্রে, আমরা শুধু চলুন আবার কিছু বেনামী ফাংশন তৈরি, ঠিক আছে, যে পেতে যাচ্ছে আমাদের জন্ম, এবং আমাদের সময়, এবং তারপর জিনিষ আপডেট এবং এটি প্রদর্শন. তাই আমরা যে সম্পর্কে চিন্তা করব. এখানে ঘড়ি উৎপন্ন মত আমরা হবেন. কিন্তু আমরা কি প্রয়োজন হয় প্রায়ই এটা রিফ্রেশ করুন. তাই এই ক্ষেত্রে, এটা ঠিক মিলিসেকেন্ডে না. তাই আমরা ঠিক করতে যাচ্ছেন 100 মিলিসেকেন্ড না. অবশ্যই, সম্পূর্ণ অবাধ. আপনি চেয়েছিলেন এটি আপডেট আরো অনেক ধীরে ধীরে, আপনি করতে পারে. আমরা প্রায় জগাখিচুড়ি করতে পারেন সেট ব্যবধান, কিভাবে বড় আমরা পেতে পরে আমাদের অন্তর একটি কাজ ঘড়ি, যা আমি আশা করব পেতে. তাই এই ঠিক ঠিক আছে, কল ", বলার অপেক্ষা রাখে না এই ফাংশন প্রতি 100 মিলিসেকেন্ড. " ঠিক আছে? যে এটা সব. তাই আমরা আমাদের ফাংশন কি করতে চান না আমরা কিছু তারিখ আছে চান এবং কিছু সময় কি আমরা আছে চলুন. তাই আমরা দিয়ে শুরু করতে পারেন আমাদের তারিখ কিছু সমান, আমাদের সময় কিছু সমান আমরা এখনো জানি না. অথবা আসলে, আমরা শুধু কারণ তারিখ প্রয়োজন তারিখ সবকিছু অন্তর্ভুক্ত করতে যাচ্ছে. আবার সম্পর্কে আপনি শুধু গুগল যদি কিছু আপনি কি করতে চান, আপনি লিখুন, "ঠিক আছে, আমি সময় পেতে চান জাভাস্ক্রিপ্ট, "এটি মাধ্যমে আপনি এই মহান দিতে হবে পেতে তারিখ ফাংশন বলা. আক্ষরিক, অধিকাংশ জিনিস আপনি কি করতে চান যে, জাভাস্ক্রিপ্ট আছে যাচ্ছে এটা আপনার জন্য ইতিমধ্যে সম্পন্ন. সুতরাং এটা নতুন মত আক্ষরিক creating-- যা পেতে তারিখ, বা নতুন তারিখ, rather-- যা উৎপাদিত হয় একটি তারিখ প্রতিনিধিত্ব করে কিছু বস্তু. এবং আমরা এখানে কাজ করতে যাচ্ছেন কি এই আমি, এই লিখতে যাচ্ছি হচ্ছে ÑÑ এবং তারপর এটি কী ব্যাখ্যা. তাই আমি এই অধিকার পেতে নিশ্চিত করতে হবে. ঠিক আছে, তাই কি এই ফাংশন না, আমরা শুধু করছি আসলে যে এইচটিএমএল তৈরি ঘড়ি আমাদের div id মধ্যে যেতে হবে. তাই এই কাজ করা যাচ্ছে ঠিক ঠিক আছে, কিছু স্ট্রিং উৎপাদিত হয়? তারপর হতে যাচ্ছে আমাদের এইচটিএমএল মধ্যে প্রতিস্থাপিত. মূলত কি এটা করতে যাচ্ছে যাই হোক না কেন আমি আপনাকে দেখাতে হবে কি we-- যাই হোক না কেন যে আমরা, এইচটিএমএল বলে আমরা এই টেক্সট প্রতিস্থাপন করতে যাচ্ছেন যাই হোক না কেন এইচটিএমএল হয়. তাই এই অনুমতি দিতে যাচ্ছে আমাদের ঘড়ি বিন্দু পরিবর্তন এই মাত্র টেক্সট থেকে এইচটিএমএল একটি ঘড়ি, করা উচিত আসলে দেখাচ্ছে আমরা যত্ন যে সংখ্যা এবং কিছু সম্পর্কে, এবং আসলে বাজে হতে হবে. তাই আমরা কি আমরা কি করতে যাচ্ছি করছেন এই এইচটিএমএল উৎপাদিত শুরু করতে যাচ্ছে. আমরা ব্যবহৃত যে একই ভাবে তাই প্লাস পূর্ণসংখ্যার জন্য সমান করতে, আপনি এখন, স্ট্রিং জন্য তা করতে পারে ছাড়া এটা তাদের কনক্যাটেনেট যাচ্ছে. রাইট? আমরা পার্টি ডট জাতীয়, এই মাত্র সঙ্গে দেখেছি এই সমস্ত জিনিস একসঙ্গে সংযুক্ত করে. তাই আপনি যদি বিভিন্ন বিট বন্ধ করা যাবে এইচটিএমএল ভেরিয়েবল, বা স্ট্রিং বিট থেকে আপনি লিখুন যে নিজেকে, এবং এই মাত্র সত্যিই আপনি পরিবর্তনশীল করতে পারবেন যা চমত্কার, এইচটিএমএল উৎপন্ন. আপনি কিছু আছে, তাই যদি নির্দিষ্ট খুব ব্যবহারকারী, এই আপনি যে কাজ করতে অনুমতি দিতে পারেন. সুতরাং আমরা আমি চলেছি যাও, এইচটিএমএল আছে চেষ্টা করুন এবং আমি এই অধিকার পেতে নিশ্চিত করুন. তাই আমরা কিছু H1 হেডার কাজ করতে যাচ্ছেন. সুতরাং এখানে কি বুঝতে গুরুত্বপূর্ণ আসলে এই শুধু এইচটিএমএল হয়. রাইট? আমরা প্রকৃত লেখা হয় এখানে HTML কোড, এটা স্বাভাবিক না শুধু একটি স্ট্রিং আমরা এটা সম্পর্কে মনে হবে যে ভাবে. তাই আমরা কিছু HTML আছে. এই যদিও এখানে একটি স্ট্রিং হিসেবে গণ্য করা হয়. এবং আমরা dot-- তারিখ না আমাদের ঘন্টা পেতে চান. আপনি যদি আবার, চেহারা তারিখ সম্পর্কে কিছু আপ, এটা এই সব বলতে চাই আরোপ করা যে তারিখ আছে. এবং এখানে আপনি এটি ব্যবহার করতে পারেন কি. সুতরাং এটি সম্ভবত ভালো জিনিস আছে ঘন্টা পেতে, এবং মিনিট পেতে, এবং সেকেন্ডের পেতে, এবং মিলিসেকেন্ড পেতে, এবং যারা আছে তারা জানেন কি. কিন্তু আপনি মধ্যে চেহারা ডকুমেন্টেশন, সব আছে হবে. সুতরাং আমরা ঘন্টা পেতে আছে, এবং তারপর আমরা চায় আমি with-- যে কনক্যাটেনেট এখানে উপর এই সরানো যাচ্ছে. আমরা এখন সঠিক উৎপাদিত করছি সুতরাং, যদি আমরা করছি আসলে সময় উৎপাদিত, ডান? আমরা ঘন্টা আছে, এবং তারপর কি ঘন্টা এবং মিনিটের মধ্যে? আপনি ঠিক, একটি সেমিকোলন আছে? তাই আমরা এখানে কিছু সেমিকোলন কাজ করতে চান. এবং তারপর আমরা আমাদের পেতে চান মিনিট, একই ভাবে তাই আমরা তারিখ বিন্দু ঘন্টা পেতে আছে, কিভাবে আমরা আমাদের মিনিট পেতে পারে? এটা বিন্দু পেতে তারিখ আক্ষরিক আমি ধরনের চান, যা মিনিট,. এটা কিভাবে উহু ", মত আমি আমার মিনিটের পেতে পারি? " আমি শুধু আমার মিনিট পেতে. ঠিক আছে. এবং তারপর আমরা এখানে অন্য কোলন আছে. এবং তারপর আমরা চান পেতে আমাদের যাও, কিভাবে আমরা আমাদের দ্বিতীয় পেতে পারে? জন্ম সেকেন্ড পেতে বিন্দু. আমি এটা বেশ শান্ত মনে করি. এবং গুরুত্বপূর্ণ কি , বুঝতে পারছি যে আমরা যে হয় কারণ, এখানে আমাদের এইচটিএমএল ট্যাগ বন্ধ করতে হবে এটি এখনও বৈধ HTML, তাই H1 হতে হবে. কুল. সুতরাং যে পরে, আমরা ঘড়ি করতে পারেন বিন্দু ভেতরের এইচটিএমএল এইচটিএমএল সমান. ঠিক আছে? আমি বলেন, কিভাবে তাই মনে রাখবেন ভেতরের এইচটিএমএল মূলত মধ্যে যাই হোক না কেন লাগে আমরা স্বপ্ন যে দুই ট্যাগ এবং টিপে বা manipulates সেখানে যাই হোক না কেন? তাই এই কি, যদি আমরা আমাদের ঘড়ি ফিরে যেতে ঘড়ি বোঝায় যে এই div মধ্যে সবকিছু. এই ভেতরের এইচটিএমএল এই আইডি ঘড়ি div এর. এবং তাই এটি পরিবর্তন করতে যাচ্ছে আমরা শুধু উত্পন্ন যে এইচটিএমএল, যা, যা, আশা, আশা করছি, আশা, ডান এখন সময় প্রদর্শন করবে. আমরা দেখতে পাবেন. অবশ্যই. তাই অনেক প্রযুক্তিগত সমস্যা. আমি Allison এর না শুধু আমার খেলা আজ বলছি বন্ধ. ঠিক আছে, যে কাজ করে. ঘড়ি ভেতরের এইচটিএমএল বিন্দু. এটা সত্যিই এইচটিএমএল ছিল? এছাড়াও এই কি ঘটবে. আপনি কিছু দেখতে না পান, আপনি শুধু আপনার সোর্স কোড তাকান. ঠিক আছে. আপনি কি কাছাকাছি একটি শীতল কাজ জানেন আমরা অধিকার এখানে করতে যাচ্ছেন যে? শ্রোতা: আপনি অক্ষরে লেখা কি করতে পারি? বড় হাতের অক্ষরে? আপনি ঘন্টা পেতে আছে, এবং তারপর মিনিট পেতে. Allison BUCHHOLTZ-অস্ট্র: এটা উহু ঘন্টা এবং পেতে get-- হয়. আপনি স্বর্ণ তারকা are--. এটা বলছি সব একটি পরীক্ষা. আমি এটা বর্গ আগে কাজ ছিল অঙ্গীকার. ঠিক আছে, কিন্তু জানি শীতল কিছু হয় কখনও কখনও যদি আপনি also-- করতে পারে আপনার বাহ্যিক ফাইল একটু পাগল পেয়ে, এছাড়াও আপনি শুধু সোজা তাদের করা যাবে এখানে, যা জিনিষ ঠিক থাকে. ছাড়া এই সত্যিই অরুপ ভালো হয়. অবশ্যই সব ফরম্যাট. এটা সব চমত্কার নিশ্চিত করুন. ঠিক আছে. আমি সব শান্ত গণদেবতা করতে চেয়েছিলেন, এবং তারা ঠিক বাইরে কাজ করছি না. ঠিক আছে. স্ক্রিপ্ট var ঘড়ি. সকল অবস্থাতেই, কি গুরুত্বপূর্ণ হয় এই সাধারণ উপায় যে জাভাস্ক্রিপ্ট ফরম্যাট হবে. যেহেতু আপনি দেখতে পারেন, এটা হতে পারে খুব খুঁতখুঁতে কখনও কখনও, এমনকি যখন এটা আক্ষরিক ছিল দুই সেকেন্ড আগে কাজ. অথবা না দুটি দ্বিতীয় আগে, কিন্তু খুব, খুব সম্প্রতি. এটা মত হওয়া উচিত, তাই আপনাকে দেখাতে, এবং আমি পাগল নই যে আপনাকে দেখাতে, এবং যে সব ঠিক একই, এই মত হওয়া উচিত কি না. আপনি শুধুমাত্র এই উপরের অংশ কাজ করতে যাচ্ছেন এখানে, এবং আপনি পৃষ্ঠা উত্স দেখতে হলে, যদি আপনি বিজ্ঞপ্তি, তিনি কিছু করেনি পাগল জিনিস, আমি এটা সরলীকৃত. এছাড়াও, টমি ঋণ McWilliam, আসলে যারা আমার এই উদাহরণ তৈরি করতে সাহায্য করেছে, যা আমি তারা কাজ জানেন কেন. টমি একটি জাভাস্ক্রিপ্ট মাস্টার হয়. আমরা লক্ষ্য কিন্তু, যদি আমরা কিছু সেট আছে. আমরা এখানে আমাদের ঘড়ি ফাংশন আছে. এই সব জাভাস্ক্রিপ্ট হয় যে শুধু আমরা লিখেছেন, বা এটা কিছু. আমরা শুধু এই এক অধিকার এখানে লিখেছে. এবং তিনি একটি অতিরিক্ত আছে শুধু এটা প্যাড যে ফাংশন একটি আগে একটি শূন্য বসিয়ে চিঠি বা এটি যদি একটি সংখ্যা আগে তাদের মাত্র. যদি আপনি বিজ্ঞপ্তি সুতরাং, এই সুন্দর হয় শুধু আমরা লিখেছেন ঠিক কি অনেক. আপনি কিছু পরিবর্তনশীল ঘড়ি যে আছে আমাদের উপাদান আছে, আইডি দ্বারা উপাদান পেতে, যা ঘড়ি. আমরা আমাদের সেট ব্যবধান আছে ফাংশন, যে একটি বেনামী ফাংশন যে এই সব সঞ্চালন করে. আমরা কিছু স্ট্রিং শুরু হয়েছে এইচটিএমএল যে তারপর পরিবর্তনশীল আমরা কিছু না থাকার উৎপন্ন H1 হেডার, concatenating সঙ্গে, ঘন্টা প্লাস আমাদের কোলন, প্লাস পেয়ে মিনিট, প্লাস অন্য কোলন, প্লাস আমাদের যাও, এবং পরিশেষে এটি জন্য শেষ এইচটিএমএল. এবং তারপর আমরা আমাদের ঘড়ি আপডেট এইচটিএমএল ভেতরের এইচটিএমএল বিন্দু, এবং আমরা প্রতি 100 মিলিসেকেন্ড আপডেট করুন. ঠিক আছে? আমি পাগল নই অঙ্গীকার দেখুন. আমি জানি না. এটা আমার পছন্দ করেন না কেন আমি জানি না. একই দেখায় মত আমি মনে করি, কিন্তু দৃশ্যত এটা আমার ঘৃণা করে. সুতরাং এর তিন ভাল যায় যদি বৃত্তাকার দেখুন. আমরা দেখতে চলেছেন. আমি এই যেতে হবে কিভাবে নিশ্চিত না. সবাই অন্তত পেয়ে শুধু সাধারণ থিম চাই কনস, জাভাস্ক্রিপ্ট, যদিও? আমি যে অন্তত দরকারী, আরো আশা করি এটি একটি সামান্য খুঁতখুঁতে দেখাচ্ছে যে চেয়ে. কিন্তু আপনার সমস্যা সেট খুব মজা হবে. এটা বড় হতে যাচ্ছে. এটা বেশ ক্লান্তিকর হবে না এই হিসাবে, আমি মনে করি না. আপনি আসলে পাবেন সত্যিই শীতল জিনিস দেখতে. তাই শেষ কিন্তু না অন্তত, আমরা টুইটার এক চেষ্টা করব. আমি এখন বলছি সত্যিই ভয় করছি. আমি এই যেতে হবে জানি না. কিন্তু শুধু আপনি একটি সামান্য দিতে আরো স্বাদ, এবং এই আসলে সাধিত স্ট্রিং এবং ইনপুট, আমরা কি করতে যাচ্ছেন আমরা HTML এর এখানে লক্ষ্য করা হয়, এই এক একটি সামান্য বিট আছে more-- আমরা কিছু টেক্সট এলাকা, যা এখানে এই টেক্সট এলাকায় অনুরূপ. ঠিক আছে? এবং যে টেক্সট একটি আইডি আছে. আমরা এটি একটি সামান্য বিট পূর্নগঠিত কিছু প্রস্থ এবং উচ্চতার সঙ্গে সঙ্গে আমরা পূর্বাহ্নে নির্ধারিত করেছি যে, এবং আমরা, H1 আছে যা শুধু আমাদের হেডার এক যে আমাদের অক্ষর বাকি প্রতিনিধিত্ব করে. আমরা এটা কিছু আইডি দিয়েছেন অক্ষর অবশিষ্ট, এবং তারপর আমরা কিছু স্ক্রিপ্ট আছে এখানে, যা আমি সত্যিই না তৃতীয় সময় এর প্রত্যাশী এখানে কবজ, বলছি. তাই আমরা কি করতে চান, একই সাধারণ শিরা মধ্যে আমরা ঘড়ি বিন্দু জাতীয় সঙ্গে কাজ করেছি যে এবং পার্টি ডট জাতীয় আমরা লক্ষ্য করেছি যেমন আমরা আসলে দখল করে শুরু করেছি অধিকার আমরা যত্ন সম্পর্কে যে? তাই এই ক্ষেত্রে, দুই আছে আমরা ঠিক আছে, যত্ন সম্পর্কে যে? আমরা ধরনের আসলে যে একটি বিষয় মধ্যে খুঁজছেন এবং থেকে তথ্য অঙ্কন, এবং এক জিনিস যে আমরা আসলে পরিবর্তন করছি. তাই আমাদের এইচটিএমএল আছে. এই এখানে আমাদের ওয়েব পাতা হয়, তাহলে কি আমরা এ খুঁজছেন যে তথ্য আছে? এটা যাই হোক না কেন হতে যাচ্ছে আমাদের বাক্সে টেক্সট, ডান? তাই আমি এখানে টাইপ যাই হোক না কেন. যে আমি জানতে চাই, বা কি যে আমি তাকান করতে চান কি. এবং কি হতে যাচ্ছে আমাদের ওয়েব পেজে পরিবর্তন? অক্ষর অবশিষ্ট. একই ভাবে সুতরাং, আমরা চাই ভেরিয়েবল দ্বারা আরম্ভ করা শুরু যে আসলে যারা উপাদান সম্মুখের রাখা. ঠিক আছে? আমরা কিছু var থাকতে যদি তাই যে, আমাদের পাঠ্য এলাকা এবং আমরা অবশিষ্ট যে কিছু var থাকতে. রাইট? সুতরাং এই যাচ্ছে ঐ দুটি জিনিস রাখা. তাই একই জিনিস সাজান, নথিটি আমি আছি, ঠিক আছে dot-- এই নিশ্চিত করতে যাচ্ছে এই সময় কাজ করে যাচ্ছে. আমি খুব হীরক না. ঠিক আছে, তাই যদি আমরা চাই আমাদের টেক্সট এলাকা, অনুযায়ী আমাদের এইচটিএমএল, আমাদের আইডেন্টিফায়ার কি? আমাদের আইডি কি? এটা ঠিক, কারণ টেক্সট হতে যাচ্ছে এই ঠিক আছে, আমাদের টেক্সট এলাকা সৃষ্টি করে, যাতে আমাদের আইডি টেক্সট, হয় কিভাবে আমরা সেখানে কি দখল করতে পারেন. ঠিক আছে, সেমিকোলন. আমি সুপার হতে যাচ্ছি এই সম্পর্কে সুনির্দিষ্ট, আমি চাই, কারণ এই সময় এই কাজ করতে. ঠিক আছে, একই জিনিস, আইডি দ্বারা উপাদান পেতে. আমি সত্যিই আছে কি ভাবছি করছি জগাখিচুড়ি আপ অন্য দুটি হত. ঠিক আছে, তাহলে এই এক, কি আমরা অ্যাক্সেস করতে চান? আমাদের আইডি এখানে কি? আমরা অন্য আইডি আছে আমাদের এইচটিএমএল, এটা কি হয়? শ্রোতা: অক্ষর অবশিষ্ট. Allison BUCHHOLTZ-অস্ট্র: অক্ষর অবশিষ্ট. ঠিক আছে. কুল. তাই আমি ঠিক করা যাচ্ছে না সত্যিই দ্রুত এই লিখুন. আমি শুধু দ্বিতীয় এই লিখতে যাচ্ছি. তাই টেক্সট এলাকা. কি আকর্ষণীয় সেখানে বি ফাংশন হয় ফাংশন প্রচুর হয় না শুধুমাত্র মিলা আপনার মাউস, কিন্তু আপনার কীবোর্ড. ঠিক আছে? যে কোনো একটি কি তাই যখন আপনি বলতে পারেন চাপা, আপনি যে মত কাজ করতে পারেন. আমরা ব্যবহার করছেন যে এক, তাই আপ কী যা বলা হয় আপনি যে কোনো একটি কি টেপা করেছি বলে, " ব্যবহারকারী প্রত্যাহার হয়েছে যখন আপনার কীবোর্ড, যে বাটন বন্ধ তাদের আঙুল, এবং কি, unpressed পরিণত হয়েছে তারপর আমরা কিছু করতে যাচ্ছেন. " ঠিক আছে? সুতরাং এই অধিকার, জ্ঞান করে তোলে? প্রত্যেক অক্ষর কারণ আমরা টাইপ করুন, আমরা চলুন বন্ধ আমাদের আঙ্গুলের উত্তোলন আছে এটা, তাই কি যায় যখন, আমরা হ্রাস করতে পারেন আমাদের অক্ষর অবশিষ্ট. সুতরাং আমরা কি কিছু আছে আপ, এবং একই ভাবে, আমরা, বলে যাচ্ছেন "ঠিক আছে, যখন আমরা যে, আমরা কিছু ফাংশন তৈরি করতে যাচ্ছি এই ক্ষেত্রে ", ই নিতে যাচ্ছে, এবং আমরা কি করতে চান অবশিষ্ট সংখ্যা গণনা করা. ঠিক আছে, তাই আসুন শুধু শুরু করা যাক একটি পরিবর্তনশীল তৈরি করে. তাই আমরা কিছু r ভেরিয়েবলের আছে, যে প্রতিনিধিত্ব করতে যাচ্ছে আমরা বাকি আছে কত অক্ষর. ঠিক আছে? আমরা দিয়ে শুরু জানি যে 140, এবং আমরা জানতে চান, এর বলে, এই দৈর্ঘ্য দিন ইনপুট হয়েছে যে স্ট্রিং, না আপনি কোন ধারণা আছে কিভাবে যে আমরা কি হতে পারে? শুধু সুস্পষ্ট ভিত্তিক বন্ধ জিনিস, আমরা, ঘন্টা মত চেয়েছিলেন আমরা ঘন্টা পেতে ব্যবহার. আমরা আমাদের লক্ষ্য জানি যে টেক্সট এলাকা, কিন্তু আপনি যদি না এটা পরে আসা হতে পারে কি মনে হয়? কোন ধারণা? তাই কম এই এক ধরনের স্বজ্ঞাত, কিন্তু এটি মূল্য বিন্দু এর দৈর্ঘ্য. তাই শুধু আমাকে কিছু দিতে মান বৈশিষ্ট্য যে আসলে এই স্ট্রিং এর দৈর্ঘ্য হল. সুতরাং এটা ঠিক আছে, আমি থাকবো ", বলে যাচ্ছে টেক্সট এলাকার মধ্যে এই সমগ্র স্ট্রিং এ, এবং আমি বলতে যাচ্ছি আপনি কতদিন এটা হয়. " আমরা স্ট্রিং মনে রাখবেন কারণ সত্যিই শুধু অ্যারে, তাই আমরা শুধু তাদের দৈর্ঘ্য গ্রহণ করতে পারেন. সুতরাং আমরা যে আছে. কুল. তারপর আমরা কি করতে চান আমরা হয় না ব্যবহারকারীর অনুমতি দিতে চান আর ইনপুট আরো 140 টি অক্ষর, ডান? কারণ আমরা, "ওহ, মত বলে আপনি শুধুমাত্র এই অনেক অবশিষ্ট আছে, " এবং তারপর তাদের যে কাজ করতে দিন কোন পথে, আমরা মিথ্যা করছি. এবং এই অন্য জিনিস যে জাভাস্ক্রিপ্ট সত্যিই ভাল হতে পারে জন্য, ব্যবহারকারী বৈধতা হয় এবং এমনটা নিশ্চিত করা যে আপনার ব্যবহারকারী কোনো নিয়ম মধ্যে ফিট আপনি তাদের প্রদান করেছেন যে. আপনি তৈরি মত কাজ করতে চান, তাই নিশ্চিত কেউ ইনপুট তাদের ইমেইল ঠিকানা, অথবা যখন এমনটা নিশ্চিত করা যে তারা পাসওয়ার্ড দুটি লিখুন, তারা মিলেছে. জাভাস্ক্রিপ্ট তা করতে পারে. আপনি যখন ", ভালো কিছু করতে চাই ফর্ম, মত, জমা "বা হয় "যখন ফরম বাটন জমা দিন ক্লিক করেন, এই সব জিনিস চেক করুন. " এবং আমরা জাভাস্ক্রিপ্ট তা করতে পারে. সুতরাং যে ঠিক কি আমরা এখানে কাজ করতে যাচ্ছেন. তাই যদি পরীক্ষা করার জন্য একটি উপায় হতে পারে তারা 140 টি অক্ষর উপর চলে গেছে করেছি? কি ঘটতে যাচ্ছে আর আমাদের মান তারা চেষ্টা? এটা ঠিক আছে, নেতিবাচক হতে যাচ্ছে? অথবা এটা কম হতে যাচ্ছে কম বা শূন্য সমান. যে যদি আমরা একটি ব্যবহার করতে পারেন ঠিক অন্য সব কিছুর মত. ঠিক আছে? এবং আমরা কিছু টেক্সট এলাকা বিন্দু আছে মান, এবং আমরা এখানে কি করছেন আমরা এটা কি cutting-- করছেন? দুঃখিত. এই এক, আমরা শুধু মিথ্যা ফিরে আসতে চান. আমি বিভ্রান্ত না. সব কাজ করছে না কিছু থেকে frazzled. ঠিক আছে, আমরা শুধু চাই তারপর আমরা ফিরে মিথ্যা, এবং প্রদর্শন করতে চান অক্ষর অবশিষ্ট, ডান? ঘড়ি সঙ্গে, আমরা কি ভেতরের এইচটিএমএল সঙ্গে কিছু, ডান? আমরা কিছু এটা সেট সমান কোথায় পরিবর্তনশীল, তাই আমরা এখানে কি কি হতে পারে? আমরা কি এর ভেতরের এইচটিএমএল পরিবর্তন হয়? শ্রোতা: অবশিষ্ট? Allison BUCHHOLTZ-অস্ট্র: আমরা অবশিষ্ট পরিবর্তন করছি. সমস্ত অধিকার, এবং আমরা কি সমান এটি সেট করতে চান? এটা যে কারণ, আর হতে যাচ্ছে আমাদের অক্ষর অবশিষ্ট হতে হবে. ঠিক আছে? তাই আমি যদি দেখতে সত্যিই স্নায়বিক আছি এখন এই কাজ করে, কিন্তু আমরা দেখতে পাবেন. এই ছেড়ে দিন. এটা সত্যিই দ্রুত. [শ্রবণাতীত] ঠিক আছে. আবার, আমি শুধু আপনাকে দেখাতে যাচ্ছি. কারণ যাই হোক, খনি, কাজ না করার সিদ্ধান্ত নেয় কিন্তু কি আমি আপনাকে দেখাতে হবে এই যে হচ্ছে ÑÑ ওহ আমি যে করা অনুমিত ছিল. ঠিক আছে, আমরা একই ধরণের বিজ্ঞপ্তি এখানে জিনিস, টেক্সট এলাকা পেয়ে. এছাড়াও, আপনি যদি লোক বিজ্ঞপ্তি আছে, যদি আপনি কি করতে চান কি কখনও কিছু, এবং আপনি কি জানেন কিভাবে না এটা ঠিক, দেখুন পৃষ্ঠা উত্স ক্লিক করুন এবং তারা আপনাকে বলতে চলুন. কখনও কখনও এটি এনক্রিপ্ট করা হবে. আপনার pset জন্য, আমরা সবকিছু এনক্রিপ্ট, তাই এটা শুধু অর্থহীন মনে হচ্ছে. কিন্তু কি কখনও একটি সত্যিই আছে যদি যদি আপনি চান যে শীতল ওয়েবসাইট, আপনি শুধু দেখুন পৃষ্ঠা উত্স ক্লিক করুন, এটা কিভাবে এটা করতে আপনাকে বলতে যাচ্ছে. তাই আবার, কঠিন, বুদ্ধিমতী না কাজ. এবং যদি আপনি এখানে, সব দেখতে এই জিনিস একই. এই এক এখানে কিছু মান সময় লাগে যে, আমি এই ঠিক কি ভুলবেন না. কিন্তু এটা সম্ভবত কিছু মান সময় লাগে দশ শূন্য থেকে মান, এবং বন্ধ করা উচিত কি মিথ্যা ফেরৎ আর inputting থেকে ব্যবহারকারী, এবং তারপর সম্ভবত আপডেট সেখানে ভেতরের এইচটিএমএল. কুল. আজ থেকে এত বড় নিতে aways, পরীক্ষা, সোর্স কোড তাকান এটা আপনাকে অনেক সাহায্য করে যাচ্ছে, কারণ, কখনও কখনও এবং সবাই, জাভাস্ক্রিপ্ট এর সাথে কাজ করা কঠিন হতে হবে এবং করতে পারে না সবসময়, আপনি এটা আশা উপায় কাজ কিন্তু শুধু চেষ্টা আমি প্রতিজ্ঞা করছি, কারণ এটা করবে না. আমি এই উদাহরণ সব অঙ্গীকার বর্গ আগে কাজ ছিল. আমি কি ঘটেছে বুঝতে পারছি না. আমি আক্ষরিক সবকিছু একই আছে. আমি শুধু চাই যে আরও একটি বিষয় আপনি সুপার উপযোগী হতে পারে যে বলছি প্রদর্শন আগে কাজ ছিল কি in-- হয়? আমরা, কাজ পার্টি না আছে? আমি তাই মনে করি. হ্যাঁ. আমরা কি. জট্টিল. ঠিক আছে, তাই এক জিনিস যে আপনি যদি না জানা উচিত আমি বললাম যে কনসোল লগ. তাই হ্যালো ডট লগ কনসোল. তাই এই ধরনের Printf, জাভাস্ক্রিপ্ট সমতুল্য. আপনি কি কখনও করতে চান তাহলে আপনার ভেরিয়েবল পরিদর্শন বা কি আছে কি ঘটছে দেখতে, কি আমরা উপাদান পরিদর্শন করা, যদি আপনি, হয় কি করতে পারেন আপনি যেতে চান কি , এবং আপনি কনসোল যান, যদি আপনি এটি হ্যালো মুদ্রিত দেখতে পাবেন. সুতরাং আমরা এটা হতে পারে আমরা চেয়েছিলাম যাই হোক না কেন মুদ্রণ. আমরা চেয়েছিলেন এটি ব্যাকগ্রাউন্ডে প্রিন্ট বিন্দু বিন্দু শৈলী ব্যাকগ্রাউন্ড, আমরা দেখতে সক্ষম হবে আরজিবি ট্রিপল যে আসে আপ. অথবা না. আমি ঠিক কিভাবে আপনি ভুলবেন যে মত একটি পরিবর্তনশীল মুদ্রণ, কিন্তু আপনি করতে সক্ষম হওয়া উচিত যে ভালো জিনিস প্রিন্ট আউট. এটা খুব উপযোগী হতে হবে আপনার pset জন্য আপনি নিপূণভাবে করার চেষ্টা করছেন স্থানাঙ্ক বা যে কোন বস্তু. তাই তারা ক্লাসে এই টুকরা পরিবর্তন. এই এত, গত বছর থেকে ভিন্ন শুধু আপনার টিএফএস সুন্দর হতে পারে, অথবা টিএফএস আমরা কারণ, বরং অফিস সময়ে আপনি যদি না সহ শেখার ধরনের. কিন্তু কনসোল লগ সুপার, সুপার ছিল গত বছর জাভাস্ক্রিপ্ট জন্য সহায়ক. তাই এটা ভালবাসা. এটা কিভাবে ব্যবহার করতে শিখুন. এটা যে সুতরাং, GDB ছাড়া ব্যবহার করা সহজ অন্তত একটি প্লাস পয়েন্ট হতে হবে. কিন্তু আপনাকে ধন্যবাদ বলছি আমার সাথে জন্মদান করা হয়. আমি দুঃখিত যে আমি আমার কিছু কারণে উদাহরণ শুধু করতে চান না আমার সাথে সহযোগিতা, কিন্তু আমি এটা সাহায্য করেছে যে আশা ধরনের পেতে, আপনি একটি জাভাস্ক্রিপ্ট অঞ্চলে একটু বেশি. এবং আমার জন্য সব আপনার প্রশ্ন পাঠান আমি সুপার মেরামত করা যাবে, তাই পরের সপ্তাহে, এবং আমি মিছরি এবং এমনকি অতিরিক্ত আনতে হবে মিছরি এই হাস্যকর ছিল. কিন্তু আপনি যদি না হয় মহান, এবং একটি ভয়ঙ্কর সপ্তাহ আছে.