ROGER ZURAWICKI: হ্যালো সবাই. আমি আপনার মনোযোগ পেতে পারি? ধন্যবাদ, বলছি. আজ আমি উল্কা সম্পর্কে কথা বলতে চান. এটি একটি জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক হয়. কিভাবে আপনি পারেন আমরা মাধ্যমে চালু করা হবে সত্যিই শীতল ওয়েব অ্যাপ্লিকেশান করা. 

আমরা জাভাস্ক্রিপ্ট মধ্যে পেতে আগে, আমি আপনি না বলতে চান যে এই ইচ্ছার আপনি পরের কোন থাকবে - করা এই সেমিস্টারে টুকরা. এটা জাভাস্ক্রিপ্ট সম্পর্কে হওয়া উচিত. আমি [শ্রবণাতীত] প্রথম যাচ্ছে মনে করি আমরা আগে ওয়েব এইচটিএমএল পিএইচপি স্টাফ আবরণ জাভাস্ক্রিপ্ট সরানো. এবং CS50 মধ্যে, জাভাস্ক্রিপ্ট বিবেচনা করা হয় একটি ক্লায়েন্ট কোড চাই. তাই এটি শুধুমাত্র চালানোর পরার ওয়েব ব্রাউজার. 

কিন্তু সাম্প্রতিক advancements মধ্যে ধন্যবাদ প্রযুক্তি, এখন আমরা চালাতে পরিচালিত পাশাপাশি একটি সার্ভার হিসাবে জাভাস্ক্রিপ্ট. তাই এই একটি সত্যিই শীতল তৈরি করেছে ফ্রেমওয়ার্ক এখন আপনি লিখতে পারেন, কারণ জন্য বৈধভাবে একই কোড ক্লায়েন্ট এবং সার্ভার. এবং আপনি মধ্যে ফাংশন নির্ধারণ করলে আপনার সার্ভার, আপনার ক্লায়েন্ট যারা কল করতে পারেন একই ফাংশন. এবং এটা এটা অনেক সহজ করে তোলে. আগে যেহেতু, আপনার উপর পিএইচপি ব্যবহার করছেন সম্মুখে সার্ভার, জাভাস্ক্রিপ্ট শেষে, আপনি একটি পিএইচপি ফাংশন লিখতে হবে এবং তারপর একটি জাভাস্ক্রিপ্ট সংস্করণ কি একই ফাংশন কাজ একই ধরনের. 

আমরা শুরু করতে তাই আগে, আমি চাই আপনি একটি ডেমো দেখাতে কি উল্কা আপনার জন্য কিছু করতে পারি. আমি যা কি, আপনি ডেমো দেখাতে হবে আপনার দ্বারা তৈরি করতে পারবেন এই সেমিনার শেষ. আমরা সঠিক যান এখানে. এটি একটি লিডারবোর্ড অ্যাপ্লিকেশন. এটা আসলে যেমন আউট ভিত্তি করে এর যে উল্কা আপনি আপনি. 

উল্কা খুব সুন্দর যখন আপনি কারণ আপনি যা করতে পারেন, একটি প্যাকেজ হিসাবে এটি ইনস্টল মূলত সঙ্গে প্রায় খেলা এই চারটি গণদেবতা. এবং লিডারবোর্ডে হয় এই গণদেবতা প্রথম. সেমিনারে পর, আমি আপনি সব উত্সাহিত শুধু অন্যান্য গণদেবতা অন্বেষণ আমি সত্যিই তারা শান্ত মনে, এবং কারণ তারা আপনাকে উল্কা শক্তি প্রদর্শন. 

তাই এই কি, এই হল লিডারবোর্ড হোস্ট. এই মাত্র অকপটে নামের একটি তালিকা. এবং যদি আপনি মানুষ নির্বাচন করতে পারেন. তারা চালু হলুদ. এবং তারপর আপনি দিতে পারেন তাদের পাঁচ পয়েন্ট. এবং আপনি তালিকা বিজ্ঞপ্তি পাবেন সাজানো কারণ আমি আরো নিজেকে দিতে হিসাবে এবং, আমি উপরের এখন আরো পয়েন্ট আছি. আমরা শুরু যেখানে তাই এই হয়. 

এবং কি আপনি দূরে নিতে পারবেন এই সেমিনার থেকে আরো কয়েকটি হল আমি যোগ করেছি বৈশিষ্ট্য লিডারবোর্ড. আমরা কিভাবে আচ্ছাদন, যেমন হবে আমরা করতে পারেন, একটি প্লেয়ার থেকে পাঁচ পয়েন্ট যোগ খেলোয়াড়দের মুছে, আমরা নতুন খেলোয়াড় যোগ করতে পারেন, এবং আমরা আমরা চাই কিভাবে নির্বাচন করতে পারবেন তাদের বাছাই. এবং এই সব খুব সহজ এপিআই কল হয় যে উল্কা আপনার জন্য উপলব্ধ করা হয়. এছাড়াও আপনি একটি বৈশিষ্ট্য আছে স্কোর randomize করতে. 

তাই এই সম্পর্কে সত্যিই শীতল আপনি না আসলে সম্ভব নয় সব সাইট এ যান. আমি এখানে বড় লেখার মধ্যে তা রেখে দেব. এক র্যাডিকেল-সীসা erboard.meteor.com. আর আপনাকে বলছি আপনি যদি সাইট এ গিয়ে যখন সাইট সম্পাদনা করতে পারবেন, এবং উচিত আপনার সম্পাদনাগুলি সব দৃশ্যমান হবে অন্য সবাই করতে. সুতরাং আপনি করতে পারেন - আপনাকে বলছি সব সাইটের সাথে সংযোগ করতে সক্ষম? সুতরাং এটি নিয়ে খেলা. যান এবং কিছু নাম মুছে ফেলা শুরু. সেখানে কি ঘটছে. 

তাই আপনি যদি সবাই পালন করতে পারে দেখুন. এই মাত্র ডিফল্ট সিকিউরিটি হয় উল্কা জন্য মোড. আপনি দেখতে যে সবাই করতে পারেন একে অপরের তথ্য পরিবর্তন. চিন্তা করবেন না. উল্কা নিরাপত্তা নেই. এটি একটি খুব সহজেই বাস্তবায়িত হয় আপনি ব্যবহারকারীদের স্থাপন পারে যেখানে বৈশিষ্ট্য, এবং লগইন. কিন্তু ঠিক এখন, কেহ যারা পরিদর্শন সাইট নিজেদের অনেক দিতে পারে তারা চান হিসাবে পয়েন্ট. তাই আমি সবসময় ভালো এই কারণে শুরু করার জন্য একটি মজার উপায়. এবং তারপর আমরা শুধু কথা বলতে পারবেন বিবরণ সম্পর্কে, কিভাবে উল্কা এই সম্ভব করে তোলে. 

তাই আমি উল্কা কি আবরণ যাচ্ছি এবং তারপর আমরা শুধু কভার করতে হবে দুটি প্রয়োজনীয় বিষয়বস্তু যে CS50 যথেষ্ট আচ্ছাদিত না করেনি. কিন্তু শব্দটি শেষে, আপনি উচিত HTML এবং উভয় সঙ্গে আরামদায়ক হবে জাভাস্ক্রিপ্ট সত্যিই আপনার হাত পেতে মলিন উল্কা সঙ্গে কাজ. এবং আমি তার জন্য শুধু একটা বড় উপায় মনে যা করতে এমনকি কম আরামদায়ক ছাত্র চূড়ান্ত প্রকল্প সত্যিই তারা যা করতে পারেন, কারণ এক ভাষা থাকতে, এবং তারা পেতে এর পরিবর্তন দেখতে তাদের সরাসরি কাজ. 

তাই এই স্লাইড শুধু কিছু দেখায় প্রধান প্রযুক্তি যে উল্কা বিএসএফের আপনি দেয়. উল্কা একটি নতুন প্রযুক্তি নয় তার নিজের উপর. এটা সত্যিই একটি পিণ্ড এর এই সব বিভিন্ন জিনিস আমরা ইন্টারনেটে আছে. পাশাপাশি এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট, আমরা Node.js মত কিছু প্রযুক্তি আছে, আপনি চালাতে সক্ষম যা কি ফিরে প্রান্তে জাভাস্ক্রিপ্ট আপনার সার্ভার, পাশাপাশি কিছু জাভাস্ক্রিপ্ট jQuery, আন্ডারস্কোর মত লাইব্রেরি,. 

এর মধ্যে সব থেকে পরিচিত হতে হবে সেমিস্টারে শেষে আপনি. এবং আমরা নামক একটি ডাটাবেস ব্যবহার করুন সত্যিই যা MongoDB, এখন জন্য জনপ্রিয় ডাটাবেস এই নতুন স্টার্টআপসের. আপনি মাইএসকিউএল মত হিসাবে মনে করি, কিন্তু পারেন এটি জাভাস্ক্রিপ্ট দিয়ে খুব সুন্দরভাবে কাজ করে. এবং কিছু অন্যান্য প্রযুক্তির এখানে আছে এবং আমি তালিকাভুক্ত করেননি আরো অনেক যে সকল ইন্টারফেস সত্যিই চমত্কারভাবে উল্কা সঙ্গে. 

আমি এই স্লাইড দিতে হবে, কারণ কখনও কখনও আমি এই সম্পর্কে বিভ্রান্তি পেতে. উল্কা শুধুমাত্র জাভাস্ক্রিপ্ট হয়. এটা পিএইচপি নয়. এটা পাগল নেভিগেশন রুবি নয়. তাই আপনি যদি চান তাহলে আপনি কোড লিখতে হলে একটি উল্কা প্রকল্প লিখুন, আপনি সত্যিই রুবি কোড ব্যবহার করতে পারবেন না. আপনি সত্যিই পিএইচপি ব্যবহার করবেন না. 

আমরা দেখতে পাবেন যদিও যে পার্থক্য কোড এবং বাক্য গঠন যে নাও হতে পারে ভিন্ন, আমি আপনাকে জোর করতে চান উল্কা, আপনি কোড সবকিছু শুধুমাত্র জাভাস্ক্রিপ্ট মধ্যে. এবং যদি আপনি দেখাতে যে সব কিছুর ব্যবহারকারী এইচটিএমএল সিএসএস হতে হবে. কিন্তু আপনি এমন কোন ব্যবহার করছি না অন্যান্য ভাষাসমূহ অন্যান্য সেমিনার আবরণ হতে পারে. কি উল্কা হয় একটি ওয়েব সার্ভার. আপনার কোন হবে না হলেও জাভাস্ক্রিপ্ট, এবং আপনি শুধু পরিবেশন করতে চান CSS এবং HTML ফাইল, উল্কা আপনার জন্য তা করতে পারে. 

এবং এখানে আবার লিঙ্ক আছে আমি আপনাকে বলছি না যে ডেমো নিয়ে খেলা শুরু করে. কিন্তু এর এইচটিএমএল যান যাক. কত মানুষ এখানে আছে কোন ধারণা কি এইচটিএমএল কি? মহান ঠিক আছে. এবং যে পুরোপুরি সূক্ষ্ম. আপনি সত্যিই সম্পর্কে অনেক কিছু জানতে হবে না এটা আমরা ধরে যেতে হবে, কারণ খুব সহজভাবে ব্যবহার. 

এই কি সহজ HTML পাতায় মত দেখাচ্ছে. এই জন্য আপনার হ্যালো, দুনিয়া মত হতে পারে এইচটিএমএল, আমরা সঙ্গে সি সালে শুরু, যেহেতু হ্যালো, দুনিয়া. আমি আপনার উপর জোর করতে চাই না কি এইচটিএমএল, কি মাথার বিবরণ, কি শরীর, কি শিরোনাম আছে করছে. আমি শুধু কাঠামো জোর চাই, আপনি ট্যাগ আছে কিভাবে. এবং যে কোণ বন্ধনী এর. আপনার আছে এবং যে যেখানে আপনার বর্ণনাকারী. 

তাই আপনি যদি এইচটিএমএল ডকুমেন্ট থাকতে পারে. এবং তারপর আপনি HTML নথি বন্ধ করব ব্যাকস্ল্যাশ একই জিনিস দিয়ে. এবং যদি আপনি ট্যাগ বিভিন্ন ধরণের আছে. এবং তারা সব মিলেছে করছি বিজ্ঞপ্তি. আপনি একটি শরীরের ট্যাগ ভালো আছে করব এবং তারপর একটি ঘনিষ্ঠ শরীরের ট্যাগ. আর শরীর ট্যাগ ভিতরে, যে হবেন আপনার ওয়েব পৃষ্ঠার বিষয়বস্তু. তাই এই ওয়েব পৃষ্ঠাটি কেবল প্রদর্শন করবে একটি সাদা পটভূমিতে কালো টেক্সট হ্যালো, দুনিয়া. যে জ্ঞান করে তোলে না? ঠিক আছে. 

এখন আমি দ্রুত করা যাচ্ছে না জাভাস্ক্রিপ্ট আবরণ. পূর্ববর্তী TF এর কথায়, "জাভাস্ক্রিপ্ট ভাল প্রোগ্রামিং হল বর্তমানে অস্তিত্ব ভাষা. অন্য মানুষ চেষ্টা করবে অন্যথায়, আপনি বলুন. তারা ভুল. "জাভাস্ক্রিপ্ট প্রশংসনীয় চমৎকার, এবং কেন আমি তোমায় দেখাব. 

তাই এই আমরা শুরু ক্লাসিক উদাহরণ সি দিয়ে আমরা হ্যালো দুনিয়া আছে. এবং যদি আপনি বিজ্ঞপ্তি যে এমনকি আপনি সঙ্কুচিত হলে তা, আপনি অন্তত দুটি আছে এখানে কোড লাইনের. আমি কোড কয়েক লাইন আছে. এই খুব সহজভাবে করা সম্ভব. Console.log সঙ্গে জাভাস্ক্রিপ্ট মধ্যে এক লাইন, এবং তারপর আপনার স্ট্রিং, হ্যালো, দুনিয়া. 

এখন, আমরা একটি নতুন চলন্ত করছি, যদিও ভাষা জাভাস্ক্রিপ্ট, প্রায় সব আপনি কোডিং দ্বারা শিখেছি করেছি দক্ষতা সি সরাসরি বহনযোগ্য হয়. তাই স্ট্রিং, স্ট্রিং এর ধারণা মধ্যে উদ্ধৃতি চিহ্ন, যে একই. সেমিকোলন, যে একই. 

জাভাস্ক্রিপ্ট সম্পর্কে একটি ঝরঝরে বৈশিষ্ট্য আসলে আপনি যে হয় সেমিকোলন প্রয়োজন হবে না. এটা অনুমান করতে পারেন আপনি উচিত যে সেখানে একটি সেমিকোলন করা. কিন্তু যে বলেন, আপনি সবসময় চেষ্টা করা উচিত সেখানে আপনার সেমিকোলন করা. এটা ভাল শৈলী বিবেচিত হচ্ছে. এবং এছাড়াও, কোন প্রধান ফাংশন আছে. আপনি শুধুমাত্র ফাইল শীর্ষে শুরু এবং লাইন দ্বারা বিষয় লাইন পড়া. 

তারপর এই এটি তৈরি করতে সময় লাগে কি যে হ্যালো, দুনিয়া প্রোগ্রাম. এবং তারপর আপনি করতে নোটিশ হ্যালো করতে এবং তারপর হ্যালো চালানো. জাভাস্ক্রিপ্ট দিয়ে, এটি বিবেচিত এর একটি ব্যাখ্যা ভাষা. কি আপনাকে জানতে হবে যে কোন নির্মানের আছে. 

কোন কম্পাইল আছে. আপনি শুধুমাত্র নোড চালানো. এবং নোড মনে রাখতে প্রোগ্রাম যে একটি কনসোলে আপনার জাভাস্ক্রিপ্ট চালানো হবে, একটি কালো বাক্স, না ওয়েবসাইটে. তাই আপনি এটা ফাইল দিতে, এবং এটি , ওহে দুনিয়া মুদ্রণ যাচ্ছে. 

আমি আসলে একটু ডেমো চেষ্টা করবো আপনাকে বলছি জন্য ঠিক যে. সুতরাং এর উপর ছেড়ে দেওয়া আমার Node.js টার্মিনাল. ঠিক আছে. এর এখানে সরানো যাক. তাই আমি নোড শুরু করতে যাচ্ছি. এবং আমি আপনাকে বলছি দেখাব যে কিভাবে পেতে একটি সেকে আপনি না হলে, ইনস্টল. আমার যে একটু বড় করা যাক. ঠিক আছে. আমি আপনাকে বলছি দেখতে পারেন আশা করি. 

আমি কি চাই তাই আমি কোড লিখতে পারেন আগে console.log মধ্যে. হাই, রজার. এবং আমি যা করতে হবে না বিজ্ঞপ্তি সেমিকোলন, কিন্তু তারপর আমি এই অদ্ভুত পেতে অনির্ধারিত জিনিস. ওয়েল আসলে, আমার কিছু মনে না অনির্ধারিত জিনিস. আমি আপনি বিজ্ঞপ্তি চাই থিংস হল আপনি যে এখানে প্রধান ফাংশন প্রয়োজন নেই কোড দৌড়. এবং কোন ব্যাকস্ল্যাশ শেষ আছে. সামান্য কিছু বৈশিষ্ট্য আছে যা জাভাস্ক্রিপ্ট আপনার জন্য কিছু করতে পারি. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: ওহ হ্যাঁ. আমি যে বিষয়ে দুঃখিত. এবং যে তীর শুধু নোড মানে অন্য কমান্ডের জন্য প্রস্তুত. তাই আপনি যদি তা করে ফেলতে পারে সহজ গণিত, মত 1 প্লাস 1. এবং শুধুমাত্র সি, এই গণিত মত চিহ্ন ঠিক একই. আমি একটা সংখ্যা console.log করতে পারেন. এবং তারপর এটিকে দুটি ছাপে. জাভাস্ক্রিপ্ট যে অর্থে চমৎকার কারণ দুটি কোন int যদিও, যেমন সি, আপনার সাথে printf যদি দুই, আপনি একটি ত্রুটি পেতে হবে. 

কিন্তু জাভাস্ক্রিপ্ট উহু, আপনি আছেন, জানেন কিছু মুদ্রণ. আমি একটি স্ট্রিং প্রয়োজন যাচ্ছি. তাই আমাকে রূপান্তর যাক যে দুই আপনার জন্য একটি পংক্তি মধ্যে. এবং যদি আপনি কিছু অদ্ভুত স্টাফ করতে পারি মত পরিষ্কার উচ্চ এবং তারপর প্লাস দুটি. এই মাত্র আরেকটি উদাহরণ কিভাবে দুই হল পাশাপাশি সেখানে রূপান্তরিত করা সম্ভব. 

যে পথ, যাক এর সঙ্গে তাই শুধুমাত্র একটি বিট আরো জাভাস্ক্রিপ্ট আবরণ. তাই সি, আমরা ধরনের আছে. আমরা একটি নতুন পরিবর্তনশীল তৈরি যখনই আমরা যে এটা গৃহস্থালি * অথবা এর বেশি বলার আছে কেস CS50 মধ্যে স্ট্রিং. অথবা আমরা একটি দশমিক সংখ্যা ছিল, আমরা ভাসা বলার ছিল. আমরা একটি বুলিয়ান প্রয়োজন, যদি আমরা বি বলার ছিল. এবং তারপর আমরা যে কিছু ছিল একবার b হয়, এটি একটি bool থাকার ছিল. আমরা magically এটি পরিবর্তন করতে না পারে আমরা লিখেছে, যদি না কোন int প্রথম বন্ধনী, B এর Int. 

জাভাস্ক্রিপ্ট, কোন ধরনের আছে. আপনাকে কেবল var হিসাবে মনে করি. আর var আপনি একটি নতুন ধরনের তৈরি কিভাবে হয়. সুতরাং, var গুলি একটি স্ট্রিং হচ্ছে থাকতে পারে var এন, একটি float হচ্ছে এবং var খ সত্য হচ্ছে. এবং যদি আপনি সি ব্যবহার করতে পারবেন না যে এক জিনিস আমি এখন যে লাইন, বি পরে, বলতে পারেন একটি পূর্ণসংখ্যা সমান. এবং যে ঠিক কাজ করে জরিমানা. সি, এটা ভালো বলতে হবে যেহেতু আপনার পূর্ণসংখ্যা একটি bool নয়. আমি আপনার জন্য তা করতে পারবেন না. অথবা [শ্রবণাতীত] একটি ত্রুটি নিক্ষেপ করা হবে. 

এবং আমি দ্রুত ফিরে নোডের মধ্যে যেতে পারেন যে কার্যকারিতা কিছু দেখাতে. তাই আমি একটি var একটি থাকতে পারে. "আপেল." এটা কল করুন তাই এখন আমি একটি মুদ্রণ যখন, আমি আমার স্ট্রিং পেতে 'অ্যাপল.' কিন্তু আমি করতে পারেন এছাড়াও এখন একটি 3 সমান বলে. এবং কোন ত্রুটি আছে বিজ্ঞপ্তি. এবং একটি এখন 3 সমান. কোন প্রশ্ন এতদূর? হ্যাঁ. 

AUDIENCE: অপেক্ষা করুন, যাতে console.log অধিকার, মূলত printf, হয়? 

ROGER ZURAWICKI: console.log আপনার printf. 

AUDIENCE: রাইট. আপনি শুধু আট টাইপ হলে সুতরাং কিভাবে আসে বা [শ্রবণাতীত], কি যে আছে [শ্রবণাতীত]? 

ROGER ZURAWICKI: রাইট. তাই এটা - সবুজ স্টাফ মুদ্রিত পরার কনসোল এ. এবং কি আমরা পরবর্তী দেখতে পাবেন হয় আমরা ওয়েব সরাতে যখন পাতা, আমরা কাজ করা - জাভাস্ক্রিপ্ট একটি এইচটিএমএল থাকার করা হবে আমি এ আবরণ করব যা ফর্মা, সেমিনার এর উল্কা অংশ. আপনি কি আমাকে দিতে বলতে পারেন এবং যে যেখানে একটি মান, এবং এটি একটি স্থাপন করা হবে আপনার ওয়েবসাইট. কারণ আসলে প্রত্যেক ওয়েব ব্রাউজার একটু কনসোল আছে. এবং আপনি আপনি, খুব সাবধানে লাগছিল যদি ভালো কিছু তথ্য পেতে চাই আপনার printf সঙ্গে সেখানে উপস্থিত হচ্ছে প্রত্যেক ওয়েব পেজ আপনি লোড. 

AUDIENCE: আপনি কিভাবে পেতে পারি শেল পর্দা? 

ROGER ZURAWICKI: সুতরাং একটি কমান্ড আছে নোড বলা হয়, এবং এটি উল্কা সঙ্গে আসে. তাই আমি শুধু সেখানে আউট প্রস্থান করার করব. নোড প্রোগ্রাম যে জাভাস্ক্রিপ্ট চালায়. আপনি, meteor.com যান উল্কা ইনস্টল, এবং পারেন উল্কা নোড সঙ্গে আসে. উল্কা শুধু একটি সংকলন কারণ এই সব সফটওয়্যার প্যাকেজ. আমরা আমাদের উদাহরণ পেতে হলে, আমি আছি ইনস্টল করার মাধ্যমে সবাই হেটে উল্কা, এবং তারপর আপনি খেলা করতে পারেন নিজেকে নোডের সাথে. মহান, ঠিক আছে. 

কাজ সম্পর্কে তাই আরেকটি বড় বৈশিষ্ট্য জাভাস্ক্রিপ্ট দিয়ে loops একই হয়. প্রায় কাছাকাছি ঠিক একই. Loops জন্য, যখন loops, কি loops, অন্যথায় যদি সময়. এটা সব ধনুর্বন্ধনী সঙ্গে একই. সেই একই বাক্য গঠন করে. একটি লুপ জন্য, একটু ক্ষেত্রে আপনি মনোযোগ দিতে হবে যে বিস্তারিত পরিবর্তে int-এর আমি, 0 সমান হয়েছে আমরা var তোমার 0 সমান বলার আছে. কিন্তু যে কারণ ভেরিয়েবল এর আমরা আগে স্বপ্ন যে ধরনের. 

Printf হয়ে লক্ষ্য করুন একটি লগ, একটি console.log. এবং আমরা ভাগ করতে হবে না পি ব্যাকস্ল্যাশ এন এবং তারপর আমি পাস. আপনি শুধু আমি বলতে পারেন. এবং এটা সংখ্যা প্রিন্ট করা হবে চার শূন্য থেকে. আপনাকে বলছি, এই চেষ্টা করতে চায়, কারণ আপনি একটি ভাল পয়েন্ট প্রতিপালিত. আপনি এই কোড রান করতে চেয়েছিলেন যদি আপনার নিজের ব্রাউজার, আমি পরামর্শ দিচ্ছি যে সবাই গুগল ক্রোম প্রর্দশিত হবে. গুগল ক্রোম বা সত্যিই কোনো ওয়েব ব্রাউজার, কিন্তু আমি গুগল ক্রোম পছন্দ এটি খুব প্রমিত কারণ. 

আপনি, আমি বিশ্বাস করি, যেতে পারেন যদি আপনি সঠিক শুধু বলেন, কোনো ওয়েবসাইটে ক্লিক করুন সাদা স্থান, আপনি একটি অপশন দেখতে পাবেন উপাদান পরিদর্শন করেন. এটি সাধারণত গত এক. এবং যদি আপনি এটি ক্লিক করা হলে, আপনি পাওয়া উচিত নীচে একটা জিনিস এখানে উপস্থিত. আমাকে এখানে জুম যাক. এবং আমরা এখানে কয়েকটি ট্যাব আছে. আপনার কাছে গুরুত্বপূর্ণ একটি কনসোল. 

এবং এই একটি জাভাস্ক্রিপ্ট কনসোল আপনি এখন এর সাথে কাজ করতে পারে. গ্রেট. তাই আমি একই জিনিস টাইপ করতে পারেন আমি নোডের মধ্যে আগে টাইপ ছিল. এক প্লাস এক দুই করে. Var একটি "আপেল" সমান. এবং তারপর আমি একটি মুদ্রণ চাই, এবং একটি 'আপেল' হয়. তাই যে কোনো ওয়েব ব্রাউজারে, ফায়ারফক্স, ক্রোম, সাফারি, আপনি ব্যবহার যাই হোক না কেন, যত আপনি একটি জাভাস্ক্রিপ্ট অ্যাক্সেস আছে দীর্ঘ হিসাবে কনসোল, একই ধরনের আমি নোডের মধ্যে চলমান ছিল কোড আপনি আপনার নিজের কনসোল মধ্যে চালাতে পারেন. 

AUDIENCE: [শ্রবণাতীত]? 

ROGER ZURAWICKI: কিভাবে করতে কনসোল পেতে? আপনি ঠিক খালি জায়গা উপর ক্লিক আছে পৃষ্ঠায়, এবং তারপর আপনি যান উপাদান পরিদর্শন. তাই আসলে, আমি আপনাকে বলছি চাই শুধু নিশ্চিত করুন যে আপনি যা করতে পারেন করা Chrome-এ উপাদান পরিদর্শন. আপনি কিছু টাইপ এবং যখন দেখতে কনসোল মধ্যে কোড এটি সঠিকভাবে চালানো. কোন প্রশ্ন জিজ্ঞাসা নির্দ্বিধায় যদি কিছু এখানে পরিষ্কার না. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: কোন ধরনের অধিকার. সব জন্য কেবল এক ধরনের আছে জাভাস্ক্রিপ্ট ভেরিয়েবল. এবং যদি আপনি ডিক্লেয়ার আছে একটি পরিবর্তনশীল, আপনি var বলে. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: হ্যাঁ. এটা আছে, কিন্তু জাভাস্ক্রিপ্ট মধ্যে, এটা খুবই এর মেমরি বণ্টন সম্পর্কে স্মার্ট. কোন malloc পর্যন্ত. কোন বিনামূল্যে পর্যন্ত. সুতরাং আপনি যে সম্পর্কে চিন্তা করার প্রয়োজন হবে না. যে আরেকটি চমৎকার বৈশিষ্ট্য হল যে এর জাভাস্ক্রিপ্ট আপনি উপলব্ধ. 

তাই আমি এগিয়ে যেতে চাই. যে ওকে হতে চান? ঠিক আছে. গ্রেট. 

AUDIENCE: আমি শুধু কষ্ট হচ্ছে [ফাইন্ডিং? উপাদান পরিদর্শন. ?] 

ROGER ZURAWICKI: সুতরাং সাফারি কেমন লাগে আপনি একটু ভিন্ন, কিন্তু না ক্রোম বা ফায়ারফক্স আছে? যারা সহজ এর সাথে কাজ করা বেশী. এবং আপনার প্রকল্পের জন্য, আমি সুপারিশ এক ব্রাউজার কারণ সঙ্গে স্টিকিং আপনি প্রায় বাগ অনেক পাবেন কারণ প্রতি ব্রাউজার একইরূপে একটু ভিন্নভাবে জাভাস্ক্রিপ্ট এইচটিএমএল. তাই আমি আপনার জীবন অনেক হতে হবে মনে হয় সহজ আপনি ক্রোম বিদ্ধ কারণ যদি এটি সব মেশিনে নেওয়া হয়েছে. এবং এটা খুবই জনপ্রিয় ব্রাউজার এর. ঠিক আছে? 

তাই পরের বিষয় যে আমরা উচিত জাভাস্ক্রিপ্ট মধ্যে আবরণ - আমি এখানে বিন্যাস বিষয়ে দুঃখিত. আমি মেলা স্লাইড প্রসারিত ছিল ওয়াইডস্ক্রিন প্রজেক্টর. কিন্তু আমি এখন আমার সাথে কথা বলতে চাই আপনি ফাংশন কিভাবে. সি, আমরা ঘোষণা করতে হবে প্রতিটি ফাংশন. Int-লেগেছে, যোগ এবং তা কোন int লাগে X, এবং কোন int Y, এবং তারপর আমরা তাদের যোগ এবং এটি ফিরে. 

জাভাস্ক্রিপ্ট সালে ফাংশন আসলে অন্য পরিবর্তনশীল টাইপ. তাই আমরা ঠিক var যুক্ত বলে, এবং এটি একটি ফাংশন সমান. একটি এক্স এবং একটি Y লাগে যে একটি ফাংশন. এবং যে ফাংশন কি কাজ করে? এটা সঠিক একই সালে এক্স প্লাস Y ফেরৎ সি এবং আপনি লক্ষ্য হিসাবে সিনট্যাক্স যে এ জাভাস্ক্রিপ্ট, আপনাকে বলেছে জানো কি ফাংশন আয় থেকে কারণ ভেরিয়েবল, যেকোন উপায়ে ধরনের না থাকে তা এটি সত্যিই উৎপাদনশীল না, আমি অনুমান, সব আপনার উল্লেখ করা আপনার ফাংশন এ ধরনের. আপনি যদি একটি ফাংশন কল করার সময় এবং তারপর, এটা সি আপনি হিসাবে সঠিক একই বাক্য গঠন শুধু আপনার দুটি আর্গুমেন্ট পাস. আমি আমার নোড এই চেষ্টা করতে চান. আমি স্লাইড পরিবর্তন করতে পারেন? 

AUDIENCE: [শ্রবণাতীত]. আমরা স্লাইড একটি কপি পাবেন? 

ROGER ZURAWICKI: হ্যাঁ. সুতরাং আসুন ফিরে নোডের যান. ঠিক আছে. তাই আমি var অ্যাড ফাংশন সমান বলবো. , একটি এক্স টেকিং একটি Y গ্রহণ. এবং তারপর এটা জানে যে বিবৃতি এর সম্পন্ন না. সুতরাং, নোডের মধ্যে বা আপনার কনসোলে আপনি ডট ডট ডট বিজ্ঞপ্তি পাবেন. সুতরাং আপনি আপনার কোড লিখে রাখতে পারেন. এবং এখন আমি ফিরতি এক্স প্লাস Y বলবো. এবং তারপর বক্রবন্ধনী বন্ধ. এবং আমি বক্রবন্ধনী বন্ধ মুহূর্তে, এটা বিবৃতিতে সমাপ্ত হয় যে সূচিত করা হবে. 

এবং এখন আমি এক এবং দুই যোগ বলতে পারেন. এবং আমি তিন খুঁজে পাবেন. উল্লেখ্য যে আমি শুধু যোগ করেনি, এটা এটি একটি ফাংশন আমাকে বলে. আর একটি জিনিস শুধু অবধান হয় আপনি এটা ভুল নম্বর দিতে হলে পাল্টা যুক্তি, এটা করতে হবে. এটি চালানো হবে, কিন্তু আপনি পেতে পারেন কিছু সত্যিই অদ্ভুত ফলাফল. ধরনের একটি গার্বেজ মূল্য মত, আপনি এটা মনে করতে পারেন. তাই এগিয়ে যান এবং চেষ্টা করুন এটি আপনার ব্রাউজারে. 

ঠিক আছে, তাই সময় স্বার্থে, আমি করব এখন পরবর্তী বৈশিষ্ট্য যান জাভাস্ক্রিপ্ট. সুতরাং আমরা ফাংশন সম্পর্কে সায়ীদ করেছি. আমরা loops স্বপ্ন করেছি, বিবৃতি খুব যদি. সিনট্যাক্স একই সি এবং ভেরিয়েবল হিসেবে. এবং এখন আমি অ্যারে সম্পর্কে কথা বলতে চান. আমি দুঃখিত যে স্লাইড একটু কেটে গিয়েছে. কিন্তু আসলে, প্রথম বিভাগে, আপনি যা যা প্রয়োজন কাজ করবে. 

সুতরাং আমরা অন্য ধরনের জন্য আছে ভেরিয়েবল অ্যারে বলা. এবং আমরা বর্গাকার বন্ধনী ব্যবহার তাদের বোঝান. প্রথম উদাহরণে তাই var আগমন, খালি অ্যারে. এই ফাঁকা তালিকা, তাই একটি অ্যারের কোন উপাদান ধারণকারী. এবং আপনি একটি অ্যারের থাকতে পারে তিন স্ট্রিং সঙ্গে. সি ইন, আপনার অ্যারের প্রতিটি উপাদান একই ধরনের হতে হয়. 

কিন্তু কারণ জাভাস্ক্রিপ্ট একমাত্র আছে এক ধরনের, অ্যারে আসলে যা করতে পারেন মান বিভিন্ন ধরনের আছে. এখানে ভালো লেগেছে, আমরা সঙ্গে একটি অ্যারে আছে একটি float, একটি bool, এবং কোন int. আপনি একটি অ্যারের একটি দ্বারা পেতে পথ, আপনি আসলে আকার ব্যবহার করতে হবে না বা কিছু. আপনি শুধুমাত্র অ্যারে বলতে এবং তারপর দৈর্ঘ্য বিন্দু. এবং এই বিন্দু দ্বারা, আপনি মনে করতে পারেন এটা কোন ধরনের একটি struct চান, কিভাবে প্রতি অ্যারের একটি ক্ষেত্র আছে, একটি অতিরিক্ত পরিবর্তনশীল এটি ভেতরে, দৈর্ঘ্য বলা যা আপনার অ্যারে কতদিন ট্র্যাক রাখে. 

তাই আমি শুধু দ্রুত যেতে চলেছি নোড এবং শো আপনি না একই জিনিস. তাই আমি একটি অ্যারের থাকতে পারে. এটি ফাঁকা তালিকা হতে পারে. এবং এটা আমার প্রিন্ট হবে একটি খালি তালিকা ব্যাক. গ্রেট. আমি এখন বলতে পারেন যে অ্যারের 1 ও 2.3, এবং সত্য আছে. তাই সব বিভিন্ন ধরনের. এবং আপনি এটা ঠিক কাজ করে জরিমানা লক্ষ্য. আমি সমর্থন ফিরে পেতে অ্যারের আমি এটা দিয়েছে মান সব. 

আমি প্রথম উপাদান পেতে চেয়েছিলেন অ্যারে, বাক্য গঠন আসলে সি আপনি হিসাবে একই অ্যারে শূন্য বলতে পারেন. এবং যদি আপনি একটি পেতে. আমি অ্যারের জন্য একই বলতে পারেন দুই, এবং আমি সত্য পেতে. আমি অ্যারের বাইরে কিছু করতে হলে, জাভাস্ক্রিপ্ট একটি নিরাপদ ভাষা আমি একটি seg ফল্ট পাবেন না, কারণ. আমি অনির্ধারিত পাবেন. 

এবং এই অনির্ধারিত, আপনি ধরনের পারেন হাজার নাল হিসেবে এটা আমার মনে হয়. যখন আপনি কিন্তু সত্যিই বিরক্তিকর হতে পারে আপনি তা পরীক্ষা করতে হবে কোড কারণ আপনাকে যা প্রায় সব, আপনি undefined হয় সঙ্গে কাজ. এবং আমরা কিছু উদাহরণ দেখতে পাবেন এই আমরা উল্কা কাজ করার সময়. 

অ্যারে চার, অনির্ধারিত যদিও আমি এটি একটি মূল্য ধার্য করতে পারেন. তাই আমি এটা এক সমান বলবো. এবং তারপর আমি আমি অ্যারে যেতে হলে সেখানে অতিরিক্ত মূল্য আছে. এবং যে অ্যারের তিন, যা এছাড়াও বিজ্ঞপ্তি undefined ছিল, undefined থাকে. তাই আমি এখন একটি অ্যারের সাথে আছে মাঝখানে একটি গর্ত. কিন্তু আমি অ্যারে চার ছাপা হলে, আমি এক পেতে হবে. আমি অ্যারে তিনটি করেছেন, আমি অনির্ধারিত পেতে. 

তাই চমৎকার বৈশিষ্ট্য যে জাভাস্ক্রিপ্ট আপনাকে যা করতে পারবেন হল তালিকার পারেন যে আকার পরিবর্তন. অ্যারে, অ্যারে তালিকা হচ্ছে, তারা আকার পরিবর্তন. এবং যদি আপনি কোনো অবস্থান নির্দিষ্ট করতে পারেন তাদের ভেতরে. এবং সব ফাঁক পূরণ করা হবে এই অনির্ধারিত মান. 

তাই আমরা অ্যারে স্বপ্ন করেছি. এখন, আমি এ আবরণ চান শেষ জিনিস জাভাস্ক্রিপ্ট, এবং এই অত্যন্ত গুরুত্বপূর্ণ কোড বোঝার যে আমি আপনাকে দেখাতে যাচ্ছি, বস্তু হতে যাচ্ছে. এবং বস্তুর মধ্যে একটি শব্দ আছে - মূলত, তারা উপস্থিত হয় অনেক প্রোগ্রামিং ভাষা. এবং প্রতিটি প্রোগ্রামিং ভাষা লেগেছে একটু ভিন্নভাবে তাদের মনে. 

কিন্তু আমি উল্কা, একটি ভাল জন্য মনে উপমা সি struct হয়. সি, আমরা struct খুঁজতে চান তাহলে শিক্ষার্থী, আমরা নির্দিষ্ট করতে চাই সব এটি ভেতরে জিনিস. সুতরাং এটি একটি নাম আছে আছে. এটি একটি বছর আছে আছে. এটি একটি অজানা আছে আছে. কিন্তু আমরা তা দিতে হবে সব সেগুলো ধরনের. 

এবং এখন আমরা এই ছাঁচ আছে ছাত্রী নামক struct, আমরা থাকতে পারে একটি নতুন struct, এবং তারপর আমরা নিজে করতে পারেন ক্ষেত্র একে কি বলে. আমরা ডট নাম ব্যবহার এবং যে যেখানে, ডট বছর, লিঙ্গ বিন্দু. এবং তারপর আমরা শুধু শেষ লাইনে এখানে কোড, আমি মুদ্রণ করছি struct ছাত্র বা নাম দিন. 

জাভাস্ক্রিপ্ট বিশ্বের, হয় struct ছাত্র যেমন জিনিস. আপনি একটি প্রিসেট গঠন উৎপন্ন করে না. আপনি আসলে ঠিক, এই বন্ধনী, আপনি সবকিছু কি বলে. এবং এটা দিয়ে এই অদ্ভুত স্বরলিপি কোলন এবং তারপর কমা, কিন্তু আপনি পাবেন শীঘ্রই পর্যাপ্ত এটি ব্যবহার করতে পারেন. 

এবং এটা, আসলে একটি সত্যিই সহজ শুধু এর নমনীয় উপায় বস্তু সাধিত. আপনি লক্ষ্য করা যে আমি এখন পেতে চান গুলি থেকে নাম দিন, আমি ঠিক s.name না. এই সম্পর্কে কোনো প্রশ্ন আছে? সাধারণত এটি একটি অত্যন্ত বিভ্রান্তিকর হয়েছে আমরা মানুষকে পরিচয় করিয়ে বিষয় যখন জাভাস্ক্রিপ্ট. আমি নোডের মধ্যে এই কিছু উদাহরণ চেষ্টা করবো. হ্যাঁ? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: তাই আপনাকে যা একটি উদাহরণ, একাধিক আছে যে ধরনের ভেরিয়েবল. 

AUDIENCE: [শ্রবণাতীত]. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: ঠিক আছে. তাই আমি আপনার সম্পর্কে যেতে হবে উপায় অনুমান আপনি একটি অ্যারের মধ্যে বস্তুর লাগাতে হবে, এবং এখন আপনি একটি করতে হবে বস্তুর অ্যারে. যে আপনার প্রশ্নের উত্তর আছে? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: হ্যাঁ. এস এক বস্তু নয়. তাই আমরা শুধু নোড ঢোকা এবং পারেন অল্প চারপাশে খেলা. 

AUDIENCE: [শ্রবণাতীত]? 

ROGER ZURAWICKI: ঠিক আছে, ওহ. সুতরাং আপনি জিজ্ঞাসা করছি ক্লাস, কি ক্লাস, খুব ভিন্নভাবে চিকিত্সা করা হয় এবং তারা সত্যিই একটি অদ্ভুত প্রকল্প আছে আপনি না যা বলা প্রোটোটাইপিং, সম্পর্কে জানা প্রয়োজন. এটা করতে কোন নির্দিষ্ট উপায় নেই. সুতরাং আপনি একাধিক, আপনি তৈরি করতে চান তাহলে শুধু ধরনের একটি ফাংশন হবে বা কিছু. তুমি তোমার নিজের ফাংশন উৎপন্ন. এবং যদি আপনি একটি বস্তুর ফিরে আসবে. এটা সবচেয়ে সহজ হবে তা করতে উপায়. যে জানার জন্য? ঠিক আছে. গ্রেট. তাই একবার আমরা একটি বোঝার আছে জাভাস্ক্রিপ্ট বস্তু, তারা হয় - ওহ, হ্যাঁ. 

AUDIENCE: [শ্রবণাতীত] উদাহরণস্বরূপ, এর মধ্যে পার্থক্য কি উদ্ধৃতি চিহ্ন বনাম সঙ্গে "রজার" [শ্রবণাতীত] একক উদ্ধৃতি চিহ্ন দিয়ে. 

ROGER ZURAWICKI: ঠিক আছে. তাই এই সি, আমরা একক আছে অক্ষর প্রতিনিধিত্বমূলক কোট, এবং ডবল স্ট্রিং প্রতিনিধিত্বমূলক কোট. জাভাস্ক্রিপ্ট আসলে দূরে এই ছোঁড়া আপনি স্ট্রিং সঙ্গে থাকতে পারে, কারণ একক বা ডবল কোট, এবং আছে একটি গৃহস্থালি যেমন জিনিস. কিন্তু আপনি ঠিক একই কপি করা হলে সি কোড, জাভাস্ক্রিপ্ট would ঠিক সূক্ষ্ম এটি খাওয়াবো. আমি হিসাবে এটি চিকিত্সা যা কেন - যে কেন আমি করতে আক্ষরিক পোর্ট এর যে অর্থে কোড. 

এবং আমি আপনাকে একটি উদাহরণ দেখাতে চান একটি আরো জটিল বস্তুর. সুতরাং আপনি লক্ষ্য করতে পারেন যে এক বস্তু মান হিসাবে স্ট্রিং থাকতে পারে. এটা মান আরেকটি তালিকা থাকতে পারে. এটি একটি তালিকা হতে পারে মান হিসাবে বস্তু. এই কোন সীমা সত্যিই আছে. তাই এখানে, এটা একটা ভাল বিক্ষোভের এর আপনি অনেক পাওয়া যাবে কিভাবে যাওয়া বিভিন্ন ধরনের সব এক বস্তুর মধ্যে. এই জানার জন্য? 

এখন, আপনি হতে পারে বস্তুর অ্যারে. এবং এখানে কি আপনি ধরনের অনুরূপ আপনাদের মধ্যে বস্তু থাকতে পারে যদি জিজ্ঞাসা একই ধরনের. কিন্তু সমস্যা হল কোন নির্দিষ্ট আছে, হয় জাভাস্ক্রিপ্ট অবজেক্টের জন্য ফরম্যাট. সুতরাং আপনি তাদের নিজের নির্দিষ্ট করা আছে. এবং আপনি নিশ্চিত থাকতে তারা অভিন্ন যে. আমি একটি বস্তু তৈরি করার সময় তাই এখানে,, আমি আছে প্রতিটি এক একটি আছে নিশ্চিত যে নাম দিন, এবং প্রতিটি এক একটি ঘর আছে. 

এবং তারপর আমি ঐ একটি অ্যারে আছে, এবং যে আমার কুটির হতে পারে. এবং তারপর এখানে আপনি ধরনের পারেন লুপ যাওয়া জন্য দেখুন. জন্য লুপ শুধুমাত্র একটি সত্যিই প্রচলিত হচ্ছে একটি অ্যারের উপর, তর্ক করার উপায় জাভাস্ক্রিপ্ট মধ্যে. এই প্যাটার্ন অনুরূপ যে লক্ষ্য করুন সি সমমানের করতে, যেখানে আপনি আমি শূন্য সমান কোন int আছে. আমি দৈর্ঘ্য কম. এবং তারপর আমি প্লাস প্লাস. 

এটা প্রায় একই কোড এর কয়েক বিবরণ ছাড়া. তাই সবাই বুঝতে না কি একটি বস্তু হল? শুধু একটি সি struct হিসাবে এটা আমার মনে হয়. এবং যদি আপনি ক্ষেত্র প্রবেশ পথ শুধু বিন্দু দিয়ে যায়. এবং যতদিন না পর্যন্ত আপনি মনে হিসাবে কিভাবে ডট ব্যবহার, আপনি সূক্ষ্ম থাকব. 

ঠিক আছে, তাই এখন যা করতে পারেন সবাই যে লিঙ্ক পড়তে? এই প্রকল্প থেকে লিংক. কেউ কষ্ট হচ্ছে না লিঙ্ক দেখতে পান? ঠিক আছে, আমি কি তাহলে এটি পরিবর্তন করা যাক. এটা না - হাঁ, যে সম্ভবত এটা করতে সবচেয়ে সহজ উপায়. গ্রেট. 

আপনি এই সাইট এ যান সুতরাং, যদি সেখানে উচিত কিছু নির্দেশাবলী হবে যে আমি করব আমরা উল্কা ইনস্টল করতে পারেন কিভাবে ঝালিয়ে এবং আমাদের নমুনা প্রকল্প চলমান পেতে. আমি নিশ্চিত সবাই আছে করতে চাই নিচে লিঙ্ক আমি অগ্রসর হওয়ার আগে. আমি যেতে পারি? মহান, ঠিক আছে. 

তাই এখানে আমি ওয়েবসাইটে না. আপনি README ফাইলের মধ্যে বিজ্ঞপ্তি পাবেন আমরা কিভাবে কিছু নির্দেশাবলী আছে ম সেট আপ করতে. হয় আপনি CS50 মধ্যে হতে হবে যন্ত্র বা শুধু একটি ম্যাক. উইন্ডোজ কাজ করবে না. কিন্তু মূলত কিছু যে না উইন্ডোজ এই সঙ্গে কাজ করা উচিত ঠিক সূক্ষ্ম নির্দেশাবলী. কিন্তু আমি এটা একটু করতে পারেন বড় হিসাবে ভাল. 

সুতরাং আপনি প্রথম রান করব কমান্ড জোড়া. এই ছেলেরা শুধু উল্কা ইনস্টল করা হবে. আমি আমার টার্মিনাল মধ্যে যেতে পারেন. এবং আমি এখন একই জিনিস চালানো, আমি ইতিমধ্যে এটি ইনস্টল করা আছে. সুতরাং এটি একটি বিট খাটো এর. এটা একটু বেশী সময় লাগতে পারে আপনাকে বলছি জন্য. কিন্তু আমি প্রথম নিশ্চিত করতে চাই আমরা উল্কা চলমান আছে. উল্কা ইনস্টল করার পরে, আপনি উচিত কনসোলে নোড পেতে. 

AUDIENCE: তারা বলছি একটি পাসওয়ার্ড জন্য. 

ROGER ZURAWICKI: যে আপনার হবে ব্যবহারকারীর পাসওয়ার্ড, আপনি একটি ম্যাক করছি. এটা ঠিক অনুমতি প্রয়োজন কিছু সিস্টেম ফাইল পরিবর্তন. তার জন্য অনুরোধ জানাবে যদি তাই প্রশ্ন ছিল, একটি পাসওয়ার্ড, এটা আপনি এর জিজ্ঞাসা আপনার ব্যবহারকারী নাম শব্দচাবি জন্য যখন আপনি আপনার ম্যাক লগ ইন. এবং এই হল আপনি করতে পারেন যাতে সিস্টেম ফাইল পরিবর্তন. 

যখন আপনি প্রস্তুত, আপনি সরানো যাবে পরবর্তী ধাপে, যার কপি হবে আমি ওয়েবসাইট থেকে থাকে নমুনা কোড. এবং যদি আপনি একটি নতুন ডিরেক্টরি পাবেন আপনার হোম ডিরেক্টরি লিডারবোর্ডে বলা হয়, এবং আমরা সেখানে থেকে কাজ শুরু করতে পারেন. তাই আমি শুধু কপি এবং এই পেস্ট করছি আমার টার্মিনাল মধ্যে কমান্ড. এবং আমার জন্য, আমি ইতিমধ্যে এটি ক্লোন. তাই আমি ঠিক এখন স্থানান্তর করতে পারেন লিডারবোর্ডে মধ্যে. এবং আমি কয়েক থাকা উচিত সেখানে ফাইল. কোন প্রশ্ন? 

AUDIENCE: [শ্রবণাতীত] কাজ না. 

ROGER ZURAWICKI: ওহ, আপনি হতে পারে পাশাপাশি ইনস্টল git প্রয়োজন. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: দুঃখিত? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: ঠিক আছে, ওহ. ঠিক আছে. আপনি করা প্রয়োজন হতে পারে এ কারণে যে এই লিঙ্ক পেতে GitHub লগ ইন. আপনি না দেখতে পারেন, সবচেয়ে সহজ এটা করতে মুখী আমার তখন বলতে হবে জিপ ডাউনলোড করুন. এবং এই মাত্র ডাউনলোড করবে সমস্ত ফাইল. এবং তারপর আপনি আপনার রাখা একবার ডাউনলোড করতে বা আপনার হোম ডিরেক্টরি - আমি তা নির্বাণ সুপারিশ আপনার হোম ডিরেক্টরি তাই আমরা সব করতে পারেন একই কমান্ড চালানো. যতদিন আমরা ফাইল আছে, আমরা আছি তাদের সঙ্গে কাজ শুরু করতে পারবেন. মানুষ ভুগেন সম্পর্কে যদি জানতে দিন কষ্ট ফাইল ডাউনলোড. 

AUDIENCE: হোম ডিরেক্টরি দ্বারা, আপনি বলতে চাইছেন - 

ROGER ZURAWICKI: তাই বাড়িতে ডাইরেক্টরি would আপনি যদি, জন হার্ভার্ড হবে CS50 প্রয়োগ. আপনার হোম ডিরেক্টরিতে পেতে, শুধু সি টাইপ 

AUDIENCE: [শ্রবণাতীত] CS50 প্রয়োগ [শ্রবণাতীত]. 

ROGER ZURAWICKI: হ্যাঁ. আপনি কমান্ড সঞ্চালন করতে ইচ্ছুক আপনার টার্মিনালে. 

AUDIENCE: [শ্রবণাতীত]. আমি কোন বলছে যে একটি ত্রুটি আছে ফাইল বা ডিরেক্টরির. 

ROGER ZURAWICKI: আমরা একটি দ্রুত গ্রহণ করতে পারেন বিরতি এবং শুধুমাত্র নিশ্চিত যে সবাই উল্কা ইনস্টল করেছেন, এবং আমি করব শুধু মানুষ সাহায্য করার চেষ্টা যান. একে অপরকে সাহায্য করার চেষ্টা করুন, যদি আপনি সমস্যায় চালাচ্ছেন. দুঃখিত, হাঁ. আপনি প্রয়োগ উভয় কি? 

AUDIENCE: হ্যাঁ. আমি Risa আছে 

ROGER ZURAWICKI: ঠিক আছে. আপনি ফিরে ওয়েবসাইটে যান, উপরে স্ক্রল আপ যান. এবং এই মধ্যে HTTPS আছে. 

AUDIENCE: এই কপি? 

ROGER ZURAWICKI: হ্যাঁ. এবং তারপর আপনি করতে চান git ক্লোন টাইপ. সুতরাং আপনি কন্ট্রোল একটি টিপুন যদি - 

AUDIENCE: এখানে? এবং [শ্রবণাতীত] কি? 

ROGER ZURAWICKI: জি আমি-টি. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: তারপর Git এবং ক্লোন. সুতরাং কমান্ড অনুরূপ আপনি উপরে ছিল, কিন্তু URL টি পরিবর্তন. এটা এই ছিল তাই আগে, এখন এটি এই জন্য. আমার আপডেট যাক - হাঁ. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: এটি ডাউনলোড করা হয়. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: ওহ, এটা তাই সঠিকভাবে ক্লোন করা হয়নি. আমি যে ঠিক করবে. চেষ্টা সঙ্গে একটি ত্রুটি আছে ফাইল ডাউনলোড করতে. আমাকে আপনাকে বলছি জন্য কমান্ড আপডেট যাক তাই আমি এটা কাজ করবে কি না পারেন. আমি যে বিষয়ে দুঃখিত. এটা জন্য একই হওয়া উচিত Macs-বা CS50 প্রয়োগ. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: আমি আপডেট করেছি দুই নম্বর, যদি জন্য কমান্ড আপনি পৃষ্ঠাটি রিফ্রেশ. এবং এই সঙ্গে, ইউআরএল, আপনি হতে হবে ফাইল ডাউনলোড করতে পারবেন. 

AUDIENCE: তাই আমরা এখনও যদি [শ্রবণাতীত] ডাউনলোড করার. 

ROGER ZURAWICKI: আপনি যদি এখনও উল্কা ডাউনলোড করার? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: হ্যাঁ, যদি আপনি চান আপনার Mac বিকাশ. কিন্তু আপনি Xcode ডেভেলপার প্রয়োজন ইনস্টল সরঞ্জাম. আমি CS50 এই কমান্ড পরীক্ষা করেছি যন্ত্র, তাই আমি গ্যারান্টি পারেন এটি কাজ করবে. হ্যাঁ. আমাকে যেতে হবে এবং আপনাকে সাহায্য করা যাক. 

AUDIENCE: [শ্রবণাতীত]. আমি আমার পাসওয়ার্ডটি দিতে. এই ম্যাক্ হয়. এবং তারপর আমি [শ্রবণাতীত] না. 

ROGER ZURAWICKI: ঠিক আছে. আমি সব কমান্ড চালানোর চেষ্টা করবে শুধুমাত্র CS50 প্রয়োগ টার্মিনালে. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: আমি এটা কাজ করতে হবে প্রথম, টার্মিনালে প্রথম তারপর CS50 প্রয়োগ, এবং ম্যাক টার্মিনাল. 

AUDIENCE: সুতরাং আপনি CS50 উপর এটা করতে হলে [শ্রবণাতীত], যে মত প্রয়োগ. 

ROGER ZURAWICKI: আমি সরাতে চাই কিন্তু মানুষ এখনও ভুগেন উপর কষ্ট উল্কা স্থাপনের, কেভিন বেশি আপনি না সাহায্য খুশি আর, ধূসর শার্ট মধ্যে কেভিন. আমরা কি থাকা উচিত আমরা চলুন হয় সর্বশেষ নির্দেশ, সংখ্যা তিন, চালানোর আমাদের টার্মিনাল. আমরা তা করতে, আমরা উল্কা রান করব. 

এবং আপনি উচিত - ওহ, আমি ইতিমধ্যে উল্কা চলমান আছে. সুতরাং এটি দেওয়া যাচ্ছে না - আমার দেওয়া শুধু আমার অন্যান্য উল্কা বন্ধ. আমি উল্কা, আপনি চালানোর যখন এখন দেখতে হবে - আপনি বর্তমান ডিরেক্টরির দেখতে পাবেন এটি ভজনা যে. এবং এখন এটি সার্ভার বলে যাচ্ছে http://localhost নেভিগেশন চলছে. তার মানে আপনি লাগাতে চান URL-এর আপনার ওয়েব ব্রাউজারের মধ্যে. 

এবং যে URL-উপর, আপনি করতে সক্ষম হওয়া উচিত একটা চমৎকার সামান্য লিডারবোর্ডে প্রবেশ. তাই এই স্থানীয় হোস্ট উপর যে লক্ষ্য, যার মানে হল যে যদি আপনার কোন কাজ যদি পরিবর্তন, আপনি যাচ্ছেন না একে অপরের পরিবর্তন দেখতে. আমি আপনাকে দেখিয়েছি ওয়েবসাইটে যেহেতু শুরুতে, আমরা পেতে পারে সবাই এর পরিবর্তনের কারণ সবাই একই ওয়েবসাইটে অ্যাক্সেস করা হয়. 

তাই আমাকে শুধু [যান? শব্দ?] 3,000. তাই আপনি শুধু নিশ্চিত করতে সক্ষম হওয়া উচিত কার্যকারিতা যে কাজ করে. আপনি বিভিন্ন জনের নির্বাচন, এবং পারেন আপনি তাদের বিভিন্ন পয়েন্ট দিতে পারেন. তাই আমি কারো পয়েন্ট দিতে. এছাড়াও আপনি দেখতে পারেন তারা র্যাঙ্ক ওঠা. 

এখন, সময় স্বার্থে, সেখানে আমি করেছি যে তিনটি বৈশিষ্ট্য বাস্তবায়িত. এবং আমরা মুছে ফেলা বাস্তবায়ন চলুন আমাদের প্রথম বৈশিষ্ট্য হিসাবে ব্যবহারকারীদের. আমরা যান কিন্তু আগে, হয় সেখানে কোন প্রশ্ন? আপনি আপনার হাত পর্যন্ত ছিল. হ্যাঁ? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: আপনি চেক করতে পারেন যে উল্কা ইনস্টল করা হয়? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: স্থানীয় হোস্ট 3,000? এবং আপনি CS50 অ্যাপ্লায়েন্স মধ্যে আছেন? আমি কি করতে পারি - যদি আপনি একটি ম্যাক করা হবে না. এই যন্ত্র কাজ করবে. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: সাধারন ইন ওয়েব ব্রাউজার, হাঁ. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: উল্কা চলছে? তাই ঠিক আছে, এখানে একটি পার্থক্য আছে. আপনি এটি চলমান করছি প্রয়োগ, আপনাকে যা করতে হবে প্রয়োগ মধ্যে স্থানীয় হোস্ট. আপনি আপনার Mac মধ্যে এটি চলমান করছি, আমি কোথায় চান, তাহলে আমি কিছু করতে পারি আমার ম্যাক গুগল ক্রোম. কিন্তু আপনি CS50 অ্যাপ্লায়েন্স ব্যবহার করছেন, আপনি সবকিছু যা করতে হবে প্রয়োগ. তাই আপনি যদি গুগল ব্যবহার আছে প্রয়োগ Chrome. 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: এটা এখনও কাজ করছে না? 

AUDIENCE: [শ্রবণাতীত]. 

ROGER ZURAWICKI: তাই ঠিক পুনরাবৃত্তি, কিভাবে আপনি এখন ওয়েবসাইটে প্রবেশ করে. আপনি এখানে একটি URL আছে 3,000 স্থানীয় হোস্ট. আপনি CS50 প্রয়োগ হন, আপনি CS50 খোলা আছে প্রয়োগ এর গুগল ক্রোম. এবং এর মধ্যে যে Google Chrome-এ প্রয়োগ, আপনি যে URL টি টাইপ করতে পারেন এবং আপনি একটি লিডারবোর্ডে দেখতে পাবেন. তাই আমি এটা বন্ধ করা যাচ্ছে না এখানে দিকে কিছুক্ষন. এবং এখন আমি খুলতে যাচ্ছি আমার এখানে ওভার টেক্সট এডিটর. তাই আমাকে শুধু নিশ্চিত যে যাক কোড করার জন্য হয়. ঠিক আছে. গ্রেট. 

আমি এখন ভিতর দিয়ে হেটে যেতে চাই কোড একটি বিট. এবং প্রথম ফাইলটি আমি শুরু করতে চাই হয় leaderboard.html সঙ্গে. আপনি পরে এই কোড পেতে পারবেন সেমিনার, তাই আমি শুধু দেখাতে চান আপনি আমার কম্পিউটারে কি করছেন. তাই আমি সবাই এই দেখতে পারেন আশা করি. তাই ফাইলের খুব প্রারম্ভে, আমরা আমাদের মাথা এবং শিরোনাম, যা আমরা দেখেছি অনুরূপ প্রত্যেক এইচটিএমএল নথিতে. এবং তারপর আমরা আছে চলুন এখানে শরীর ট্যাগ. 

আমি কি নির্বাচন করেছেন প্রধান হল শরীর, মূলত কি প্রদর্শন করতে যাচ্ছে. কিন্তু কিছু নতুন অ এইচটিএমএল আছে জিনিষ, এবং যে আছে ডবল কোণ বন্ধনী. এবং এই টেমপ্লেট ট্যাগ হয়. সুতরাং আপনি এখানে এই বন্ধনী দেখতে পাবেন বন্ধনী নতুন লিডারবোর্ডে. এবং এই ধরনের হয় - এটা মনে এইচটিএমএল জন্য একটি ফাংশন আহ্বান করা হয়. 

এই এইচটিএমএল এর একটি বিশেষ সংস্করণ. এটা উল্কা ব্যবহার করে যে সংস্করণ, এর যা আপনি বিভিন্ন প্রদর্শন করতে পারে কেন যেমন লিডারবোর্ডে হিসাবে জিনিষ, নাম এবং বোতাম. কিন্তু লিডারবোর্ডে যেতে আপনি বলে নাম লিডারবোর্ডে সঙ্গে টেমপ্লেট. তাই ফর্মা দ্বারা প্রদর্শিত করতে হয় না নিজেই, কিন্তু এটি একটি ফাংশন, তাই এটি বলা হবে. এবং আপনি এই সব খেলোয়াড়রা পাবেন এখানে ডান লিডারবোর্ডে মধ্যে অবস্থান. 

লিডারবোর্ডে এর আকর্ষণীয় অংশ এখানে শুধু এই টেবিল. আপনি শুধু এটা পড়তে হলে, এই কোড পড়া আউট অট্ট, এটা স্বজ্ঞাত হতে হবে কারণ লিডারবোর্ডে, সমস্ত আমরা এখানে আছে একটি টেবিল. আপনি কি এই আইডি বর্গ স্টাফ চিন্তা করতে হবে. শুধু একটি টেবিল হেডার আছে জানি. যে এই THEAD এর. 

এবং এটি একটি নাম এবং একটি স্কোর খুঁজে বের করে. এই সব ট্যাগ, thtable মত, THEAD, আপনি বরাবর যেতে হিসাবে আপনি শুধু শিখতে হবে. এটা আপনি মনে রাখার যে গুরুত্বপূর্ণ নয় এই যে আপনি ঠিক কোন অ্যাক্সেস করতে পারেন, কারণ অনলাইন রেফারেন্স. অথবা সেমিস্টারে শেষে, এই শুধু আপনার সাথে খুব পরিচিত হতে হবে. 

টেবিলের হেডার, পরে আমি আঁকতে চান যে অংশ আপনার মনোযোগ এই জ ট্যাগ. এটা ডবল বন্ধনী কারণ, এটি একটি টেমপ্লেট এর. সুতরাং যে খেলোয়াড়দের জন্য প্রতিটি মানে, , আমরা করতে হয় যাই হোক না কেন খেলোয়াড় এটি প্রদর্শন. এবং আমরা প্লেয়ার টেমপ্লেট যান. 

আমরা কিছুটা নিচে স্ক্রল যদি - আমি সবাই দেখতে পারেন আশা করি. আমরা প্লেয়ার টেমপ্লেট আছে. এবং এই টেমপ্লেটটি মূলত একটি সংজ্ঞায়িত আপনি নাম রাখা যেখানে টেবিল সেল, এখানে এবং স্কোর. এখন আউট Zooming, আমরা দেখতে পারেন যে কোড এই খণ্ড - এবং যে নিচে আছে আমাদের প্লেয়ার ছিল - এই কোষ এক সংজ্ঞায়িত করে. আমি ক্লিক যে প্রতিটি জিনিস হলুদ হয়ে যায়. 

আমি এখন তা পরিবর্তন হতে পারে একটি সহজ উপায়. নিশ্চিত উল্কা এখনও চলছে না. উল্কা একটি সার্ভার প্রক্রিয়া হওয়া উচিত, তাই আপনি এটা ছেড়ে আপনি উন্নত যখন চলমান. এর আমি পরিবর্তন করতে চেয়েছিলেন বলে সব নাম বা স্কোর. এবং আমি আমি যাচ্ছি বলতে হবে পয়েন্ট এখানে যোগ করুন. তাই আমি এখানে তৈরি পরিবর্তন করেন, পরিবর্তে শুধুমাত্র স্কোর, আমি স্কোর স্থান পয়েন্ট যোগ করুন. 

আমি জুম আউট করা যাচ্ছে না, এবং আমি আছি আমার ফাইল সংরক্ষণ করা যাচ্ছে. আমি আমার ফাইলটি সংরক্ষণ করার পর, আমি প্রয়োজন নিশ্চিত উল্কা চালানো সম্ভব করতে. যে বিষয়ে দুঃখিত. আমি আপনার সম্পাদনাগুলি দেখাও যেগুলো চাই বাস্তব সময়ে সম্পন্ন করা হয়. তাই আমি কিছু টেক্সট পরিবর্তন করব. একটি প্লেয়ার ক্লিক করুন. আমি সব ক্যাপ মধ্যে এটি নির্বাণ করছি. এবং এটা হতে হবে যে এই কাজ করছে, যদি সঠিকভাবে, আমি এটি সংরক্ষণ করা হলে, আপডেট হবে. 

ওহ, আমি এই মুহূর্তে সমস্যা মনে করেন আমি ডান ডিরেক্টরির মধ্যে নই. ঠিক আছে. আমি যে বিষয়ে দুঃখিত. তাই এখানে, আপনি কি লক্ষ্য করা হল আমার পরিবর্তনের মাধ্যমে গিয়েছিলাম. এখন আমি পরিবর্তন প্রত্যাবর্তন করতে চান বলে. আমি কি ফিরে যেতে চান. আমি সাধারণত এটি টাইপ যাচ্ছি. একটি প্লেয়ার ক্লিক করুন. 

আমি তা সংরক্ষণ মুহূর্ত সাইটে আমার জন্য রিফ্রেশ. এবং আমি আমার পরিবর্তন দেখতে সঙ্গে সঙ্গে সাইটে. এটি একটি সত্যিই সহায়ক বৈশিষ্ট্য ডিবাগ মধ্যে কারণ এখন আমি, না আছে - আমরা সি কোড লিখুন যখন, না শুধুমাত্র আমরা কি ফাইল সংরক্ষণ আছে, কিন্তু আমরা করতে হয়েছিল এটি তৈরি করতে এবং তারপর আবার এটি চালানো. উল্কা, কারণ সি অসদৃশ খুব সুন্দর আপনি আপনার HTML বা সংরক্ষণ মুহূর্ত জাভাস্ক্রিপ্ট ফাইল, পরিবর্তন অবিলম্বে দেখায়. 

এক প্রশ্ন, এই টেমপ্লেট ইন, কিভাবে আমি খেলোয়াড়দের মত মান পেতে পারি অথবা একটি নাম নির্বাচন করুন? আমি আমার কোড মধ্যে এখানে জুম করেন, আমি প্রতিটি খেলোয়াড়ের জন্য এই দেখুন. তাই ফর্মা যে জানে আমি একরকম খেলোয়াড় আছে. এবং এটা আছে যে জানেন একটি নির্বাচিত নাম. এই কোথা থেকে আসে? যে জাভাস্ক্রিপ্ট থেকে আসে. 

এবং যদি আপনি leaderboard.js যেতে হলে, এই আমি এখানে যান যখন ফাইল, এখন, আমরা একটি আছে কয়েকটি কমান্ড সংজ্ঞায়িত. এই বিশেষ উল্কা বাক্য গঠন হয়. আপনি প্রয়োজন নেই যে লক্ষ্য করুন VARs বা কিছু. কিন্তু এই মাত্র structs উপর structs হয় structs বা এই বস্তুর উপর. এবং আমি সংজ্ঞা করছি সব টেমপ্লেট লিডারবোর্ডে বলা. 

লিডারবোর্ড একটি পাওয়া উচিত জিনিস খেলোয়াড়দের বলা. এবং খেলোয়াড়দের কি? এটা এই মত প্রকাশের ফেরৎ যাই হোক না কেন এর. আর নির্বাচিত নাম কি? এটা আরো কিছু কোড এর. আমরা করব কোড বিবরণ একটু পরে আবরণ. কিন্তু এই মুহূর্তে আমি আপনি বুঝতে চান এই কোড, আমরা গ্রহণ করা হয় যে খেলোয়াড়, এবং আমরা এটা একটি মান প্রদান করছি. এই ক্ষেত্রে, এটি একটি ফাংশন যে মৃত্যুদন্ড কার্যকর করা হয়. তাই আমরা মান ফিরে পেতে পারেন আমরা ফাংশন চালানোর সময়. এই একটি লগ রয়েছে. যে জানার জন্য? 

আমি এটা সাজানো হচ্ছে পথ পরিবর্তন করতে পারেন. এখানে, কেমন বস্তু আছে. এবং কি এই বলে আমি বাছাই করা যাচ্ছে না হয় স্কোর প্রথম সাজানো ও স্থানীয় তারপর আরোহী নাম দিন. আমি এক এই পরিবর্তন, এটা যাচ্ছে স্কোর আরোহী বাছাই. তাই শূন্য উপরে হতে হবে. এবং আমি আমার ওয়েবসাইট মধ্যে জুম, আমরা এখন ওয়েবসাইট আপডেট দেখতে. এবং স্কোর আরোহন করে. 

আমি শুধু চাই পরের ফাংশন আবরণ ক্লিক বৃদ্ধি হয়. সময় সুদ আউট, আমি না করবে না উল্কা আরও আবরণ করতে পারবেন কোড, কিন্তু সম্পদ প্রচুর আছে পাওয়া, এবং আমি হবে এখানে সেমিনার পরে. কিন্তু আমি ঠিক আবরণ চাই লিডারবোর্ডে ঘটনা. এই সিনট্যাক্স আপনি একটি শিখতে পারবেন পরে বক্তৃতায় বিট. এই জাভাস্ক্রিপ্ট হয়. 

আমরা একটি ক্লিক এ পান যখন আমরা ঠিক, বলছে, এবং এটি, বৃদ্ধি উপর এই না হ্যাশ শুধু আইডি মানে. বর্ধন আইডি ট্যাগের উপর, তারপর আমরা চাই আপডেট করার জন্য - কী শব্দ আমি আপনি চান ঘড়ি আপডেট হয় এবং নির্বাচন এবং প্লেয়ার. সুতরাং যেটা প্লেয়ার এর নির্বাচন, আমরা এটি আপডেট করুন. এবং কি আমরা করতে আমরা বাড়ায় হয় পাঁচটি করে স্কোর. এবং যে বৈশিষ্ট্য বর্ণনা করবে আমরা এখানে আছে. 

এই সেমিনার শেষে পরে, আমরা করব আরো কিছু কোড দেখতে পারবেন. কিন্তু আমি চাই যে আমার লক্ষ্য করা যাচ্ছে সাইট পরিবর্তন, আমি এখানে উপর চেয়েছিলেন একটি Remove বাটন যুক্ত করতে তাই আমি প্লেয়ার মুছে দিতে পারেন. সুতরাং যে কি, আমি প্রয়োজন দুটি কিছু করার. আমি আপডেট, এইচটিএমএল আপডেট করা দরকার ব্যবহারকারী দেখানো পরার কি, দেখতে, এবং তারপর কিছু জাভাস্ক্রিপ্ট আছে যে যখন বাটন টেপা হলে, উল্কা যাচ্ছে কিছু করতে. এটা যে প্লেয়ার অপসারণ যাচ্ছে. 

সুতরাং কোডের অংশ অনেক আছে মূলত ইতিমধ্যেই আছে আমার জন্য এটি করা হয়েছে. আমি এখানে, দেখুন, আমি ইতিমধ্যে একটি উপায় আছে নির্বাচিত প্লেয়ার পেয়ে. আপনি এটি দেখতে পারেন যে, এই জিনিস না. তাই আমি ঠিক হলে - আমি অন্য ঘটনা আছে যাচ্ছি. তাই আমি মনে করি আমি কি কপি যাচ্ছি. এই তালিকা কারণ, আমি শুধু একটি কমা প্রয়োজন. 

তাই এখন আমি মুছে দিতে ক্লিক যাচ্ছি. এবং তারপর পরিবর্তে খেলোয়াড় আপডেট, আমি খেলোয়াড়দের মুছে করতে যাচ্ছি. আর সব খেলোয়াড়ের চাহিদা মুছে একটি নির্বাচিত প্লেয়ার. তাই এই ফাংশন আমরা প্রয়োজন. আমি কিছু যুক্ত করতে হবে না যদিও এখানে এইচটিএমএল. তাই আমি এখানে স্ক্রল ডাউন থাকলে, এই এইচটিএমএল ভিউ হল. আমরা এখানে একটা জিনিস ছিল যা একটি একটি ট্যাগ ছিল. আপনি যে সম্পর্কে চিন্তা করার প্রয়োজন হবে না. 

আপনার কাছে কি কি বিষয় হল এই আইডি বৃদ্ধি. এবং এই, আমাদের বলার অনুমতি দেওয়া হয় যখন আমরা বর্ধন ক্লিক, আমরা আছে পাঁচ পয়েন্ট দিতে. এবং যদি আপনি এই একটি বাটন দেখতে পাবেন. যে বিটিএন এর মানে কি. এবং বাটন টেক্সট পাঁচ পয়েন্ট দিতে হয়. সুতরাং আমি কি করতে যাচ্ছি আমি হয় এই লাইন কপি করে যাচ্ছে. আমি মুছতে আইডি পরিবর্তন করা যাচ্ছে না. এবং আমি পরিবর্তন করা যাচ্ছে না মোছার জন্য এখানে টেক্সট. 

তাই নিশ্চিত সবকিছু এর সংরক্ষিত করা. আমি ফিরে আমার জাভাস্ক্রিপ্ট যেতে চান আমি নিশ্চিত যে মুছে এখানে আপ রেখাযুক্ত. গুড. তাই আমি উভয় ফাইল সংরক্ষণ করা যাচ্ছে না. উভয় ফাইল সংরক্ষণের পর, আমরা ফিরে নীচে যেতে পারেন. এবং এখন আমরা আমরা আছে দেখুন একটা বোতাম মুছে দিন. এবং আরও একটি ধাপ. আপনি একটি পেতে পারে বিজ্ঞপ্তি ত্রুটি আমি ক্লিক করা হলে, কারণ কিছুই ঘটছে, মুছে দিন. 

এই ডিবাগ করার একটি পথ যেতে হয় ফিরে উপাদান পরিদর্শন করতে. আমি উদ্দেশ্য উপর এই কাজ করছি আপনি যা করতে পারেন, তাই আপনি কিছু ডিবাগ হবে কিভাবে দেখতে. উপাদান পরিদর্শন, আমরা আছে নিচে এখানে আমাদের পাঠ্য সব. আমি ফিরে কনসোল যেতে চান. আমি এখানে যান এবং যখন কি আমি ভুল কিছু পেতে হয়. এটা মুছে দিন কোন পদ্ধতি আছে বলছেন. 

আমি যেতে হলে তাই এই বলছে না হয় ফিরে কোড করার জন্য, আমি প্লেয়ার বলা এখানে মুছে দিন. মুছে দিন আসলে না সঠিক কমান্ড. তাই সঠিক কমান্ড জানতে , উল্কা এপিআই আছে না. আমি আপনার নির্দেশ চাই ডকুমেন্টেশন থেকে বলছি শুধু meteor.com মধ্যে রয়েছেন. তাই আমি এখানে এটা আছে. এই ঠিক তাই আপনাকে বলছি জানি হয় যেখানে আরও জানার জন্য. 

ডকুমেন্টেশন একটি লিঙ্ক আছে. এবং মূলত, আমি যা করতে পারেন মুছে জন্য খুজে পাবেন. এবং কি আপনি দেখতে, মুছে দিন আসলে অপসারণ করা হয়. যে কমান্ড যে আমি ফোন করতে চাই. তাই এখন আমরা জানি যে, আমি যাচ্ছি এই মুছে ফেলার মুছে পরিবর্তন. তাই এখন, আমি ফিরে আমার লিডারবোর্ডে যেতে হলে সাইটে, আমি ক্লিক যাচ্ছি মুছে ফেলা, এবং এখন আমি সর্বস্বান্ত করছি. কোন রজার আছে. এবং আমি প্রত্যেক মুছে বর্তা পারেন একক নাম আমি বাকি নেই, যতক্ষণ না. 

সুতরাং যে একটু প্রিভিউ ছিল উল্কা কিভাবে ব্যবহার করতে হয়. আপনি অনেক বেশি জাভাস্ক্রিপ্ট শেখার হবে এবং করে তুলতে প্রয়োজনীয় এইচটিএমএল এটা আমরা এ আবরণ করব, যা prettier চেহারা এই সপ্তাহের [? টুকরা?] এইচটিএমএল জন্য সেট এবং পরবর্তী জাভাস্ক্রিপ্ট [? টুকরা?] সেট. 

সুতরাং চিন্তিত না পান না সব যদি এই জিনিস আপনি সহজ আসে. এটা সময় দ্বারা হবে চূড়ান্ত প্রকল্প. দেখাচ্ছে আপ জন্য ধন্যবাদ. আমি শীঘ্রই পরে আপডেট হবে লিঙ্ক সেমিনারে যাতে আপনি আরো কিছু দেখতে পারেন আমি উপর প্রয়োগ করেছি যে উদাহরণ কিভাবে আরো উন্নত লিডারবোর্ডে পেতে আমি এখানে এই ওয়েবসাইটে আছে এক র্যাডিকেল-leaderboard.meteor. আপনাকে ধন্যবাদ. 

[সাধুবাদ]