[সঙ্গীত বাজানো] রজার ZURAWICKI: হাই, আমার নাম, রজার Zurawicki হয় এবং আমি আচ্ছাদন করা হবে এবং CS50 উল্কা সেমিনার. উল্কা একটি নতুন কাঠামো ওয়েব নতুন ধরনের অনুগত, পিএইচপি অনুরোধ তৈরীর না পিছনে ধরনের ওয়েব আমরা PHPP সেট দেখেছি কিন্তু আরো গতিশীল জাভাস্ক্রিপ্ট ওয়েব অংশ. থিংস উল্কা করতে পারেন লাইভ আপডেট করার প্রণালী রয়েছে এবং অবিলম্বে যোগাযোগ একই ওয়েবসাইট ব্যবহারকারীদের মধ্যে. এই সেমিনার জন্য, আমরা আছে কোড আমার GitHub এ হোস্ট করা. আপনি এই URL- এ যান এবং এটি ডাউনলোড করতে পারেন. আপনি ফালতু বা এলেবেলে লোক কিভাবে ব্যবহার করতে জানি, আপনি সংগ্রহস্থলের ক্লোন করতে পারেন. আপনি কিভাবে ব্যবহার করতে না জানেন, তাহলে Git বা GitHub ব্যবহার করেন নি, যে সম্পূর্ণরূপে সূক্ষ্ম. আমি দ্রুত সত্যিই আপনাকে দেখাতে হবে আমরা GitHub যেতে পারেন কিভাবে, এবং একটি বিকল্প আছে অধিকার আছে একটি ZIP ডাউনলোড. আপনি এই ডিরেক্টরির ডাউনলোড, আপনি আমাদের কোড সঙ্গে বাজানো শুরু করতে পারেন. 

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

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

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

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

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

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

তাই উল্কা আমাকে বলছে কি এখন যে অধিকার এই ওয়েবসাইট এ আমার কম্পিউটারে স্থানীয়, আমি দেখতে পারেন এই উল্কা প্রকল্প কি. ঠিক এখন, আমার অ্যাপ্লিকেশন উল্লেখ্য যে ইন্টারনেট অ্যাক্সেস করা যাবে না. আমরা আপনার উল্কা আনতে কিভাবে আবরণ করব একটু পরে একটি লাইভ সাইট থেকে অ্যাপ্লিকেশন. তাই আমি ঠিক এই কপি করা যাচ্ছে না URL- এ এখন ও Google Chrome এ যান. 

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

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

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

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

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

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

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

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

আপনি উল্কা ইনস্টল করা আছে, আমরা উল্কা জন্য টিউটোরিয়াল সঙ্গে অবিরত. আপনি, এই URL- এ যেতে পারেন meteor.com/install, কমান্ড লাইন পেতে যে আমি উল্কা ইনস্টল করা যে আপনি দেখিয়েছেন. আমরা প্রথম মধ্য দিয়ে যেতে হবে কয়েক ধাপ একটি ভাল পেতে উল্কা ইনস্টল করুন কিভাবে মনে. 

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

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

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

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

এর দ্রুত কিছু আবরণ অন্যান্য জাভাস্ক্রিপ্ট ধারণা. উদাহরণ দুটি তাকান. Ex2.js সালে, ex2.c মধ্যে, আমরা করতে পারেন আমরা কিছু কোড আছে দেখুন. আমাকে দ্রুত যাওয়া যাক একটি ভাল টেক্সট এডিটর যে এই প্রদর্শন করা হবে নতুন লাইন একটু ভাল. ঠিক আছে. এখানে আমরা উদাহরণ 2.c. আছে এখানে আমরা বিভিন্ন ধরনের আছে যে আমরা মুদ্রণ করছি. আমরা জানি এবং printf, লাগে বিভিন্ন শতাংশ আর্গুমেন্ট তথ্য বিভিন্ন টুকরা অ্যাক্সেস. আমরা প্রিন্ট করতে চান, একটি পংক্তি, আমরা% এর কল. আমরা একটি ফ্লোটিং কল করতে চান তাহলে পয়েন্ট সংখ্যা, আমরা% চ বলা হয়. এবং একটি কল করার কোন সহজ উপায় আছে তার সত্য বা মিথ্যা মান দ্বারা বুলিয়ান. আপনি% d ব্যবহার কিন্তু, যদি আপনি পেতে পারেন 0 বা মিথ্যা এবং সত্য জন্য 1. 

জাভাস্ক্রিপ্ট আমাদের জন্য একটি বিট nicer. জাভাস্ক্রিপ্ট, এর কয়েক তাকান পার্থক্য এই ফাইলের মধ্যে আছে. প্রথমত, আপনি সি আমরা আছে যে লক্ষ্য একটি টাইপ সঙ্গে প্রতি পরিবর্তনশীল আরম্ভ. S একটি গৃহস্থালি তারকা. এটি একটি স্ট্রিং, এবং এটা অন্য কোনো ধরনের হতে পারে না. এন একটি float হয়. বি একটি bool হয়. 

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

এর নোড মধ্যে এই রান ঘটতে পারে তা দেখতে. আমি নোড ex2.js কল করতে পারেন এবং আমরা printf পেতে মান এবং CS50, এন হিসাবে ফ্লোটিং পয়েন্ট সংখ্যা, এবং তারপর বুলিয়ান খ সত্য একটি স্ট্রিং রূপান্তরিত. আমরা কি উদাহরণ 2.c যদি সম্পর্কে? ভাল, আমরা এখনও কিছু আছে printf সঙ্গে আরো annoyances. লক্ষ্য করুন ফ্লোটিং পয়েন্ট যে সংখ্যা সঠিকভাবে বিন্যস্ত করা হয়েছে, এবং যে বুলিয়ান সহজভাবে করতে পারেন না সত্য বা মিথ্যা হিসাবে প্রদর্শিত হতে. ঠিক আছে. এখন এর উদাহরণ তিন তাকান. উদাহরণস্বরূপ তিন, আমরা দেখানো হয় আপনি লুপ জন্য একটি ব্যবহার হবে. বস্তুত, এটা খুব সহজ. সম্পর্কে চমৎকার বিষয় হল জাভাস্ক্রিপ্ট এটা সি ভিত্তি করে করা হয়. এর মানে হল যে অনেক আপনার কোড অনুরূপ হবে এবং খুব একই মনে হয়. একটি লুপ জন্য, শুধুমাত্র জিনিস যে সত্যিই এখানে পরিবর্তিত হয়েছে পরিবর্তে int তোমার হয়, আমরা তোমার var থাকতে. আমরা এখনও মূল্য এটি ধার্য করতে পারেন শূন্য, এটা পাঁচটি কম যে পরীক্ষা এবং এক দ্বারা এটি বাড়ায় ++ অপারেটর সঙ্গে. আমরা তোমার উপর console.log কল, এবং যে আমাদের প্রতিটি লাইন দিয়ে একটি সংখ্যা প্রিন্ট করা হবে. এর দ্রুত সত্যিই এটি চালানোর জন্য এটা আউটপুট তা দেখতে. আমরা প্রতিটি লাইন একটি নতুন নম্বর পেতে. আরেকটি বিষয় আমি আপনি চান console.log সঙ্গে লক্ষ্য করা আপনি লিখুন না আছে হয় নতুন লাইন জন্য ব্যাকস্ল্যাশ এন. Console.log প্রিন্ট করা হবে নিজস্ব লাইন সবকিছু. একটি চমৎকার বৈশিষ্ট্য জাভাস্ক্রিপ্ট আমাদের দেয় যে. 

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

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

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

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

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

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

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

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

তারপর আমরা আরম্ভ করতে পারেন এই চমৎকার সিনট্যাক্স struct, এটা যাতে জানেন, কারণ. সুতরাং রজার একটি নাম যে জানে না. এটা 2016 একটি জানে যে বছর এবং এম লিঙ্গ হয় আমরা এই বলেন, কারণ তালিকা একটি struct ছাত্র. এবং তারপর আপনি প্রিন্ট করতে পারেন এটা, s.name অ্যাক্সেস. কিভাবে আমরা এর দেখতে দিন জাভাস্ক্রিপ্ট যে রূপান্তর. এখন একটি যে এর লক্ষ্য করুন পরিবর্তনশীল, এবং কোন প্রকার আছে. এটা আবার মাত্র একটি var না. এটা যদি কোন ব্যাপার না কারণ এই পরিবর্তনশীল এর টাইপ, একটি পয়েন্টার এটা একটি struct, অথবা অন্য কিছু না. আমরা একটি কিছুটা ভিন্ন সিনট্যাক্স আছে. এই বাক্য গঠন বস্তুর সিনট্যাক্স. 

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

আমরা শুধু এই বস্তু ব্যবহার করতে পারেন একই ভাবে আমরা s.name একটি struct ব্যবহার করতে হবে. আমরা দ্রুত সত্যিই এটি চালাতে পারেন নোড উদাহরণ 5.c. করে আমরা আসলে নোড একটি সি ফাইল চালানো যাবে না. এটা সি কি না জানি না. এটা শুধুমাত্র জাভাস্ক্রিপ্ট জানেন. আমরা ex5.js চালানো হলে, আমরা পেতে আমরা আশা যা মান,. 

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

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

অ্যারে সম্পর্কে তাই আরেকটি চমৎকার জিনিস আপনি বিভিন্ন ধরনের আছে করতে পারেন. আপনি সি একটি অ্যারের আছে, সেখানে একটি নির্দিষ্ট মান অ্যারে, একটি struct পয়েন্টার হয় বা [শ্রবণাতীত] floats বা. এখানে, আপনি বিভিন্ন মান থাকতে পারে. আমি প্রথম একটি ফ্লোটিং পয়েন্ট সংখ্যা ছিল, তারপর একটি বুলিয়ান, তারপর অন্য পূর্ণসংখ্যা. এবং প্রকৃতপক্ষে, তারা খুব ধরনের পরিবর্তন করতে পারেন. লাইন 16 তাকান. এরে দুই থেকে পরিবর্তন করা হয় একটি পংক্তি একটি সংখ্যা, একটি পূর্ণসংখ্যা. 

অ্যারে সম্পর্কে আরেকটি চমৎকার জিনিস এখানে লাইন 19, তারা অসীম আকার আছে. আপনি শুধু আমি শততম চান বলতে পারেন উপাদান পাঠ্য পংক্তি হতে. এবং এই না বলে মনে হচ্ছে না জ্ঞান কারণ অ্যারের শুধুমাত্র তিনটি উপাদান জন্য স্থান আছে, তাই শেষ দুই হতে হবে. আপনি এই কাজ করতে হলে, আসুন তিন কি হয়ে অ্যারের দেখুন. আমরা দ্রুত এই চালানো হবে নোড উদাহরণ six.js. সঙ্গে আমরা এই সত্যিই দীর্ঘ পেতে অ্যারে, এবং কি আমরা প্রথম কয়েক উপাদান আছে ঐ খালি এবং তারপর একটি গুচ্ছ যতক্ষণ না আমরা আমাদের স্ট্রিং পেতে. জাভাস্ক্রিপ্ট fills অ্যারে এটি এর প্রয়োজন হয়. 

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

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

নেই শুধু foreach loops না তালিকা বা অ্যারে কাজ, তারা বস্তু কাজ, যা চমৎকার. আপনি নাম পেতে পারেন শুধু গ্রহণ করে প্রতি সম্পত্তি একটি অভিধান বা একটি বস্তু, ছাত্র মত, এবং তারপর আমার প্রতি কি দিতে বলছে. একটি কি এই হতে পারে বৈশিষ্ট্য, নাম বা ঘর. তাই এখানে ঘটতে যাচ্ছে কি যে হয় আমরা প্রথম নাম এবং তারপর প্রিন্ট আউট প্রত্যেক ছাত্র এর ঘর. 

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

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

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

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

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

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

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

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

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

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

শ্রোতা: আমি এখন এটি ডাউনলোড করা হলে আপনার GitHub থেকে, তারপর আমি কি করা উচিত [শ্রবণাতীত]? 

রজার ZURAWICKI: আপনি যদি চান আপনি এটি অ্যাক্সেস করতে পারেন তা নিশ্চিত করার জন্য, আপনি চালাতে পারেন একটি কমান্ড আছে. দ্রুত আমাকে এটি লিখুন তাই অন্য মানুষ তা দেখতে পারেন. আমি এখানে একটি নতুন ট্যাব খোলা যাচ্ছে না এবং আমার সেমিনার ফোল্ডার মধ্যে যান. Chmod কমান্ড অনুমতি পরিবর্তন করার জন্য, এটা করতে জন্য এবং আপনি আর বলতে পারেন পৌনঃপুনিকভাবে প্রতিটি ফাইলের জন্য. এবং অনুমতি, আপনি 0755 চেষ্টা করতে পারেন আপনি পূর্ণ প্রবেশাধিকার আছে কি না নিশ্চিত করতে, এবং অন্য সবাই পড়তে পারেন. এবং আপনি শুধু চালানো এই কমান্ড, এটা করতে হবে নিশ্চিত অনুমতি আছে পুরো ডিরেক্টরি জন্য চেক করুন. -L ম চলমান আপনি প্রদর্শন করতে পারেন আরো বিস্তারিত অনুমতি. এই ঠিক আছে মনে হচ্ছে. 

কি সবচেয়ে গুরুত্বপূর্ণ হল আপনি সব তিন আছে সব ফাইল জন্য rwx সেমিনারে ডিরেক্টরি. যে সমস্যার সমাধান? 

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

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

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

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

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

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

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

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

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

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

এখন, উল্কা একটি নতুন দৃষ্টান্ত ব্যবহার করে. এটি একটি আরো আধুনিক উপায় একটি ডাটাবেস সামলাচ্ছে. এটা MongoDB নামক একটি প্রযুক্তি. শুধু জাভাস্ক্রিপ্ট মত, আমরা তা দেখেছি যে তথ্য ছিল কি ধরনের কোন ব্যাপার না. সবকিছু একটি var ছিল. এটি একটি charstar ছিল না. এটা কোন int না. এটা একটি struct ছিল না. এটা যে Var, শুধু এই var ছিল. 

MongoDB একই ভাবে ধরনের কাজ করে. আপনি আপনার টেবিল নির্ধারণ করতে হবে না. আপনি একটি টেবিল বলার আছে না কোন int আছে, যা একটি নাম আছে. এটা আমি জানি না, একটি আছে একটি দশমিক যা ডলার. এটা শুধু এই জাভাস্ক্রিপ্ট বস্তু এর এই সব Vars, মূলত. এবং এই একটি সত্যিই শক্তিশালী আপনার অ্যাপ্লিকেশন প্রোটোটাইপ উপায়. এবং যে উল্কা কেন এই সুবিধা নেয়. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

আমি একটি বাটন আছে ফেসবুকে লগইন কনফিগার করুন. এবং এখানে, আমি সব আছে নির্দেশাবলী উল্কা জন্য আপনার জন্য প্রস্তুত করেছে একটি ফেসবুক অ্যাপ্লিকেশন সেট আপ. এবং যদি আপনি ব্যবহার করতে পারেন তথ্য আপনার ID- র যোগ করুন. একবার যে কাজ করে, আপনি পাবেন আপনার app এর মধ্যে কাজ ফেসবুকে লগইন. 

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

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

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

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

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

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

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

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

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

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

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

অন্য যে কোন প্রশ্ন আছে? হিউস্টন সাধারণত হয় একটি খুব ভাল কাজ করে যে হাতিয়ার. হিউস্টন বিশেষভাবে একটি বিট অন্যান্য বেশী buggier, কিন্তু আমি এটা কাজ করে যখন এটা সুপারিশ করবেন না. হ্যাঁ. 

শ্রোতা: আপনি কি করতে পারেন ফেসবুক প্যাকেজের সাথে একটি ব্যবহারকারী দর্শন লগ করা একবার তাদের ফেসবুক দিয়ে? 

রজার ZURAWICKI: একবার একটি ইউজার এর লগ ইন আপনি ফেসবুক API 'কল করতে পারেন. যে অনেক আরো মিথ্যা কিভাবে ফেসবুক তাদের API- র প্রর্দশিত হবে. উল্কা, আপনি নিশ্চিত করুন সংযোগ আছে. কিন্তু পরে সব ব্যাপার ফেসবুক API- টি ব্যবহার শেখার কিভাবে. শ্রোতা: [শ্রবণাতীত]. রজার ZURAWICKI: ঠিক আছে. জন্য আপনাকে অনেক ধন্যবাদ উল্কা মধ্যে এই CS50 সেমিনার. যদি আপনার কোন প্রশ্ন থাকে, তাহলে, আপনি আমাকে ইমেইল করতে পারেন আমার ইমেইল ঠিকানায় সেমিনারে নীচে তালিকাভুক্ত করা. এবং আমি খুশি হবেন আপনার প্রশ্নের উত্তর. আমি হতে হবে এবং CS50 Hackathon উচিত আপনি আপনার উল্কা প্রকল্প সাহায্য প্রয়োজন. দেখার জন্য আপনাকে ধন্যবাদ.